:root {
            --primary-color: #690007;
            --primary-hover: #8b0009;
            --text-primary: #1a0a0b;
            --text-secondary: #6f706e;
            --text-accent: #884044;
        }

        body {
            font-family: 'League Spartan', sans-serif;
            color: var(--text-primary);
        }

        .custom-btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: white;
        }

        .custom-btn-primary:hover {
            background-color: var(--primary-hover);
            border-color: var(--primary-hover);
            color: white;
        }

        .contact-icon {
            background-color: var(--primary-color);
            border-radius: 6px;
            width: 40px;
            height: 40px;
        }

        .contact-icon:hover {
            background-color: var(--primary-hover);
        }

        .nav-link.active {
            color: var(--primary-color) !important;
            position: relative;
        }

        .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            width: 75%;
            height: 2px;
            background-color: var(--primary-color);
            margin: auto;
        }

        
        @media (max-width: 991.98px) {
            .nav-link.active::after {
                display: none;
            }
        }

        /* Mobile: Adjust further for smaller screens */
        @media (max-width: 575.98px) {
            .nav-link.active::after {
                display: none;
            }
        }

        .hero-section {
            min-height: 100vh;
            /* background: linear-gradient(180deg, #04040466 0%, #04040466 50%, #04040466 100%),
                        url('assets/images/img_overlay_image_bg_946x1917.png'); */
            background: linear-gradient(180deg, #04040466 0%, #04040466 50%, #04040466 100%),
                        url('assets/images/slider1.jpg');
            background-size: cover;
            background-position: center center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0 50px;
        }

        .hero-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 55px;
            font-weight: 600;
            /* line-height: 93px; */
            color: #fcfdff;
            margin-bottom: 97px;
            /* text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); */
        }

        .hero-subtitle {
            font-size: 20px;
            line-height: 55px;
            color: #eef2fc;
            margin-bottom: 110px;
            /* text-shadow: 0px 4px 14px #888888ff; */
            
        }

        .hero-actions {
            display: flex;
            align-items: center;
            gap: 22px;
        }

        .hero-btn {
            background-color: var(--primary-color);
            color: #ffffff;
            padding: 11px 27px;
            border: none;
            border-radius: 6px;
            font-size: 20px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .hero-btn:hover {
            background-color: var(--primary-hover);
        }

        .hero-contact {
            display: flex;
            align-items: center;
            gap: 11px;
        }

        .hero-contact-icon {
            background-color: var(--primary-color);
            border-radius: 6px;
            width: 41px;
            height: 41px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .hero-contact-details h4 {
            font-size: 20px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 2px;
        }

        .hero-contact-details p {
            font-size: 18px;
            color: #ffffff;
        }

        /* Story Section */
        .story-section {
            display: flex;
            padding: 23px 3px 0;
            gap: 3px;
        }

        .story-image {
            position: relative;
            width: 1133px;
            height: 691px;
            background-image: url('assets/images/img_envatolabsimageedit_1_1.png');
            background-size: cover;
            background-position: center;
            min-height: 500px;
        }

        .story-decorations {
            position: absolute;
        }

        .story-content {
            padding: 23px 0 0 0;
            width: 651px;
        }

        .story-label {
            font-family: 'Public Sans', sans-serif;
            font-size: 17px;
            font-weight: 500;
            color: var(--text-accent);
            margin-bottom: 30px;
        }

        .story-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: var(--text-primary);
            margin-bottom: 28px;
        }

        .story-description {
            font-size: 17px;
            line-height: 25px;
            color: var(--text-secondary);
            margin-bottom: 12px;
        }

        .story-features {
            position: relative;
            margin-bottom: 20px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 52px;
            margin-bottom: 101px;
        }

        .feature-icon {
            width: 40px;
            height: 40px;
        }

        .feature-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 23px;
            font-weight: 500;
            line-height: 28px;
            color: var(--primary-color);
        }

        .feature-description {
            font-size: 17px;
            line-height: 25px;
            color: var(--text-secondary);
            position: absolute;
            top: 46px;
            left: 0;
            width: 649px;
        }

        .mission-description {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-secondary);
            margin-bottom: 20px;
        }

        .story-btn {
            background-color: var(--primary-color);
            color: #ffffff;
            padding: 20px 60px;
            border: none;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .story-btn:hover {
            background-color: var(--primary-hover);
        }

        /* Why ATTC Section */
        .why-attc-section {
            position: relative;
            background-color: var(--primary-color);
            /* padding: 61px 255px 0; */
            padding: 60px 80px 30px;
        }

        .why-attc-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 147px;
        }

        .why-attc-title-section h3 {
            font-family: 'Public Sans', sans-serif;
            font-size: 17px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 30px;
        }

        .why-attc-title-section h2 {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: #ffffff;
        }

        .why-attc-description {
            font-size: 22px;
            line-height: 33px;
            color: #ffffff;
            width: 618px;
        }

        .features-grid {
            display: flex;
            gap: 30px;
            margin-bottom: 142px;
        }

        .feature-card {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 29px 32px 35px;
            /* width: 330px; */
            position: relative;
            box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 44%);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        }

        .feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 109px;
            height: 105px;
            background-image: url('assets/images/img_ellipse_red_50_01_105x109.svg');
            background-size: contain;
            background-repeat: no-repeat;
        }

        .feature-card-icon {
            width: 42px;
            height: 42px;
            margin-bottom: 23px;
        }

        .feature-card-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            color: var(--primary-color);
        }

        .feature-card-title.large {
            font-size: 23px;
            line-height: 28px;
        }

        .feature-card-description {
            font-size: 18px;
            line-height: 27px;
            color: var(--text-secondary);
        }

        /* Services Section */
        .services-section {
            padding: 102px 0 62px;
            text-align: center;
        }

        .services-label {
            font-family: 'Public Sans', sans-serif;
            font-size: 17px;
            font-weight: 500;
            color: var(--text-accent);
            margin-bottom: 20px;
        }

        .services-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: var(--text-primary);
            margin-bottom: 40px;
        }

        .services-description {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-secondary);
            margin: 0 auto 52px;
            width: 621px;
        }

        .services-grid {
            display: flex;
            gap: 40px;
            justify-content: center;
            margin-bottom: 62px;
        }

        .service-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
        }

        .service-image {
            width: 685px;
            height: 456px;
            border-radius: 10px;
            object-fit: cover;
        }

        .service-info {
            background-color: #ffffff;
            border-radius: 0px 10px 10px 10px;
            padding: 36px 35px 54px;
            box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 55%);
            text-align: left;
            width: 95%;
            position: relative;
            /* top: -25px; */
            bottom: 50px;
        }

        .service-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 23px;
            font-weight: 500;
            line-height: 28px;
            color: var(--primary-color);
            margin-bottom: 16px;
        }

        .service-description {
            font-size: 22px;
            line-height: 33px;
            color: var(--text-secondary);
        }

        .service-description.compact {
            line-height: 21px;
        }

        .services-btn {
            background-color: var(--primary-color);
            color: #ffffff;
            padding: 20px 51px;
            border: none;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .services-btn:hover {
            background-color: var(--primary-hover);
        }

        /* Trusted By Section */
        .trusted-section {
            background-color: #ffffff;
            padding: 90px 255px;
            display: flex;
            align-items: center;
            gap: 184px;
        }

        .trusted-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: var(--primary-color);
        }

        .trusted-divider {
            width: 2px;
            height: 141px;
            background-color: var(--primary-color);
        }

        .trusted-logos {
            display: flex;
            gap: 34px;
            align-items: center;
        }

        .trusted-logo {
            width: 207px;
            height: 49px;
        }

        .trusted-logo:last-child {
            width: 208px;
        }

        /* CTA Section */
        .cta-section {
            position: relative;
            background: linear-gradient(180deg, rgba(76, 76, 76, 0.5) 0%, rgba(105, 0, 7, 0.5) 100%),
                        url('assets/images/start-recycling-today.jpg');
            background-size: cover;
            background-position: center;
            padding: 150px 0;
            text-align: center;
        }

        .cta-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: #ffffff;
            margin-bottom: 44px;
        }

        .cta-description {
            font-size: 24px;
            line-height: 36px;
            color: #ffffff;
            margin: 0 auto 44px;
            width: 848px;
        }

        .cta-btn {
            background-color: var(--primary-color);
            color: #ffffff;
            padding: 20px 47px;
            border: none;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .cta-btn:hover {
            background-color: var(--primary-hover);
        }

        /* Footer */
        .footer {
            position: relative;
            background-color: #ffffff;
            padding: 50px 0 20px;
        }

        .footer-decoration {
            position: absolute;
            top: 0;
            left: -4px;
            width: 176px;
            height: 183px;
        }

        .footer-content {
            padding: 43px 270px 0;
            display: flex;
            justify-content: space-between;
        }

        .footer-main {
            width: 448px;
        }

        .footer-logo {
            width: 227px;
            height: 113px;
            margin-bottom: 71px;
        }

        .footer-contact {
            margin-bottom: 16px;
        }

        .footer-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 17px;
        }

        .footer-contact-icon {
            background-color: var(--primary-color);
            border-radius: 50%;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 2px;
        }
        
        .footer-contact-icon i {
            font-size: 14px;
        }

        .footer-contact-text {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-secondary);
        }

        .footer-contact-text.single-line {
            line-height: 15px;
        }

        .footer-links {
            width: 94px;
        }

        .footer-section-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 23px;
            font-weight: 500;
            line-height: 28px;
            color: var(--primary-color);
            margin-bottom: 10px;
        }

        .footer-divider {
            width: 90px;
            height: 2px;
            background-color: var(--primary-color);
            margin-bottom: 19px;
        }

        .footer-link {
            font-family: 'Public Sans', sans-serif;
            font-size: 17px;
            font-weight: 500;
            line-height: 20px;
            color: var(--text-secondary);
            text-decoration: none;
            display: block;
            margin-bottom: 16px;
            transition: color 0.3s ease;
        }

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

        .footer-social {
            width: 129px;
        }

        .social-icons {
            display: flex;
            gap: 9px;
            margin-top: 20px;
        }

        .social-icon {
            background-color: var(--primary-color);
            border-radius: 5px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .social-icon:hover {
            background-color: var(--primary-hover);
        }

        .footer-bottom {
            margin-top: 44px;
            padding-top: 30px;
            border-top: 1px solid var(--primary-color);
            text-align: center;
        }

        .footer-copyright {
            font-size: 18px;
            font-weight: 500;
            color: var(--primary-color);
        }

        .footer-decoration-right {
            position: absolute;
            bottom: 234px;
            right: 5px;
            width: 225px;
            height: 233px;
        }

        /* Modal Styles */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .modal-content {
            background-color: #ffffff;
            margin: 5% auto;
            padding: 40px;
            border-radius: 10px;
            width: 80%;
            max-width: 600px;
            position: relative;
        }

        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 15px;
        }

        .close:hover {
            color: var(--primary-color);
        }

        .modal h2 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .modal p {
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 15px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem !important;
                line-height: 1.2;
            }
            
            .hero-subtitle {
                font-size: 1.25rem !important;
                line-height: 30px;
            }
            
            .section-title {
                font-size: 2rem !important;
            }
        }

        .why-attc-section .tile {
            position: relative;
            top: 100px;
        }

        .text-theme {
          color: #690007;
        }

        .sec-services-hm {
          margin-top: 110px;
        }

        .btn {
          padding: 10px 50px;
        }

        /* Responsive adjustments */
