/* CSS for section section:clients */
   .btn-outline-light:hover {
    background: linear-gradient(90deg, #C0AB2D 0%, #956D18 100%);
}

        .clients-section.luxary-clients-section {
            margin-top: 140px;
            padding-bottom: 120px;
            border-top: 0.4px solid var(--color-white);
        }
        .clients-section {
            padding-top: 60px;
            padding-bottom: 120px;
            border-top: 0.4px solid var(--color-white);
        }

        .clients-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

        .clients-header p {
            font-family: var(--font-display);
            font-size: 36px;
            line-height: 1;
            font-weight: 500;
        }

        .clients-logos {
            display: flex;
            justify-content: space-between;
            gap: 40px;
        }

        .logo-box {
            border: 1px solid var(--color-white);
            border-radius: 24px;
            width: 224px;
            height: 144px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .logo-box img {
            max-width: 100%;
            max-height: 100%;
        }

        @media (max-width: 1024px) {
            .clients-logos {
                flex-wrap: wrap;
                justify-content: center;
            }
            .experience-intro h2 {
                font-size: 28px !important;
            }
            .experience-intro p {
                font-size: 32px !important;
            }
        }

        @media (max-width: 768px) {
            .clients-header {
                flex-direction: column;
                gap: 20px;
            }
        }

        /* CSS for section section:invitation */
        .invitation-section {
            padding-bottom: 120px;
        }

        .invitation-content {
            /*display: flex;*/
            /*gap: 264px;*/
            margin-bottom: 80px;
        }

        .invitation-title {
            font-family: var(--font-display);
            font-size: 96px;
            line-height: 1;
            letter-spacing: -1px;
            padding-top: 40px;
            font-weight: 500;
            margin-bottom: 140px;
        }

        .recap-card {
            display: flex;
            flex-direction: column;
            gap: 48px;
            width: 620px;
            padding-left: 380px;
        }

        .recap-image-wrapper {
            height: 408px;
            border-radius: 48px;
            position: relative;
            overflow: hidden;
        }

        .recap-image-content {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .recap-image-content .bg-1 {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .recap-image-content .bg-2 {
            position: absolute;
            top: 32px;
            left: 182px;
            width: 256px;
            height: 344px;
        }

        .recap-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            gap: 80px;
            font-family: var(--font-display);
            font-size: 62px;
            line-height: 1;
        }

        .recap-info {
            position: relative;
        }

        .recap-info h3 {
            font-size: 32px;
            font-weight: 700;
            line-height: 1.4;
            margin-bottom: 32px;
            max-width: 440px;
        }

        .recap-info p {
            font-size: 18px;
            line-height: 1.8;
            font-weight: 300;
            max-width: 440px;
        }

        .recap-info .arrow-btn {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .invitation-footer {
            border-top: 0.4px solid var(--color-white);
            padding-top: 32px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .contact-info {
            display: flex;
            gap: 38px;
        }

        .contact-info a {
            font-family: var(--font-main);
            font-weight: 700;
            font-size: 30px;
        }

        @media (max-width: 1200px) {
            .invitation-content {
                flex-direction: column;
                gap: 60px;
                align-items: center;
            }

            .invitation-title {
                text-align: center;
                font-size: 64px;
            }
        }

        @media (max-width: 768px) {
            .invitation-footer {
                flex-direction: column;
                gap: 40px;
            }

            .contact-info {
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }

            .contact-info a {
                font-size: 24px;
            }
        }

        /* CSS for section section:cta */
        .cta-section {
            position: relative;
            padding: 120px 40px;
            margin: 0 40px;
            border-radius: 48px;
            overflow: hidden;
            color: var(--color-black);
            text-align: center;
        }

        .cta-bg-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .cta-bg-main {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cta-bg-ellipse {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-30deg);
            width: 811px;
            height: 675px;
        }

        .cta-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
        }

        .cta-content h2 {
            font-family: var(--font-display);
            font-size: clamp(60px, 10vw, 128px);
            line-height: 1;
            letter-spacing: -1px;
            text-transform: uppercase;
            font-weight: 500;
        }

        .cta-highlight {
            font-size: clamp(50px, 8vw, 103px);
        }

        .cta-buttons {
            display: flex;
            gap: 16px;
        }

        @media (max-width: 768px) {
            .cta-section {
                margin: 0 20px;
            }

            .cta-buttons {
                flex-direction: column;
            }
        }
  /* CSS for section section:footer */
        .footer-section {
            color: #fff;
            padding-top: 40px;
            padding-bottom: 40px;
            margin-top: 40px;
            border-radius: 48px 48px 0 0;
        }

        .footer-section a,
        .footer-section p,
        .footer-section li {
            color: #fff !important
        }

        .footer-marquee {
            overflow: hidden;
            white-space: nowrap;
            margin-bottom: 80px;
        }

        .marquee-content {
            display: flex;
            align-items: center;
            gap: 40px;
            font-family: var(--font-display);
            font-size: 96px;
            animation: marquee 20s linear infinite;
        }

        .marquee-content img {
            width: 102px;
            height: 113px;
        }

        @keyframes marquee {
            from {
                transform: translateX(0%);
            }

            to {
                transform: translateX(-50%);
            }
        }

        .footer-main {
            display: flex;
            flex-direction: column;
            gap: 80px;
        }

        .footer-logo {
            width: 350px;
        }

        .footer-logo img {
            width: 100%;
        }

        .footer-links {
            display: flex;
            flex-wrap: wrap;
            gap: 60px;
            justify-content: space-between;
        }

        .link-column img {
            max-width: 100%;
        }

        .link-column h4 {
            font-size: 16px;
            font-weight: 500;
            color: var(--color-gray-medium);
            margin-bottom: 16px;
        }

        .link-column p,
        .link-column ul {
            font-size: 14px;
            line-height: 1.6;
            color: var(--color-black);
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .link-column ul li {
            margin-bottom: 16px;
        }

        .link-column ul li a:hover {
            color: #956D18 !important;
        }

        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 60%;
            margin-left: auto;
        }

        .footer-bottom p {
            font-size: 14px;
            color: var(--color-gray-medium) !important;
        }

        @media (max-width: 1024px) {
            .slide-content h1 {
                font-size: 5rem;
            }

            section {
                padding-block: 50px !important;
            }

            .hero-section {
                padding-top: 112px !important;
            }

            .services-header {
                flex-direction: column;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .service-card .service-image-wrapper {
                height: 400px !important;
            }

            .footer-main {
                gap: 20px;
            }

            .footer-bottom {
                width: 100%;
            }
        }

        @media (max-width: 768px) {

            .experience-intro p {
                margin-bottom: 20px;
            }

            .services-section {
                margin: 20px !important;
                padding: 60px 0;
            }

            .services-title {
                font-size: 64px !important;
            }

            .clients-logos {
                gap: 15px;
            }

            .logo-box {
                width: 100%;
                height: 55px;
            }

            .recap-card {
                width: 100%;
                padding-left: 0;
            }
            .invitation-title{
                padding-top: 0;
                margin-bottom: 50px;
            }

            .marquee-content {
                font-size: 48px;
            }

            .marquee-content img {
                width: 50px;
                height: auto;
            }

        }

        @media (max-width: 550px) {
            .header-container {
                gap: 10px;
                flex-direction: column;
            }

        }