/*font-family: 'Roboto', sans-serif; */


body p {

    font-size: 19px;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
html{scroll-behavior: smooth;}

h1{font-size: 70px;font-family: 'Aldrich';}
h2 {font-size: 50px;font-family: 'Aldrich';}
h3 {font-size:20px;font-family: 'Aldrich';}
h4 {font-size: 35px;font-family: 'Aldrich';}
h5{font-size: 30px;font-family: 'Aldrich';}
h6{font-size: 30px;}
span{
    font-family: 'Koulen';
}
.bg-YW{background: #FFF50A;}
.btn-bg{background: #FFF50A;}
.btn-text{color: #000;}
.bg-green{background: #065B30;}
.text-WH{color: #fff;}
.text-GRY{color: #939393;}
.text-green{color: #065B30;}
.text-YW{color: #FFF50A;}
.slick-dots li{border-radius: 100px;width: 15px; height: 15px;}
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerNav{padding: 0;width: 100%;}
.header.nav-sticky{
    background: #065B30;
    transition: all 0.4s linear;
}
.header.nav-sticky .sticky-logo{display: block;}
.header.nav-sticky .header-logo{display: none;}

.header-logo{display: block;}
.sticky-logo{display: none;}

.menuList{
    clip-path: polygon(100% 0, 100% 100%, 7% 100%, 0 0);
}
.navbar-nav{
    width: 80%;
    justify-content: center;
    
}
.box-right {
    float: right;
    position: relative;
    top: -10rem;
}
.col-sm-12.mandeep h3 {
    position: relative;
    bottom: 44px;
    max-width: 197px;
    right: 65px;
}
.row.client-img h3 {
    background: #fff50a;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 13px 15px 14px;
}
.col-sm-12.sanju h3 {
    position: relative;
    bottom: 36px;
    max-width: 164px;
    right: 20px;
}
.row.client-img img {
    width: 280px;
}








.video-box:before {
    content: '';
    background-image: url(../img/video-bg.png);
    position: absolute;
    top: -31px;
    width: 100%;
    background-size: 379px;
    left: -26px;
    height: 400px;
    background-repeat: no-repeat;
}
.video-box:after {
    content: '';
    background-image: url(../img/video-bg.png);
    position: absolute;
    width: 100%;
    background-size: 379px;
    right: -27px;
    bottom: -22px;
    height: 400px;
    background-repeat: no-repeat;
    rotate: 180deg;
}

.review-content-box p {
    font-size: 15px;
}
.row.scail-icon span {
    float: left;
    width: 26px;
    margin-bottom: 3px;
}
.row.scail-icon a {
    color: #fff;
    text-decoration: none;
}
img.img-tab5 {
    width: 300px;
}
.row.scail-icon .col-lg-12.col-md-12 {
    margin-top: 6px;
}
.navbar-nav .nav-item{padding: 0 10px;}
.navbar-nav .nav-link{
    padding: 10px 20px ;
    text-transform: uppercase;
    font-family: 'Aldrich';
    color: #ffffff;
    transition: all 0.4s ease;
    font-size: 16px;
    letter-spacing: 1px;
}
.navbar-nav .nav-link:hover{color:#000000;}
.navbar-nav .nav-link.active{color:#FFF50A }
.navbar-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-shadow: 800px 0 0 0 #065B30,1500px 0 0 0 #065B30,2300px 0 0 0 #065B30,3100px 0 0 0 #065B30,3900px 0 0 0 #065B30;
}
.toggleBtn {
    color: #ffffff;
    font-size: 37px;
    transition: all 0.4s ease;
}
.navbar-toggler,
.navbar-toggler:focus{
    box-shadow: none;
    border: none;
}
.toggleBtn:hover{
    color: #000000;
    transition: all 0.4s ease;
}
.get-a-quote{
    display: inline-block;
    height: auto;
    
}

.step-slider .slick-slide {
  transition: transform 0.5s ease;
}
span.text-green i {
    color: #ffa116;
}
.step-slider .slick-current.slick-active {
  transform: scale(1);
    transition: transform 0.5s ease;
}

.step-slider .slick-slide:not(.slick-current.slick-active) {
  transform: scale(0.85);
    transition: transform 0.5s ease;
}
.get-quote-btn{
    border: none;
    text-wrap: nowrap;
    height: 5rem;
    padding: 1rem 2rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: all 0.4s ease;
    font-family: 'Aldrich';
}
.get-quote-btn:hover{
    background: #000;
    color: #FFF50A;
    transition: all 0.4s ease;
}

/*Get a Quote Model css Start*/
/* Modal 
     */
     .get-quote-modal {
          overflow: hidden;
      }
      .get-quote-modal .contact-form {
        padding: 7px 20px 50px;
    }
     .get-quote-modal .modal-dialog {
        transform: none;
        max-width: 700px;
        height: 100%;
        margin-top: auto;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .get-quote-modal .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

/*Get a Quote Model css End*/



main{margin-top: 0px;}
.home-bg-banner{
    background-image: url(../img/first-fold-n.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100vh;
    min-height: 1000px;
    overflow: hidden;
}
.banner-title {
    padding: 0px 0;
    height: 450px;
}

.banner-text-img {
    position: relative;
    right: -37%;
    top: -26px;
    height: 100%;
}
.banner-link-btn-01{text-align: center;}
.banner-link-btn-01 a {
    position: relative;
    right: -14.5%;
    padding: 16px 34px;
    font-size: 24px;
    text-decoration: none;
    top: -2px;
    transition: all 0.4s ease;
}
.hover-bg-black:hover{
    background: #000;
    color: #FFF50A;
    transition: all 0.4s ease;

}


/* section 2 */
.cards-section{margin-top: -60px;}
.cards-section .cards-4{padding: 10px;}
.card-icon-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #065b30;
    padding: 30px;
    background: #EEEEEE;
    text-align: center;
    height:100%;
}

.icon-box {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    box-shadow: 11px -11px 0 0px #fff50a, 11px -11px 0 1px #065b30;
    margin-top: -105px;
    margin-left: -11px;
}
.icon-box img{transform: rotate(-45deg);}
.card-icon-div h4{
    margin: 80px 0 30px;
    text-transform: uppercase;
}
.card-icon-div p{
    margin-bottom:auto;
}

/* About Us Section  */
.sub-btns{
    padding:12px 40px 12px;
    border: none;
    transition: all 0.4s ease;
    text-transform: uppercase;
    font-family: 'Aldrich';
    font-size: 22px;
}
.aboutus-section{
    padding: 80px 0;
}
.heading-col-1 h5{
    font-size: 30px;
    margin-bottom: 0;
    font-family: 'Lobster Two';
}
.heading-col-1 h2{
    font-size: 96px;
    line-height: 70px;
    text-transform: uppercase;
    /* font-weight: 700; */

}
.heading-col-1 h2 span{
    font-size: 59px;
    font-family: 'Aldrich';
}
.heading-col-1 p{
    max-width: 550px;
    margin: 30px 0;
}
.layer-bottom{
    position: absolute;
    right:0;
    bottom: -40%;
}

/* our-services-section */
.our-services-section{
    padding: 160px 0;
    margin-top: 100px;
    overflow: hidden;
}
video {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.our-services-section .heading-col-1 h2{
    font-size: 123px;
    line-height: 98px;
    text-transform: uppercase;
    /* font-weight: 700; */

}
.our-services-section .heading-col-1 h2 span{
   font-size: 59px;
    font-family: 'Aldrich';
    line-height: 68px;
}
.services-div{
    padding: 80px 0;
    box-shadow: -1000px 0 0 0 #065b30,-2000px 0 0 0 #065b30,-3000px 0 0 0 #065b30,-4000px 0 0 0 #065b30;
}
.about-trak-icon {
    display: flex;
    gap: 20px;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 30px 0;
}
.about-trak-icon>div {
    height: 150px;
    width: 150px;
    border: 1px solid #fff50a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.about-trak-icon>div>small{
    color: #fff;
    margin-top: 5px;
    text-align: center;
}
.col-right-img{
    position: relative;
    right: -13%;
    top: 20px;
}
.col-right-img img {
    transform: scale(1.7);
}

.our-services-section button {
    left: 27%;
    position: relative;
}

/* Tracking section  */
.tracking-section{
    padding: 80px 0 10px;
    overflow: hidden;
}
section.location-box {
    display: flex;
    align-items: center;
    background-image: url(../img/location-bg4.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:131px 0 160px;
}
section.location-box .card h3 {
    margin: 0;
    text-align: center;
    font-size: 25px;
}
section.location-box .card {
    background: #065b30a3;
    border: none;
    color: #ffffff;
    padding: 20px 12px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px);
    border: 1px solid;
}
.iocn-box i {
    font-size: 40px;
    color: #065b30;
}
.iocn-box img {
    width: 63px;
}
.iocn-box {
    width: 65px;
    height: 64px;
    line-height: 1.2;
    padding: 3px 0 2px;
    background: #ffffff;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    top: -28px;
    display: flex;
    border: 2px solid;
    justify-content: center;
    align-items: center;
}
.heading-col-2{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.heading-col-2 h5{
    font-family: 'Lobster Two';
}
.heading-col-2 h2{
    text-transform: uppercase;
    font-size: 58px;
}
.heading-col-2 h2 span{
    font-family: 'Aldrich';
}

.content-box-4{
    margin-top: 120px;
    position: relative;
}
.heading-col-2{
position: relative;
}
.heading-col-2 .layer-left-1{
    position: absolute;
    top: 0;
    left: -20%;
    transform: rotate(120deg);
}
.content-box-4 .layer-right-1 {
    position: absolute;
    bottom: -50%;
    left: 88%;
}
.text-card {
    border-radius: 20px;
    /*border: 1px solid #097941;*/
    padding: 50px;
    box-shadow:0 2px 6px 1px #b1b1b1;
    z-index: 1;
    background: #FFFFFF;
    height:100%;
    display:flex;
    flex-direction:column;
    min-height:350px;
}
.text-card h4{
    text-transform:uppercase;
    margin:auto 0;
}
.text-card p{font-size: 22px;}
.tracking-left-img{
    transform: scale(1.5);
    position: relative;
    left: -11%;
    z-index: -1;
}

/* our-step-section  */
.our-step-section .col-right-img {
    position: relative;
    left: -20%;
    top: 20px;
    transform: scale(1.3);
}
.our-step-section .services-div {
    padding: 30px 0;
    box-shadow: 1000px 0 0 0 #065b30,2000px 0 0 0 #065b30,3000px 0 0 0 #065b30,4000px 0 0 0 #065b30;
}
.our-step-section .heading-col-1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-slide-list {
    list-style: none;
    padding: inherit;
    color: #fff50a;
}
.step-slider-right ul.slick-dots {
    visibility: hidden;
}

.step-slide-list li:first-child {
    text-transform: uppercase;
    font-size: 36px;
    font-weight:bold;
    font-family:'Aldrich';
}
.our-step-section .col-right-img img {
    transform: scale(1);
}
.step-slide-list li {
    font-size: 30px;
    line-height: 54px;
}
.step-slide-list li i{margin-right:10px;}
.our-step-slide-div{
    height: 100%;
    margin: auto 0;
}
.our-step-slide-div .slick-dots{
    text-align: start
}
.our-step-slide-div .slick-dots li{background: #fff70a00; border-radius: 100px;}
.our-step-slide-div .slick-dots li button:before{
    font-size: 40px !important;
    color: #fff50a  !important;
 }

/* gallery-section */
.gallery-section{
    padding: 80px 0;
    margin-top: 150px;
}
.gallery-rows{margin-top: 50px;}
.col-3div{
    height: 400px;
}

.col-3div img {
    height: 190px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}
.img-box-div img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    
}

.img-box-div {
    height: 300px;
    margin-top: 20px;
}

/* testimonial start  */
.testimonial-section{
    padding: 100px 0 50px;
    position: relative;
}

.testimonial-layer-right-top,
.testimonial-layer-right-bottom{
    position: absolute;
    right: 0;
}
.testimonial-layer-right-top{left:70% ;top:-10px;}
.testimonial-layer-right-bottom{left: 14%; bottom: -10%;}

.testimonial-slider{margin-top: 50px;}
.review-box{
    padding: 10px;
    height:100%;
}
.testimonial-slider .slick-track{
    height:100%;
}

.review-content-box {
    background: #e4e3e3;
    border-radius: 0px;
    padding: 10px;
    border: 1px solid #d3d2d2;
    min-height: 264px;
    display:flex;
    flex-direction:column;
    height:100%;
}
.testimonial-slider .slick-arrow{background: #2260B0; border-radius: 100px;width: 40px; z-index: 1;height:30px; }
.testimonial-slider .slick-dots li button:before{
   font-size: 40px !important;
   color: #065b30  !important;
}
.testimonial-slider .slick-dots li{background: #99999900; border-radius: 100px;width: 15px; height: 15px;}
/* Footer Css  */
.footer-section{
    position: relative;
    overflow: hidden;
}
.footer-layer-left-bottom{
    position: absolute;
    bottom: 10%;
    left: 5%;
}
.footer-layer-right-bottom{
    position: absolute;
    right: 10%;
    top: 4%;
}
footer{
    margin-top: 100px;
    padding: 100px 0 50px;
}
.footer-logoDiv{padding: 0 0 50px;}
.footer-menu{
    padding: 0 0 0 30px;
}
footer ul{
    list-style: none;
    padding: 0;
    
}
footer ul li{padding: 7px 0;}
footer ul li b{font-size: 24px;}
footer ul li a{
    text-decoration: none;
    color: #fff;
    transition: all 0.4s ease;
    font-family: 'Koulen';
    font-size: 20px;
}
footer ul li a:hover{
    color: #fff50a;
    transition: all 0.4s ease;
}
.footer-social-media a{margin-right: 10px;}
.footer-social-media i{transition: all 0.4s ease;}
.footer-map{
    position: relative;
    top:0px;
}
.form-inputs {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: none;
    outline: none;
}
.form-inputs.textarea{
    min-height:100px;
}
.copyright{padding-top:30px;}
.copyright p{font-size: 12px;transition: all 0.4s ease;}
.copyright a{transition: all 0.4s ease; color:yellow;}
.copyright a:hover{transition: all 0.4s ease; color:#000;}



/* About Us Page Csss start  */
.sub-banner{
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    padding-top: 60px;
}
.sub-banner>div,
.sub-banner>div>div{
    height: 100%;
}
.sub-banner-title h1{font-size:75px;}
.about-bg{
    background-image: url(../img/aboutus-banner-bg.jpg);
    /*margin-top: 80px;*/
    position: relative;
}

.contact-bg{
    background-image: url(../img/contact-45.jpg);
    /*margin-top: 80px;*/
    position: relative;
}


.aboutUs-section {
    padding: 60px 0 0;
}
.aboutUs-section .heading-col-2{ 
    align-items: start;
    text-align: start;
}
.aboutUs-section .heading-col-2 p {
    max-width: 90%;
}
.img-text-box h4 {
    font-size: 40px;
    margin: 0;
}
.img-text-box {
    position: absolute;
    bottom: 51px;
    width: 100%;
    background: #fff50a;
    display: flex;
    justify-content: center;
    padding: 8px 11px;
    right: 0;
}

    .our-trucks-section{
        padding: 80px 0;
    }
    .our-trucks-img{
        padding: 10px;
      
    }
    .our-trucks-img h5{padding: 10px;font-size:25px;}
    .our-trucks-img> div {
        filter: grayscale(2);
        position: relative;
        transition: all 0.4s ease;
    }
    .our-trucks-img> div h5{
        background: #131313;
        color: #ffffff;
        transition: all 0.4s ease;
        text-align: center;
    }
    .our-trucks-img> div:hover{
        filter: grayscale(0);
        transition: all 0.4s ease;
    }
    .our-trucks-img> div:hover h5{
        background: #fff50a;
        color: #000;
        transition: all 0.4s ease;
    }
    
d
    .our-services-tab-section{
        /* padding:80px 0; */
        background-image: url(../img/services-tab-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .our-services-tab-section  .heading-col-2{
        align-items:start;
        text-align: start;
    }
    .our-services-tab-section  .heading-col-2 p{max-width: 100%;}
    .truck-text-box {
        position: absolute;
        bottom: 6%;
        width: 85%;
        background: #000000ab;
        padding: 16px 35px;
        right: 9%;
        color: #fff;
        border-right: 5px solid #fff50a;
    }
    .truck-text-box::after{
        position: absolute;
        content: '';
        right: -18%;
        bottom: 36%;
        width: 24px;
        height: 40px;
        background: #212529;
        z-index: 0;
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
    }
    .our-services-tab-section .nav-link{
        padding: 10px;
        border-radius: 0;
        background-color: transparent !important ;
        filter: grayscale(1);
        flex: 50%;
    }
    
    .our-services-tab-section .nav-link h5 {
        padding: 10px;
        text-align: center;
        background: #1d1d1d;
        color: #fff;
        margin: 0;
        font-size: 20px;

    }

    .our-services-tab-section .nav-pills .nav-link.active{filter: grayscale(0);}
    .our-services-tab-section .nav-pills .nav-link.active h5 {
        background-color: #fff50a;
        color: #000;
        margin: 0;
        
    }
    .truck-img-tab-content {
        padding: 0 56px 0px 0;
    }
    .services-div-btn a{color: #000;}

    /* whyChooseUs-section */
    .whyChooseUs-section{
        padding: 80px 0;
    }
    .choose-content-box div{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
        background: #065B30;
    }
    .choose-content-box{margin-top: 50px;}
    .choose-content-box div h5{max-width:90%;color:#fff50a;}
    .choose-content-box div small{max-width:90%;color:#fff;}
    
    /* our history */
    .history-text{
        margin-left: auto;
        padding: 70px 45px;
    }
    .history-text p{font-size: 18px;}

    /* details-section */
    .details-section{
        margin-top: 20px;
        padding: 100px 0 60px;
        background-image: url(../img/detail-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .icon-box-01 {
        width: 150px;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #065B30;
        transform: rotate(45deg);
        margin-bottom: 50px;
    }
    .icon-box-01 img,
    .icon-box-01 i{
        font-size: 45px;
        color: #FFF50A;
        transform: rotate(-45deg);
    }

.details-section h5 {
    text-align: center;
}
/*Contact Us Start*/
 .contact-section{
            padding: 80px 0;
            /* background-image: url(img/contact-left-bg.png); */
        }
        .contact-form{
            padding: 50px 20px;
        }
        .contact-form input,
        .contact-form textarea,
        .contact-form select{
            width: 100%;
            height: 55px;
            border: 1px solid #818080;
            outline: none;
            padding:11px 10px;
            margin-bottom: 20px;
        }
        .contact-form textarea{
            min-height: 130px;
        }
        .contact-form label {
            display: inline-block;
            color: #2c2c2c;
            font-size: 15px;
            font-weight: 600;
        }
        .contact-form label span{
            color: #ff0a0a;
        }
        .details-box-405{
            display: flex;
            flex-direction: column;
            align-items: end;
            justify-content: end;
            /* background-image: url(img/contact-left-bg.png);
            background-size: cover;
            background-repeat: no-repeat; */
            background: #065b30;
        }
        .details-box-405 a {
            text-decoration: none;
            font-size: 24px;
            padding: 20px 10px;
            display: block;
            margin: 30px 0px;
            color: #ffffff;
            /* background: linear-gradient(45deg, #0000009a, #00000070); */
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .details-box-405 a span {
            width: 45px;
            height: 45px;
            display: inline-flex;
            border: 1px solid #ffffff;
            border-radius: 30px;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .details-box-405 a:hover{
          color:#fff50a;
        }
        .details-box-405 a:hover span{
          border: 1px solid #fff50a;
        }
        /*.contact-map-box{*/
        /*  position: absolute;*/
        /*  content: '';*/
        /*  left: -10px;*/
        /*  bottom:-10px;*/
        /*  border-left: 10px solid #065b30;*/
        /*  border-bottom: 10px solid #065b30;*/
        /*  width: 100%;*/
          
        /*}*/
        
       .contact-map-box{
          width: 100%;
        }
        .contact-map-box iframe {
             height: 550px;
        }
        @media (max-width:1110px) {
            .container {
                max-width: 100%;
            }
            .navbar-nav .nav-item {
                padding: 0;
            }
        }
        
        
         @media (max-width:430px) {
          .contact-form {padding: 50px 0px;}
         }


        /*Services Page Css start*/
        .services-bg{
            background-image:url(../img/services-banner-bg.jpg);
        }
        .services-section{
          padding:80px 0
        }
        .services-tabs-zip li{
          position: relative;
          border-radius: 0;
          margin-bottom: 30px;
        }
        .services-tabs-zip li .nav-link{
          padding: 0;
          border: 2px solid #868686;
          border-radius: 0;
        }
        .services-tabs-zip li img{filter: grayscale(1);}
        .services-tabs-zip li h5 span{margin-right: 10px;display: flex; }
        .services-tabs-zip li h5 span img{filter: brightness(100);}
        .services-tabs-zip li h5 i{margin-left: auto;-webkit-text-stroke: 1px; font-size: 20px;}
        .services-tabs-zip li h5 i::before{
          display: flex;
          align-items:center;
          justify-content: center;
          height: 100%;
        }
        .services-tabs-zip li h5{
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          text-align: center;
          font-size: 21px;
          background: #8C8C8C;
          color: #ffffff;
          padding: 10px 10px;
          position: absolute;
          left:5px;
          bottom:-15px;
          width:100%;
          box-shadow:5px 0px 0 0 #8C8C8C, 10px 5px 0 0 #D9D9D9;
        }

        .services-tabs-zip li h5::after{
          position: absolute;
          content: '';
          right:-20px;
          top:0;
          width: 23px;
          height: 30px;
          z-index: 1;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 0);
          background: #fff;
        }
        .services-tabs-zip li .nav-link.active {border: 2px solid #fcfc03;}
        .services-tabs-zip li .nav-link.active img {filter: grayscale(0);}
        .services-tabs-zip li .nav-link.active h5{background: #fcfc03; color: #000; box-shadow:5px 0px 0 0 #fcfc03, 10px 5px 0 0 #E2E2E2;}
        .services-tabs-zip li .nav-link.active h5 span{filter: grayscale(0);}
        .services-tabs-zip li .nav-link.active h5 i{color: #000;}

        .sr-content img{
          height: 100%;
        }
        .sr-content:last-child{
          padding: 30px 10px;
        }
        .sr-content p{font-size: 20px;}
        .services-tab-row-zip{margin-top:40px;}
        .services-section .tab-content{
          padding-left: 70px;
        }
        .services-gallery-light {padding: 0 5px; margin-top: 40px;}
        .services-gallery-light>div {padding: 0;}
        .services-gallery-light>div img {
            padding: 5px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: left;
        }



        .services-about{padding:80px 0;}
        .services-about .heading-col-2{
          align-items: start;
          text-align: start;
        }
        .services-about .heading-col-2 p{max-width: 100%;}
        .services-about ul {
            padding: 0;
            list-style: none;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 30px;
        }

        .services-about ul li {
            flex: calc(50% - 10px);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 35px 18px;
            background: #EDEDED;
        }
        .services-about ul li h6 {
            font-size: 19px;
            margin-bottom: 5px;
            margin-top: 10px;
            text-align: center;
        }
        .services-about ul li small{text-align: center;color: #666565;}
        .service-about-right-img{
            display: flex;
            align-items: end;
            justify-content: end;
        }
        /*Services Page Css End*/
        
        /*Gallery Page Section Page Css start*/
        .gallery-bg{
            background-image:url(../img/gallery-banner-bg.webp);
        }
        .gallery-page-section{
            padding:80px 0;
        }
        .lightbox {
            top: 3350px;
            left: 0px;
            margin: auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .lb-nav a.lb-next,
        .lb-nav a.lb-prev{
            background: #ffffffc7;
            opacity: 1;
            width: 30px;
            height: 50px;
            top: 45%;
            position: relative;
            z-index: 0;
            border-radius: 5px;
        }
        .lb-nav a.lb-next:before {
            position: absolute;
            content: '\F27B';
            width: 100%;
            height: 100%;
            font-family: 'Bootstrap-icons';
            left: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index:1;
            color:#000;
        }
        .lb-nav a.lb-prev:before {
            position: absolute;
            content: '\F27A';
            width: 100%;
            height: 100%;
            font-family: 'Bootstrap-icons';
            left: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index:1;
            color:#000;
        }
                /*Gallery Page Section Page Css End*/
         /*Career Page Section Page Css start*/
        .career-bg{
            background-image:url(../img/career-banner.jpg);
        }       
        .career-section-one , 
        .career-section-two  {
            padding:80px 0 0;
        }        
        .career-section-two .contact-form {
            padding: 30px 30px 0 0;
        }  
        .career-section-one ul{
            margin-top: 15px;
        }
        .career-section-one li {
            font-size: 18px;
            line-height: 35px;
            color:#7d7878;
        }
        .career-section-one h2 , 
        .career-section-two h2 {
            line-height:45px;
            text-transform:uppercase;
        }
        .career-section-one h2 span, 
        .career-section-two h2 span {
            font-family: 'Aldrich';
            font-size: 35px;
            text-transform:uppercase;
        }
        .career-section-two p{
            font-size:18px;
            line-height:30px;
            color:#7d7878;
            margin-top: 15px;
        }
        section.career-section-two .heading-col-2 {
            text-align: start;
            align-items: start;
            
        }
        section.career-section-two .heading-col-2 h2 {
            line-height:50px;
        }
        section.career-section-two .heading-col-2 h2 span{
            font-size:45px;
        }
         
/*Career Page Section Page Css start*/

/* Form Error Messages CSS */
.error-message {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #fff5f5;
    border-left: 3px solid #dc3545;
    border-radius: 3px;
}

.error-message:not(:empty) {
    display: block;
}

.contact-form input.error,
.contact-form textarea.error,
.contact-form select.error {
    border-color: #dc3545;
    background-color: #fff5f5;
}

/* Optional: Add animation for error messages */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.error-message.show {
    animation: shake 0.3s ease-in-out;
}