@import url(../css/font.css);
body{font-family: 'Helvetica', sans-serif;overflow-x: hidden !important;scroll-behavior: smooth;}
html{overflow-x: hidden !important;}
p{font-size:15px !important;}
@media(max-width:767px){
    p{font-size:13px !important;line-height:20px !important;}
}
/*---------------Header---------------*/
header{padding-top: 15px ;background-color: transparent;}
.header-btm-line{width: 91%;height: 2px;background-color: #072C49;margin-top: 15px;}
.header.sticked {
    transition: all 1s;
    background: #fff;
    border: none;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0,0.4);
    padding-top: 0;
   
  }
  .header.sticked .navbar-expand-lg .navbar-nav .nav-link{ color: #343434;}
@media(min-width:1600px){
    .header-btm-line{width: 85%; }
}
.bg-light{background-color: transparent !important;}
.navbar-expand-lg .navbar-nav .nav-link{font-weight:500;font-size: 15px;color: #fff;padding: 10px 12px ;}
.navbar-expand-lg .navbar-nav .nav-link:hover{border-bottom: 2px solid #BF892C;}
.navbar-toggler-icon{width: 65px;height:65px; background-image: url(../images/icons/toggle-icon.webp);background-repeat: no-repeat;background-size: cover;}
#brand-logo{width:85%;}



@media (max-width:991px){
    .nav-ul{background-color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link{color: #343434 !important;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color: #BF892C !important;}
}

/*---------------Banner---------------*/
.Banner-top-div{height: 355px;}

/* .banner-main{} */

/* .banner-slider-wrapper{position: absolute;bottom: 290px;} */
.carousel-caption{left: unset;right: unset;}
.slider-cnt-lft{left: 0 !important;right:0;bottom: 200px;text-align: left;}
@media(min-width:1600px){
    .slider-cnt-lft{bottom: 350px;}
}
.slider-cnt-lft h2{font-size: 50px;font-weight: 600;color: #fff;}
.slider-cnt-lft p{font-size: 13px;font-weight: 400;color: #fff;line-height: 24px;}
.bnr-btn{margin-top: 70px;}
.bnr-btn a{font-family: 'Work Sans', sans-serif;font-size: 18px;font-weight: 500;text-decoration: none; color: #fff;padding: 20px 100px;background-color: #BF892C;border-radius: 40px;}
@media(max-width:767px){
    .bnr-btn{width: max-content;margin: auto;margin-top: 60px;}
    .bnr-btn a{padding: 14px 60px;}
    
}


.slider-cnt-rght{right: 0;bottom: 200px;text-align: left;}
.slider-cnt-rght h2{font-family: 'Work Sans', sans-serif;font-size: 60px;font-weight: 600;color: #fff;}
.slider-cnt-rght p{font-family: 'Work Sans', sans-serif;font-size: 13px;font-weight: 400;color: #fff;line-height: 24px;}

.carousel-control-next, .carousel-control-prev{top: unset;bottom: -100px;background-color: #BF892C;width: 45px;height: 45px;border-radius: 50%;}
.carousel-control-prev{left: unset;right: 120px;}
.carousel-control-next{margin-right: 50px;}

.carousel-indicators .active{background-color:#BF892C ;}
.carousel-indicators [data-bs-target]{
    width: 10px;height: 10px;border-radius: 50%;
}

.carousel-indicators{right: unset;left: -320px;transform: rotate(90deg);gap: 8px;}

.carousel-control-prev-icon {background-image: url("../images/icons/previous-icon.webp");}
.carousel-control-next-icon {background-image: url("../images/icons/next-icon.webp");}
.carousel-control-next-icon, .carousel-control-prev-icon{height: 22px;width: 16px;}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.carousel-control-next:hover, .carousel-control-prev:hover{opacity: 0.6;}

/*---------------Banner Mobile Images---------------*/
@media (max-width: 767px) {
    .carousel-item-1 img {
         content: url('../images/banner_slid_1-mobile.jpg'); /* Replace 'mobile_image.jpg' with the path to your mobile image */
     }
     .carousel-item-2 img {
         content: url('../images/banner_slid_2-mobile.jpg'); /* Replace 'mobile_image.jpg' with the path to your mobile image */
     }

     .carousel-item-3 img {
        content: url('../images/banner_slid_3-mobile.jpg'); /* Replace 'mobile_image.jpg' with the path to your mobile image */
    }
    
 }
/*---------------Carousel Image Zoom---------------*/
@keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }
  
  .carousel-inner .carousel-item > img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
  }





  .hmbnr-btm{background-image: url(../images/banner_bg.webp);background-repeat: no-repeat;background-size: cover;height: 300px;display: flex;align-items: end;padding-bottom: 70px;}
  @media(max-width:767px){
    .hmbnr-btm{display: none;} 
  }
/*---------------About---------------*/
.about-title{position: absolute;left: 4%;}
.about-title h2{ font-family: 'Helvetica Compressed';font-size: 60px;font-weight: 400; color: #fff;  }
.about-title span{color: #BF892C;}

.sub-title{display: flex;justify-content: center;align-items: center;gap:5px}
.sub-title-line{width: 40px;height: 1px;background-color: #fff;}
.sub-title h5{font-size: 16px;font-weight: 600;color: #fff;}

.abt-left .col-lg-6{padding: 0;}
.abt-left-image img{width: 100%;height:100%;}

.vision-box{padding: 30px 30px 5px 70px;}
.vision-box h4{font-size: 22px;font-weight: 700;color: #284852;text-transform: uppercase;margin-top:15px;}
.vision-btm-line{width: 50px;height: 2px;background-color: #1A867D;margin-bottom: 15px;}
.vision-box p{font-size: 13px;font-weight: 400;color: #343434;line-height: 24px;text-align: justify;}


.mission-box{padding: 30px ;}
.mission-box h4{font-size: 22px;font-weight: 700;color: #284852;text-transform: uppercase;margin-top:15px;}
.mission-box p{font-size: 13px;font-weight: 400;color: #343434;line-height: 24px;text-align: justify;}


.abt-right{background-image: url(../images/about-right-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;align-items: center;}
.abt-right-container {padding-right: 100px;padding-left: 50px;}
.abt-right-container h3{font-size: 40px;font-weight:700;color: #fff;}
.title-underline{width: 50px;height: 2px;background-color: #fff;margin-bottom: 50px;}
@media(max-width:767px){
    .title-underline{margin-bottom: 30px;} 
}
.abt-right-container p{font-size: 13px;font-weight: 400;color: #fff;line-height: 24px;}

.rd-mr-line{width: 30px;height: 2px;background-color: #fff;}
.abt-rd-mr-btn{display: flex;align-items: center;gap: 10px;margin-top: 50px;}
@media(max-width:767px){
    .abt-rd-mr-btn{margin: auto;
    margin-top: auto;
    width: max-content;
    margin-top: 30px;}
}
.abt-rd-mr-btn a{font-size: 15px;color: #fff;font-weight: 400;text-decoration: none;}
.abt-rd-mr-btn a:hover{color: #BF892C;}
@media(max-width:767px){
    .abt-rd-mr-btn a{font-size: 13px;}
    .rd-mr-line{width: 25px;}
}


.hm-vsn-msn-title-mb-only h4 {font-size: 22px;
    font-weight: 700;
    color: #284852;
    text-transform: uppercase;
    margin-top: 15px;}

    .hm-vsn-msn-title-mb-only {margin-bottom: 30px;}

 @media(min-width:768px){
.hm-vsn-msn-title-mb-only{display: none;}
}
@media(max-width:767px){
    .hm-vsn-msn-title-desktp-only{display: none;}
}

/*---------------Services---------------*/
.services-main{padding: 100px 0;background-image: url(../images/services-bg.webp);background-repeat: no-repeat;background-size: cover;background-position: center;}
.sec-title h2{font-family: 'Helvetica Compressed';font-size: 60px;font-weight: 400; color: #fff; text-align: center;line-height: 60px;text-transform: uppercase;}
.sec-title span{color: #BF892C;display: block;}
@media(max-width:767px){
    .sec-title span{display: inline;}
}
.sec-title .sub-title{width: 270px;margin: auto;}

.ser-item-row{padding-top: 80px;}
.service-item{position: relative;}
.service-item-front{height: 435px;background-color: #284852;position: relative;}
.ser_frnt_title{width: 60%;height:60px;background-color:rgba(191, 137, 44, .7);display: flex;align-items: center;position: absolute;bottom: 0;padding-left:10px;}
.ser_frnt_title h4{font-size: 15px;color: #fff;font-weight: 600;}


.service-item-back{height: 435px;width: 100%; background-color: #072C49;position: absolute;top: 0;opacity: 0;padding:20px;}
.service-item-back:hover,.service-item-back:focus{opacity: 1;transition: all 1s;}
.service-item-back p{font-size: 12px !important;color: #fff;font-weight: 400;line-height: 20px;text-align: justify;}
.service-item-back h4{font-size: 18px;color: #fff;font-weight: 600;margin: 20px 0;}
.ser-itm-bck-btn {position: absolute;bottom: 50px;}
.ser-itm-bck-btn a{font-size: 13px;font-weight: 400;color: #fff;padding: 12px 30px;border-radius: 10px;text-decoration: none;background-color: #BF892C;}
.ser-itm-bck-img img{width: 50px;}

@media(max-width:767px){
    .ser-sub-title{
        width: 270px;
  margin: auto;margin-bottom:25px !important;}
}

/*---------------Our Certification---------------*/
.cert-wrapper{padding: 100px 15px;}

.cert-item img{width: 50%; margin: auto;display: block;margin-bottom: 15px;transition:  all .5s;}
.cert-item {font-size: 22px;color: #1A1A1A; text-align: center;font-weight: 400;}

.cert-item img:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.cert-item:hover{color: #BF892C;}


@media(min-width:1200px){
.certi-row{width: 80%;margin: auto;}
}
.certi-row{margin-top: 85px;}
@media(max-width:767px){
    .cert-wrapper{padding: 30px 15px;}
    .cert-item img{width: 75%;}
    .certi-row{margin-top: 30px;}
    .cert-item {font-size: 11px;}
}
/*---------------Get In Touch---------------*/
/*.contact-main{background-image: url(../../assets/images/get-in-touch-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}*/
.contact-main{background-color: #ebebeb;}
.contact-left{display: flex;align-items: center;justify-content: center;height: 600px;}
.contact-left .sec-title .sub-title{width: 155px;}
.contact-left .sub-title-line{width: 20px;}
@media(max-width:767px) {
    .contact-left .sub-title-line{width: 35px;}
}

.contact-right{position: relative;display: flex;align-items: center;}
.frm-wrapper{width: 100%; border-right: 10px solid #BF892C;padding: 100px 50px;position: absolute;left: -3%;background-color: #fff;box-shadow: 0px -25px 20px -20px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45);}
.frm-wrapper h4{font-size: 20px;font-weight: 600;text-transform: uppercase;color: #343434;margin-bottom: 30px;}

.frm-wrapper input{width: 100%;border: none;border-bottom: 1px solid #343434;padding-bottom: 10px;font-size: 13px; font-weight: 400;outline: none;}
textarea{width: 100%;margin-top: 30px;resize: none;border: none;border-bottom: 1px solid #343434;height: 30px;padding-bottom: 10px;font-size: 13px; font-weight: 400;outline: none;overflow: hidden;}

.submit-btn{width: 180px;margin-top: 30px;border-radius: 40px;background-color: #BF892C;padding: 10px 0;}
.submit-btn input{border: none !important;background-color: transparent;padding: 0;color: #fff;}

/*.contact-info-wrapper{display: flex;justify-content: center;gap: 30px;}*/
@media(max-width:767px){
    .contact-info-wrapper{display: unset;}
    .submit-btn{margin: auto;margin-top: 30px;}
    
}

/*---------------Footer---------------*/
footer{background-color: #000E18;}
/* .ftr-top-container{max-width: 1030px;} */
.ftr-wrapper{padding: 80px 15px;background-color: #fff;}
.ftr-left h3{font-size: 24px;font-weight: 600;color: #343434;margin: 20px 0;}
.ftr-left p{font-size: 13px;font-weight: 400;color: #343434;line-height: 24px;text-align: justify;margin-top:30px;}

@media(min-width:992px){
   .ftr-left{padding-right: 30px;}
}
.frt-right h4{font-size: 20px;font-weight: 600;text-transform: uppercase;color: #343434;margin-bottom: 20px;}
@media(min-width:992px){
    .frt-right{padding-top: 160px;}
    .frt-right-col-2{padding-top: 160px;}
}

.contact-info-box{width: 100%;display: flex;}
.contact-info-icon{width: 10%;}
.contact-info-text{width: 90%;}
.contact-info-box{margin-bottom: 20px;}
.contact-info-text a{text-decoration: none;font-size: 15px;font-weight: 400;color: #343434;}
.contact-info-text a:hover{color:#BF892C;}


.btm-ftr{padding-top: 50px ;padding-bottom: 30px;}


.btm-ftr-left-bx  ul{padding: 0;margin: 0;}
.btm-ftr-left-bx a{font-size: 15px;font-weight: 400;color: #fff;text-decoration: none;padding: 8px;}
.btm-ftr-left-bx a:hover{color:#BF892C;}

.ftr-add-bx{display: flex;gap:15px;justify-content: center;}
.ftr-add-title h4{font-size: 18px;font-weight: 600;color: #BF892C;text-transform: uppercase;}
.ftr-add-cnt p{font-size: 13px;font-weight: 400;color: #fff;line-height: 24px;}

.ftr-add-cnt ul{padding: 0;}
.ftr-add-cnt ul li{display: inline;}
.ftr-add-cnt a{text-decoration: none;padding: 10px;}

@media(max-width:767px){
    .ftr-add-bx{flex-direction: column;} 
}

.contact-info-wrapper h5{font-size: 15px;margin-bottom: 14px;font-weight:600;}
@media(max-width:767px){
    .contact-info-wrapper h5{margin-top: 25px;}
}

@media(min-width:992px){
    .cnt-right-left{padding-left: 45px;}
}
@media(min-width:768px) and (max-width:991px){
    .frt-right{margin-top:30px;}
}
/*---------------Responsive Screens---------------*/


/* @media(min-width:992px) and (max-width:1030px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 640px !important;}
}
@media(min-width:1030px) and (max-width:1199px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 690px !important;}
}
@media(min-width:1200px) and (max-width:1279px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 730px !important;}
}
@media(min-width:1280px) and (max-width:1299px){
    .banner-main{height: 750px !important;}
}
@media(min-width:1300px) and (max-width:1365px){
    .banner-main{height: 755px !important;}
}

@media(min-width:1367px) and (max-width:1439px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 840px !important;}
}
@media(min-width:1410px) and (max-width:1499px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 850px !important;}
}
@media(min-width:1500px) and (max-width:1599px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 910px !important;}
}
@media(min-width:1600px) and (max-width:1679px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 930px !important;}
}
@media(min-width:1680px) and (max-width:1699px){
    .banner-main{height: 940px !important;}
}
@media(min-width:1700px) and (max-width:1799px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 980px !important;}
}
@media(min-width:1800px) and (max-width:1919px){
    .banner-slider-wrapper{bottom:315px !important;}
    .banner-main{height: 1020px !important;}
}
@media(min-width:1919px){
    .banner-slider-wrapper{bottom:315px !important;}

} */

@media(min-width:1600px) and (max-width:1799px){
    .carousel-indicators{left: -365px ;}
}

    @media(min-width:1800px){
        .carousel-indicators{left: -430px ;}
    }
    
    
    .service-item-front{height: 400px;}
    .service-item-back{height: 400px;}
    
        @media(min-width:992px){
         .ser-itm-bck-btn{bottom:unset;margin:15px 0;}
     }
    
    @media(max-width:991px){
        .service-item-front{height:375px;}
    .service-item-back{height:375px;overflow-y: hidden;}
    }
    
    
    
    
    @media(min-width:992px) and (max-width:1365px){
          .service-item-front{height:360px;}
    .service-item-back{height: 360px;padding:15px;}
    /*.ser-itm-bck-cnt{height: 196px;overflow-y: scroll;}*/
    .service-item-back h4{font-size:14px;}
    
    .ser_frnt_title{width:100%;}
    .ser-itm-bck-btn{bottom:15px;}
    }
    
    
        @media(min-width:1366px) and (max-width:1599px){
            /*.ser-itm-bck-cnt{height: 220px;overflow-y: scroll;}*/
            .ser-itm-bck-btn{bottom:5px;}
        }
    
    
    
        @media(min-width:1600px){
            .service-item-front{height: 500px;}
    .service-item-back{height: 500px;overflow-y: hidden;padding: 40px 20px;}
    .ser-itm-bck-btn{bottom:20px;}
    .ser_frnt_title h4{font-size:18px;}
    .service-item-back p{font-size:15px !important;line-height:24px;}
    
        }
    
    /* width */
.ser-itm-bck-cnt::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.ser-itm-bck-cnt::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.ser-itm-bck-cnt::-webkit-scrollbar-thumb {
  background: #8b6c8c; 
  border-radius: 10px;
}

/* Handle on hover */
.ser-itm-bck-cnt::-webkit-scrollbar-thumb:hover {
  background:#8b6c8c; 
}
    
    
 
    
    /* .frm-wrapper{width: 80%;} */
    /* .ftr-top-container{max-width: 1130px;} */
    
    

/* @media(min-width:1900px){
    .banner-slider-wrapper{bottom:225px;}
} */

@media(max-width:991px){
.navbar-toggler{border: none;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-expand-lg .navbar-nav .nav-link{text-align: center;}
.navbar-expand-lg .navbar-nav .nav-link:hover{border: none;color: #bf892c;}
}
@media(min-width:768px){
    .abt-tilte-mobileOnly{display: none;}
}
@media(max-width:767px){
    .header-btm-line{display: none;}
    #brand-logo {width: 65%;}
    .Banner-top-div{display: none;}
    .banner-main{height: 550px;}
    .banner-slider-wrapper{width: 100%;position: unset;}
    .carousel-control-prev,.carousel-control-next{display: none;}

.carousel-inner{height: 550px;}
.carousel-inner img{height: 550px;}
.carousel-indicators{display: none;}
/* .slider-cnt-rght{position: unset;} */


.slider-cnt-lft {
    left: unset !important;
    right: unset;
    width: 100%;
    bottom:30px;
    text-align: left;
    padding: 30px 15px;
   
  }
  .slider-cnt-lft h2{font-size: 30px;
    margin-bottom: 20px;}

  .slider-cnt-rght {
    left: unset !important;
    right: unset;
    width: 100%;
    bottom:30px;
    text-align: left;
    padding: 30px 15px;
   
  }
  .slider-cnt-rght h2{font-size: 36px;}

    .about-main{padding-top:30px;}
    .abt-tilte-desktopOnly{display: none;}
    .abt-tilte-mobileOnly{position: unset;}
    .abt-tilte-mobileOnly h2{color: #343434;}
    .abt-tilte-mobileOnly h5{color: #343434;}
    .abt-tilte-mobileOnly .sub-title-line{background-color: #343434;}
    .abt-tilte-mobileOnly .sub-title{justify-content: center;gap: 5px;margin-bottom: 20px;}
    .abt-tilte-mobileOnly .sub-title-line{width: 20px;}
    .about-title h2{font-size: 36px;text-align: center;}
    .abt-left{padding: 30px 40px;}
    .mission-box,.vision-box{padding: 30px 0;}
    .abt-right-container{padding: 30px 15px;}
    .abt-right-container h3{font-size: 22px;}
    .abt-right-container p{text-align: justify;}


    .services-main{padding: 30px 0;}
    .ser-item-row{padding-top: 20px;}
    .ser-item-row .col-lg-4{margin-bottom: 20px;}
    .sec-title h2{font-size:36px;line-height: 43px;}
    .service-item-back p{text-align: justify;}

    .contact-left{height: unset;padding: 30px 0;}
    .frm-wrapper{position: unset;border-right: none;box-shadow: none;padding: 30px;width: 100%;}
    .frm-wrapper input{margin-bottom: 20px;}
    .submit-btn input{margin-bottom: 0;}
    textarea{margin-top: 0;}

  
    .ftr-left{margin-bottom: 15px;}
    .ftr-wrapper{width: 100%;padding: 30px 15px;background-color: #f2f2f2;}
    .contact-info-box{margin-bottom: 10px;}
    .frt-right .col-lg-6{margin-bottom: 15px;}

    .btm-ftr-left-bx{margin-bottom: 15px;}
    .ftr-left p{text-align: justify;}
    .btm-ftr-left-bx a{padding: 0 8px 0 0;}
}

@media(min-width:768px) and (max-width:991px){
    .Banner-top-div{height: 300px;}
    .banner-slider-wrapper{bottom: 380px;}
    /* .banner-main{height: 600px;} */
    .slider-cnt-lft{bottom: 20px;}
    .slider-cnt-rght{bottom: 20px;left: 0;padding-left: 40px;}
    .slider-cnt-rght h2,.slider-cnt-lft h2{font-size: 50px;}

    .abt-right-container{padding-top: 30px;padding-bottom: 30px;}

    .ser_frnt_title{width: 100%;}
    .ser_frnt_title h4{font-size: 16px;}

    .service-item-front{height: 480px;}
    .service-item-back{height: 480px;}
    .service-item-back p{text-align: justify;}
    .ser-itm-bck-btn{width: max-content;margin: auto;margin-top: 30px;}

        /*.frm-wrapper{left: -69px;}*/

    .btm-ftr-left-bx{margin-bottom: 20px;}
    .ftr-add-bx{justify-content: left;}
    
    .ser-item-row .col-md-12{margin-bottom:20px;}
}



.nav-ul{display: flex;
  align-items: center;}


@media(max-width:991px){
    .nave-ent-toggle{display:none;}
}

/*-------------------------About Page-------------------------*/
.abt-pg-tp-title{margin-top: 250px;}
.abt-pg-tp-lft{display: flex;align-items: center;}
.pg-sec-title h2{font-family: 'Helvetica Compressed';
    font-size: 60px;
    font-weight: 400;
    color: #343434;
    line-height: 60px;
    text-transform: uppercase;}
.pg-sec-title span{color: #BF892C;}
.pg-sub-title h5{font-size: 20;font-weight:700; color:#1A1A1A; margin: 0;}
.abt-pg-top-rght{background-color: #000E18;padding: 30px 50px;height: 250px;display: flex;align-items: center;}
.abt-pg-top-rght p{font-weight: 400; color: #343434;line-height: 24px;color: #fff;}
.abt-pg-top-cnt-wrapper{margin-left: 5%;}


@media (min-width:992px) and (max-width: 1199px){
    .abt-pg-top-cnt-wrapper{margin-left: 3%;}
}
@media (min-width:1200px) and (max-width: 1364px){
    .abt-pg-top-cnt-wrapper{margin-left: 4%;}
}
@media (min-width:1366px) and (max-width: 1439px){
    .abt-pg-top-cnt-wrapper{margin-left: 8%;}
}
@media (min-width:1440px) and (max-width: 1499px) {
    .abt-pg-top-cnt-wrapper{margin-left: 6%;}
}
@media (min-width:1500px) and (max-width: 11599px) {
    .abt-pg-top-cnt-wrapper{margin-left:7%;}
}
@media (min-width:1600px) and (max-width: 1799px) {
    .abt-pg-top-cnt-wrapper{margin-left:10%;}
}
@media (min-width:1800px) {
    .abt-pg-top-cnt-wrapper{margin-left:16%;}
}
.abt-pg-top-img{width: 100%; height: 700px; background-image: url(../images/about/abt-top-bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.abt-pg-top-cnt{background-image: url(../images/about/abt-content-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover; height: 400px;padding: 100px;}
.abt-pg-top-cnt p{font-weight: 400; color: #343434;line-height: 24px;color: #fff;width: 80%;text-align: justify;}

@media(max-width:767px){
    .abt-pg-tp-title {margin-top: 165px;}
    .pg-sec-title h2{font-size: 50px;}
    .pg-sub-title h5{font-size: 15px;margin: 0;}
    .abt-pg-top-rght{height: auto;padding: 30px 15px;}
    .abt-pg-top-cnt-wrapper{margin: unset;}
    .abt-pg-top-img{height: 250px;}
    .abt-pg-top-cnt{padding:30px 15px;height: auto;}
    .abt-pg-top-cnt p{width: 100%;}
}
/*-------------------------About Page Vision Mission-------------------------*/
.abt-pg-vsn-msn-main{padding: 100px 15px;position: relative;z-index: 10;}
.sub-pg-title h3{font-family: 'Helvetica Compressed';font-size: 40px;color: #343434;margin-bottom: 30px;}
.sub-pg-title span{color: #BF892C;}
.abt-pg-vsn-msn-left{display: flex;align-items: center;}
.abt-pg-vsn-msn-rght{display: flex;
  align-items: center;
}

.abt-pg-vsn-msn-left-cnt p{color: #1a1a1a;padding-right: 150px;text-align: justify;}
.abt-pg-vsn-msn-rght-img img,.abt-pg-vsn-msn-lft-img img{width: 100%;}

.abt-pg-vsn-msn-rght{position: relative;z-index: 10;}

.vsn-msn-rgt-img-bg-div{width: 300px;background-color: #000E18;height: 550px;position: absolute;right: 0;top: 7%; z-index: 1;}

@media(min-width:992px) and (max-width:1199px){
    .vsn-msn-rgt-img-bg-div{width: 300px; height: 420px;}
}
@media(min-width:1200px) and (max-width:1399px){
    .vsn-msn-rgt-img-bg-div{width: 300px; height: 490px;}
}
@media(min-width:1650px) {
    .vsn-msn-rgt-img-bg-div{width: 500px; }
}


.abt-msn-row{margin-top: 150px;}
/* .abt-pg-vsn-msn-rght{display: flex;align-items: center;} */
.abt-pg-vsn-msn-rght-cnt p{color: #1a1a1a;text-align: justify;}



.abt-pg-vsn-msn-lft{position: relative;z-index: 10;}

.vsn-msn-lft-img-bg-div{width: 300px;background-color: #000E18;height:540px;position: absolute;left: 0;bottom:  7%; z-index: 1;}


@media(min-width:1650px) {
    .vsn-msn-lft-img-bg-div{width: 500px; }
}





@media(min-width:992px) and (max-width:1199px){
    .vsn-msn-lft-img-bg-div{width: 300px; height: 420px;bottom: 14%;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .vsn-msn-lft-img-bg-div{
      width: 300px;
      height: 490px;
    }
  }


  @media(max-width:767px){
    .abt-pg-vsn-msn-main{padding: 30px 15px;}
    .vsn-msn-rgt-img-bg-div,.vsn-msn-lft-img-bg-div{display: none;}
    .abt-pg-vsn-msn-left-cnt p{padding: 0;}
    .sub-pg-title h3{font-size: 36px;margin-bottom: 25px;}
    .abt-msn-row{margin-top: 30px;}
    .abt-pg-vsn-msn-rght,.abt-pg-vsn-msn-lft{margin-bottom: 25px;}
  }
/*-------------------------About Page Why Choose Us-------------------------*/
.abt-why-choose-main{background-image: url(../images/about/abt-why-choose-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 100px 15px;}
.abt-why-choose .sub-pg-title span{color: #fff;font-size: 40px;font-family: 'Helvetica Compressed';}
.abt-why-choose .sub-pg-title h3{color: #BF892C;}
/* .abt-why-choose-rght{position: relative;} */
.abt-why-choose-lft{display: flex;align-items: center;}
.abt-why-choose-cnt{background-color: #BF892C;padding: 60px 40px;position: relative;z-index: 10;right: 8%;}
.abt-why-choose-cnt p{line-height: 24px;color: #fff;text-align: justify;}

.abt-why-choose-img {position: relative;bottom: 50px;z-index: 3;}
.abt-why-choose-img img{width: 100%;}

@media(max-width:767px){
    .abt-why-choose-main{padding: 30px 15px;}
    .abt-why-choose .sub-pg-title span{font-size: 32px;}
    .abt-why-choose-cnt{right: unset;padding: 25px 15px;}
    .abt-why-choose-img{position: unset;display: none;}
}
/*-------------------------About Page Our Team-------------------------*/
.our-team-main{padding: 100px 15px;background-color: #F1F1F1;}
.our-team .sub-pg-title h3{text-align: center;}
.sub-pg-title h5{font-weight: 700;color: #1a1a1a;font-size: 20px;text-align: center;margin: 0;}
.our-team-row{padding: 50px 0;}
.team-item img{width: 100%;display: block;}
.team-item h4{ font-size: 18px;font-weight: 700;margin-top:20px;text-align: center;}
.team-item p{text-align: center;}
@media(max-width:767px){
    .our-team-main{padding: 30px 15px;}
    .our-team .sub-pg-title h3,.our-team .sub-pg-title h5{text-align: left;}
    .our-team-row{padding: 10px 0;}
    .our-team-row .col-lg-3{margin-bottom:25px;}
    }
    
    
      /* OUR Team Image Hover */
.team-item  figure {
	position: relative;
    overflow: hidden;
}
.team-item  figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.team-item  figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*-------------------------About Page Our Client-------------------------*/
.our-client-main{padding: 100px 15px ;background-color: #F1F1F1;}
.client-row{padding: 50px 0;}
@media(max-width:767px){
    .our-client-main{padding: 30px 15px;}
    .client-row {padding: 10px 0;}
}


@media(min-width:768px) and (max-width:991px) {
    .abt-pg-top-cnt-wrapper{margin-left: unset;}
    .abt-pg-top-cnt{padding: 35px 50px ;}
    .abt-pg-top-cnt p{width:unset;}

    .vsn-msn-rgt-img-bg-div,.vsn-msn-lft-img-bg-div{display: none;}
    .abt-pg-vsn-msn-left-cnt p{padding-right: 0;}



    .abt-why-choose-img{bottom: 28px;}
    .our-team-main{padding-bottom: 30px;}
}

/*-------------------------Services Page -------------------------*/

.ser-pg-main-sec{margin-top: 250px;}

.ser-pg-tp-title{padding-bottom:80px;}

.ser-pg-service-wrapper{background-color: #000E18;padding: 80px 15px;margin-left: 5%;}
@media (min-width:992px) and (max-width: 1199px){
    .ser-pg-service-wrapper{margin-left: 3%;}
}
@media (min-width:1200px) and (max-width: 1364px){
    .ser-pg-service-wrapper{margin-left: 4%;}
}
@media (min-width:1366px) and (max-width: 1439px){
    .ser-pg-service-wrapper{margin-left: 8%;}
}
@media (min-width:1440px) and (max-width: 1499px) {
    .ser-pg-service-wrapper{margin-left: 6%;}
}
@media (min-width:1500px) and (max-width: 11599px) {
    .ser-pg-service-wrapper{margin-left:7%;}
}
@media (min-width:1600px) and (max-width: 1799px) {
    .ser-pg-service-wrapper{margin-left:10%;}
}
@media (min-width:1800px) {
    .ser-pg-service-wrapper{margin-left:16%;}
}
.ser-pg-item-cnt{padding: 80px 50px;}
.ser-pg-item-img img{width: 100%;}
.ser-pg-item-cnt h3{font-size: 24px;font-family: 700;color: #fff;margin-bottom: 25px;}
.ser-pg-item-cnt p{color: #fff;text-align: justify;}
.ser-pg-item-cnt h5{font-size: 15px;font-weight: 700;color: #fff;margin: 40px 0;}
.ser-pg-item-cnt ul li{font-size: 15px; font-weight: 400;line-height: 24px; color: #fff;margin-bottom:15px;list-style: url(../images/services/list-icon.png);text-align: justify;}
.ser-pg-item-cnt ul li b{color: #BF892C;}
.ser-pg-service .col-lg-6{padding: 0;display: flex;align-items: center;}

@media(max-width:767px){
    .ser-pg-main-sec{margin-top: 165px;}
    .ser-pg-tp-title{padding-bottom: 30px;}
    .ser-pg-service-wrapper{margin-left: 0;}
    .ser-pg-service-wrapper{padding: 30px;}
    .ser-pg-item-cnt{padding: 0 15px;}
    .ser-pg-item-cnt h3{margin: 25px 0;}
    .ser-pg-mb-img{height: 300px;margin-top: 50px; margin-bottom: 25px;}
}

@media (min-width:768px) and (max-width:991px){
    .ser-pg-tp-title {padding-bottom: 50px; }
    .ser-pg-item-cnt{padding: 30px 15px;}


}


.submit-btn:hover,.submit-btn:focus{background-color:#1a1a1a !important;}
.modal-close-btn{background-color: transparent;
  border: none;}
/*-------------------------Form Submit Button Spinner-------------------------*/
@media(max-width:767px){
    .submit-btn {width:100%;}
}
  .submit-btn {
      position: relative;
      overflow: hidden;
    }

    .loader {
      position: absolute;
      top: 30%;
      left: 43%;
      transform: translate(-50%, -50%);
      display: none;
      border: 4px solid rgba(0, 0, 0, 0.1);
      border-top: 4px solid #fff;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      animation: spin 1s linear infinite;
    }

    .submit-btn.loading {
      padding: 20px; /* Set the padding when loading */
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
 




   .service-item-wrapper{width: 20%;}
   @media(max-width:991px){
    .ser-item-row{flex-direction: column;}
    .service-item-wrapper{width: 100%;margin-bottom:15px;}
   }

@media(min-width:768px) and (max-width:991px){
    .service-item-wrapper{width: 50%;margin-bottom:25px;}
    .ser-item-row{flex-wrap: wrap;flex-direction:row;}
}
    


/*------------------------- Our Fleet -------------------------*/
.fleet-main{padding: 100px 15px;background-color: #ebebeb;}
@media(max-width:767px){
    .fleet-main{padding: 30px 15px}
}

.fleet-card{padding: 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;transition: all 1s;}
@media(min-width:992px){
    .fleet-card{min-height:641px;}
}
/* .fleet-card:hover{  transform: scale(1.02); } */
.fleet-img img{width: 100%;display: block;margin: auto;}
.fleet-spec h4{font-size: 22px; font-weight: 700;color: #284852; margin-top: 20px;margin-bottom: 20px;}
.fleet-spec ul{padding-left: 0;margin-bottom: 15px;}
.fleet-spec ul li{list-style: none;font-size: 14px;line-height: 24px;text-transform: capitalize;}


.fleet-container .col-lg-4{margin-bottom: 25px;}
.fleet-row{margin-top: 80px;}

@media(max-width:767px){
   .fleet-row{margin-top: 30px;}
}

.fleet-card button{font-size: 13px;background-color: #BF892C;border: none;}
.fleet-card button:hover,.fleet-card button:focus{background-color: #BF892C;}

@media (min-width: 1020px) {
    .modal-dialog{max-width:75% !important;}
}



 