:root {
        --primary-light: #FFAB91;
        --primary-dark: #BF360C;
        --text-dark: #2B1A0F;
        --text-light: #FFF6F0;
        --bg-light: #faeede;
        --accent: #FF3D00;
        --bg-light-gray: #FBE9E7;

        /* Additional variables for more design flexibility */
        --transition-speed: 0.3s;
        --box-shadow: 0 10px 30px rgba(43, 26, 15, 0.1);
        --border-radius: 8px;
        --section-spacing: 100px;
    }

    /* Base Styles */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Poppins', sans-serif;
        color: var(--text-dark);
        overflow-x: hidden;
        background-color: #fff;
    }

    a {
        text-decoration: none;
        color: var(--primary-dark);
        transition: color var(--transition-speed) ease;
    }

    a:hover {
        color: var(--accent);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        margin-bottom: 1rem;
        line-height: 1.3;
    }

    .section-title {
        position: relative;
        display: inline-block;
        margin-bottom: 2rem;
        color: var(--primary-dark);
        font-size: 2.5rem;
        letter-spacing: 1px;
    }

    .section-title::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 50px;
        height: 4px;
        background-color: var(--accent);
        border-radius: 2px;
    }

    .lead {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.8;
    }

    .bg-light-custom {
        background-color: var(--bg-light);
    }


    /* Hero Slider */
    #hero-slider {
        height: 100vh;
        margin-top: -90px;
    }

    #hero-slider .carousel-item {
        height: 100vh;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    #hero-slider .carousel-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(43, 16, 15, 0.479), rgba(43, 26, 15, 0.4));
    }

    #hero-slider .carousel-caption {
        text-align: center;
        top: 30%;
        left: 30%;
 
        bottom: auto;
        max-width: 600px;
        
    }

    #hero-slider .carousel-caption h1 {
        font-size: 3.5rem;
        font-weight: 700;
        color: var(--text-light);
        margin-bottom: 1rem;
    }

    #hero-slider .carousel-caption p {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        color: var(--text-light);
    }

    #hero-slider .carousel-caption .btn {
        padding: 0.8rem 2rem;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 50px;
        text-transform: uppercase;
    }