@media (max-width: 992px) {
    .hero-section {
        padding: 0 8vw;
    }
}

@media (max-width: 768px) {
    .hero-section {
        padding: 0 6vw;
        min-height: 80vh;
    }

    .hero-section h1 {
        font-size: 6vw;
    }

    .hero-section p {
        font-size: 4vw;
    }

    .why-attc-section .tile {
    position: relative;
    top: 0px;
}

.why-attc-section {
    
    padding: 60px 0px;
}

.section-title {
                font-size: 36px;
                line-height: 42px;
            }

            .services-row,
            .related-row {
                flex-direction: column;
                align-items: center;
            }

            /* .service-card,
            .related-card {
                width: 90%;
                max-width: 500px;
            } */

            .service-image,
            .related-image {
                width: 100%;
            }

            .sec-services-hm {
            margin-top: 20px;
            }

}

@media (max-width: 480px) {
    .hero-section {
        padding: 0 4vw;
    }

    .hero-section h1 {
        font-size: 8vw;
    }

    .hero-section p {
        font-size: 5vw;
    }
}


.hero-section-inner {
            height: 500px;
            background-image: url('assets/images/img_overlay_image_bg.png');
            background-size: cover;
            background-position: center;
            background-color: rgba(0, 0, 0, 0.726);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

/* Services Section */
        .services-section {
            padding: 55px 0 100px;
            text-align: center;
        }

        .section-label {
            font-family: 'Public Sans', sans-serif;
            font-size: 17px;
            font-weight: 500;
            color: var(--text-accent);
            margin-bottom: 20px;
        }

        .section-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: var(--text-primary);
            margin-bottom: 40px;
            max-width: 813px;
            margin-left: auto;
            margin-right: auto;
        }

        .section-description {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-secondary);
            max-width: 621px;
            margin: 0 auto 92px;
        }

        .services-grid {
            max-width: 1410px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 63px;
        }

        .services-row {
            display: flex;
            gap: 45px;
            justify-content: center;
        }

        .service-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            transition: transform 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-5px);
        }

        .service-image {
            width: 685px;
            height: 456px;
            border-radius: 10px;
            object-fit: cover;
        }

        .service-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 44px;
            background-color: #ffffff;
            padding: 36px 35px;
            border-radius: 0 10px 10px 10px;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
        }
        
        @media (max-width: 767.98px) {
            .service-info {
                position: relative;
                bottom: auto;
                left: auto;
                right: auto;
                margin-top: 15px;
                width: auto;
                margin-right: auto;
                margin-left: auto;
                box-shadow: none;
                border: 1px solid #d3d3d3;
                border-radius: 10px;
            }
        }

        .service-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 23px;
            font-weight: 500;
            line-height: 28px;
            color: var(--primary-color);
            margin-bottom: 16px;
        }

        .service-description {
            font-size: 22px;
            line-height: 33px;
            color: var(--text-secondary);
        }

        .service-description.short {
            line-height: 21px;
        }

        /* Related Services Section */
        .related-services {
            padding: 60px 0;
            text-align: center;
        }

        .related-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 52px;
            font-weight: 700;
            line-height: 62px;
            color: #0a1a03;
            margin-bottom: 33px;
        }

        .related-description {
            font-size: 16px;
            color: var(--text-secondary);
            margin-bottom: 95px;
        }

        .related-grid {
            max-width: 1410px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 33px;
        }

        .related-row {
            display: flex;
            gap: 33px;
            justify-content: center;
        }

        .related-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            transition: transform 0.3s ease;
        }

        .related-card:hover {
            transform: translateY(-5px);
        }

        .related-image {
            width: 448px;
            height: 523px;
            border-radius: 10px;
            object-fit: cover;
        }

        .related-info {
            position: absolute;
            bottom: 26px;
            left: 26px;
            right: 26px;
            background-color: #fff3f4;
            padding: 28px 35px 52px;
            border-radius: 10px;
        }

        .related-card-title {
            font-family: 'Public Sans', sans-serif;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            color: var(--primary-color);
            text-align: center;
            margin-bottom: 12px;
        }

        .related-card-description {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-secondary);
            text-align: center;
        }

      .hero-section-inner-abt {
            height: 500px;
            background-image: url('assets/images/abt-banner.jpg');
            background-size: cover;
            background-position: center;
            background-color: rgba(0, 0, 0, 0.874);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

      .skill {
        margin-bottom: 40px;
        position: relative;
      }

      .skill .label {
        margin-bottom: 5px;
        text-align: left;
        font-weight: 500;
        font-size: 18px;
        color: #690007;
      }

      .bar {
          background-color: #69000734;
          border-radius: 30px;
          overflow: hidden;
          height: 8px;
          position: relative;
      }

      .fill {
        height: 100%;
        background-color: #690007;
        width: 0;
        border-radius: 30px;
        
      }

      .fill.animate {
        animation: fillAnimation 2s ease forwards;
        }

      .percent-text {
        position: absolute;
        top: -22px; /* Above the bar */
        left: 0;
        font-size: 16px;
        font-weight: 500;
        color: #690007;
        animation: movePercent 2s ease forwards;
      }

      /* Animate bar fill */
      @keyframes fillAnimation {
        from { width: 0; }
        to { width: var(--target-width); }
      }

      /* Animate percent text */
      @keyframes movePercent {
        from { left: 0; }
        to { left: var(--percent); }
      }

      p.text-accent {
        font-size: 18px;
      }


      .cta-section-abt {
          position: relative;
          /* background: linear-gradient(180deg, rgba(255, 243, 244, 0.055) 0%, rgba(105, 0, 7, 0.157) 100%), url(assets/images/abt-cta.jpg); */
          background: linear-gradient(180deg, rgb(255 243 244 / 0%) 0%, rgb(105 0 7 / 45%) 100%), url('assets/images/abt-cta.jpg');
          background-size: cover;
          background-position: center;
          padding: 150px 0;
          text-align: center;
      }

      .bg-light-theme {
        background-color: #fff3f4;
      }

      .hero-section-inner-contact {
            height: 500px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.145) 0%, rgba(105, 0, 7, 0.533) 100%), url('assets/images/contact-banner.jpg');
            /* background-image: url('assets/images/contact-banner.jpg'); */
            background-size: cover;
            background-position: center top;
            background-color: rgba(0, 0, 0, 0.874);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

       .contact-form form {
            padding: 35px;
            box-shadow: 0px 0px 5px -3px;
        }

        .contact-form form input {
            border-color: #690007;
        }


        .contact-form form textarea {
            border-color: #690007;
            height: 100px;
        }

        .form-control {
            padding: 5px 20px;
        }

        .form-control:focus {
            border-color: #69000757;
            outline: 0;
            box-shadow: 0 0 1px 0.1rem #69000757;
        }

        
    .gallery-image {
            transition: transform 0.3s ease;
            border-radius: 12px;
            object-fit: fill;
            width: 100%;
            height: 90%;
            box-shadow: 0px 0px 20px -10px black;
        }

    .gallery-image:hover {
      transform: scale(1.03);
    }

    .gallery-item {
      overflow: hidden;
      border-radius: 12px;
    }
 
    body.lightbox-open {
  overflow: hidden;
}

