@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	margin: 0px;
    padding: 0px;
}

body{
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
a, a:hover{
	text-decoration: none;
}

button{
	border-radius: 0px;
	border:inherit;
	outline: none;
}

button:focus{
	border-radius: 0px;
	border:inherit;
	outline: none;
	box-shadow: none;
}

ul{
	margin: 0px;
	padding:0px;
}

ul li{
	list-style: none;
}

input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}


:root {
  --lightorange: #fecf32;
  --red: #084298;
  --white: #fff;
}

.wb-heading{
    margin-bottom: 20px;
}

.wb-heading h2{
    color: #000;
    font-weight: 700;
    font-size: 32px;
}

.wb-heading h2 span{
    color: var(--red);
}

.wb-heading h1{
    color: #000;
    font-weight: 700;
    font-size: 48px;
}

.wb-heading h1 span{
    color: var(--red);
}
.header-nav .banner-button .blue-line-btn.red-btn {
    background-color: var(--red);
    border: 2px solid var(--red);
}
.header-nav .banner-button .blue-btn.red-btn {
    border: 2px solid var(--red);
    color: var(--red);
}
.header-nav .banner-button .blue-line-btn.red-btn:hover {
    background-color: #fff;
    border: 2px solid var(--red);
    color: var(--red);
}
.header-nav .banner-button .blue-btn.red-btn:hover {
    border: 2px solid var(--red);
    background-color: var(--red);
    color: #fff;
}
.header-nav .banner-button  {
   margin-top:0px;
}
/*menu css start*/

.header-nav{
    background-color: #fff;
}

.header-nav nav ul li{
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
}

.header-nav nav ul li:hover a, .header-nav nav ul li.active a{
    color: var(--red)!important;
}
.header-nav nav ul li.active:before {
    width: 100%;
}

.header-nav nav ul li .nav-link{
    color: #000!important;
    font-size: 16px;
    font-weight: 500;
}

.header-nav nav ul li .dropdown-menu{
    border: 0px;
}

.header-nav nav ul li .dropdown-menu li{
    margin-right: 0px;
    margin-left: 0px;
    padding: 5px 0px;
}

.header-nav nav ul li .dropdown-menu li a:hover{
    background-color: inherit!important;
    color: var(--red)!important;
}

.header-nav nav ul li .dropdown-menu li a{
    color: #000!important;
}

.header-nav nav ul li .dropdown-menu li:before{
    display: none;
}

.dropdown-item.active, .dropdown-item:active {
    color: #212529;
    text-decoration: none;
    background-color: #e9ecef;
}