@media (max-width: 720px) and (max-height: 480px) {
    /* Adjust hero slider height */
    #hero-slider {
        height: 80vh;
        margin-top: -60px;
    }

    #hero-slider .carousel-item {
        height: 80vh;
    }

    #hero-slider .carousel-caption {
        top: 20%;
        left: 10%;
        max-width: 90%;
        padding: 1rem;
    }

    #hero-slider .carousel-caption h1 {
        font-size: 2rem;
    }

    #hero-slider .carousel-caption p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    #hero-slider .carousel-caption .btn {
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
    }
}



    /* Brief Section */
    #brief {
        padding: var(--section-spacing) 0;
        position: relative;
        overflow: hidden;
    }

    #brief::before {
        content: '';
        position: absolute;
        top: -150px;
        right: -150px;
        width: 400px;
        height: 400px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFAB91' fill-opacity='0.15' d='M45.1,-52.9C59.3,-40.7,72.3,-25.8,76.7,-8.2C81.1,9.5,76.9,29.9,65.8,44.1C54.7,58.3,36.6,66.4,17.5,70.5C-1.6,74.7,-21.7,74.9,-38.1,66.7C-54.5,58.4,-67.2,41.7,-71.8,23.5C-76.5,5.3,-73.1,-14.5,-64.1,-30.7C-55.1,-46.9,-40.6,-59.5,-25.4,-61.7C-10.3,-63.9,5.5,-55.7,19.9,-55.6C34.3,-55.5,47.3,-63.5,45.1,-52.9Z' transform='translate(100 100)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        z-index: -1;
        animation: float 12s ease-in-out infinite;
    }

    #brief::after {
        content: '';
        position: absolute;
        bottom: -100px;
        left: -100px;
        width: 300px;
        height: 300px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23BF360C' fill-opacity='0.1' d='M36.3,-45.2C48.9,-34.7,62.3,-24.8,67.4,-11.3C72.5,2.3,69.2,19.5,60.6,32.5C52,45.5,38,54.2,23.4,58.2C8.8,62.2,-6.4,61.4,-20.1,56.2C-33.8,51,-46,41.2,-52.7,28.8C-59.3,16.4,-60.5,1.3,-57.3,-12.5C-54.2,-26.3,-46.7,-38.8,-36.2,-49.5C-25.7,-60.2,-12.8,-69.1,-0.3,-68.7C12.2,-68.3,24.5,-58.5,36.3,-45.2Z' transform='translate(100 100)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        z-index: -1;
        animation: float 15s ease-in-out infinite reverse;
    }

    .brief-content {
        position: relative;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 3rem;
        border-radius: var(--border-radius);
        backdrop-filter: blur(10px);
        box-shadow: var(--box-shadow);
    }

    .stats-container {
        margin-top: 4rem;
        position: relative;
        z-index: 1;
    }

    .stat-item {
        padding: 2rem;
        border-radius: var(--border-radius);
        background-color: #fff;
        box-shadow: var(--box-shadow);
        height: 100%;
        transition: transform var(--transition-speed) ease;
        position: relative;
        overflow: hidden;
    }

    .stat-item::before {
        content: '';
        position: absolute;
        top: -20px;
        right: -20px;
        width: 100px;
        height: 100px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23FF3D00' fill-opacity='0.1' d='M46.4,-77.4C59.9,-69.9,70.5,-55.4,76.4,-40.3C82.3,-25.2,83.5,-9.4,81.9,6.3C80.3,21.9,75.7,37.3,66.6,49.9C57.5,62.4,43.8,72.1,28.7,76.8C13.6,81.6,-3,81.6,-18.9,77.2C-34.9,72.9,-50.2,64.3,-60.5,51.6C-70.8,38.8,-76.1,21.9,-78.4,4.4C-80.7,-13.1,-80,-31.1,-71.6,-44.5C-63.2,-57.9,-47.2,-66.5,-32.5,-73.2C-17.8,-79.9,-3.6,-84.5,9.3,-79.9C22.2,-75.3,32.9,-62.5,46.4,-77.4Z' transform='translate(100 100)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        z-index: 0;
        opacity: 0.3;
        transition: all 0.5s ease;
    }

    .stat-item:hover {
        transform: translateY(-10px);
    }

    .stat-item:hover::before {
        transform: scale(1.2) rotate(10deg);
    }

    .stat-item h2 {
        color: var(--primary-dark);
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
        position: relative;
        z-index: 1;
    }

    .stat-item h3 {
        color: var(--text-dark);
        font-size: 1.2rem;
        font-weight: 500;
        position: relative;
        z-index: 1;
    }

    @keyframes float {
        0% {
            transform: translateY(0) rotate(0deg);
        }

        50% {
            transform: translateY(-20px) rotate(5deg);
        }

        100% {
            transform: translateY(0) rotate(0deg);
        }
    }

    /* About Section */
    #about {
        padding: var(--section-spacing) 0;
        background: var(--bg-light);
        position: relative;
    }

    #about::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary-light) 50%, transparent 100%);
    }


    .section-title.imx::after{
        display: none !important;
    }
    .about-content {
        position: relative;
        z-index: 1;
    }

    .about-content p {
        font-size: 1.1rem;
        color: var(--text-gray);
        line-height: 1.8;
        margin-bottom: 1.5rem;
    }

    .about-content p:first-of-type {
        font-size: 1.2rem;
        color: var(--text-dark);
        font-weight: 500;
    }

    #about img {
        border-radius: var(--border-radius);
        box-shadow: var(--shadow-heavy);
        transition: all var(--transition-speed) ease;
        position: relative;
        overflow: hidden;
    }

    #about img:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.2);
    }

    .image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius);
    }

    .image-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, rgba(255, 87, 34, 0.1) 0%, transparent 50%);
        opacity: 0;
        transition: opacity var(--transition-speed) ease;
        pointer-events: none;
    }

    .image-wrapper:hover::after {
        opacity: 1;
    }

    /* Animations */
    @keyframes floatSlow {

        0%,
        100% {
            transform: translateY(0) rotate(0deg);
        }

        50% {
            transform: translateY(-30px) rotate(5deg);
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .section-title {
            font-size: 2.2rem;
        }

        .brief-content {
            padding: 2.5rem 2rem;
        }

        .brief-content .lead {
            font-size: 1.1rem;
        }

        .stat-item {
            padding: 2rem 1.5rem;
            margin-bottom: 2rem;
        }

        .stat-item h2 {
            font-size: 2.5rem;
        }

        .stat-item:nth-child(3) h2 {
            font-size: 1.3rem;
        }
    }


.about-content p:nth-child(2) { animation-delay: 0.2s; }
.about-content p:nth-child(3) { animation-delay: 0.4s; }
.about-content p:nth-child(4) { animation-delay: 0.6s; }

.about-content p:hover {
    color: var(--text-dark);
    transform: translateX(5px);
}

.about-content p:first-of-type {
    font-size: 1.3rem;
    color: var(--text-dark);
    font-weight: 600;
    position: relative;
    padding-left: 1rem;
    border-left: 3px solid var(--primary-color);
    background: linear-gradient(90deg, rgba(255, 87, 34, 0.1) 0%, transparent 100%);
    border-radius: 0 8px 8px 0;
    margin-left: -1rem;
    padding: 1rem 1rem 1rem 2rem;
}
    

    /* Mission Vision Section */
    #mission-vision {
        padding: var(--section-spacing) 0;

        background-color: white ;
        position: relative;
        overflow: hidden;
    }

    #mission-vision::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23FFAB91' fill-opacity='0.1'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        opacity: 0.8;
        z-index: -1;
    }

    .mission-vision-container {
        position: relative;
    }

    .mission-vision-container::before {
        content: '';
        position: absolute;
        top: -100px;
        right: -150px;
        width: 350px;
        height: 350px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23FF3D00' fill-opacity='0.1' d='M31.6,-54.1C40.8,-46.7,48.4,-37.7,55,-27.1C61.6,-16.5,67.2,-4.3,67.1,8C67,20.4,61.2,32.9,52.4,42C43.6,51.2,31.8,57,19.1,61.2C6.4,65.5,-7.2,68.3,-19.5,65.7C-31.9,63.1,-43,55.1,-51.7,44.6C-60.4,34.1,-66.6,21.1,-69.5,6.7C-72.5,-7.7,-72.2,-23.4,-64.7,-34.5C-57.3,-45.6,-42.7,-52,-29.3,-59C-16,-66,-8,-73.6,1.3,-75.9C10.6,-78.2,21.2,-75.1,31.6,-54.1Z' transform='translate(100 100)'/%3E%3C/svg%3E");
        z-index: -1;
        animation: rotate 30s linear infinite;
    }

    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .section-title-container {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
    }

    .section-title-container::after {
        content: '';
        position: absolute;
        width: 100px;
        height: 4px;
        background-color: var(--accent);
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2px;
    }

    .mission-card {
        padding: 2.5rem;
        border: none;
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        transition: all var(--transition-speed) ease;
        position: relative;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(5px);
        z-index: 1;
    }

    .mission-card::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: linear-gradient(to right, var(--primary-light), var(--accent), var(--primary-dark));
        transition: height 0.3s ease;
    }

    .mission-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 15px 35px rgba(43, 26, 15, 0.15);
    }

    .mission-card:hover::before {
        height: 10px;
    }

    .icon-box {
        margin-bottom: 1.5rem;
        position: relative;
        display: inline-block;
    }

    .icon-box::after {
        content: '';
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: var(--primary-light);
        opacity: 0.2;
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
        top: -10px;
        left: -10px;
        z-index: -1;
        transition: all 0.5s ease;
    }

    .mission-card:hover .icon-box::after {
        transform: scale(1.3) rotate(30deg);
        opacity: 0.3;
    }

    .mission-card i {
        color: var(--primary-dark);
        transition: all 0.3s ease;
    }

    .mission-card:hover i {
        color: var(--accent);
    }

    .mission-card h3 {
        color: var(--primary-dark);
        margin-bottom: 1.2rem;
        position: relative;
        display: inline-block;
    }

    .mission-card h3::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--accent);
        transition: width 0.3s ease;
    }

    .mission-card:hover h3::after {
        width: 100%;
    }



    /* Infrastructure Section */
    #infrastructure {
        padding: var(--section-spacing) 0;
    }

    #infrastructure img {
        box-shadow: var(--box-shadow);
        transition: transform var(--transition-speed) ease;
    }

    #infrastructure img:hover {
        transform: scale(1.02);
    }

    .infrastructure-features i {
        color: var(--accent);
        font-size: 1.2rem;
    }

    /* Management Team Section */
    #management {
        padding: var(--section-spacing) 0;
    }

    .team-member {
        text-align: center;
        padding: 2rem;
        border-radius: var(--border-radius);
        background-color: #fff;
        box-shadow: var(--box-shadow);
        transition: transform var(--transition-speed) ease;
    }

    .team-member:hover {
        transform: translateY(-10px);
    }

    .team-member img {
        width: 180px;
        height: 180px;
        object-fit: cover;
        border: 6px solid var(--primary-light);
        transition: all var(--transition-speed) ease;
    }

    .team-member:hover img {
        border-color: var(--accent);
    }

    .team-member h4 {
        color: var(--primary-dark);
        margin-top: 1rem;
        margin-bottom: 0.3rem;
    }

    .social-icons a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: var(--primary-light);
        color: var(--primary-dark);
        margin: 0 5px;
        transition: all var(--transition-speed) ease;
    }

    .social-icons a:hover {
        background-color: var(--primary-dark);
        color: var(--text-light);
    }

    /* Testimonials Section */
    #testimonials {
        padding: var(--section-spacing) 0;
        background-color: white;
    }

    .testimonial-item {
        padding: 3rem;
        max-width: 800px;
        margin: 0 auto;
    }

    .testimonial-img img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border: 5px solid var(--primary-light);
        margin-bottom: 2rem;
    }

    .testimonial-text {
        font-size: 1.2rem;
        font-style: italic;
        line-height: 1.8;
        margin-bottom: 2rem;
        position: relative;
    }

    .testimonial-text::before,
    .testimonial-text::after {
        content: '"';
        font-size: 3rem;
        font-family: Georgia, serif;
        color: var(--primary-light);
        position: absolute;
    }

    .testimonial-text::before {
        left: -20px;
        top: -20px;
    }

    .testimonial-text::after {
        right: -20px;
        bottom: -40px;
    }

    #testimonialCarousel .carousel-control-prev,
    #testimonialCarousel .carousel-control-next {
        width: 40px;
        height: 40px;
        background-color: var(--primary-dark);
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
    }

    #testimonialCarousel .carousel-control-prev {
        left: 5%;
    }

    #testimonialCarousel .carousel-control-next {
        right: 5%;
    }

    #testimonialCarousel .carousel-control-prev-icon,
    #testimonialCarousel .carousel-control-next-icon {
        width: 18px;
        height: 18px;
    }

    /* Contact Section */
    #contact {
        padding: var(--section-spacing) 0;
    }

    .contact-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--primary-light);
        color: var(--primary-dark);
        font-size: 1.2rem;
    }

    .contact-info h4 {
        color: var(--primary-dark);
        margin-bottom: 0.3rem;
    }

    .contact-form {
        padding: 2.5rem;
        border-radius: var(--border-radius);
        background-color: #fff;
        box-shadow: var(--box-shadow);
    }

    .form-control {
        padding: 0.8rem 1.2rem;
        height: auto;
        border: 1px solid #ddd;
        border-radius: var(--border-radius);
    }

    .form-control:focus {
        border-color: var(--primary-light);
        box-shadow: none;
    }

    /* Footer */
    footer {
        background-color: var(--primary-dark);
        color: var(--text-light);
    }

    .footer-link {
        color: var(--primary-light);
    }

    .footer-link:hover {
        color: var(--text-light);
    }

    /* Buttons */
    .btn-primary {
        background-color: var(--accent);
        border-color: var(--accent);
        color: var(--text-light);
        padding: 0.8rem 2rem;
        border-radius: 50px;
        font-weight: 600;
        letter-spacing: 1px;
        transition: all var(--transition-speed) ease;
        box-shadow: 0 5px 15px rgba(255, 61, 0, 0.3);
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(191, 54, 12, 0.4);
    }

    /* Animations */
    [data-aos] {
        opacity: 0;
        transition-property: opacity, transform;
    }

    [data-aos].aos-animate {
        opacity: 1;
    }

    /* Media Queries */
    @media (max-width: 991.98px) {
        #hero-slider .carousel-caption h1 {
            font-size: 3rem;
        }

        #hero-slider .carousel-caption p {
            font-size: 1.2rem;
        }

        .section-title {
            font-size: 2.2rem;
        }

        #hero-slider,
        #hero-slider .carousel-item {
            height: 80vh;
        }
    }

    @media (max-width: 767.98px) {
        #hero-slider .carousel-caption {
            text-align: center;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 0 20px;
        }

        #hero-slider .carousel-caption h1 {
            font-size: 2.5rem;
        }

        .section-title {
            font-size: 2rem;
        }

        .navbar {
            background-color: #fff;
            padding: 0.8rem 0;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        #hero-slider,
        #hero-slider .carousel-item {
            height: 60vh;
        }

        #testimonialCarousel .carousel-control-prev {
            left: 0;
        }

        #testimonialCarousel .carousel-control-next {
            right: 0;
        }
    }

    @media (max-width: 575.98px) {
        #hero-slider .carousel-caption h1 {
            font-size: 2rem;
        }

        #hero-slider .carousel-caption p {
            font-size: 1rem;
        }

        .section-title {
            font-size: 1.8rem;
        }

        .contact-form {
            padding: 1.5rem;
        }

        .testimonial-item {
            padding: 1.5rem;
        }
    }

    /* Custom scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: var(--bg-light);
    }

    ::-webkit-scrollbar-thumb {
        background: var(--primary-light);
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary-dark);
    }

    /* Utility Classes */
    .text-primary-dark {
        color: var(--primary-dark);
    }

    .text-accent {
        color: var(--accent);
    }

    .bg-primary-light {
        background-color: var(--primary-light);
    }

    .bg-primary-dark {
        background-color: var(--primary-dark);
    }



    /* Section Base Styling */
    #why-choose-us {
        padding: 100px 0;
        background: var(--bg-light);
        background-color: #ffffff;
        overflow: hidden;
    }

    .section-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        position: relative;
        display: inline-block;
        color: var(--text-dark);
    }

    .section-title::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent));
        border-radius: 2px;
    }

    .lead {
        color: var(--text-dark);
        font-size: 1.25rem;
        font-weight: 300;
        max-width: 700px;
        margin: 1.5rem auto 0;
        opacity: 0.8;
    }

    /* Modern Feature Item Styling */
    .feature-item {
        position: relative;
        padding: 2rem 1.5rem;
        margin-bottom: 2rem;
        border-radius: 12px;
        transition: all 0.4s ease;
        background: rgba(255, 246, 240, 0.85);
        backdrop-filter: blur(10px);
        box-shadow: 0 8px 30px rgba(191, 54, 12, 0.08);
        overflow: hidden;
        border-left: 4px solid transparent;
    }

    .feature-item:hover {
        transform: translateY(-8px);
        border-left: 4px solid var(--accent);
        box-shadow: 0 15px 35px rgba(191, 54, 12, 0.15);
    }

    .feature-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 0;
        background: linear-gradient(180deg, var(--primary-dark), var(--accent));
        transition: height 0.4s ease;
    }

    .feature-item:hover::before {
        height: 100%;
    }

    .feature-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        margin-bottom: 1.25rem;
        border-radius: 50%;
        background: var(--bg-light-gray);
        position: relative;
        transition: all 0.3s ease;
    }

    .feature-item:hover .feature-icon {
        background: linear-gradient(135deg, var(--primary-dark) 0%, var(--accent) 100%);
        transform: scale(1.1);
    }

    .feature-icon i {
        font-size: 1.75rem;
        color: var(--primary-dark);
        transition: all 0.3s ease;
    }

    .feature-item:hover .feature-icon i {
        color: var(--text-light);
    }

    .feature-item h3 {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 1rem;
        transition: all 0.3s ease;
        color: var(--text-dark);
    }

    .feature-item:hover h3 {
        color: var(--primary-dark);
    }

    .feature-item p {
        color: var(--text-dark);
        opacity: 0.8;
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 0;
    }

    /* Responsive Tweaks */
    @media (max-width: 768px) {
        #why-choose-us {
            padding: 60px 0;
        }

        .section-title {
            font-size: 2rem;
        }

        .feature-item {
            padding: 1.5rem 1rem;
        }
    }

    /* Animation Classes */
    .fade-up {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .fade-up.in-view {
        opacity: 1;
        transform: translateY(0);
    }

    /* Add Animation Delays */
    .delay-100 {
        transition-delay: 0.1s;
    }

    .delay-200 {
        transition-delay: 0.2s;
    }

    .delay-300 {
        transition-delay: 0.3s;
    }

    .delay-400 {
        transition-delay: 0.4s;
    }

    .delay-500 {
        transition-delay: 0.5s;
    }



    .mob-padding{
        padding-left: 20px !important;
        padding-right: 20px     !important;
    }