:root{--primary:#F3525A;--secondary:#F6F6F6;--light:#FFF;--dark:#152440}  
.bg-secondary{background-color:rgb(1, 1, 61)!important;columns:white}  
.bg-primary{background-color:#FFD700!important}  
.bg-navy{background-color:rgb(1,1,61)}  
.nav-link-white{color:white}  
.nav-link-white:hover{color:#f8f9fa}  
.text-white{color:white}  
.text-golden{color:#000}  
h1,h2,.font-weight-bold{font-weight:700!important}  
h3,h4,.font-weight-semi-bold{font-weight:600!important}  
h4.text-primary{font-weight:bold;text-decoration:underline}  
h5,h6,.font-weight-medium{font-weight:500!important}  
.pt-6{padding-top:90px}  
.pb-6{padding-bottom:90px}  
.py-6{padding-top:90px;padding-bottom:90px}  
.btn{font-family:'Barlow',sans-serif;font-weight:600;transition:.5s}  
.btn-primary{color:#FFF}  
.btn-square{width:36px;height:36px}  
.btn-sm-square{width:28px;height:28px}  
.btn-lg-square{width:46px;height:46px}  
.btn-square,.btn-sm-square,.btn-lg-square{padding-left:0;padding-right:0;text-align:center}  
.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:99}  
.top-shape::before{position:absolute;content:"";width:35px;height:100%;top:0;left:-17px;background:var(--primary);transform:skew(40deg)}  
.navbar-light .navbar-nav .nav-link{font-family:'Barlow',sans-serif;padding:35px 15px;font-size:18px;text-transform:uppercase;color:white;outline:none;transition:.5s}  
.sticky-top.navbar-light .navbar-nav .nav-link{padding:20px 15px}  
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:var(--primary)}  
@media (max-width:991.98px){.navbar-light .navbar-nav .nav-link{padding:10px 0}}  
.carousel-caption{top:0;left:0;right:0;bottom:0;background:rgba(21,36,64,.7);z-index:1}  
@media (max-width:576px){.carousel-caption h5{font-size:14px;font-weight:500!important}.carousel-caption h1{font-size:30px;font-weight:600!important}}  
.carousel-control-prev,.carousel-control-next{width:10%}  
.carousel-control-prev-icon,.carousel-control-next-icon{width:3rem;height:3rem}  
.service-item {
    position: relative;
    overflow: hidden;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #021157;
    padding: 30px;
    border-radius: 10px;
    color: #d1d403;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.service-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    bottom: -50px;
    left: 0;
    background: var(--light);
    border-radius: 100% 100% 0 0;
    box-shadow: 0px -10px 5px rgba(243, 82, 90, 0.8);
    transition: bottom .5s ease;
}

.service-item:hover::after {
    bottom: -25px;
}

.service-item p {
    transition: margin-bottom .3s ease;
    font-size: 16px;
}

#services-section {
    position: relative;
}

#services-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.icon {
    width: 90px;
    height: 90px;
    background: #d1d403;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    font-size: 24px;
}

.service-item h3 {
    color: gold;
    font-size: 20px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .service-item {
        min-height: auto;
        padding: 50px;
    }

    .service-item p {
        font-size: 14px;
        line-height: 1.6;
    }

    .icon {
        width: 70px;
        height: 70px;
        font-size: 20px;
    }

    .service-item h3 {
        font-size: 18px;
    }
}

.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.team-item img{transform:scale(1.15);margin-left:-30px;transition:.5s}  
.team-item:hover img{margin-left:0}  
.team-item .team-text{left:-100%;transition:.5s}  
.team-item .team-text::after{position:absolute;content:"";width:0;height:0;top:50%;right:-60px;margin-top:-30px;border:30px solid;border-color:transparent transparent transparent var(--primary)}  
.team-item:hover .team-text{left:0}  
.testimonial-carousel .owl-nav{margin-top:30px;display:flex;justify-content:start}  
.testimonial-carousel .owl-nav .owl-prev,.testimonial-carousel .owl-nav .owl-next{position:relative;margin:0 5px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#FFF;background:var(--primary);font-size:22px;border-radius:45px;transition:.5s}  
.testimonial-carousel .owl-nav .owl-prev:hover,.testimonial-carousel .owl-nav .owl-next:hover{color:var(--dark)}  
.testimonial-carousel .owl-item img{width:90px;height:90px}  
.blog-item img{transition:.5s}  
.blog-item:hover img{transform:scale(1.1)}  
#about-section,#service-section,#quote-section,#contact-section{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}  
#about-section.show,#service-section.show,#quote-section.show,#contact-section.show{opacity:1;transform:translateY(0)}  
.section{opacity:0;transform:translateY(50px) scale(0.95);transition:opacity 0.8s ease-out,transform 0.8s ease-out}  
.section.show{opacity:1;transform:translateY(0) scale(1)}  
.fade-in-left{opacity:0;transform:translateX(-50px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}  
.fade-in-left.show{opacity:1;transform:translateX(0)}  
.fade-in-right{opacity:0;transform:translateX(50px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}  
.fade-in-right.show{opacity:1;transform:translateX(0)}  
.back-to-top{position:fixed;left:20px;bottom:20px;z-index:1000;transition:all 0.3s ease}  
.back-to-top:hover{background-color:#007bff}  
.request-inquiry h1,.request-inquiry p{color:gold}  
@media (max-width:768px){#request-inquiry-section .row{flex-direction:column}#request-inquiry-section .col-6{width:100%}#request-inquiry-section .btn{height:auto;padding:10px}}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")} 
.navbar-toggler{border-color:#fff} 
.navbar-toggler-icon{filter:invert(1)}
#quoteModalLabel{color:white;}
.golden-text{color:gold;}
.text-golden{color:navy;}
@media (max-width: 768px){.container-fluid{padding-left:0;padding-right:0}.col-lg-6{width:100%;padding:15px}.form-floating{width:100%}.display-5{font-size:24px}iframe{width:100%;height:300px}.btn-primary{padding:12px 0}}
.text-black{color:black;}
/* Scroll-in animation */
/* Initial state of the section */
/* Initial setup */
/* Ensure the section is full height with the background */
/* Ensure the transition effect is triggered */
/* Ensure the transition effect is triggered */
#why-us-list.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Optional: Ensure the container has enough space for the background */
#why-us {
    height: 100vh; /* Optional: Ensure the container fills the screen */
}