.header-nav .navbar-brand img{
    width: 120px;
    transition: .3s ease;
}
.top_bar{
    background: #000;
}
.header-nav nav ul li:before{
    position:absolute;
    content: "";  
    left:50%; top:40px; width:0%; 
    height:3px; 
    background-color:var(--red); 
    transform:translateX( -50% ); 
    -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
    -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
    transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.header-nav nav ul li:hover:before{
    width:100%;
}
.header-nav .navbar-collapse {
 
}

/*menu css end*/

/*home-banner css start*/

.home-banner{
    padding: 50px 0px;
    background: #f3f4f7;
}

.home-banner .banner-content{
    padding-right: 50px;
}

.home-banner .wb-heading{
    position: relative;
}

.home-banner .wb-heading:before{
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    left: -40px;
    top: -25px;
    background-image: url(../images/banner-before.png);
    background-repeat: no-repeat;
}

.home-banner .banner-content h5{
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.home-banner .owl-carousel .item{
    border: 0px;
}

.banner-button{
    margin-top: 30px;
}

.banner-button a{
    display: inline-block;
    font-size: 18px;
}

.banner-button .blue-btn{
    padding: 8px 20px;
    border:2px solid var(--red);
    color: var(--red);
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    margin-right: 15px;
}

.banner-button .blue-btn:hover{
    background-color: var(--red);
    color:#fff;
}

.banner-button .blue-line-btn{
    padding: 8px 20px;
    border:2px solid var(--red);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    background-color: var(--red);
}

.banner-button .blue-line-btn:hover{
    background-color: transparent;
    color:var(--red);
}

.white-btn {
    padding: 8px 20px;
    border:2px solid transparent;
    color: #000;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    margin-right: 15px;
}

.slide_content .blue-btn.white-btn:hover {
    background-color: var(--white);
    color:var(--red);
}

/*home-banner css end*/

/*value-added css start*/

.value-added{
    margin-top: 80px;
    position: relative;
}
.value-added:after{
    position: absolute;
    content: "";
    background-color: whitesmoke;
    height: 400px;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

.value-added .added-image{
    background-image: url(../images/Value-Added.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 100px;
    position: relative;
    z-index: 1;
}

.value-added .added-image:before{
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, #1b449dab , #1b449d00);
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.value-added .added-image .wb-heading h2{
    color: #fff;
    display: grid;
}

.value-added .added-image .wb-heading h2 span{
    color: transparent;
    -webkit-text-stroke: 1px var(--lightorange);
}

.value-added .value-box{
    padding: 40px 20px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 170px;
    background-color: #fff;
    margin-top: 30px;
}

.value-added .value-box:before{
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-out;
}
.value-added .value-box:hover:before {
    z-index: -1;
    bottom: 0;
    background-color: var(--red);
}

.value-added .value-box:after{
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    bottom: -1px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    margin-top: -1px;
    background-color: var(--lightorange);
}

.value-added .value-box:hover:after {
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s all ease;
}

.value-added .value-box:hover i{
    color: var(--lightorange);
}

.value-added .value-box:hover h4{
    color: #fff;
}


.value-added .value-box i{
    color: var(--red);
    font-size: 36px;
    margin-bottom: 15px;
}

.value-added .value-box h4{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}


/*value-added css end*/


/*about-us css start*/

.about-us{
    margin-top: 80px;
    margin-bottom:60px;
}

.about-us .card{
    border-image: linear-gradient(62deg, #fef538 45%, #fe001b 45%) 1;
    border-width: 4px;
    border-radius: 0px;
    border-style: solid;
}
.about-us .card:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.about-us .bg-about{
    background-color: var(--lightorange);
}

.about-us .about-content{
    padding-left: 50px;
}

.about-us .about-content p{
    color: #000;
    text-align: justify;
    font-size: 16px;
}

.about-image img{
    border-radius: 10px;
}
.graybg{
    background-color: #f4f4f4;
}
.br-12{
    border-radius: 12px;
}
.read-btn{
    background-color: var(--red);
    color: #fff;
    padding: 8px 25px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid var(--red);
    border-radius: 5px;
    transition: 0.3s;
    display: inline-block;
}

.web-button{
    margin-top: 20px;
}

.read-btn:hover{
    background-color: transparent;
    color: var(--red);
}

/*about-us css end*/

/*why-choose-us css start*/

 .why-choose{
    margin-top: 80px;
    background: linear-gradient(to right, #d90626, #000000a1), url(../images/why-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 60px;
}

.choose-main{
    position: relative;
}

.choose-main .why-choose-sec{
    position: absolute;
    width: 100%;
    top: 120px;
}


.why-choose .wb-heading h2{
    color: #fff;
}

.why-choose .wb-heading h2 span{
    color: #ffffff;
}

.why-choose-sec .via-sky-box{
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    min-height: 175px;
}

.why-choose-sec .via-sky-box .sky-box-content{
    margin-top: 30px;
}

.why-choose-sec .via-sky-box .sky-box-content h5{
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
}

.why-choose-sec .via-sky-box .sky-box-content p{
    margin-bottom: 0px;
}

.why-choose-sec .via-sky-box .sky-box-image {
    position: relative;
}

.why-choose-sec .via-sky-box .sky-box-image:before {
    content: "";
    background-color: var(--red);
    border-radius: 50%;
    position: absolute;
    bottom: -10px;
    left: 63px;
    transition: 0.3s ease-in-out;
}

.why-choose-sec .via-sky-box .sky-box-image img {
    position: relative;
    width: 60px;
    transition: 0.3s ease-in-out;
}

.why-choose-sec .via-sky-box .sky-box-image:before {
    width: 40px;
    height: 40px;
    position: absolute;
}

.why-choose-sec .via-sky-box:hover .sky-box-image:before {
    transform: scale(1.2);
    bottom: -10px;
}

.why-choose-sec .via-sky-box:hover .sky-box-image img {
    transform: translateY(-5px);
}

/*why-choose-us css end*/

/*our-partner css start*/

.our-partner{
   padding: 80px 0px;
}

.our-partner .partner-list{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}

.our-partner .partner-list li{  
   border: 1px solid rgba(0,0,0,.1);  
   margin: .5rem;  
   padding: .5rem;
}

.our-partner .partner-list li img{
  
}

/*our-partner css end*/

/*our-services css start*/

.our-services{
    margin-top: 80px;
}

.our-services .working-progress {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    overflow: hidden;
    padding: 30px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    text-align: center;
    display: block;
    min-height: 270px;
}

.our-services .working-progress:before{
    background-color: var(--red);
    border-radius: 50px;
    content: '';
    position: absolute;
    right: -60px;
    top: -40px;
    transition: all .3s;
    width: 100px;
    height: 100px;
    z-index: -1;
}

.our-services .working-progress:hover:before{
    background-color: var(--red);
    border-radius: 0;
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
}

.our-services .working-progress .progress-icon{
  background-color:whitesmoke ;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 80px;
  margin: 0 auto;
}

.our-services .working-progress:hover .progress-content h5{
    color: #fff;
}

.our-services .working-progress:hover .progress-content p{
    color: #fff;
}

.our-services .working-progress .progress-icon img{
    width: 50px;
}

.our-services .working-progress .progress-content{
    margin-top: 20px;
}

.our-services .working-progress .progress-content h5{
    font-weight: 600;
    font-size: 24px;
    color: #000;
}

.our-services .working-progress .progress-content p{
    margin-bottom: 0px;
    color: #333;
    font-size: 16px;
}
/*our-services css end*/

/*Documents css */
.feature-block {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
.feature-block .inner-box {
    border: 1px solid #085aa7;
    border-radius: 10px;
    box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.feature-block .icon-box {
    background-color: #085aa7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 15px;
    position: relative;
    text-align: center;
}
.feature-block .icon-box svg {
    color: #fff;
    width: 50px;
    height: 50px;
    transition: all .3s ease;
}
.feature-block .icon-box .count {
    color: transparent;
    font-size: 40px;
    line-height: 1em;
    transition: all .3s ease;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #fff;
}
.feature-block .content-box {
    padding: 10px 20px;
    position: relative;
}
.feature-block .content-box .title a {
    color: black !important;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}
.feature-block .content-box .text {
    color: #767676;
    font-size: 14px;
}
.services{
    padding: 80px 0px 80px;
    background: #fff;
}
.documents  .wb-heading {
    margin-bottom: 40px;
}
/*Documents css end*/
/*multi-map css start*/

.multi-map{
    margin-top: 150px;
}

.multi-map .map-box{
    border-radius: 20px;
    border: 3px solid var(--red);
    display: block;
}

.multi-map .map-box:hover img{
    filter: grayscale(0%);
}

.multi-map .map-box img{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.multi-map .map-box h5{
    background-color: var(--red);
    color: #fff;
    padding: 15px;
    margin-bottom: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

/*multi-map css end*/

/*back to top button*/

#myBtn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-color: var(--red);
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border: 3px solid #eee;
    z-index: 2;
    display: none;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 5%);
    
}

#myBtn i{
    color: #fff !important;
	font-size: 18px;
}

/*back to top button*/

/*whatsapp css start*/

.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    border-radius: 50%;
    animation: ripple-out 1.5s ease-in-out infinite;
    z-index: 99;
    transition: 0.3s;
}

.btn-whatsapp-pulse:hover{
    rotate: 30deg;
    transition: 0.3s;
}

.btn-whatsapp-pulse:hover{
    color: #fff;
}

@keyframes ripple-out{
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  100% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

/*whatsapp css end*/

/*footer-top css start*/

.top-footer {
    padding: 60px 0px;
    background-image:linear-gradient(#000000e8, #000000f2), url(../images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  
  .footer-widget.footer-logo-section {
    color: var(--white);
  }
  
  .footer-logo-section img {
    width:  170px;
  }
  
  .footer-social a {
    background: var(--red);
    padding: 10px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-social {
    display: flex;
  }
  .footer-social a:hover {
    background: var(--red);
  }
  
  .footer-widget h4 {
    color: var(--white);
    font-weight: 600;
    margin-bottom: 20px;
  }
  
  ul.footer-links li {
    font-size: 17px;
    list-style: none;
    color: var(--white) !important;
    margin-bottom: 10px;
  }
  
  ul.footer-links li a {
    color: #929292 !important;
    position: relative;
  }
  
  ul.footer-links li a:hover {
    color: var(--secondry) !important
  }
  
  
  
  .footer-address p {
    color: var(--white);
  }
  
  .footer-contact-section i {
    color: var(--white) !important;
    margin-right: 10px;
    color: var(--secondry);
  }
  
  .footer-contact-section a {
    color: var(--white);
    font-size: 16px;
  }
  
  .footer-contact-section {
    display: flex;
    align-items: flex-start;
  }
  
  .footer-contact-section.footer-phone {
  display: block;
  }
/*footer css end*/

/*footer_bottom css start*/

.footer_bottom{
    padding: 10px 0px;
    background-color: var(--red);
    border-top:1px solid #f5f5f5;
}

.footer_bottom p{
    margin-bottom: 0px;
    color: #fff;
}

.footer_bottom .designed_by{
    text-align: right;
}
.footer_bottom .designed_by p {
    color: #1370cd;
}
.footer_bottom .designed_by p a{
    color: #1370cd;
}


/*footer_bottom css end*/



/*responsive css start*/

@media (min-width: 991px){
	.header-nav nav ul li:hover .dropdown-menu{ 
       display: block; 
       position: absolute;
       padding: 0px 0px;
       box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
       border-radius: 10px;
       padding: 5px 0px;
   }
   .header-nav .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20%);
      transition: all .5s;
      padding-bottom: 0px;
   }
   .header-nav .dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0%);
   }

}



@media (max-width: 1400px){
    .why-choose-us .why-image img{
        width: 300px!important;
    }
    .why-choose-us .why-image {
    top: -100px;
    } 
    .value-added .value-box{
        min-height: 190px;
    }
    .why-choose-us{
        margin-top: 160px;
    }
    .multi-map .site-map .icon-img-one{
        left: 8%;
        top: 8%;
    }
    .multi-map .site-map .icon-img-two{
        left: 60%;
    }
    .multi-map .site-map .icon-img-three {
       top: 65%;
       left: 76%;
    }
    .why-choose-sec .via-sky-box{
        min-height: 195px;
    }
    .why-choose-sec .via-sky-box .sky-box-image:before{
        left: 48px;
        bottom: -15px;
    }
    .why-choose-sec .via-sky-box .sky-box-content h5{
        font-size: 16px;
    }
    .multi-map .map-box h5{
        font-size: 20px;
    }

}


@media (max-width: 1200px){
    .multi-map .map-box h5{
        font-size: 17px;
    }
    .why-choose-sec .via-sky-box .sky-box-image:before{
        left: 33px;
    }


}

@media (max-width: 991px){
    .header-nav .navbar-brand img{
        width: 180px;
    }
    #slider{
        height: 350px;
    }
    .slider-inner-content h1{
        font-size: 2em;
    }
    .value-added .value-box{
        padding: 30px 30px;
    }
    .about-us .about-content{
        padding-left: 0px;
        margin-top: 30px;
    }
    .header-nav nav ul li{
        margin-left: 0px;
    }
    .header-nav nav ul li .dropdown-item{
        padding: 0.25rem 0rem;;
    }
    .header-nav nav ul li .dropdown-menu {
        padding:0rem 0rem ;
    }
    .why-choose-us .why-image{
        display: none;
    }
    .why-choose-us .why-fps ul li{
        width: 50%;
    }
    .why-choose-us{
        margin-top: 80px;
    }
    .footer .fltr-footer{
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .wb-heading h1{
        font-size: 38px;
    }
    .home-banner .banner-content h5{
        font-size: 18px;
    }
    .value-added .value-box {
        min-height: 130px;
    }
    .value-added:after{
        height: 500px;
    }
    .our-services .working-progress{
        min-height: 295px;
    }
    .why-choose-sec .via-sky-box .sky-box-image:before {
       left: 73px;
    }
    .why-choose-sec .via-sky-box {
       min-height: 150px;
    }
    .multi-map {
      margin-top: 320px;
    }
    .footer-top p{
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-top .button{
        text-align: center;
    }
    .home-banner .banner-content{
        padding-right: 0px;
    }


}

@media (max-width: 767px){
    #slider {
        height: 250px;
    }
    .slider-inner-content h1{
        font-size: 1.3em;
    }
    .footer_bottom .copyroght{
        text-align: center;
    }
    .footer_bottom .designed_by{
        text-align: center;
        padding-top: 10px;
    }
    .why-choose-us .why-fps ul li h4 p{
        font-size: 18px;
    }
    .why-choose-us .why-fps ul li:after{
        right: 45px;
        width: 90px;
    }
    .ser-effect .over-view{
        font-size: 18px;
    }
    .multi-map .site-map .icon-img-one{
        left: -5%;
        top: -2%;
    }
    .multi-map .site-map .icon-img-two{
        top: 20%;
        left: 50%;
    }
    .multi-map .site-map .icon-img-three{
        left: 65%;
        top: 58%;
    }

    .home-banner .row{
        flex-direction: column-reverse;
    }
    .home-banner .banner-content{
        margin-top: 30px;
    }
    .value-added .added-image{
        padding: 60px 40px;
    }
    .value-added .value-box {
       min-height: 150px;
    }
    .value-added:after {
       height: 460px;
    }
    .our-services .working-progress {
       min-height: auto;
    }
    .multi-map {
      margin-top: 500px;
    }
    .why-choose-sec .via-sky-box {
      min-height: 165px;
    }
    .why-choose-sec .via-sky-box .sky-box-image:before {
      left: 88px;
    }
    .choose-main .why-choose-sec {
         position: relative; 
    }
    .banner-button .blue-line-btn {
        font-size: 16px;
    }
    .header-nav .banner-button {
        margin-top: 10px;
    }
    .Breadcrumb-section {
        padding: 15px 0px !important;
    }
    .benefits-icon img{
        width: 55px;
    }
    .single-benefit h5{
        font-size: 16px;
    }
    .key-benefits {
        padding: 50px 0px !important;
    }
    .key-benefits h2 {
        font-size: 30px !important;
        font-weight: 700;
    }
    
    
    .banner-section .owl-carousel .owl-item img {
        display: block;
        width: unset !important;
    }
    .slide_content h1 {
        font-size: 2rem !important;
    }
    .track-box{
        margin-top: 30px;
    }
    .top_bar a{
        font-size: 12px;
    }
}

@media (max-width: 575px){
    #slider {
        height: 200px;
    }
    .slider-inner-content h1{
        font-size:0.8em;
        font-weight: 700;
    }
    .slider-inner-content p{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .slider-inner-content{
        width: 100%;
    }
    .value-added .value-box{
        min-height: 115px;
    }
    .value-added{
        margin-top: 50px;
    }
    .wb-heading h2{
        font-size: 24px;
    }
    .about-us{
        margin-top: 50px;
    }
    .why-choose-us{
        margin-top: 50px;
    }
    .our-services{
        margin-top: 50px;
    }
    .multi-map{
        margin-top: 930px;
    }
    .footer:after{
        display: none;
    }
    .why-choose-us .why-fps ul li {
        width: 100%;
    }
    .why-choose-us .why-fps ul li:after {
       right: 100px;
       width: 111px;
    }
    .lst-fltr{
        margin-bottom: 0px!important;
    }
    .multi-map{
        overflow: hidden;
    }
    .multi-map .site-map .map-location img {
       width: 20px;
    }
    .multi-map .site-map .icon-img-one {
       left: -10%;
       top: -3%;
    }
    .multi-map .site-map .icon-img-two {
       left: 46%;
    }
    .multi-map .site-map .icon-img-three{
        left: 61%;
    }
    .home-banner .wb-heading:before{
        display: none;
    }
    .value-added .added-image {
       padding: 30px 25px;
    }
    .value-added .value-box {
       padding: 15px 15px;
    }
    .value-added .value-box h4{
        font-size: 14px;
    }
    .value-added:after {
      height: 350px;
    }
    .why-choose-sec .via-sky-box .sky-box-image:before {
       left: calc(50% - 20px);
    }
    .why-choose-sec .via-sky-box{
        min-height: auto;
    }
    .home-banner .banner-content {
       margin-top: 20px;
    }
   .our-partner .partner-list li img {
       width: 132px;
    }
    .footer-top p{
        font-size: 20px;
    }

}

/*responsive css end*/

#hero_slide {
    position: relative;
}
  #hero_slide:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgb(34 34 34 / 62%);
  }
  .banner-section {
    position: relative;
    background-image: url(../images/banner.webp);
    height: 90vh !important;
    background-position: left;
    background-size: cover;
    overflow: hidden;
}
.banner-content {
    position: absolute;
    top: 50%;
    z-index: 7;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slide_content{
    position: absolute;
}
  .slide_content h1{
    font-size: 2rem;
    color: #000000;
    font-weight: 700;
  }
  .slide_content h3{
    color: var(--red);
    font-weight: 700;
    font-size: 22px;
  }
  .track-box {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 12px 24px #4429be1f;
    border: 1px solid #0000000d;
    border-radius: 22px;
    
}
.track-box .tit {
    background: var(--red);
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-style: italic;
    font-weight: 500;
    position: relative;
    padding: 18px 110px 18px 30px;
    border-radius: 20px 20px 0 0;
}
.track-box-inn {
    padding: 28px 30px 40px;
}
.track-box-inn .nav-item .nav-link {
border:none !important;
position: relative;
padding: 5px 10px 5px 35px;
color: #000;
}
.track-box-inn .nav-item .nav-link::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 5%;
    background: #f4f4f4;
    border: 2px solid #a5a5a5;
    box-shadow: 0px 0px 0px 3px #0f5ca900;
    border-radius: 50%;
    transform: translate(0px, -50%);
    transition: .3s cubic-bezier(0.23, 1, 0.320, 1);
}
.track-box-inn .nav-item .nav-link.active::after{
    background: linear-gradient(45deg, #f01434, #ffb7b7);
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 0px 3px #0f5ca9;
}
.track-box-inn .nav-item .nav-link.active {
    border:none !important;
}
.track-box-inn  .nav-tabs {
 border-bottom: 0px !important;
}
.track-box-inn  .tab-content {
 margin-top:20px;
}
.track-box .tit .icon {
    position: absolute;
    right: 30px;
    top: 22px;
}
.track-box  input.form-control {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    border: 1px solid #00000012;
    border-radius: 6px;
    padding: 13px 14px !important;
    letter-spacing: 0px;
    color: #313131;
    font-size: 14px;
    width: 100%;
    line-height: 16px;
}
button.btn.track-form-btn {
    background: var(--red) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    border-radius: 10px;
    font-size: 16px;
    line-height: 19px;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 500;
    padding: 13px 14px;
    cursor: pointer;
}
.bottomContentWrapper {
    padding: 30px 0 0;
    border-top: 1px solid #EAEAEA;
    margin-top: 30px;
}
.bottomContentWrapper h3 {
    letter-spacing: 0px;
    color: #0B0757;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 21px;
    margin-bottom: 10px;
}
.fontSize16 {
    font-size: 14px;
    line-height: 20px;
}
.track-box-inn .nav-item .nav-link.active .form-check-input:checked {
    background-color: var(--red);
    border-color: var(--red);
}
  @keyframes zoom {
    0%{
      transform: scale(1);
    }
    100%{
      transform: scale(1.1);
    }
  }

  /* ---------------------------------  Inner pages Css -----------*/
  /*  Breadcrumb Section */
.Breadcrumb-section {
    background-image: url('../images/breadcrumb-bg.jpg');
    padding: 100px 0px;
    background-position: center center;
  }
  .title-box .page-title-heading h1 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 54px;
    line-height: 50px;
    color: var(--white);
    margin-bottom: 0;
  }
  .breadcrumb-wrapper span {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
  }
  .breadcrumb-wrapper i {
    color: var(--lightorange);
  }
  .breadcrumb-wrapper span:last-child {
  color: var(--lightorange);
  }
  .breadcrumb-wrapper span a {
    font-weight: 500;
    color: var(--white);
    text-decoration: none;
  }
  .breadcrumb-wrapper span a i {
    
    color: var(--white);
    
  }
  .breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .key-benefits {
    background-image: url('../images/benefits-bg.jpg');
    padding: 80px 0px;
    text-align: center;
  }
  .key-benefits h2 {
   font-size: 48px;
   font-weight: 700;
  }
  .benefits-list {
    margin-top: 60px;
  }
  .single-benefit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .single-benefit h5 {
    font-weight: 700;
  }
  .contact-area {
    padding: 80px 0px;
  }
 .contact-social ul li{
    display: inline-block;
    margin-right: 10px;
  }
  
 .contact-social ul li a{
    height: 30px;
    width: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 5px; 
  }
  
.contact-social ul li:first-child a{
    background-color: #1877F2;
  }
  
.contact-social ul li:nth-child(2) a{
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  }
  
.contact-social ul li:nth-child(3) a{
    background-color: #000;
  }
  
.contact-social ul li:nth-child(4) a{
    background-color: #0A66C2;
  }
  .contact-area h5 {
margin:40px 0px 20px 0px;
  }
.contact-area .phone span {
font-size: 25px;
color: var(--red);
font-weight: 600;
}
.contact-area span.email {
    font-size: 20px;
    font-weight: 600;
    margin-bottom:20px
}
.services-main {
  padding: 0px 0px;
}
.main-service-single {
  margin-top: 100px;
}
img.main-service-img {
  border-radius: 20px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
}
.text-justify {
  text-align: justify;
}
.contact-form input::placeholder {
font-size: 14px;
color: #acacac;
}
.contact-form textarea::placeholder {
  font-size: 14px;
  color: #acacac;
  }
  .email a {
    color: #212529;
  }
  .contact-form select {
    font-size: 14px !important;
  color: #acacac !important;
  }
.service-section{
    padding: 0 0 60px;
}
.service-section h1{
    font-size: 28px;
    font-weight: 600;
}
.service-section p{
    font-size: 18px;
}
.contact-section .forms-section {
    padding: 30px 30px 30px 10px;
    margin: 50px 0;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.aside {
    /* background-image: linear-gradient(to left bottom, #051937, #002350, #002d69, #003684, #01409f); */
    background-image: linear-gradient(to left bottom, var(--red), #295fb1 , var(--red), #1c67cf, var(--red));
    animation: animateClr 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
    background-size: 400%;
    color: #fff;
}
@keyframes animateClr {
    0% {
        background-position: 0% 50%;
    }
    
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.contact-section .forms-section .form-box {
    padding: 30px;
}
.contact-section .form-control {
    background-color: #f4f4f4;
    border: 0;
    padding: 12px 10px;
}
.contact-section .form-select {
    background-color: #f4f4f4;
    border: 0;
    padding: 12px 30px 12px 10px;
}
.contact-section .form-control:focus , .contact-section .form-select:focus{
    box-shadow: 0px 0px 0px 1px var(--red);
}
@media screen and (max-width:768px) {
    .banner-section {
        height: 65vh !important;
    }
    .our-partner {
        padding: 20px 0px;
    }
}
@media screen and (max-width:1000px) {
    .slide_content{
        position:relative;
    }
}
.services .card .box .icon .iconBox {
    background: var(--red);
  }

 .services .content {
    padding: 0.938rem 0.625rem;
  }

 .services .content h3 {
    text-transform: capitalize;
    font-size: clamp(1.5rem, 1.3909rem + 0.4364vw, 1.8rem);
  }

 .services .card-inner {
    position: relative;
    width: inherit;
    height: 18.75rem;
    background: var(--clr);
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }

 .services .box {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
  }

 .services .imgBox {
    position: absolute;
    inset: 0;
  }

 .services .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

 .services .icon {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 6rem;
    height: 6rem;
    background: var(--clr);
    border-top-left-radius: 50%;
  }

 .services .card:hover .iconBox {
    transform: scale(1.1);
  }

 .services .icon::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
  }

 .services .icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);
  }

 .services .iconBox {
    position: absolute;
    inset: 0.625rem;
    background: #282828;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
  }
  .cta{
    background-color: var(--red);
    /* background-image: linear-gradient(To right, #00000085, transparent), url(../images/cta-bg.webp); */
    background-position: center;
    background-size: cover;
    background-blend-mode: luminosity;
  }
.chooseus{
    padding: 80px 0;
    background-color: #f5f5f5;
}
  .chooseus .prvdr-box img {
    width: 45px;
    margin-bottom: 10px;
}
.chooseus .prvdr-box {
    background-color: #ffffff;
    padding: 15px;
    height: 100%;
}

.contact-us .card i {
    font-size: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    background: var(--red);
    color: var(--lightorange);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    margin-right: 18px;
}

.form-control:focus {
    color: #212529;
    border: 1px solid;
    border-color: var(--red) !important;
    box-shadow: unset !important;
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .slide_content {
        top: -115px;
    }
}
/* Default size for desktop */
.logo-img {
  max-height: 60px;
  width: auto;
}

/* Smaller on mobile */
@media (max-width: 576px) {
  .logo-img {
    max-height: 50px;
  }
}