/* .lightbox {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100vh !important;
    padding: 0 !important;
    flex-direction: column-reverse;
  }

  .lightbox .lb-image {
    max-height: 90vh; 
  }

  .lightbox .lb-outerContainer {
    margin: 0 auto;
  } */

  .lightbox {
    width: 100%;
    z-index: 10000;
    font-weight: 400;
    outline: 0;
    /* display: flex;
    flex-direction: column-reverse;
    height: 100vh;
    justify-content: center; */
}

a{
  text-decoration:none;
}
.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@media (max-width: 767.98px) {
    .floating_btn {
        right: 0px;
    }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #000000;
  font-size: 13px;
}

.hero-section-inner-client {
    height: 500px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.145) 0%, rgba(105, 0, 7, 0.533) 100%), url('assets/images/client-banner.jpg');
    /* background-image: url('assets/images/contact-banner.jpg'); */
    background-size: cover;
    background-position: center top;
    background-color: rgba(0, 0, 0, 0.874);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.client-logo-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.client-logo-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}


.client-marquee-wrapper {
  position: relative;
  width: 100%;
  height: 80px;
}

.client-marquee {
  display: flex;
  animation: scroll-marquee 30s linear infinite;
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.client-logos {
  flex: 0 0 auto;
  padding: 0 40px;
}

.client-logos img {
  max-height: 80px;
  height: auto;
  width: auto;
  background-color: #ffffff; /* White background */
  padding: 10px; /* Optional: gives space around logo */
  border-radius: 8px; /* Optional: smooth corners */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Optional: subtle depth */
  transition: transform 0.3s ease;
}