@font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-Thin-BF654c45255ffe0.otf") format("opentype");
            font-weight: 100;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-ThinItalic-BF654c45268d3f9.otf") format("opentype");
            font-weight: 100;
            font-style: italic;
            font-display: swap;
        }

        /* Extra Light */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-ExtraLight-BF654c45265af8d.otf") format("opentype");
            font-weight: 200;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-ExtraLightItalic-BF654c4525a5046.otf") format("opentype");
            font-weight: 200;
            font-style: italic;
            font-display: swap;
        }

        /* Light */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-Light-BF654c452608e0f.otf") format("opentype");
            font-weight: 300;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-LightItalic-BF654c45266aa83.otf") format("opentype");
            font-weight: 300;
            font-style: italic;
            font-display: swap;
        }

        /* Regular */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-Regular-BF654c45266c042.otf") format("opentype");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-RegularItalic-BF654c452681c11.otf") format("opentype");
            font-weight: 400;
            font-style: italic;
            font-display: swap;
        }

        /* Medium */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-Medium-BF654c45266edd1.otf") format("opentype");
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-MediumItalic-BF654c45267d45f.otf") format("opentype");
            font-weight: 500;
            font-style: italic;
            font-display: swap;
        }

        /* Semi Bold */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-SemiBold-BF654c45268c340.otf") format("opentype");
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-SemiBoldItalic-BF654c452696350.otf") format("opentype");
            font-weight: 600;
            font-style: italic;
            font-display: swap;
        }

        /* Bold */

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-Bold-BF654c4526823f5.otf") format("opentype");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "BR Sonoma";
            src: url("http://fluper.com/wp-content/themes/fluper/font/BRSonoma-BoldItalic-BF654c4525c9c27.otf") format("opentype");
            font-weight: 700;
            font-style: italic;
            font-display: swap;
        }
        * {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            min-height: 100%;
            background: #000;
            color: #fff;
            font-family: 'BR Sonoma', sans-serif;
        }

        body {
            overflow-x: hidden;
        }

  :root {
            --color-1: #393af2;
            --color-2: #d233a0;
        }

/* services sect */
 .services-callout img {
    width: 150px;
}
.services-section {
    position: relative;
    isolation: isolate;
    padding-top: 110px !important;
    overflow: hidden;
    padding: clamp(76px, 9vw, 150px) 24px clamp(92px, 11vw, 185px);
}

        .services-section::after {
            position: absolute;
            z-index: -1;
            right: -17vw;
            bottom: -22vw;
            width: min(760px, 69vw);
            aspect-ratio: 1;
            content: "";
            border-radius: 50%;
            background: radial-gradient(circle, rgba(220, 53, 173, .74) 0%, rgba(45, 67, 255, .34) 38%, transparent 70%);
            filter: blur(42px);
            opacity: .9;
        }

        .services-wrap {
            width: min(100%, 1480px);
            margin: 0 auto;
        }

        .section-heading {
            max-width: 820px;
            margin: 0 auto clamp(54px, 5.5vw, 91px);
            text-align: center;
        }

        .section-heading h1 {
            margin: 0;
            font-size: 50px;
            font-weight: 700;
            letter-spacing: -.055em;
            line-height: 1.05;
        }

        .section-heading p {
            max-width: 700px;
            margin: 24px auto 0;
            color: #fff;
            font-size: 16px;
            line-height: 1.5;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 24px;
        }

        .service-card,
        .services-callout {
            min-height: 430px;
            border: 1px solid var(--border);
            border-radius: 26px;
        }

.service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    padding: 22px 23px 20px;
    background: linear-gradient(155deg, #151515 0%, #0a0a0a 100%);
}

.service-card::after {
    position: absolute;
    right: 0px;
    bottom: -70px;
    width: 100%;
    aspect-ratio: 1;
    background: radial-gradient(circle at 0% 100%, #3038ff 0%, #4d2de8 25%, transparent 55%), radial-gradient(circle at 100% 100%, #cf2d92 0%, #a52bb3 28%, transparent 58%), linear-gradient(180deg, #100d1c 0%, #171029 35%, #4523a7 65%, #8d2bd5 100%);
    content: "";
    border-radius: 0%;
    filter: blur(15px);
    opacity: 0;
    transition: opacity .3s ease;
}
        .service-card:hover::after { opacity: 1; }

/* .service-card--featured::after {
    right: 0px;
    bottom: -160px;
    width: 100%;
    background: linear-gradient(98deg, #2d47ff 0%, #df2aa9 100%);
    opacity: 1;
    border-radius: 0px;
} */

.service-icon {
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    object-fit: contain;
    margin-bottom: 27px;
    animation: finalBenefitArtSway 5.6s ease-in-out infinite;
}

        .service-card h2 {
            position: relative;
            z-index: 1;
            margin: 0;
            font-size: clamp(1.5rem, 1.82vw, 2rem);
            font-weight: 700;
            letter-spacing: -.045em;
            line-height: 1.13;
        }

        .service-card p {
            position: relative;
            z-index: 1;
            margin: 23px 0 27px;
            color: #f3f3f5;
            font-size: 1rem;
            line-height: 1.73;
        }

        .round-link,
        .callout-link {
            position: relative;
            z-index: 1;
            flex: 0 0 auto;
            color: white;
            text-decoration: none;
            transition: width .35s cubic-bezier(.2, .75, .25, 1), padding .35s cubic-bezier(.2, .75, .25, 1), transform .2s ease, background .2s ease;
        }

.round-link {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 999px;
    white-space: nowrap;
    margin: 0px 0px;
    padding: 0 22px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
}

        .link-label {
            max-width: 0;
            overflow: hidden;
            opacity: 0;
            transform: translateX(-10px);
            font-size: .9rem;
            font-weight: 600;
            transition: max-width .32s ease, opacity .2s ease, transform .32s ease;
        }

        .link-icon {
            margin: auto;
            font-size: .95rem;
            transition: margin .35s cubic-bezier(.2, .75, .25, 1), transform .3s ease;
        }

        .service-card:hover .round-link,
        .round-link:focus-visible {
            width: 142px;
            padding: 0 17px;
            border-radius: 40px;
        }

        .service-card:hover .link-label,
        .round-link:focus-visible .link-label {
            max-width: 75px;
            opacity: 1;
            transform: translateX(0);
        }

        .service-card:hover .link-icon,
        .round-link:focus-visible .link-icon {
            margin: 0 0 0 10px;
            transform: translateX(4px);
        }

        .round-link:hover,
        .callout-link:hover { transform: translateX(4px); }

        .round-link:focus-visible,
        .callout-link:focus-visible {
            outline: 2px solid white;
            outline-offset: 3px;
        }

        .services-callout {
            grid-column: span 2;
            display: grid;
            align-content: center;
            justify-items: center;
            padding: 42px;
            overflow: hidden;
            text-align: center;
            background: linear-gradient(135deg, #2d47ff 0%, #df2aa9 100%);
        }

        .callout-arrow {
            width: 148px;
            height: 148px;
            margin: -14px 0 5px;
            filter: drop-shadow(0 12px 8px rgba(29, 7, 102, .38));
        }

.services-callout h2 {
    max-width: 660px;
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: 1.22;
    padding-top: 30px;
    padding-bottom: 40px;
}
.callout-link {
    margin: 0px 0px;
    padding: 0 22px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 800;
    padding: 15px 25px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
}

        @media (max-width: 1120px) {
            .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .services-callout { grid-column: span 2; }
        }

        @media (max-width: 620px) {
            .services-section { padding-inline: 16px; }
            .section-heading p { margin-top: 18px; }
            .services-grid { grid-template-columns: 1fr; gap: 16px; }
            .service-card,
            .services-callout { min-height: 365px; border-radius: 21px; }
            .service-card { padding: 33px 28px 30px; }
            .services-callout { grid-column: auto; padding: 30px 24px; }
            .service-icon { width: 78px; height: 78px; margin-bottom: 20px; }
            .callout-arrow { width: 118px; height: 118px; }
        }
/* services set end */

    /* marquee slider header start  */
    section.con-solidate {
    background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
}
    
.header-marquee {
    width: 100%;
    overflow: hidden;
    padding: 4px 0;
    background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
}

.header-marquee__track{
    display:flex;
    width:max-content;
    animation:headerMarqueeScroll 25s linear infinite;
}

.header-marquee:hover .header-marquee__track{
    animation-play-state:paused;
}

.header-marquee__item {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 13px;
}

.header-marquee__icon{
    margin-right:12px;
    font-size:16px;
}


@keyframes headerMarqueeScroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
      /* marquee slider header end  */
        /* Hero Section Start */
        
        .final-hero {
            position: relative;
            overflow: hidden;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 0px 210px;
            background: radial-gradient(circle at 14% 34%, rgba(685, 425, 228, 0.80), transparent 343px), radial-gradient(circle at 13% 84%, rgba(57, 60, 355, 11.98), transparent 480px), radial-gradient(circle at 76% 79%, rgba(255, 57, 183, 0.92), transparent 311px), radial-gradient(circle at 92% 40%, rgba(245, 0, 45, 28.9), transparent 485px), radial-gradient(circle at 51% 59%, rgb(0 0 0 / 58%), transparent 350px), linear-gradient(180deg, #000 0%, #07030c 44%, #050009 100%);
        }

        .final-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.94) 9%, rgba(0, 0, 0, 0.18) 27%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 73%, rgba(0, 0, 0, 0.9) 93%, #000 100%), radial-gradient(circle at 52% 24%, rgba(255, 255, 255, 0.08), transparent 250px);
        }

        .final-shell {
            position: relative;
            z-index: 1;
            width: min(100%, 1120px);
            min-height: min(760px, calc(100vh - 32px));
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            padding-top: 2px;
        }

        .final-card {
            position: relative;
            z-index: 3;
            overflow: hidden;
            width: 1200px;
            min-height: 252px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 60px 24px 60px;
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 18px;
            background: radial-gradient(circle at 6% 90%, rgba(88, 62, 160, 0.28), transparent 210px), radial-gradient(circle at 94% 82%, rgba(206, 0, 52, 0.32), transparent 220px), linear-gradient(180deg, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.62));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 28px 64px rgba(0, 0, 0, 0.32);
            text-align: center;
        }

        .final-card::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 28%, rgba(255, 255, 255, 0.02));
        }
            .final-title {
                position: relative;
                z-index: 1;
                max-width: 100%;
                margin: 0 0 -8px;
                color: #fff;
                font-size: 50px;
				padding-top: 20px;
                line-height: 1.08;
                letter-spacing: 0;
                font-weight: 700;
            }

        .final-copy {
            position: relative;
            z-index: 1;
            max-width: 365px;
            margin: 0 auto 22px;
            color: rgba(255, 255, 255, 0.72);
            font-size: 16px;
            line-height: 1.55;
        }

.final-tags {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
    padding: 10px 0px;
}

        .final-tag {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 0 14px 0 8px;
            border-radius: 8px;
            color: rgba(255, 255, 255, 0.96);
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
            font-size: 15px;
            font-weight: 600;
            line-height: 1;
        }

        .final-tag-icon {
            width: 24px;
            height: 24px;
            flex: 0 0 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.28);
        }

        .final-tag-icon img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .final-actions {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .final-work-btn,
        .final-arrow-btn {
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }
.menahd1 img {
    width: 241px;

}
h1#finalHeroTitle span {
    background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	-webkit-text-stroke: 1px #ffffff;
}
.menacps {
    display: block;
    margin-bottom: 0px;
}
.menahd2 {
    font-size: 13px;
    color: #fff;
    line-height: 42px;
    font-weight: 800;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -25px;
    text-align: center;
}
.menahd1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.final-work-btn {
    padding: 0 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

        .final-arrow-btn {
            width: 38px;
            border-radius: 50%;
            font-size: 0;
        }

        .final-arrow-btn:hover,
        .final-arrow-btn:focus-visible {
            animation: globalCtaHover 0.82s cubic-bezier(0.16, 0.9, 0.24, 1.18) both;
            background: var(--global-cta-hover-bg);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 22px 42px rgba(0, 0, 0, 0.34), 0 0 0 7px rgba(255, 255, 255, 0.08);
            outline: 0;
        }

        .final-arrow-icon {
            content: "";
            width: 15px;
            height: 15px;
            display: block;
            background: currentColor;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M9 7h8v8'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M9 7h8v8'/%3E%3C/svg%3E") center / contain no-repeat;
        }

        .final-arrow-art {
            position: absolute;
            z-index: 2;
            left: 49%;
            bottom: -160px;
            width: clamp(300px, 45vw, 446px);
            aspect-ratio: 1;
            pointer-events: none;
            background: url("../images/final/arrow-resent.webp") center / contain no-repeat;
            transform: translateX(-50%);
            transform-origin: 50% 58%;
            animation: finalArrowArtDrift 5.2s ease-in-out infinite;
            will-change: transform, filter;
            filter: drop-shadow(0 18px 26px rgba(107, 54, 255, 0.22));
        }

        @keyframes finalArrowArtDrift {
            0%,
            100% {
                transform: translateX(calc(-50% - 14px)) translateY(0) rotate(-1.8deg) scale(1);
                filter: drop-shadow(0 18px 26px rgba(107, 54, 255, 0.22));
            }

            50% {
                transform: translateX(calc(-50% + 14px)) translateY(-10px) rotate(2deg) scale(1.025);
                filter: drop-shadow(0 24px 34px rgba(218, 36, 151, 0.3));
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .final-arrow-art {
                animation: none;
            }
        }

        .final-trust {
            position: relative;
            z-index: 4;
            width: 100%;
            margin-top: clamp(135px, 13vh, 102px);
            text-align: center;
        }

        .final-trust-title {
            margin: 0 0 26px;
            color: rgba(255, 255, 255, 0.92);
            font-size: 30px;
            font-weight: 700;
            line-height: 1.25;
        }

        .final-logo-slider {
            width: min(100%, 1000px);
            margin: 0 auto;
            overflow: hidden;
            -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
        }

        .final-logo-track {
            width: max-content;
            display: flex;
            align-items: center;
            gap: 70px;
            animation: finalLogoMarquee 26s linear infinite;
            will-change: transform;
        }

        .final-logo-slider:hover .final-logo-track {
            animation-play-state: paused;
        }

        .final-logo-item {
            width: clamp(64px, 8vw, 138px);
            height: clamp(30px, 4vw, 46px);
            display: inline-flex;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
        }

        .final-logo-item img {
            display: block;
            height: 100%;
            object-fit: contain;
            filter: brightness(0) invert(1) grayscale(1) contrast(1.08);
            opacity: 0.98;
        }

        @keyframes finalLogoMarquee {
            from {
                transform: translate3d(0, 0, 0);
            }

            to {
                transform: translate3d(-50%, 0, 0);
            }
        }


        @media (max-width: 900px) {
            .final-hero {
                padding: 14px;
            }

            .final-shell {
                min-height: calc(100vh - 28px);
            }

            .final-card {
                width: min(calc(100% - 28px), 1060px);
                min-height: 270px;
                padding: 38px 20px 32px;
            }

            .final-arrow-art {
                top: 300px;
                width: min(78vw, 430px);
            }

            .final-trust {
                margin-top: 170px;
            }
        }

        @media (max-width: 560px) {
            .final-hero {
                min-height: 100svh;
                padding: 10px;
                align-items: flex-start;
            }

            .final-shell {
                width: 100%;
                min-height: calc(100svh - 20px);
                padding-top: 6px;
            }

            .final-card {
                width: 100%;
                min-height: 0;
                border-radius: 14px;
                padding: 32px 16px 28px;
            }

            .final-title {
                max-width: 340px;
                font-size: 30px;
            }

            .final-copy {
                max-width: 290px;
                margin-bottom: 16px;
                font-size: 11px;
            }

            .final-tags {
                gap: 7px;
                margin-bottom: 24px;
            }

            .final-tag {
                min-height: 38px;
                gap: 8px;
                padding: 0 12px 0 7px;
                font-size: 13px;
            }

            .final-tag-icon {
                width: 22px;
                height: 22px;
                flex-basis: 22px;
            }

            .final-work-btn,
            .final-arrow-btn {
                height: 38px;
            }

            .final-work-btn {
                padding: 0 20px;
                font-size: 12px;
            }

            .final-arrow-btn {
                width: 38px;
            }

            .final-arrow-art {
                top: 295px;
                width: min(86vw, 330px);
            }

            .final-trust {
                margin-top: 140px;
            }

            .final-trust-title {
                margin-bottom: 18px;
                font-size: 13px;
            }

            .final-logo-track {
                gap: 26px;
                animation-duration: 22s;
            }

            .final-logo-item {
                width: 96px;
                height: 34px;
            }
        }
        /* Hero Section End */

        /* Award Winning Partner Section Start */
        .home-award-partner {
            position: relative;
            overflow: hidden;
            padding: 72px 0 64px;
            background: #000;
            color: #fff;
        }

        .home-award-partner-wrap {
            width: min(100% - 150px, 1180px);
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
            gap: 44px 64px;
            align-items: center;
        }

        .home-award-partner-head {
            grid-column: 1 / -1;
            text-align: center;
        }

       .home-award-partner-eyebrow {
    width: max-content;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    padding: 0 22px;
    border-radius: 28px;
    background: #fff;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}


                .home-award-partner-title {
                    max-width: 100%;
                    color: #fff;
                    font-size: 50px;
                    font-weight: 700;
                    line-height: 1.15;
                    letter-spacing: 0;
                    margin: 0 auto;
                }

        .home-award-partner-highlight {
            width: max-content;
            max-width: 100%;
            margin: 12px auto 0;
            padding: 2px 6px 3px;
            border-radius: 4px;
            /* background: linear-gradient(90deg, #e044b8 0%, #2e40ff 100%); */
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.15;
        }
.home-award-partner-copy h2 {
    font-size: 33px;
}
        .home-award-partner-text {
            max-width: 520px;
            margin: 0;
            color: rgba(255, 255, 255, 0.88);
            font-size: 15px;
            font-weight: 500;
            line-height: 1.7;
        }

            .home-award-partner-badges {
            width: min(100%, 526px);
            min-height: 172px;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
            align-items: center;
            margin-top: 93px;
            padding: 20px 24px;
            border-radius: 10px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.06));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 34px rgba(0, 0, 0, 0.28);
        }

        .home-award-partner-badges img {
            width: 100%;
            max-height: 76px;
            object-fit: contain;
            filter: grayscale(1) brightness(0) invert(1);
        }

        .home-award-partner-media {
            display: grid;
            gap: 14px;
        }

        .home-award-partner-team {
            width: 100%;
            aspect-ratio: 1.78 / 1;
            display: block;
            object-fit: cover;
            object-position: center top;
            border-radius: 16px;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
        }

        .home-award-partner-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .home-award-partner-stat {
            position: relative;
            overflow: hidden;
            min-height: 226px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            isolation: isolate;
            padding: 26px 76px 24px;
            border-radius: 14px;
            background: #202020;
            text-align: center;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 36px rgba(0, 0, 0, 0.24);
        }

        .home-award-partner-stat-primary {
            background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
        }

        .home-award-partner-stats:hover .home-award-partner-stat-primary {
            background: #202020;
        }

    .home-award-partner-stats .home-award-partner-stat:hover, .home-award-partner-stats .home-award-partner-stat:focus-within {
    transform: translateY(-4px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 22px 42px rgba(70, 55, 255, 0.28);
    background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
}

        .home-award-partner-stats .home-award-partner-stat {
            transition: background 0.32s ease, transform 0.32s ease, box-shadow 0.32s ease;
        }

        .home-award-partner-stat::before {
            content: "";
            position: absolute;
            inset: 22px 34px;
            z-index: 0;
            opacity: 0.98;
            background: url("../images/final/about-test/award_leaf.webp") center / contain no-repeat;
            pointer-events: none;
        }

        .home-award-partner-stat::after {
            content: none;
        }

        .home-award-partner-stat strong,
        .home-award-partner-stat span {
            position: relative;
            z-index: 1;
            width: max-content;
            max-width: 126px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
        }

        .home-award-partner-stat strong {
            font-size: clamp(34px, 3.4vw, 46px);
            font-weight: 900;
            line-height: 0.92;
        }

        .home-award-partner-stat span {
            margin-top: 6px;
            font-size: clamp(16px, 1.45vw, 20px);
            font-weight: 500;
            line-height: 1.08;
        }

        @media (max-width: 991px) {
            .home-award-partner {
                padding: 58px 0;
            }

            .home-award-partner-wrap {
                width: min(100% - 28px, 720px);
                grid-template-columns: 1fr;
                gap: 34px;
            }

            .home-award-partner-title,
            .home-award-partner-text {
                max-width: none;
            }
        }

        @media (max-width: 575px) {
            .home-award-partner {
                padding: 46px 0 52px;
            }

            .home-award-partner-title {
                font-size: 32px;
            }

            .home-award-partner-highlight {
                width: fit-content;
                font-size: 17px;
            }

            .home-award-partner-text {
                font-size: 14px;
            }

            .home-award-partner-badges {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                min-height: 0;
                gap: 18px;
                padding: 18px;
            }

            .home-award-partner-badges img {
                max-height: 64px;
            }

            .home-award-partner-stats {
                grid-template-columns: 1fr;
            }

            .home-award-partner-stat {
                min-height: 146px;
                padding: 22px 64px 20px;
            }
        }
        /* Award Winning Partner Section End */
        /* Home Difference Panel Section Start */
        #home-difference-panel-section,
        #home-difference-panel-section * {
            box-sizing: border-box;
        }

        #home-difference-panel-section {
            position: relative;
            overflow: hidden;
            padding: 0px 0 72px;
            color: #fff;
            background: #000;
        }

      .home-difference-panel-wrap {
    width: min(100% - 72px, 1200px);
    margin: 0 auto;
}

        .home-difference-panel-head {
    /* display: grid; */
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: start;
    margin-bottom: 22px;
    text-align: center;
}

        .home-difference-panel-title {
            margin: 0 0 12px;
            color: #fff;
            font-size: 50px;
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: 0;
        }

            .home-difference-panel-copy {
            max-width: 700px;
            margin: 0;
            color: rgba(255, 255, 255, 0.82);
            font-size: 16px;
            font-weight: 500;
            line-height: 1.55;
            margin: 0 auto;
        }

        .home-difference-panel-btn {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            margin-top: 24px;
            padding: 0 19px;
            border-radius: 40px;
            color: #fff;
            text-decoration: none;
            background: linear-gradient(180deg, #6b6b6b 0%, #262626 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 14px 28px rgba(0, 0, 0, 0.26);
            font-size: 13px;
            font-weight: 800;
            line-height: 1;
            transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        }

        .home-difference-panel-btn:hover,
        .home-difference-panel-btn:focus-visible {
            transform: translateY(-3px);
            color: #fff;
            background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
            box-shadow: 0 20px 38px rgba(72, 61, 255, 0.3);
            outline: 0;
        }

        .home-difference-panel-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
            gap: 20px;
            align-items: stretch;
        }

        .home-difference-panel-feature {
            position: relative;
            overflow: hidden;
            min-height: 386px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 12px;
            background: #151515;
            box-shadow: inset 0 -170px 130px rgba(0, 0, 0, 0.9), inset 0 -70px 70px rgba(0, 0, 0, 0.78);
        }

        .home-difference-panel-feature::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 24% 86%, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.76) 26%, rgba(0, 0, 0, 0.38) 48%, transparent 70%), radial-gradient(ellipse at 84% 84%, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.48) 34%, transparent 66%), linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 58%, rgba(0, 0, 0, 0.96) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.08) 48%, rgba(0, 0, 0, 0.34) 100%);
            pointer-events: none;
        }

        .home-difference-panel-feature img {
            width: 100%;
            height: 100%;
            min-height: 386px;
            display: block;
            object-fit: cover;
            object-position: center top;
        }

        .home-difference-panel-feature-copy {
            position: absolute;
            left: 40px;
            bottom: 31px;
            z-index: 2;
            max-width: 380px;
        }

        .home-difference-panel-feature-copy h3 {
            margin: 0 0 12px;
            color: #fff;
            font-size: clamp(25px, 2.3vw, 30px);
            font-weight: 700;
            line-height: 1.08;
            letter-spacing: 0;
        }

        .home-difference-panel-feature-copy p {
            max-width: 310px;
            margin: 0;
            color: rgba(255, 255, 255, 0.92);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.45;
        }

        .home-difference-panel-badge {
            position: absolute;
            right: 32px;
            bottom: 19px;
            z-index: 3;
            width: 130px;
            height: 130px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-top: 18px;
            border-radius: 50%;
            background: #fff;
            color: #222;
            text-align: center;
            box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
        }
.home-difference-panel-badge::before {
    content: "";
    position: absolute;
    inset: 12px 13px 9px;
    background: url(../images/final/our-ready/award_gr_leaf.webp) center / 96% auto no-repeat;
    opacity: 1;
    pointer-events: none;
    width: 125px;
    left: 2px;
    top: 11px;
}
        .home-difference-panel-badge::after {
            content: "\2605";
            position: absolute;
            top: 19px;
            left: 50%;
            z-index: 1;
            transform: translateX(-50%);
            color: #8a35ec;
            font-size: 19px;
            line-height: 1;
        }

        .home-difference-panel-badge strong,
        .home-difference-panel-badge span {
            position: relative;
            z-index: 1;
        }
.home-difference-panel-badge strong {
    margin-top: -9px;
    color: #8a35ec;
    font-size: 31px;
    font-weight: 700;
    line-height: 0.86;
}

        .home-difference-panel-badge span {
            margin-top: 5px;
            color: #202020;
            font-size: 10px;
            font-weight: 700;
            line-height: 0.95;
        }

        .home-difference-panel-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .home-difference-panel-stat {
            min-height: 184px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 28px 24px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 12px;
            background: linear-gradient(145deg, #222 0%, #151515 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
            transition: background 0.32s ease, transform 0.32s ease, box-shadow 0.32s ease;
        }

     /* .home-difference-panel-stat.is-featured {
    background: radial-gradient(circle at 14% 126%, rgba(226, 43, 177, 0.86) 0%, rgba(226, 43, 177, 0.48) 24%, transparent 55%), radial-gradient(circle at 85% 142%, rgba(48, 62, 255, 0.98) 0%, rgba(48, 62, 255, 0.72) 36%, transparent 66%), linear-gradient(180deg, #202020 0%, #181818 55%, #141414 100%);
} */
        /* .home-difference-panel-stats:has(.home-difference-panel-stat:not(.is-featured):hover) .home-difference-panel-stat.is-featured,
        .home-difference-panel-stats:has(.home-difference-panel-stat:not(.is-featured):focus-within) .home-difference-panel-stat.is-featured {
            background: linear-gradient(145deg, #222 0%, #151515 100%);
            transform: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        } */
.home-difference-panel-stats .home-difference-panel-stat:hover,
        .home-difference-panel-stats .home-difference-panel-stat:focus-within {
            background: radial-gradient(circle at 14% 126%, rgba(226, 43, 177, 0.86) 0%, rgba(226, 43, 177, 0.48) 24%, transparent 55%), radial-gradient(circle at 85% 142%, rgba(48, 62, 255, 0.98) 0%, rgba(48, 62, 255, 0.72) 36%, transparent 66%), linear-gradient(180deg, #202020 0%, #181818 55%, #141414 100%);
            transform: translateY(-4px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 22px 42px rgba(70, 55, 255, 0.28);
        }

        .home-difference-panel-stat strong {
            margin-bottom: 8px;
            color: #fff;
            font-size: clamp(34px, 3vw, 40px);
            font-weight: 700;
            line-height: 1;
        }

        .home-difference-panel-stat span {
            color: #fff;
            font-size: 13px;
            font-weight: 800;
            line-height: 1.15;
        }

        .home-difference-panel-stat span::after {
            content: "";
            width: 100%;
            height: 1px;
            display: block;
            margin: 20px 0 17px;
            background: rgba(255, 255, 255, 0.24);
        }

        .home-difference-panel-stat p {
            max-width: 260px;
            margin: 0;
            color: rgba(255, 255, 255, 0.84);
            font-size: 13px;
            font-weight: 500;
            line-height: 1.45;
        }

        @media (max-width: 991px) {
            .home-difference-panel-wrap {
                width: min(100% - 28px, 720px);
            }

            .home-difference-panel-head,
            .home-difference-panel-grid {
                grid-template-columns: 1fr;
            }

            .home-difference-panel-head {
                margin-bottom: 24px;
            }

            .home-difference-panel-title {
                font-size: 30px;
            }

            .home-difference-panel-feature,
            .home-difference-panel-feature img {
                min-height: 390px;
            }

            .home-difference-panel-feature-copy {
                left: 24px;
                right: 154px;
                bottom: 28px;
            }

            .home-difference-panel-badge {
                right: 20px;
                bottom: 20px;
                width: 116px;
                height: 116px;
                padding-top: 16px;
            }

            .home-difference-panel-badge::after {
                top: 16px;
                font-size: 16px;
            }

            .home-difference-panel-badge strong {
                font-size: 27px;
            }

            .home-difference-panel-badge span {
                font-size: 9px;
            }

            .home-difference-panel-stats {
                grid-template-columns: 1fr;
                gap: 14px;
            }
        }

        @media (max-width: 575px) {
            #home-difference-panel-section {
                padding: 48px 0 56px;
            }

            .home-difference-panel-feature,
            .home-difference-panel-feature img {
                min-height: 430px;
            }

            .home-difference-panel-feature-copy {
                left: 20px;
                right: 20px;
                bottom: 156px;
            }

            .home-difference-panel-badge {
                left: 50%;
                right: auto;
                bottom: 18px;
                transform: translateX(-50%);
            }
        }

        /* Home Difference Panel Section End */

        /* Home GenAI Models Section Start */
        #home-genai-models-section,
        #home-genai-models-section * {
            box-sizing: border-box;
        }

        #home-genai-models-section {
    position: relative;
    overflow: hidden;
    padding: 70px 0 78px;
    color: #fff;
    background: radial-gradient(circle at 16% 28%, rgba(126, 65, 210, 0.42), transparent 260px), radial-gradient(circle at 88% 38%, rgba(219, 47, 176, 0.36), transparent 320px), #000;
        }

        .home-genai-models-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 150px, 1210px);
            margin: 0 auto;
        }

        .home-genai-models-head {
            max-width: 720px;
            margin: 0 auto 42px;
            text-align: center;
        }

        .home-genai-models-title {
            margin: 0 0 14px;
            color: #fff;
            font-size: clamp(30px, 3vw, 40px);
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: 0;
        }

        .home-genai-models-copy {
            margin: 0;
            color: rgba(255, 255, 255, 0.88);
            font-size: 16px;
            font-weight: 500;
            line-height: 1.45;
        }

        .home-genai-models-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 28px 34px;
        }

        .home-genai-models-card {
            position: relative;
            overflow: hidden;
            min-height: 220px;
            display: grid;
            grid-template-columns: minmax(135px, 0.76fr) minmax(190px, 1fr);
            gap: 22px;
            align-items: stretch;
            padding: 28px 30px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 16px;
            background: linear-gradient(90deg, #1f1f1f 0%, #151515 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 36px rgba(0, 0, 0, 0.28);
            transition: background 0.32s ease, transform 0.32s ease, box-shadow 0.32s ease;
        }

        .home-genai-models-card.is-active,
        .home-genai-models-card:hover,
        .home-genai-models-card:focus-within {
background: radial-gradient(circle at 14% 153%, rgba(226, 43, 177, 0.9) 0%, rgba(226, 43, 177, 0.54) 24%, transparent 57%), radial-gradient(circle at 100% 180%, rgba(48, 62, 255, 0.98) 0%, rgba(48, 62, 255, 0.68) 34%, transparent 62%), linear-gradient(180deg, #202020 0%, #171717 56%, #111 100%);        }

        .home-genai-models-card:hover,
        .home-genai-models-card:focus-within {
            transform: translateY(-4px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 46px rgba(62, 54, 255, 0.24);
        }

        .home-genai-models-grid:hover .home-genai-models-card.is-active:not(:hover) {
            background: linear-gradient(90deg, #1f1f1f 0%, #151515 100%);
        }

        .home-genai-models-info {
            display: flex;
            min-width: 0;
            flex-direction: column;
            justify-content: space-between;
        }

        .home-genai-models-count {
            color: rgba(255, 255, 255, 0.92);
            font-size: 24px;
            font-style: italic;
            font-weight: 700;
            line-height: 1;
        }

        .home-genai-models-pill {
            width: max-content;
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 34px 0 18px;
            padding: 0 19px;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 12px 24px rgba(0, 0, 0, 0.22);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .home-genai-models-info h3 {
            margin: 0;
            color: #fff;
            font-size: 21px;
            font-weight: 700;
            line-height: 1.18;
            letter-spacing: 0;
        }

        .home-genai-models-list {
            display: grid;
            align-content: center;
        }

        .home-genai-models-row {
            display: grid;
            grid-template-columns: 34px minmax(0, 1fr) 48px;
            gap: 14px;
            align-items: center;
            min-height: 66px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        }

        .home-genai-models-row:last-child {
            border-bottom: 0;
        }

        .home-genai-models-row img {
            width: 34px;
            height: 34px;
            display: block;
            object-fit: contain;
            border-radius: 50%;
        }

        .home-genai-models-row strong {
            display: block;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.1;
        }

        .home-genai-models-row span {
            display: block;
            margin-top: 3px;
            color: rgba(255, 255, 255, 0.78);
            font-size: 10px;
            font-weight: 600;
            line-height: 1.1;
        }

    .home-genai-models-percent {
    --score: 0;
    position: relative;
    width: 48px;
    height: 48px;
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: conic-gradient(#a7a7a7 calc(var(--score) * 3.6deg), rgba(255, 255, 255, 0.34) 0deg);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24), 0 10px 18px rgba(0, 0, 0, 0.25);
}

        .home-genai-models-percent::before {
            content: "";
            position: absolute;
            inset: 6px;
            border-radius: 50%;
            background: #f5f5f5;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.14);
        }

        .home-genai-models-percent span {
            position: relative;
            z-index: 1;
            width: auto;
            height: auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            border-radius: 0;
            color: #202020;
            background: transparent;
            font-size: 9px;
            font-weight: 700;
            line-height: 1;
        }

        @media (max-width: 991px) {
            #home-genai-models-section {
                padding: 58px 0 64px;
            }

            .home-genai-models-wrap {
                width: min(100% - 28px, 720px);
            }

            .home-genai-models-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 575px) {
            #home-genai-models-section {
                padding: 46px 0 52px;
            }

            .home-genai-models-head {
                margin-bottom: 22px;
            }

            .home-genai-models-card {
                grid-template-columns: 1fr;
                gap: 18px;
                padding: 24px 20px;
            }

            .home-genai-models-pill {
                margin: 24px 0 14px;
            }

            .home-genai-models-row {
                grid-template-columns: 32px minmax(0, 1fr) 44px;
                gap: 12px;
            }

            .home-genai-models-percent {
                width: 44px;
                height: 44px;
                flex-basis: 44px;
            }
        }

        /* Home GenAI Models Section End */
        /* Home Ready Accordion Section Start */
        #home-ready-accordion-section,
        #home-ready-accordion-section * {
            box-sizing: border-box;
        }

        #home-ready-accordion-section {
            position: relative;
            overflow: hidden;
            padding: 68px 0 76px;
            color: #fff;
            background: radial-gradient(circle at 10% 36%, rgba(125, 65, 210, 0.48), transparent 250px), radial-gradient(circle at 78% 63%, rgba(218, 0, 36, 0.58), transparent 300px), #000;
        }

        .home-ready-accordion-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 150px, 1180px);
            margin: 0 auto;
        }

            .home-ready-accordion-head {
            /* display: grid; */
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 28px;
            align-items: start;
            margin-bottom: 34px;
            text-align: center;
        }
        .home-ready-accordion-title {
            margin: 0 0 10px;
            color: #fff;
            font-size: 50px;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0;
        }

            .home-ready-accordion-copy {
            max-width: 560px;
            margin: 0;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.55;
            margin: 15px auto 22px;
        }
        .home-ready-accordion-cta {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 0 22px;
            border-radius: 40px;
            color: #fff;
            text-decoration: none;
            background: linear-gradient(180deg, #555 0%, #252525 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 16px 28px rgba(0, 0, 0, 0.3);
            font-size: 13px;
            font-weight: 800;
        }

        .home-ready-accordion-grid {
            display: grid;
            grid-template-columns: 176px minmax(0, 1fr);
            gap: 14px;
            align-items: stretch;
        }

        .home-ready-accordion-tabs {
            display: grid;
            gap: 10px;
        }

        .home-ready-accordion-panels {
            min-width: 0;
        }

        .home-ready-accordion-tab {
            min-height: 44px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 0 18px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            color: rgba(255, 255, 255, 0.46);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 12px 24px rgba(0, 0, 0, 0.22);
            font: inherit;
            font-size: 13px;
            font-weight: 700;
            text-align: left;
            cursor: pointer;
            transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
        }

        .home-ready-accordion-tab i {
            font-size: 14px;
            color: currentColor;
        }

        .home-ready-accordion-tab:hover,
        .home-ready-accordion-tab:focus-visible,
        .home-ready-accordion-tab:not(.collapsed) {
            color: #fff;
            border-color: transparent;
            background: linear-gradient(110deg, #df31ad 0%, #2e43ff 100%);
            transform: translateX(4px);
            outline: 0;
        }

        .home-ready-accordion-panel {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(240px, 0.72fr);
            grid-template-areas: "content visual" "stats stats";
            gap: 12px 24px;
            min-height: 406px;
            padding: 28px 38px 28px;
            border: 1px solid rgba(255, 255, 255, 0.13);
            border-radius: 10px;
            background: radial-gradient(circle at 78% 30%, rgba(255, 255, 255, 0.08), transparent 170px), linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 26px 70px rgba(0, 0, 0, 0.36);
        }

        .home-ready-accordion-content {
            grid-area: content;
            align-self: start;
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-top: 10px;
        }
        .home-ready-accordion-logo {
                filter: brightness(0) invert(1);
            }
        .home-ready-accordion-logo-wrap {
            width: 180px;
            min-height: 48px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 6px;
        }

        .home-ready-accordion-logo {
            max-width: 100%;
            max-height: 52px;
            object-fit: contain;
            object-position: left center;
        }

        .home-ready-accordion-chip {
            width: max-content;
            display: inline-flex;
            align-items: center;
            min-height: 29px;
            margin: 11px 0px 21px;
            padding: 0 11px;
            border-radius: 4px;
            color: #fff;
            background: linear-gradient(110deg, #df31ad 0%, #2e43ff 100%);
            font-size: 12px;
            font-weight: 700;
        }

                .home-ready-accordion-text {
            max-width: 379px;
            min-height: 112px;
            margin: 0 0 14px;
            color: rgba(255, 255, 255, 0.86);
            font-size: 15px;
            font-weight: 500;
            line-height: 1.55;
        }

        .home-ready-accordion-price-card {
            width: min(100%, 378px);
            min-height: 156px;
            margin-top: 8px;
            padding: 13px 16px 18px;
            border: 1px solid rgba(255, 255, 255, 0.11);
            border-radius: 14px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 42px rgba(0, 0, 0, 0.24);
            text-align: center;
        }

        .home-ready-accordion-price-card p {
            margin: 0 0 16px;
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.2;
        }

     .home-ready-accordion-price-card span {
    display: inline-flex;
    min-height: 18px;
    margin: 0 auto 6px 32px;
    padding: 2px 7px;
    border-radius: 3px;
    background: linear-gradient(110deg, #df31ad 0%, #2e43ff 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}
        .home-ready-accordion-price-row {
            display: flex;
            align-items: baseline;
            justify-content: center;
            gap: 42px;
            margin-bottom: 18px;
        }

        .home-ready-accordion-price-row strong {
            color: #fff;
            font-size: 38px;
            font-weight: 700;
            line-height: 1;
        }

        .home-ready-accordion-price-row del {
            color: rgba(255, 255, 255, 0.86);
            font-size: 31px;
            font-weight: 500;
            line-height: 1;
            text-decoration-color: #d92fb0;
            text-decoration-thickness: 3px;
        }

        .home-ready-accordion-price-card a {
            min-height: 43px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 22px;
            border-radius: 40px;
            color: #fff;
            text-decoration: none;
            background: linear-gradient(180deg, #777, #4a4a4a);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 24px rgba(0, 0, 0, 0.24);
            font-size: 15px;
            font-weight: 800;
        }

        .home-ready-accordion-visual {
            grid-area: visual;
            align-self: stretch;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            min-width: 0;
            min-height: 300px;
            overflow: visible;
        }

        .home-ready-accordion-visual img {
            width: min(132%, 498px) !important;
            max-width: none !important;
            max-height: 685px;
            height: auto;
            object-fit: contain;
            filter: drop-shadow(0 24px 36px rgba(0, 0, 0, 0.34));
            border-radius: 10px;
            position: relative;
            top: -1px;
            left: -59px;
            transition: opacity 0.22s ease, transform 0.22s ease;
        }

        .home-ready-accordion-visual img.is-changing {
            opacity: 0;
            transform: translateY(8px) scale(0.985);
        }

        .home-ready-accordion-stats {
            grid-area: stats;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            overflow: hidden;
            margin-top: 2px;
            border-radius: 9px;
            background: linear-gradient(100deg, #df31ad 0%, #2e43ff 100%);
        }

        .home-ready-accordion-stat {
            min-height: 60px;
            display: grid;
            grid-template-columns: 38px auto;
            align-items: center;
            justify-content: center;
            column-gap: 10px;
            padding: 8px 18px;
            border-right: 1px solid rgba(255, 255, 255, 0.32);
        }

        .home-ready-accordion-stat:last-child {
            border-right: 0;
        }


        .home-ready-accordion-stats {
            min-height: 74px;
            border-radius: 9px;
            background: linear-gradient(100deg, #df31ad 0%, #2e43ff 100%);
        }

        .home-ready-accordion-stat {
            min-height: 74px;
            display: grid;
            grid-template-columns: 54px auto;
            grid-template-rows: auto auto;
            align-items: center;
            justify-content: center;
            column-gap: 18px;
            padding: 11px 22px;
            border-right: 1px solid rgba(255, 255, 255, 0.34);
        }
        .home-ready-accordion-stat-icon {
            grid-row: span 2;
            width: 54px;
            height: 44px;
            display: block;
            object-fit: contain;
            border-radius: 5px;
            background: #fff;
        }
        .home-ready-accordion-stat strong {
            color: #fff;
            font-size: 28px;
            font-weight: 800;
            line-height: 1;
        }

        .home-ready-accordion-stat span {
            color: rgba(255, 255, 255, 0.96);
            font-size: 12px;
            font-weight: 700;
            line-height: 1.12;
        }

        @media (max-width: 991px) {
            .home-ready-accordion-wrap {
                width: min(100% - 32px, 760px);
            }

            .home-ready-accordion-grid {
                grid-template-columns: 1fr;
            }

            .home-ready-accordion-tabs {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .home-ready-accordion-tab:hover,
            .home-ready-accordion-tab:focus-visible,
            .home-ready-accordion-tab:not(.collapsed) {
                transform: none;
            }
        }

        @media (max-width: 767px) {
            .home-ready-accordion-panel {
                grid-template-columns: 1fr;
                grid-template-areas: "content" "visual" "stats";
                min-height: 0;
                padding: 24px 20px;
            }

            .home-ready-accordion-visual {
                min-height: 220px;
            }

            .home-ready-accordion-visual img {
                width: min(100%, 340px) !important;
                max-width: 100% !important;
                left: 0;
            }
        }
        @media (max-width: 575px) {
            .home-ready-accordion-stat {
                border-right: 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.22);
            }

            .home-ready-accordion-stat:last-child {
                border-bottom: 0;
            }
        }

        /* Home Ready Accordion Section End */

        /* Home Certifications Marquee Section Start */
        #environ-mentalist,
        #environ-mentalist * {
            box-sizing: border-box;
        }

        .environ-mentalist {
            position: relative;
            overflow: hidden;
            padding: 18px 0 54px;
            color: #fff;
            background: #000;
            isolation: isolate;
        }

        .environ-mentalist::before {
            content: "";
            position: absolute;
            inset: auto -8% -44% 42%;
            z-index: -1;
            height: 280px;
            border-radius: 50%;
            background: repeating-radial-gradient(ellipse at center, rgba(255, 95, 95, 0.18) 0 1px, transparent 2px 12px);
            opacity: 0.48;
            transform: rotate(-7deg);
            pointer-events: none;
        }

        .lead-ership {
            position: relative;
            z-index: 1;
            width: min(100% - 150px, 1120px);
            margin: 0 auto;
            text-align: center;
        }

        .lead-ership h2 {
            margin: 0 0 12px;
            color: #fff;
            font-size: clamp(30px, 3.2vw, 42px);
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0;
        }

        .lead-ership p {
            max-width: 700px;
            margin: 0 auto;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
        }

        .incid-ent {
            width: 100%;
            margin-top: 42px;
            overflow: hidden;
            padding: 2px 0;
            mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
        }

        .incid-ent-track {
            --incid-ent-offset: 9px;
            width: max-content;
            display: flex;
            align-items: stretch;
            gap: 18px;
            animation: incidEntMarquee 28s linear infinite;
            will-change: transform;
        }

        .incid-ent:hover .incid-ent-track {
            animation-play-state: paused;
        }

        .parliament {
            flex: 0 0 162px;
            width: 162px;
            min-height: 172px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 18px 16px 14px;
            border-radius: 18px;          
            color: #6f6f75;
            box-shadow: 0 22px 42px rgba(23, 0, 0, 0.24);
            text-align: center;
            background: linear-gradient(180deg, #1c1c1c 0%, #151515 100%);
            border: 1px solid #3c3c3c;
        }

        .parliament-logo {
            width: 116px;
            min-height: 94px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #fff;
            font-size: 16px;
            font-weight: 900;
            line-height: 1.05;
        }

        .parliament-logo img {
            display: block;
            width: 100%;
            max-width: 116px;
            max-height: 94px;
            object-fit: contain;
        }
        .parliament-logo span {
            display: block;
            margin-top: 7px;
            font-size: 11px;
            font-weight: 900;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .parliament p {
            min-height: 34px;
            margin: 0;
            color: #77787e;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.35;
        }

        .parliament-salesforce .parliament-logo {
            background: #063764;
            color: #f8fbff;
        }

        .parliament-salesforce .parliament-logo::first-line {
            color: #43b5ff;
        }

        .parliament-shopify .parliament-logo {
            color: #466327;
            background: radial-gradient(circle, #fff 42%, transparent 43%), conic-gradient(from 40deg, #7bb843, #b8dd7a, #6ea62e, #7bb843);
            border-radius: 50%;
            border: 3px solid rgba(88, 135, 37, 0.42);
        }

        .parliament-servicenow .parliament-logo {
            border-radius: 50%;
            color: #fff;
            background: radial-gradient(circle at 50% 36%, #9ee8f3 0 22%, #58bccd 23% 63%, #2f9bad 64% 100%);
            border: 4px solid #b7edf5;
            font-size: 13px;
        }

        .parliament-soc .parliament-logo {
            color: #24242a;
            background: linear-gradient(145deg, #fafafa 0%, #d5dce5 100%);
            clip-path: polygon(50% 0, 93% 17%, 82% 82%, 50% 100%, 18% 82%, 7% 17%);
            border-radius: 0;
            font-size: 21px;
        }

        .parliament-twilio .parliament-logo {
            color: #ff3354;
            background: #fff;
            border: 3px solid #ff3354;
            border-radius: 50%;
            font-size: 12px;
        }

        .parliament-upcity .parliament-logo {
            color: #fff;
            background: linear-gradient(135deg, #596273 0 36%, #ff931f 37% 48%, #3f4654 49% 100%);
            font-size: 18px;
        }

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

            100% {
                transform: translateX(calc(-50% - var(--incid-ent-offset)));
            }
        }

        @media (max-width: 1199px) {
            .lead-ership {
                width: min(100% - 80px, 1000px);
            }
        }

        @media (max-width: 767px) {
            .environ-mentalist {
                padding: 42px 0 46px;
            }

            .lead-ership {
                width: min(100% - 32px, 720px);
            }

            .incid-ent {
                margin-top: 30px;
                mask-image: none;
            }

            .parliament {
                flex-basis: 148px;
                width: 148px;
                min-height: 162px;
                padding: 16px 13px 13px;
            }

            .parliament-logo {
                width: 102px;
                min-height: 84px;
            }
        }

        @media (max-width: 480px) {
            .lead-ership h2 {
                font-size: 30px;
            }

            .lead-ership p {
                font-size: 13px;
            }

            .incid-ent-track {
                --incid-ent-offset: 7px;
                gap: 14px;
                animation-duration: 24s;
            }

            .parliament {
                flex-basis: 136px;
                width: 136px;
                min-height: 154px;
                border-radius: 16px;
            }
        }
        /* Home Certifications Marquee Section End */

        /* Home Query Stack Section Start */
        #home-query-stack-section,
        #home-query-stack-section * {
            box-sizing: border-box;
        }

        #home-query-stack-section {
            position: relative;
            overflow: hidden;
            padding: 76px 0 82px;
            color: #fff;
            background: radial-gradient(circle at 13% 20%, rgba(226, 43, 177, 0.38), transparent 250px), radial-gradient(circle at 88% 72%, rgba(48, 62, 255, 0.38), transparent 300px), #000;
        }
        #home-query-stack-section::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.78) 100%);
        }
        #home-query-stack-section .home-query-stack-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 150px, 1200px);
            margin: 0 auto;
            text-align: center;
        }

            .home-query-stack-pill {
            min-height: 35px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            padding: 0px 28px;
            border-radius: 999px;
            color: #ffffff;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .home-query-stack-title {
            margin: 0 0 36px;
            color: #fff;
            font-size: 50px;
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: 0;
        }

        .home-query-stack-list {
            display: grid;
            gap: 14px;
            text-align: left;
        }

        .home-query-stack-item {
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 10px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 36px rgba(0, 0, 0, 0.24);
        }

        .home-query-stack-question {
            width: 100%;
            min-height: 62px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 0 26px;
            border: 0;
            color: #fff;
            background: transparent;
            font: inherit;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.2;
            text-align: left;
            cursor: pointer;
        }

        .home-query-stack-question i {
            flex: 0 0 auto;
            color: #fff;
            font-size: 14px;
            line-height: 1;
        }

        .home-query-stack-answer {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.28s ease;
        }

        .home-query-stack-answer p {
            overflow: hidden;
            margin: 0;
            padding: 0 26px;
            color: rgba(255, 255, 255, 0.86);
            font-size: 12px;
            font-weight: 500;
            line-height: 1.55;
            transition: padding 0.28s ease;
        }

        .home-query-stack-item.is-open .home-query-stack-answer {
            grid-template-rows: 1fr;
        }

        .home-query-stack-item.is-open .home-query-stack-answer p {
            padding-bottom: 22px;
        }

        @media (max-width: 991px) {
            .home-query-stack-wrap {
                width: min(100% - 28px, 720px);
            }
        }

        @media (max-width: 575px) {
            #home-query-stack-section {
                padding: 58px 0 60px;
            }

            .home-query-stack-title {
                margin-bottom: 22px;
                font-size: 26px;
            }

            .home-query-stack-question {
                min-height: 58px;
                padding: 0 18px;
                font-size: 15px;
            }

            .home-query-stack-answer p {
                padding: 0 18px;
                font-size: 12px;
            }
        }

        /* Home Query Stack Section End */
        /* Services Carousel Section Start */
        .final-services {
            position: relative;
            overflow: hidden;
            min-height: 460px;
            display: flex;
            align-items: flex-start;
            padding: 70px 0;
            background: radial-gradient(circle at 2% 50%, rgba(255, 255, 255, 0.54), transparent 150px), radial-gradient(circle at 12% 92%, rgba(35, 55, 255, 1), transparent 330px), radial-gradient(circle at 63% 96%, rgba(255, 49, 184, 0.98), transparent 345px), radial-gradient(circle at 90% 52%, rgba(244, 0, 43, 1), transparent 285px), radial-gradient(circle at 50% 49%, rgba(84, 45, 179, 0.86), transparent 360px), linear-gradient(180deg, #030411 0%, #000 38%, #06000d 100%);
        }

        .final-services::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: radial-gradient(circle at 61% -13%, rgba(255, 24, 111, 0.9), transparent 82px), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.92) 9%, rgba(0, 0, 0, 0.18) 27%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.18) 73%, rgba(0, 0, 0, 0.92) 93%, #000 100%);
        }

        .final-services-wrap {
            position: relative;
            overflow: hidden;
            z-index: 1;
            width: min(100% - 160px, 1340px);
            min-height: 500px;
            margin: 0 auto;
            padding: 5px 0 28px;
            border-radius: 0;
            background: transparent;
            text-align: center;
        }

        .final-services-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            display: none;
        }

        .final-services-pill,
        .final-services-title,
        .final-services-carousel {
            position: relative;
            z-index: 1;
        }

        .final-services-pill {
            min-height: 33px;
            margin: 0 auto 19px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .final-services-title {
            margin: 0 0 18px;
            color: #fff;
            font-size: clamp(28px, 3vw, 31px);
            /* font-weight: 600; */
            line-height: 1.12;
            letter-spacing: 0;
        }

        .final-services-carousel {
            width: 100%;
            margin: 0 auto;
            overflow: visible;
        }

        .final-services-carousel.owl-carousel:not(.owl-loaded) {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
        }

        .final-services-carousel.owl-carousel:not(.owl-loaded) .is-offset {
            display: none;
        }

        .final-services-carousel.owl-carousel .owl-stage-outer {
            overflow: visible;
        }

        .final-services-carousel .owl-stage {
            display: flex;
            align-items: flex-end;
        }

             .final-service-card {
            position: relative;
            z-index: 1;
            overflow: visible;
            min-height: 289px;
            display: flex;
            align-items: flex-end;
            border-radius: 20px;
            height: 327px;
            background: linear-gradient(180deg, #24007A 0%, #4D2493 35%, #8C5EA8 70%, #CC8FC3 100%);
        }
        /* .final-service-card::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            border-radius: inherit;
            background: radial-gradient(circle at 8% 95%, rgba(59, 60, 255, 0.82), transparent 50%), radial-gradient(circle at 86% 92%, rgba(255, 42, 170, 0.78), transparent 52%), linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.58) 100%);
            transition: opacity 0.3s ease;
            opacity: 0;
        }

        .final-service-card:hover::before {
            opacity: 1;
        } */

        .final-service-art {
            position: absolute;
            z-index: 3;
            left: 50%;
            top: 0;
            width: 154px !important;
            height: 154px !important;
            object-fit: contain;
            pointer-events: none;
            transform: translateX(-50%);
            transform-origin: 50% 58%;
            filter: drop-shadow(0 18px 20px rgba(30, 46, 255, 0.35)) drop-shadow(0 2px 15px rgba(255, 96, 229, 0.26));
            animation: finalServiceArtFloat 4.8s ease-in-out infinite;
            will-change: transform, filter;
        }

        /* .final-service-card:nth-child(2n) .final-service-art {
            animation-delay: -1.6s;
        }

        .final-service-card:nth-child(3n) .final-service-art {
            animation-delay: -3.1s;
        }

        .final-service-card:hover .final-service-art {
            animation-play-state: paused;
            transform: translateX(calc(-50% + 12px)) rotate(2deg) scale(1.05);
            filter: drop-shadow(0 24px 26px rgba(30, 46, 255, 0.48)) drop-shadow(0 6px 20px rgba(255, 96, 229, 0.36));
            transition: transform 0.35s ease, filter 0.35s ease;
        } */

        @keyframes finalServiceArtFloat {

            0%,
            100% {
                transform: translateX(calc(-50% - 12px)) rotate(-2deg) scale(1);
            }

            50% {
                transform: translateX(calc(-50% + 12px)) rotate(2deg) scale(1.03);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .final-service-art {
                animation: none;
            }
        }

        .final-service-panel {
            position: relative;
            z-index: 3;
            overflow: hidden;
            isolation: isolate;
            width: 100%;
            min-height: 158px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            border-radius: 0 0 16px 16px;
            padding: 21px 26px 24px;
            color: #fff;
            background: transparent;
            text-align: left;
            /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.26); */
        }

        .final-service-panel::after,
        .final-service-panel::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border-radius: inherit;
        }

        .final-service-panel::after {
            z-index: 0;
            /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) -6%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.36) 43%, rgba(0, 0, 0, 0.78) 68%, #020204 145%); */
        }


        .final-service-panel::before {
            display: none;
        }

        .final-service-panel h3,
        .final-service-type,
        .final-service-copy,
        .final-service-points {
            position: relative;
            z-index: 2;
        }

        /* .final-service-card.is-featured .final-service-panel {
            background: transparent;
        }

        .final-service-card.is-red .final-service-panel {
            background: transparent;
        } */

            .final-service-panel h3 {
            margin: 0 0 3px;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.05;
            letter-spacing: 0;
            text-align: center;
        }

            .final-service-type {
            margin: 15px 0 15px;
            color: rgba(255, 255, 255, 0.86);
            font-size: 13px;
            font-weight: 500;
            line-height: 22px;
            text-align: center;
        }
        .final-service-copy {
            max-width: 252px;
            margin: 0;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.46;
        }

        .final-service-points {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px 17px;
            margin-top: 14px;
        }

        .final-service-point {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #fff;
            font-size: 9px;
            font-weight: 800;
            line-height: 1.2;
            white-space: nowrap;
        }

        .final-service-point::before {
            content: "";
            width: 10px;
            height: 10px;
            flex: 0 0 10px;
            background: currentColor;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M3.25 2.5h8.25v8.25H9.6V5.75L3.94 11.4 2.6 10.06 8.25 4.4h-5V2.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M3.25 2.5h8.25v8.25H9.6V5.75L3.94 11.4 2.6 10.06 8.25 4.4h-5V2.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
        }

        .final-services-carousel.owl-theme .owl-nav {
            display: none;
        }

        .final-services-carousel.owl-theme .owl-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            margin-top: 22px;
        }

        .final-services-carousel.owl-theme .owl-dots .owl-dot {
            width: 11px;
            height: 11px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .final-services-carousel.owl-theme .owl-dots .owl-dot span {
            width: 9px;
            height: 9px;
            margin: 0;
            border: 1px solid rgba(255, 255, 255, 0.64);
            border-radius: 50%;
            background: transparent;
        }

        .final-services-carousel.owl-theme .owl-dots .owl-dot.active span {
            width: 10px;
            height: 10px;
            border: 0;
            background: linear-gradient(135deg, #d431ab, #2e3dff);
            box-shadow: 0 0 18px rgba(151, 59, 255, 0.72);
        }

        @media (max-width: 700px) {
        .final-services {
                min-height: auto;
                padding: 70px 0;
            }

            .final-services-wrap {
                width: min(100% - 28px, 720px);
                min-height: auto;
                padding: 34px 0 40px;
            }

            /* .final-service-card {
                padding-top: 116px;
            } */

            .final-service-art {
                width: 128px !important;
                height: 128px !important;
            }
        }

        @media (max-width: 560px) {
        .final-services {
                padding: 70px 0;
            }

            .final-services-wrap {
                width: min(100% - 28px, 720px);
                padding: 32px 0 38px;
            }

            .final-services-pill {
                min-height: 34px;
                margin-bottom: 18px;
                padding: 0 22px;
            }

            .final-services-title {
                max-width: 330px;
                margin: 0 auto 28px;
                font-size: 28px;
            }

            .final-services-carousel.owl-carousel:not(.owl-loaded) {
                grid-template-columns: 1fr;
            }

            /* .final-service-card {
                min-height: 286px;
                padding-top: 112px;
            } */

            .final-service-panel {
                min-height: 170px;
                padding: 24px 24px 25px;
            }

            .final-service-points {
                grid-template-columns: 1fr;
            }
        }

        /* Services Carousel Section End */

        /* Stats Section Start */
        .final-stats-showcase {
            position: relative;
            overflow: hidden;
            padding: 0px 0 118px;
            background: #fff;
            color: #050505;
        }

.final-stats-showcase::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 168px;
    pointer-events: none;
    filter: saturate(1.08);
    z-index: 0;
    background: linear-gradient(0deg, #000000 7%, transparent 50%, transparent 38%, #ffffff 100%), linear-gradient(100deg, #303cf4 0%, #652ee8 44%, #d92ea8 100%);
    background-size: cover;
}

        .final-stats-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 160px, 1340px);
            margin: 0 auto;
            text-align: center;
        }

        .final-stats-pill {
            margin: 0px auto 29px;
            background: linear-gradient(135deg, #2d47ff 0%, #df2aa9 100%);
            min-height: 33px;
            padding: 0 29px;
            border-radius: 999px;
            font-size: 18px;
            font-weight: 500;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .final-stats-title {
            margin: 0 0 42px;
            color: #050505;
            font-size: 50px;
            font-weight: 700;
            line-height: 1.12;
            letter-spacing: 0;
        }

        .final-stats-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-auto-rows: 265px;
            gap: 16px;
            text-align: left;
        }

        .final-stat-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            background: #f0f0f0;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);
        }

        .final-stat-card::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: radial-gradient(circle at 7% 0%, rgba(255, 255, 255, 0.92), transparent 210px), linear-gradient(135deg, rgba(250, 250, 250, 0.84), rgba(232, 232, 232, 0.82));
        }

        .final-stat-card::after {
            content: "";
            position: absolute;
            right: -8%;
            bottom: -12%;
            width: 86%;
            height: 62%;
            pointer-events: none;
            opacity: 0.24;
            background: repeating-radial-gradient(ellipse at center, transparent 0 8px, rgba(0, 0, 0, 0.16) 9px 10px);
            transform: rotate(-7deg);
        }

        .final-stat-content {
            position: relative;
            z-index: 3;
            padding: 28px 30px;
        }

        .final-stat-number {
            display: block;
            margin: 0 0 8px;
            color: #2e2f39;
            font-size: clamp(34px, 3vw, 42px);
            font-weight: 700;
            line-height: 0.95;
            letter-spacing: 0;
        }

        .final-stat-label {
            max-width: 190px;
            margin: 0;
            color: #202128;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.32;
        }

        .final-stat-awards {
            grid-column: 1 / 5;
            grid-row: span 2;
        }

        .final-stat-apps {
            grid-column: 5 / 10;
        }

        .final-stat-apps .final-stat-content {
            padding: 27px 30px;
        }

        .final-stat-apps .final-stat-number {
            font-size: 40px;
        }

        .final-stat-apps .final-stat-label {
            max-width: 170px;
        }

        .final-stat-apps::before {
            background: linear-gradient(135deg, #f2f2f2 0%, #eeeeee 100%);
        }

        .final-stat-apps::after {
            right: -3%;
            bottom: -20%;
            width: 94%;
            height: 82%;
            opacity: 0.2;
            background: repeating-radial-gradient(ellipse at center, transparent 0 7px, rgba(0, 0, 0, 0.16) 8px 9px);
            transform: rotate(-9deg);
        }

        .final-stat-downloads {
            grid-column: 10 / 13;
        }

        .final-stat-countries {
            grid-column: 5 / 8;
        }

        .final-stat-talent {
            grid-column: 8 / 13;
        }

        .final-stat-awards-img {
            position: absolute;
            z-index: 1;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center bottom;
        }

        .final-stat-awards .final-stat-content {
            padding: 31px 30px;
        }

        .final-stat-awards::before,
        .final-stat-awards::after {
            display: none;
        }

        .final-stat-apps::after,
        .final-stat-downloads::after,
        .final-stat-countries::after,
        .final-stat-talent::after {
            opacity: 0.2;
        }

        .final-stat-logo {
            position: absolute;
            z-index: 2;
            display: block;
            object-fit: contain;
            filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.08));
        }

        .final-stat-logo-heart {
            top: 18px;
            right: 168px;
            width: 58px;
            height: 58px;
        }

        .final-stat-logo-leaf {
            top: 13px;
            right: 41px;
            width: 66px;
            height: 66px;
            border-radius: 50%;
        }

        .final-stat-logo-tabby {
            right: 95px;
            bottom: 92px;
            width: 104px;
            height: 99px;
        }

        .final-stat-logo-masaood {
            right: 171px;
            bottom: 9px;
            width: 72px;
            height: 72px;
        }

        .final-stat-logo-arabia {
            right: 31px;
            bottom: 28px;
            width: 76px;
            height: 76px;
        }

        .final-stat-phone {
            position: absolute;
            z-index: 2;
            right: 37px;
            bottom: -10px;
            width: 215px;
            height: 182px;
            object-fit: cover;
            object-position: center top;
            border-radius: 26px 26px 0 0;
            /* clip-path: inset(0 22px 0 22px round 26px 26px 0 0); */
            filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.14));
        }

        .final-stat-downloads .final-stat-content {
            padding: 27px 20px;
        }

        .final-stat-downloads .final-stat-number {
            font-size: 39px;
        }

        .final-stat-downloads .final-stat-label {
            max-width: 170px;
        }

        .final-stat-countries::before {
            background: linear-gradient(rgba(255, 255, 255, 0.74), rgba(242, 242, 242, 0.68)), linear-gradient(90deg, rgba(180, 180, 180, 0.18) 1px, transparent 1px), linear-gradient(rgba(180, 180, 180, 0.18) 1px, transparent 1px);
            background-size: auto, 27px 27px, 27px 27px;
        }

        .final-stat-countries .final-stat-content {
            padding: 28px 24px;
        }

        .final-stat-countries-img {
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 68%;
            object-fit: cover;
            object-position: center bottom;
            pointer-events: none;
        }

        .final-stat-countries::after {
            display: none;
        }

        .final-stat-person {
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            bottom: -9px;
            width: 100%;
            object-fit: cover;
            object-position: center bottom;
            pointer-events: none;
        }

        .final-stat-talent::before {
            background: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.9), transparent 190px), linear-gradient(135deg, #f0f0f0 0%, #e9e9e9 100%);
        }

        .final-stat-talent::after {
            display: none;
        }

        .final-stat-talent .final-stat-content {
            padding: 28px 26px;
        }

        @media (max-width: 991px) {
            .final-stats-showcase {
                padding: 72px 0 190px;
            }


            .final-stats-showcase::after {
                height: 150px;
            }

            .final-stats-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-auto-rows: minmax(260px, auto);
            }

            .final-stat-awards,
            .final-stat-apps,
            .final-stat-downloads,
            .final-stat-countries,
            .final-stat-talent {
                grid-column: auto;
                grid-row: auto;
                min-height: 275px;
            }

            .final-stat-awards {
                min-height: 530px;
            }

            .final-stat-talent {
                grid-column: span 2;
            }
        }

        @media (max-width: 575px) {
            .final-stats-showcase {
                padding: 58px 0 150px;
            }


            .final-stats-showcase::after {
                height: 125px;
            }

            .final-stats-wrap {
                width: min(100% - 28px, 720px);
            }

            .final-stats-title {
                margin-bottom: 22px;
                font-size: 28px;
            }

            .final-stats-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .final-stat-awards,
            .final-stat-apps,
            .final-stat-downloads,
            .final-stat-countries,
            .final-stat-talent {
                grid-column: auto;
                min-height: 290px;
            }

            .final-stat-awards {
                min-height: 475px;
            }

            .final-stat-content {
                padding: 24px;
            }

            .final-stat-talent {
                grid-column: auto;
            }

            .final-stat-logo-heart {
                right: 132px;
            }

            .final-stat-logo-leaf {
                right: 43px;
            }

            .final-stat-logo-tabby {
                right: 96px;
            }

            .final-stat-logo-masaood {
                right: 153px;
            }

            .final-stat-logo-arabia {
                right: 30px;
            }

            .final-stat-person {
                height: 60%;
            }
        }


        @media (max-width: 991px) {

            .final-services-wrap,
            .final-stats-wrap,
            .final-awards-wrap,
            .final-benefits-wrap {
                width: min(100% - 28px, 720px);
            }
        }

        /* Stats Section End */

        /* Awards Marquee Section Start */

        .final-awards-showcase {
            position: relative;
            overflow: hidden;
            padding: 224px 0 76px;
            background: radial-gradient(circle at 50% 0%, rgba(224, 43, 160, 0.14), transparent 210px), linear-gradient(180deg, #fff 0%, #fff 100%);
            color: #050505;
        }

        .final-awards-showcase::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 188px;
            pointer-events: none;
            filter: saturate(1.08);
            z-index: 0;
            background: linear-gradient(180deg, #000000 10%, transparent 43%, transparent 7%, #ffffff 100%), linear-gradient(100deg, #303cf4 0%, #652ee8 44%, #d92ea8 100%);
        }

        .final-awards-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 160px, 1340px);
            margin: 0 auto;
            text-align: center;
        }

        .final-awards-pill {
            margin: 0 auto 22px;
            background: linear-gradient(135deg, #2d47ff 0%, #df2aa9 100%);
            min-height: 33px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 18px;
            font-weight: 500;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .final-awards-title {
            margin: 0 0 32px;
            color: #040404;
            font-size: 50px;
            font-weight: 700;
            line-height: 1.12;
            letter-spacing: 0;
        }

        .final-awards-carousel {
            width: 100%;
            margin: 0 auto;
        }

        .final-awards-marquee {
            overflow: hidden;
            padding: 4px 0 18px;
            -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
        }

        .final-awards-marquee-track {
            display: flex;
            align-items: stretch;
            width: max-content;
            animation: finalAwardsMarquee 36s linear infinite;
            will-change: transform;
        }

        .final-awards-marquee:hover .final-awards-marquee-track {
            animation-play-state: paused;
        }

        .final-awards-marquee-group {
            flex: 0 0 auto;
            display: flex;
            align-items: stretch;
            gap: 22px;
            padding-right: 22px;
        }

        .final-awards-slide {
            flex: 0 0 clamp(235px, 21vw, 300px);
            width: clamp(235px, 21vw, 300px);
        }

        .final-awards-card {
            position: relative;
            overflow: hidden;
            width: 100%;
            min-height: 256px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 34px 20px 25px;
            color: #080808;
            background: linear-gradient(135deg, #dcd8ff 0%, #f9d8ef 100%);
            border-radius: 14px;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 256' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M14 0h170c7 0 12 2 17 7l32 32c5 5 7 10 7 17v186c0 8-6 14-14 14H57c-7 0-12-2-17-7L7 216c-5-5-7-10-7-17V14C0 6 6 0 14 0Z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 256' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M14 0h170c7 0 12 2 17 7l32 32c5 5 7 10 7 17v186c0 8-6 14-14 14H57c-7 0-12-2-17-7L7 216c-5-5-7-10-7-17V14C0 6 6 0 14 0Z'/%3E%3C/svg%3E");
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            transition: color 0.28s ease, box-shadow 0.28s ease;
        }

        .final-awards-card::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background: linear-gradient(135deg, #2f42ff 0%, #a842ba 46%, #e9299f 100%);
            opacity: 0;
            transition: opacity 0.28s ease;
        }

        .final-awards-card::after {
            content: "";
            position: absolute;
            top: 26px;
            left: 24px;
            z-index: 1;
            width: 25px;
            height: 25px;
            background: rgba(126, 98, 255, 0.22);
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 4h17v17h-4.6V11.85L7.95 23.3 4.7 20.05 16.15 8.6H7V4Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 4h17v17h-4.6V11.85L7.95 23.3 4.7 20.05 16.15 8.6H7V4Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
            transition: background 0.28s ease;
        }

        .final-awards-card:hover,
        .final-awards-slide.is-award-featured .final-awards-card {
            color: #fff;
            box-shadow: 0 18px 42px rgba(99, 63, 210, 0.22);
        }

        .final-awards-card:hover::before,
        .final-awards-slide.is-award-featured .final-awards-card::before {
            opacity: 1;
        }

        .final-awards-card:hover::after,
        .final-awards-slide.is-award-featured .final-awards-card::after {
            background: #fff;
        }

        .final-awards-media,
        .final-awards-card h3,
        .final-awards-year {
            position: relative;
            z-index: 2;
        }

        .final-awards-media {
            width: 132px;
            height: 112px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 14px;
        }

        .final-awards-media img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .final-awards-card h3 {
            max-width: 180px;
            min-height: 37px;
            margin: 0 auto 14px;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.18;
            letter-spacing: 0;
        }

        .final-awards-year {
            min-width: 65px;
            min-height: 25px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 15px;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(135deg, #3344ff 0%, #e12aa6 100%);
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
        }

        .final-awards-card:hover .final-awards-year,
        .final-awards-slide.is-award-featured .final-awards-year {
            background: rgba(255, 255, 255, 0.25);
            color: #fff;
        }

        .final-awards-marquee:has(.final-awards-card:hover) .final-awards-slide.is-award-featured:not(:hover) .final-awards-card {
            color: #080808;
            box-shadow: none;
        }

        .final-awards-marquee:has(.final-awards-card:hover) .final-awards-slide.is-award-featured:not(:hover) .final-awards-card::before {
            opacity: 0;
        }

        .final-awards-marquee:has(.final-awards-card:hover) .final-awards-slide.is-award-featured:not(:hover) .final-awards-card::after {
            background: rgba(126, 98, 255, 0.22);
        }

        .final-awards-marquee:has(.final-awards-card:hover) .final-awards-slide.is-award-featured:not(:hover) .final-awards-year {
            color: #fff;
            background: linear-gradient(135deg, #3344ff 0%, #e12aa6 100%);
        }

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

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

        @media (prefers-reduced-motion: reduce) {
            .final-awards-marquee {
                overflow: visible;
                -webkit-mask-image: none;
                mask-image: none;
            }

            .final-awards-marquee-track {
                width: 100%;
                flex-wrap: wrap;
                justify-content: center;
                gap: 22px;
                animation: none;
            }

            .final-awards-marquee-group {
                flex-wrap: wrap;
                justify-content: center;
                padding-right: 0;
            }

            .final-awards-marquee-group[aria-hidden="true"] {
                display: none;
            }
        }

        @media (max-width: 991px) {
            .final-awards-showcase {
                padding: 62px 0 68px;
            }

            .final-awards-marquee-group {
                gap: 20px;
                padding-right: 20px;
            }

            .final-awards-slide {
                flex-basis: 260px;
                width: 260px;
            }
        }

        @media (max-width: 575px) {
            .final-awards-showcase {
                padding: 52px 0 58px;
            }

            .final-awards-wrap {
                width: min(100% - 28px, 720px);
            }

            .final-awards-title {
                margin-bottom: 22px;
                font-size: 28px;
            }

            .final-awards-marquee {
                padding-bottom: 10px;
                -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
            }

            .final-awards-marquee-track {
                animation-duration: 30s;
            }

            .final-awards-marquee-group {
                gap: 16px;
                padding-right: 16px;
            }

            .final-awards-slide {
                flex-basis: min(78vw, 252px);
                width: min(78vw, 252px);
            }

            .final-awards-card {
                min-height: 246px;
            }
        }

        /* Awards Marquee Section End */

        /* Benefits Carousel Section Start */

        .final-benefits-showcase {
            position: relative;
            overflow: hidden;
            padding: 62px 0 72px;
            background: radial-gradient(circle at 57% -18%, rgb(225 57 168 / 34%), transparent 121px), linear-gradient(180deg, #000000 0%, #000000 100%);
            color: #fff;
        }

        .final-benefits-showcase::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 16%, rgba(0, 0, 0, 0.7) 100%);
        }

        .final-benefits-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 160px, 1340px);
            margin: 0 auto;
            text-align: center;
        }

        .final-benefits-pill {
            min-height: 33px;
            margin: 0 auto 19px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 18px;
            font-weight: 500;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .final-benefits-title {
            max-width: 660px;
            margin: 0 auto 39px;
            color: #fff;
            font-size: 50px;
            font-weight: 700;
            line-height: 1.17;
            letter-spacing: 0;
        }

        .final-benefits-carousel {
            width: 100%;
            margin: 0 auto;
            overflow: visible;
        }

        .final-benefits-carousel.owl-carousel:not(.owl-loaded) {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 28px;
        }

        .final-benefits-carousel.owl-carousel:not(.owl-loaded) .final-benefit-slide:nth-child(n+3) {
            display: none;
        }

        .final-benefits-carousel .owl-stage {
            display: flex;
            align-items: stretch;
        }

        .final-benefits-carousel .owl-item {
            display: flex;
            align-items: stretch;
        }

        .final-benefit-slide {
            width: 100%;
        }

        .final-benefit-card {
            position: relative;
            z-index: 1;
            overflow: visible;
            min-height: 255px;
            width: 100%;
            display: grid;
            grid-template-columns: 44% 56%;
            align-items: center;
            /* border: 1px solid rgba(255, 255, 255, 0.13); */
            border-radius: 14px;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.64) 60%, rgba(33, 33, 33, 0.9) 100%);
            text-align: left;
        }

        .final-benefit-card::before,
        .final-benefit-card::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border-radius: inherit;
            transition: opacity 0.28s ease;
        }

        .final-benefit-card::before {
            z-index: 0;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(25, 25, 25, 0.34) 43%, rgba(45, 45, 45, 0.68) 100%);
            opacity: 1;
        }

        .final-benefit-card::after {
            z-index: 1;
            background: linear-gradient(100deg, #000000 0%, #000000 30%, #303cf4 55%, #652ee8 75%, #d92ea8 100%);
            opacity: 0;
        }

        .final-benefit-card:hover::after,
        .final-benefits-carousel:not(.owl-loaded) .final-benefit-slide.is-benefit-featured .final-benefit-card::after,
        .final-benefits-carousel .owl-item.is-final-benefit-active .final-benefit-card::after {
            opacity: 1;
        }

        .final-benefits-carousel:has(.final-benefit-card:hover) .owl-item.is-final-benefit-active:not(:hover) .final-benefit-card::after,
        .final-benefits-carousel:not(.owl-loaded):has(.final-benefit-card:hover) .final-benefit-slide.is-benefit-featured:not(:hover) .final-benefit-card::after {
            opacity: 0;
        }

        .final-benefit-art,
        .final-benefit-content {
            position: relative;
            z-index: 2;
        }

        .final-benefit-art {
            width: 194px !important;
            height: 194px !important;
            justify-self: center;
            object-fit: contain;
            transform-origin: 50% 58%;
            filter: drop-shadow(0 18px 22px rgba(42, 54, 255, 0.34)) drop-shadow(0 2px 16px rgba(255, 115, 235, 0.22));
            animation: finalBenefitArtSway 4.6s ease-in-out infinite;
            will-change: transform, filter;
        }

        .final-benefit-slide:nth-child(2n) .final-benefit-art {
            animation-delay: -1.5s;
        }

        .final-benefit-slide:nth-child(3n) .final-benefit-art {
            animation-delay: -2.8s;
        }

        .final-benefit-card:hover .final-benefit-art {
            animation-play-state: paused;
            transform: translateX(14px) rotate(2deg) scale(1.05);
            filter: drop-shadow(0 24px 28px rgba(42, 54, 255, 0.48)) drop-shadow(0 7px 20px rgba(255, 115, 235, 0.34));
            transition: transform 0.35s ease, filter 0.35s ease;
        }

        @keyframes finalBenefitArtSway {

            0%,
            100% {
                transform: translateX(-14px) rotate(-2deg) scale(1);
            }

            50% {
                transform: translateX(14px) rotate(2deg) scale(1.03);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .final-benefit-art {
                animation: none;
            }
        }

        .final-benefit-content {
            /* max-width: 260px; */
            padding: 30px 28px 30px 0;
        }

        .final-benefit-number {
            display: block;
            margin: 0 0 8px;
            color: #fff;
            font-size: 32px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0;
        }

        .final-benefit-card h3 {
            margin: 0 0 18px;
            color: rgba(255, 255, 255, 0.92);
            font-size: 20px;
            font-weight: 500;
            line-height: 1.18;
            letter-spacing: 0;
        }

        .final-benefit-card p {
            margin: 0 0 25px;
            color: rgba(255, 255, 255, 0.86);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.75;
        }

        .final-benefit-read {
            min-height: 30px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 0 17px;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.13));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 12px 24px rgba(0, 0, 0, 0.22);
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
        }

        .final-benefit-read::after {
            content: "";
            width: 12px;
            height: 12px;
            background: currentColor;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.75 7h8.2M7.7 3.75 10.95 7 7.7 10.25' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.75 7h8.2M7.7 3.75 10.95 7 7.7 10.25' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        }
        .final-benefit-read:hover,
        .final-benefit-read:focus-visible {
            animation: globalCtaHover 0.82s cubic-bezier(0.16, 0.9, 0.24, 1.18) both;
            background: var(--global-cta-hover-bg);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 22px 42px rgba(0, 0, 0, 0.34), 0 0 0 7px rgba(255, 255, 255, 0.08);
            outline: 0;
        }

        .final-benefits-carousel.owl-theme .owl-nav {
            display: none;
        }

        .final-benefits-carousel.owl-theme .owl-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 19px;
            margin-top: 40px;
        }

        .final-benefits-carousel.owl-theme .owl-dots .owl-dot {
            width: 12px;
            height: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .final-benefits-carousel.owl-theme .owl-dots .owl-dot span {
            width: 9px;
            height: 9px;
            margin: 0;
            border: 1px solid rgba(255, 255, 255, 0.62);
            border-radius: 50%;
            background: transparent;
        }

        .final-benefits-carousel.owl-theme .owl-dots .owl-dot.active span {
            width: 13px;
            height: 13px;
            border: 0;
            background: linear-gradient(135deg, #313fff, #df2aa6);
            box-shadow: 0 0 16px rgba(163, 58, 255, 0.64);
        }

        .final-benefits-cta {
            min-height: 33px;
            margin: 41px auto 10px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 16px;
            font-weight: 800;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        @media (max-width: 991px) {
            .final-benefits-showcase {
                padding: 58px 0 66px;
            }

            .final-benefits-wrap {
                width: min(100% - 28px, 720px);
            }

            .final-benefits-carousel.owl-carousel:not(.owl-loaded) {
                grid-template-columns: 1fr;
            }

            .final-benefits-carousel.owl-carousel:not(.owl-loaded) .final-benefit-slide:nth-child(n+2) {
                display: none;
            }

            .final-benefit-card {
                min-height: 248px;
            }
        }

        @media (max-width: 575px) {
            .final-benefits-showcase {
                padding: 50px 0 58px;
            }

            .final-benefits-wrap {
                width: min(100% - 28px, 720px);
            }

            .final-benefits-title {
                margin-bottom: 22px;
                font-size: 29px;
            }

            .final-benefit-card {
                min-height: auto;
                grid-template-columns: 1fr;
                padding: 25px 22px 28px;
                text-align: center;
            }

            .final-benefit-art {
                width: 154px !important;
                height: 154px !important;
                margin-bottom: 12px;
            }

            .final-benefit-content {
                max-width: 100%;
                padding: 0;
            }

            .final-benefit-card p {
                max-width: 260px;
                margin: 0 auto 22px;
            }
        }

        /* Benefits Carousel Section End */

        /* Client Testimonial Carousel Section Start */

        .final-testimonials-showcase {
            position: relative;
            overflow: hidden;
            padding: 10px 0 72px;
            background: #000;
            color: #fff;
        }

        /* .final-testimonials-showcase::before {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 50px;
            pointer-events: none;
            background: radial-gradient(circle at 55% -25%, rgba(218, 36, 151, 0.36), transparent 120px);
        } */

        .final-testimonials-wrap {
            position: relative;
            z-index: 1;
            width: min(100% - 88px, 960px);
            margin: 0 auto;
            text-align: center;
        }

        .final-testimonials-pill {
            min-height: 33px;
            margin: 0 auto 19px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .final-testimonials-title {
            margin: 0 0 45px;
            color: #fff;
            font-size: clamp(28px, 3vw, 35px);
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: 0;
        }

        .final-testimonials-carousel {
            width: 100%;
            margin: 0 auto;
        }

        .final-testimonials-carousel.owl-carousel:not(.owl-loaded) {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
        }

        .final-testimonials-carousel.owl-carousel:not(.owl-loaded) .final-testimonial-stack:nth-child(n+5) {
            display: none;
        }

        .final-testimonials-carousel .owl-stage {
            display: flex;
            align-items: stretch;
        }

        .final-testimonials-carousel .owl-item {
            display: flex;
            align-items: stretch;
        }

        .final-testimonial-stack {
            width: 100%;
            display: grid;
            gap: 18px;
        }

        .final-testimonial-card {
            position: relative;
            overflow: hidden;
            min-height: 254px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 14px;
            background: linear-gradient(180deg, #141414 0%, #0d0d0d 100%);
            color: #fff;
            text-align: left;
        }

        .final-testimonial-card.is-copy {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 19px 18px 20px;
        }

        .final-testimonial-card.is-copy::before,
        .final-testimonial-card.is-copy::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border-radius: inherit;
            transition: opacity 0.28s ease;
        }

        .final-testimonial-card.is-copy::before {
            z-index: 0;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(45, 45, 45, 0.18) 52%, rgba(60, 60, 60, 0.32) 100%);
            opacity: 1;
        }

        .final-testimonial-card.is-copy::after {
            z-index: 1;
            background: radial-gradient(circle at 8% 96%, rgba(63, 59, 255, 0.88), transparent 48%), radial-gradient(circle at 86% 86%, rgba(230, 27, 156, 0.82), transparent 58%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(99, 20, 85, 0.32) 48%, rgba(229, 31, 147, 0.54) 100%);
            opacity: 0;
        }

        .final-testimonial-card.is-copy:hover::after,
        .final-testimonial-card.is-testimonial-featured::after,
        .final-testimonial-card.is-final-testimonial-active::after {
            opacity: 1;
        }

        .final-testimonials-carousel:has(.final-testimonial-card:hover) .final-testimonial-card.is-testimonial-featured:not(:hover)::after,
        .final-testimonials-carousel:has(.final-testimonial-card:hover) .final-testimonial-card.is-final-testimonial-active:not(:hover)::after {
            opacity: 0;
        }

        .final-testimonial-tags,
        .final-testimonial-quote,
        .final-testimonial-author {
            position: relative;
            z-index: 2;
        }

        .final-testimonial-tags {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 19px;
        }

        .final-testimonial-tag {
            min-height: 25px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 11px;
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.94);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.1));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 8px 18px rgba(0, 0, 0, 0.22);
            font-size: 9px;
            font-weight: 700;
            line-height: 1;
        }

        .final-testimonial-tag.has-flag-img {
            padding: 0;
            background: transparent;
            box-shadow: none;
        }

        .final-testimonial-flag-img {
            display: block;
            width: 66px;
            height: 25px;
            border-radius: 999px;
            object-fit: cover;
        }

        .final-testimonial-tag.is-demand {
            min-width: 70px;
            min-height: 25px;
            padding: 0 11px;
            color: #fff;
            background: linear-gradient(180deg, #727272 0%, #2b2b2b 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 8px 14px rgba(0, 0, 0, 0.18);
            font-size: 8px;
            font-weight: 700;
        }

        .final-testimonial-flag {
            width: 17px;
            height: 11px;
            display: inline-block;
            border-radius: 2px;
            background: linear-gradient(90deg, #ef3340 0 26%, transparent 26% 100%), linear-gradient(180deg, #009a44 0 33.33%, #fff 33.33% 66.66%, #111 66.66% 100%);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
        }

        .final-testimonial-quote {
            margin: 0 0 21px;
            color: rgba(255, 255, 255, 0.92);
            font-size: 10px;
            font-weight: 600;
            line-height: 1.78;
        }

        .final-testimonial-author {
            display: flex;
            align-items: center;
            gap: 11px;
            margin-top: auto;
        }

        .final-testimonial-avatar {
            width: 39px;
            height: 39px;
            flex: 0 0 39px;
            border-radius: 50%;
            object-fit: cover;
            object-position: 78% center;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16);
        }

        .final-testimonial-name {
            display: block;
            margin-bottom: 4px;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
        }

        .final-testimonial-role {
            display: block;
            color: rgba(255, 255, 255, 0.82);
            font-size: 9px;
            font-weight: 600;
            line-height: 1.25;
        }

        .final-testimonial-card.is-light {
            min-height: 318px;
            border-color: rgba(230, 54, 104, 0.28);
            background: #fff;
            color: #050505;
            padding: 22px 22px 20px;
        }

        .final-testimonial-card.is-light::before,
        .final-testimonial-card.is-light::after {
            display: none;
        }

        .final-testimonial-card.is-light .final-testimonial-tags {
            margin-bottom: 15px;
        }

        .final-testimonial-card.is-light .final-testimonial-flag-img {
            width: 103px;
            height: 32px;
            border-radius: 0;
        }

        .final-testimonial-card.is-light .final-testimonial-quote {
            margin-bottom: 24px;
            color: #050505;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
        }

        .final-testimonial-card.is-light .final-testimonial-avatar {
            width: 48px;
            height: 48px;
            flex-basis: 48px;
            box-shadow: none;
        }

        .final-testimonial-card.is-light .final-testimonial-author {
            gap: 18px;
        }

        .final-testimonial-card.is-light .final-testimonial-name {
            color: #050505;
            font-size: 10px;
            font-weight: 700;
        }

        .final-testimonial-card.is-light .final-testimonial-role {
            color: #050505;
            font-size: 11px;
            font-style: italic;
            font-weight: 500;
            line-height: 1.25;
        }

        .final-testimonial-card.is-video {
            background: #151515;
        }

        .final-testimonial-video-img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 72% center;
        }

        .final-testimonial-video-shade {
            position: absolute;
            inset: auto 0 0;
            z-index: 2;
            min-height: 74px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.82) 38%, rgba(0, 0, 0, 0.92) 100%);
        }

        .final-testimonial-play {
            position: absolute;
            z-index: 3;
            left: 50%;
            top: 50%;
            width: 48px;
            height: 48px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.86);
            box-shadow: 0 15px 28px rgba(0, 0, 0, 0.26);
            transform: translate(-50%, -50%);
            pointer-events: none;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .final-testimonial-card.is-video video.final-testimonial-video-img {
            cursor: pointer;
        }

        .final-testimonial-card.is-video.is-playing .final-testimonial-play {
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.86);
        }

        .final-testimonial-play::before {
            content: "";
            position: absolute;
            left: 19px;
            top: 15px;
            border-top: 9px solid transparent;
            border-bottom: 9px solid transparent;
            border-left: 13px solid rgba(0, 0, 0, 0.32);
        }

      .final-testimonial-sound {
    position: absolute;
    z-index: 4;
    top: 7px;
    right: 11px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(12, 18, 22, 0.58);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

        .final-testimonial-sound:hover,
        .final-testimonial-sound:focus-visible {
            background: rgba(12, 18, 22, 0.78);
            outline: none;
            transform: translateY(-1px);
        }

        .final-testimonial-sound i {
            font-size: 16px;
            line-height: 1;
        }

        .final-testimonial-brand {
            position: absolute;
            z-index: 3;
            left: 22px;
            right: 18px;
            bottom: 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fff;
        }

        .final-mrsool-logo-img {
            display: block;
            width: 132px;
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        .final-mrsool-icon {
            position: relative;
            width: 45px;
            height: 38px;
            flex: 0 0 45px;
        }

        .final-mrsool-icon::before,
        .final-mrsool-icon::after {
            content: "";
            position: absolute;
            background: #fff;
            transform-origin: left center;
        }

        .final-mrsool-icon::before {
            left: 8px;
            top: 19px;
            width: 30px;
            height: 3px;
            transform: rotate(36deg);
        }

        .final-mrsool-icon::after {
            left: 9px;
            top: 19px;
            width: 30px;
            height: 3px;
            transform: rotate(-40deg);
        }

        .final-mrsool-dot {
            position: absolute;
            width: 8px;
            height: 8px;
            border: 2px solid #fff;
            border-radius: 50%;
            background: transparent;
        }

        .final-mrsool-dot:nth-child(1) {
            left: 1px;
            top: 15px;
        }

        .final-mrsool-dot:nth-child(2) {
            left: 35px;
            top: 5px;
        }

        .final-mrsool-dot:nth-child(3) {
            left: 35px;
            bottom: 5px;
        }

        .final-mrsool-text {
            display: flex;
            flex-direction: column;
            gap: 2px;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0;
        }

        .final-mrsool-text small {
            font-size: 8px;
            font-weight: 700;
            letter-spacing: 0.06em;
        }

        .final-testimonial-card.is-video::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(47, 58, 255, 0.22), transparent 36%, rgba(223, 30, 154, 0.24) 100%);
            opacity: 0;
            transition: opacity 0.28s ease;
        }

        .final-testimonial-card.is-video:hover::after {
            opacity: 1;
        }

        .final-testimonials-carousel.owl-theme .owl-nav,
        .final-testimonials-carousel.owl-theme .owl-dots {
            display: none;
        }

        @media (max-width: 991px) {
            .final-testimonials-showcase {
                padding: 52px 0 62px;
            }

            .final-testimonials-wrap {
                width: min(100% - 36px, 960px);
            }

            .final-testimonials-carousel.owl-carousel:not(.owl-loaded) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .final-testimonials-carousel.owl-carousel:not(.owl-loaded) .final-testimonial-stack:nth-child(n+3) {
                display: none;
            }
        }

        @media (max-width: 575px) {
            .final-testimonials-showcase {
                padding: 46px 0 56px;
            }

            .final-testimonials-wrap {
                width: min(100% - 24px, 960px);
            }

            .final-testimonials-title {
                margin-bottom: 22px;
                font-size: 27px;
            }

            .final-testimonials-carousel.owl-carousel:not(.owl-loaded) {
                grid-template-columns: 1fr;
            }

            .final-testimonials-carousel.owl-carousel:not(.owl-loaded) .final-testimonial-stack:nth-child(n+2) {
                display: none;
            }

            .final-testimonial-card {
                min-height: 246px;
            }
        }

        /* Client Testimonial Grid Refresh */

        .final-testimonials-wrap {
            width: min(100% - 44px, 1200px);
        }

        .final-testimonials-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px 18px;
            width: 100%;
            margin: 0 auto;
        }

        .final-testimonials-grid .final-testimonial-card {
            min-height: 255px;
            border-radius: 14px;
            border-color: rgba(255, 255, 255, 0.14);
            background: linear-gradient(180deg, #171717 0%, #111 100%);
            box-shadow: none;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy {
            padding: 18px 17px 20px;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy::before {
            background: radial-gradient(circle at 74% 8%, rgba(255, 255, 255, 0.1), transparent 78px), linear-gradient(180deg, #171717 0%, #101012 48%, #16091d 74%, #220d33 100%);
        }

        .final-testimonials-grid .final-testimonial-card.is-copy::after {
            background: radial-gradient(ellipse at 100% 76%, rgba(227, 0, 136, 0.98) 0%, rgba(227, 0, 136, 0.78) 24%, rgba(227, 0, 136, 0.38) 47%, rgba(227, 0, 136, 0) 72%), radial-gradient(ellipse at 54% 106%, rgba(132, 18, 201, 0.96) 0%, rgba(132, 18, 201, 0.78) 31%, rgba(132, 18, 201, 0.32) 56%, rgba(132, 18, 201, 0) 78%), radial-gradient(ellipse at 8% 108%, rgba(61, 42, 215, 0.76) 0%, rgba(61, 42, 215, 0.42) 36%, rgba(61, 42, 215, 0) 66%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(13, 4, 20, 0.08) 38%, rgba(73, 9, 84, 0.52) 71%, rgba(169, 0, 123, 0.78) 100%);
        }

        .final-testimonials-grid:has(.final-testimonial-card:hover) .final-testimonial-card.is-testimonial-featured:not(:hover)::after {
            opacity: 0;
        }

        .final-testimonials-grid .final-testimonial-tags {
            gap: 7px;
            margin-bottom: 18px;
        }

        .final-testimonials-grid .final-testimonial-tag {
            min-height: 23px;
            padding: 0 11px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            color: #fff;
            background: linear-gradient(180deg, rgba(104, 104, 104, 0.92) 0%, rgba(46, 46, 46, 0.98) 52%, rgba(24, 24, 24, 0.98) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 7px 14px rgba(0, 0, 0, 0.24);
            font-size: 8px;
            font-weight: 800;
        }

        .final-testimonials-grid .final-testimonial-tag.has-flag-img {
            min-width: 57px;
            gap: 5px;
            padding: 0 9px 0 8px;
            background: linear-gradient(180deg, rgba(91, 91, 91, 0.96) 0%, rgba(37, 37, 37, 0.98) 58%, rgba(20, 20, 20, 0.98) 100%);
        }

        .final-testimonials-grid .final-testimonial-tag.has-flag-img::after {
            content: "UAE";
        }

        .final-testimonials-grid .final-testimonial-tag.has-flag-img:has(img[alt="Germany"])::after {
            content: "Germany";
        }


        .final-testimonials-grid .final-testimonial-tag.has-flag-img:has(img[alt="Singapore"])::after {
            content: "Singapore";
        }

        .final-testimonials-grid .final-testimonial-tag.has-flag-img:has(img[alt="Germany"]),
        .final-testimonials-grid .final-testimonial-tag.has-flag-img:has(img[alt="Singapore"]) {
            min-width: 86px;
        }

        .final-testimonials-grid .final-testimonial-flag-img {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            object-fit: cover;
            object-position: left center;
        }

        .final-testimonials-grid .final-testimonial-tag.is-demand {
            min-width: 69px;
            padding: 0 10px;
        }

        .final-testimonials-grid .final-testimonial-avatar {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .final-testimonials-grid .final-testimonial-name {
            font-size: 13px;
            line-height: 1.05;
        }

        .final-testimonials-grid .final-testimonial-role {
            font-size: 8px;
            line-height: 1.25;
        }

        .final-testimonials-grid .final-testimonial-card.is-video {
            min-height: 0;
            aspect-ratio: 176 / 217;
            background: #111;
        }

        .final-testimonials-grid .final-testimonial-video-img {
            object-fit: cover;
            object-position: center 18%;
        }

        .final-testimonials-grid .final-testimonial-play {
            top: 47%;
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 14px 26px rgba(0, 0, 0, 0.28);
        }

        .final-testimonials-grid .final-testimonial-play::before {
            left: 20px;
            top: 16px;
            border-top-width: 9px;
            border-bottom-width: 9px;
            border-left-width: 13px;
        }

        .final-testimonials-grid .final-testimonial-brand {
            left: 19px;
            right: 15px;
            bottom: 14px;
        }

        .final-testimonials-grid .final-mrsool-logo-img {
            width: min(128px, 78%);
        }

        @media (max-width: 991px) {
        }

        @media (max-width: 575px) {
            .final-testimonials-wrap {
                width: min(100% - 24px, 1060px);
            }

            .final-testimonials-grid .final-testimonial-card {
                min-height: 250px;
            }
        }



        /* Testimonial reference layout */
        .final-testimonials-showcase {
            padding: 48px 0 68px;
            background: #000;
        }

        .final-testimonials-wrap {
            width: min(100% - 160px, 1340px);
        }


        .final-testimonials-title {
            display: block;
            max-width: 820px;
            margin: 0 auto 44px;
            color: #fff;
            font-size: clamp(28px, 3vw, 35px);
            font-weight: 800;
            line-height: 1.16;
            text-align: center;
        }

        .final-testimonials-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px 16px;
            width: 100%;
        }

        .final-testimonials-grid .final-testimonial-card {
            min-height: 345px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            background: #121212;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy {
            padding: 18px 17px 19px;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy::before {
            background: radial-gradient(circle at 82% 8%, rgba(255, 255, 255, 0.08), transparent 88px), linear-gradient(180deg, #151515 0%, #101010 52%, #120816 76%, #210b31 100%);
            opacity: 1;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy::after {
            background: radial-gradient(ellipse at 100% 88%, rgba(224, 0, 145, 0.92) 0%, rgba(224, 0, 145, 0.62) 32%, transparent 70%), radial-gradient(ellipse at 4% 108%, rgba(98, 45, 236, 0.7) 0%, rgba(98, 45, 236, 0.42) 38%, transparent 68%), linear-gradient(180deg, transparent 0%, rgba(33, 8, 43, 0.32) 54%, rgba(153, 0, 126, 0.72) 100%);
            opacity: 1;
        }

        .final-testimonials-grid .final-testimonial-tags {
            gap: 8px;
            margin-bottom: 20px;
        }

        .final-testimonials-grid .final-testimonial-quote {
            margin-bottom: 20px;
            color: #fff;
            font-size: 13.5px;
            font-weight: 700;
            line-height: 1.78;
        }

        .final-testimonials-grid .final-testimonial-avatar {
            width: 34px;
            height: 34px;
            flex-basis: 34px;
        }

        .final-testimonials-grid .final-testimonial-name {
            font-size: 13px;
            font-weight: 800;
        }

        .final-testimonials-grid .final-testimonial-role {
            font-size: 7px;
            font-weight: 700;
        }

        .final-testimonials-grid .final-testimonial-card.is-video {
            min-height: 345px;
            aspect-ratio: auto;
        }

        .final-testimonials-grid .final-testimonial-video-img {
            object-position: center top;
        }

        .final-testimonials-grid .final-testimonial-video-shade {
            min-height: 60px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.96) 100%);
        }

        .final-testimonials-grid .final-testimonial-play {
            top: 48%;
            width: 48px;
            height: 48px;
        }

        .final-testimonials-grid .final-testimonial-brand {
            left: 84px;
            bottom: 7px;
        }

        .final-testimonials-grid .final-mrsool-logo-img {
            width: min(122px, 78%);
        }


        .final-testimonials-grid .final-testimonial-card.is-copy {
            isolation: isolate;
            transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, transform 0.25s ease;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover {
            overflow: visible;
            padding: 18px 17px 19px;
            border-color: transparent;
            /* background: radial-gradient(ellipse at 100% 88%, rgba(224, 0, 145, 0.92) 0%, rgba(224, 0, 145, 0.62) 32%, transparent 70%), radial-gradient(ellipse at 4% 108%, rgba(98, 45, 236, 0.7) 0%, rgba(98, 45, 236, 0.42) 38%, transparent 68%), linear-gradient(180deg, transparent 0%, rgba(33, 8, 43, 0.32) 54%, rgba(153, 0, 126, 0.72) 100%); */
            box-shadow: 0 18px 42px rgba(132, 18, 201, 0.28);
            transform: none;
            z-index: 5;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover::before {
            inset: 0;
            z-index: 1;
            border: 2px solid #eee;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
            opacity: 1;
            transform: translateX(-45px) rotate(-2deg);
            transform-origin: center center;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover::after {
            content: "";
            inset: 0;
            width: auto;
            z-index: 0;
            display: block;
            padding: 0;
            border-radius: 12px;
            background: radial-gradient(ellipse at 100% 88%, rgb(30 12 231 / 92%) 0%, rgba(224, 0, 145, 0.62) 32%, transparent 70%), radial-gradient(ellipse at 4% 108%, rgba(98, 45, 236, 0.7) 0%, rgba(98, 45, 236, 0.42) 38%, transparent 68%), linear-gradient(180deg, transparent 0%, rgba(33, 8, 43, 0.32) 54%, rgba(153, 0, 126, 0.72) 100%);
            opacity: 1;
            transform: none;
        }

        .final-testimonials-grid .final-testimonial-review-link {
            position: absolute;
            top: 50%;
            right: -62px;
            z-index: 4;
            width: 178px;
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #fff;
            background: transparent;
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            text-decoration: none;
            writing-mode: horizontal-tb;
            transform: translateY(-50%) rotate(-90deg);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.22s ease;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-review-link {
            opacity: 1;
            pointer-events: auto;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy .final-testimonial-tags,
        .final-testimonials-grid .final-testimonial-card.is-copy .final-testimonial-quote,
        .final-testimonials-grid .final-testimonial-card.is-copy .final-testimonial-author {
            transition: transform 0.25s ease;
            transform-origin: center center;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-tags,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-quote,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-author {
            transform: translateX(-45px) rotate(-2deg);
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-tags,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-quote,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-author {
            z-index: 3;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-quote,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-name,
        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-role {
            color: #111 !important;
        }

        .final-testimonials-grid .final-testimonial-card.is-copy:hover .final-testimonial-tag {
            color: #222;
            background: #f8f8f8;
            border-color: rgba(0, 0, 0, 0.06);
            box-shadow: 0 5px 14px rgba(0, 0, 0, 0.08);
        }


        .final-testimonials-grid .final-testimonial-card.is-video {
            cursor: pointer;
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }

        .final-testimonials-grid .final-testimonial-card.is-video:hover,
        .final-testimonials-grid .final-testimonial-card.is-video.is-playing {
            z-index: 4;
            border-color: rgba(255, 255, 255, 0.34);
            box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
            transform: translateY(-4px);
        }

        .final-testimonials-grid .final-testimonial-card.is-video.is-playing .final-testimonial-video-shade,
        .final-testimonials-grid .final-testimonial-card.is-video.is-playing .final-testimonial-brand {
            opacity: 0;
            pointer-events: none;
        }

        .final-testimonials-grid .final-testimonial-card.is-video.is-video-ready .final-testimonial-play {
            opacity: 1;
        }

        .final-testimonials-grid .final-testimonial-card.is-video {
            background: #000;
        }

        .final-testimonials-grid .final-testimonial-card.is-video .final-testimonial-video-img,
        .final-testimonials-grid .final-testimonial-card.is-video video.final-testimonial-video-img {
            width: 100%;
            height: 100%;
            object-fit: cover !important;
            object-position: center center !important;
            background: #000;
        }

        @media (max-width: 991px) {
            .final-testimonials-wrap {
                width: min(100% - 28px, 720px);
            }

            .final-testimonials-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .final-testimonials-grid .final-testimonial-card,
            .final-testimonials-grid .final-testimonial-card.is-video {
                min-height: 320px;
            }
        }

        @media (max-width: 575px) {
            .final-testimonials-wrap {
                width: min(100% - 24px, 420px);
            }

            .final-testimonials-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .final-testimonials-grid .final-testimonial-card,
            .final-testimonials-grid .final-testimonial-card.is-video {
                min-height: 345px;
            }
        }




        /* Client Testimonial Carousel Section End */

        /* Augment Your Digital Presence with Fluper Section Start */

        .fluper-growth-banner {
            position: relative;
            z-index: 1;
            overflow: hidden;
            padding: 76px 0 0;
            background: transparent;
        }

        .fluper-growth-banner .container {
            width: min(100% - 160px, 1340px);
            max-width: 1340px;
            padding-inline: 0;
        }

        .fluper-growth-wrapper {
            position: relative;
            overflow: hidden;
            min-height: 240px;
            display: flex;
            align-items: center;
            padding: 44px 62px;
            border-radius: 22px;
            background: radial-gradient(circle at 8% 0%, rgba(73, 67, 255, 0.8), transparent 300px), radial-gradient(circle at 62% 48%, rgba(255, 24, 151, 0.68), transparent 390px), radial-gradient(circle at 96% 19%, rgba(45, 54, 255, 1), transparent 330px), linear-gradient(135deg, rgba(54, 45, 144, 0.96) 0%, rgba(24, 22, 34, 0.96) 44%, rgba(65, 18, 68, 0.94) 67%, rgba(48, 57, 232, 0.96) 100%);
            border: 1px solid rgba(255, 255, 255, 0.12);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 28px 70px rgba(0, 0, 0, 0.36);
        }

        .fluper-growth-wrapper>.row {
            width: 100%;
            margin-inline: 0;
        }

        .fluper-growth-wrapper .col-lg-7 {
            flex: 0 0 72%;
            max-width: 72%;
            padding-inline: 0;
        }

        .fluper-growth-wrapper .col-lg-5 {
            flex: 0 0 28%;
            max-width: 28%;
            padding-inline: 0;
        }

        .fluper-growth-wrapper::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, 0.28) 100%);
            pointer-events: none;
        }

        .fluper-growth-content {
            position: relative;
            z-index: 2;
            max-width: 820px;
        }

        .fluper-growth-title {
            color: #fff;
            font-size: clamp(24px, 2.45vw, 27px);
            font-weight: 600;
            margin: 0 0 17px;
            line-height: 1.08;
            letter-spacing: 0;
            white-space: nowrap;
        }

        .fluper-growth-text {
            color: rgba(255, 255, 255, 0.92);
            font-size: 13px;
            font-weight: 600;
            line-height: 1.75;
            max-width: 693px;
            margin: 0;
        }

        .fluper-growth-btn {
            gap: 12px;
            transition: background 0.25s ease, transform 0.25s ease;
            min-height: 33px;
            margin: 30px auto 0px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .fluper-growth-btn:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.46);
            transform: translateY(-2px);
        }

        .fluper-growth-btn i {
            font-size: 15px;
            line-height: 1;
        }

        .fluper-growth-image {
            text-align: center;
            position: relative;
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 150px;
        }

        .fluper-growth-image img {
            width: clamp(210px, 16vw, 260px);
            max-width: 100%;
            animation: fluperFloatingStar 4s ease-in-out infinite;
            filter: drop-shadow(0 24px 34px rgba(48, 54, 255, 0.32));
        }

        @keyframes fluperFloatingStar {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-12px);
            }

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

        @media(max-width:991px) {
            .fluper-growth-banner {
                padding-top: 54px;
            }

            .fluper-growth-banner .container,
            #flp-sw-section .container {
                width: min(100% - 28px, 720px);
            }

            .fluper-growth-wrapper .col-lg-7,
            .fluper-growth-wrapper .col-lg-5 {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .fluper-growth-wrapper {
                min-height: auto;
                padding: 38px 30px;
                text-align: center;
            }

            .fluper-growth-title {
                font-size: 30px;
                white-space: normal;
            }

            .fluper-growth-text {
                margin: 0 auto;
            }

            .fluper-growth-image img {
                width: 190px;
                margin-top: 34px;
            }
        }

        /* Augment Your Digital Presence with Fluper Section End */

        /* Our Blogs & Tech Events Section Start */
        .serves img {
            width: 100%;
            border-radius: 20px;

        }

        .visi-tors img {
            width: 100%;
            object-fit: cover;
            height: 229px;
            border-radius: 13px;
        }


        .tituated {
            display: flex;
            gap: 20px;
        }

        .conven-tion h2 {
            margin: 14px 0px;
        }

        .conven-tion p {
            margin-bottom: 20px;
        }

        .conven-tion h3 {
            gap: 12px;
            transition: background 0.25s ease, transform 0.25s ease;
            margin: 0px auto 0px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }

        .conven-tion h2 span {
            color: red;
        }

        .elevate img {
            width: 100%;
            border-radius: 8px;
        }

        .invest h2 {
            font-size: 14px;
            padding: 10px 0px;
            margin-bottom: 0;
        }

        .invest p {
            font-size: 11px;
            margin-bottom: -3px;
        }

        .invest ul {
            display: flex;
            justify-content: space-between;
            padding-left: 0;
            margin: 10px 0px;
        }

        .invest ul li {
            font-size: 12px;
            list-style: none
        }

        .influential .item {
            /* background: #ff3f4d; */
        }

        .influential h2 {
            color: #FFF;
            text-align: center;
            padding: 5rem 0;
            margin: 0;
            font-style: italic;
            font-weight: 300;
        }


        a.fes-tival {
            position: absolute;
            top: 9px;
            left: 19px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 29px;
            padding: 0 22px;
            border-radius: 999px;
            text-decoration: none;
            color: #fff;
            transition: background 0.25s ease, transform 0.25s ease;
            font-size: 12px;
            font-weight: 650;
            background: rgba(255, 255, 255, 0.34);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 14px 32px rgba(0, 0, 0, 0.16);
            backdrop-filter: blur(12px);
        }
.travel {
            min-height: 29px;
            gap: 12px;
            transition: background 0.25s ease, transform 0.25s ease;
            margin: 0px auto 0px;
            padding: 0 22px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border: 1px solid rgba(255, 255, 255, .25);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
        }
        .travel:hover,
        .travel:focus-within {
            animation: globalCtaHover 0.82s cubic-bezier(0.16, 0.9, 0.24, 1.18) both;
            background: var(--global-cta-hover-bg);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 22px 42px rgba(0, 0, 0, 0.34), 0 0 0 7px rgba(255, 255, 255, 0.08);
        }

        .travel p i {
            margin-left: 6px;
        }
.travel p a {
    color: #fff;
    text-decoration: none;
}
        section.exhi-bition {
            padding: 18px 0px;
        }

        section.ramujan {
            margin: 0px 0px 50px;
        }

        .exhi-bition .container,
        .ramujan .container {
            width: min(100% - 160px, 1340px);
            max-width: 1340px;
            padding-inline: 0;
        }

        .exhi-bition .row,
        .ramujan .row {
            row-gap: 28px;
        }

        .exhi-bition .row {
            align-items: center;
        }

        .conven-tion h2 {
            font-size: clamp(26px, 3vw, 38px);
            line-height: 1.18;
            font-weight: 700;
        }

        .conven-tion p {
            max-width: 780px;
            font-size: clamp(14px, 1.15vw, 17px);
            line-height: 1.55;
        }

        .serves,
        .visi-tors,
        .elevate,
        .influential .item {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
        }

        .serves img {
            min-height: 360px;
            object-fit: cover;
        }

        .elevate img {
            aspect-ratio: 1 / 0.78;
            object-fit: cover;
        }

        .invest {
            color: #fff;
        }

        .invest h2 {
            line-height: 1.35;
        }

        .invest p {
            line-height: 1.55;
        }

        .travel p {
            margin: 0;
            line-height: 1;
        }

        .successful.owl-carousel:not(.owl-loaded) {
            display: block;
        }

        .successful.owl-carousel:not(.owl-loaded) .item:not(:first-child) {
            display: none;
        }

        @media (max-width: 1199px) {
            .serves img {
                min-height: 320px;
            }

            .visi-tors img,
            .owl-carousel .owl-item img {
                height: 240px;
            }

            .invest ul {
                flex-direction: column;
                gap: 4px;
            }
        }

        @media (max-width: 991px) {
            section.exhi-bition {
                padding: 44px 0 20px;
            }

            .exhi-bition .container,
            .ramujan .container {
                width: min(100% - 28px, 720px);
            }

            .exhi-bition .col-lg-4,
            .exhi-bition .col-lg-8 {
                width: 100%;
            }

            .serves img {
                max-height: 420px;
                min-height: 280px;
            }

            .tituated {
                margin-top: 24px;
            }

            .visi-tors {
                flex: 1 1 calc(50% - 10px);
            }

            .ramujan .col-lg-3 {
                flex: 0 0 50%;
                max-width: 50%;
            }

            .elevate img,
            .owl-carousel .owl-item img {
                height: 250px;
            }
        }

        @media (max-width: 767px) {
            .conven-tion h3 {
                min-height: 36px;
                padding: 0 18px;
                font-size: 11px;
            }

            .conven-tion h2 {
                margin: 16px 0 12px;
            }

            .tituated {
                gap: 14px;
            }

            .visi-tors img {
                height: 210px;
            }

            .ramujan .col-lg-3 {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .elevate img,
            .owl-carousel .owl-item img {
                height: 270px;
            }

            .invest h2 {
                font-size: 18px;
                padding-top: 14px;
            }

            .invest p,
            .invest ul li {
                font-size: 13px;
            }
        }

        @media (max-width: 575px) {
            section.exhi-bition {
                padding-top: 34px;
            }

            section.ramujan {
                margin-bottom: 34px;
            }

            .serves img {
                min-height: 250px;
            }

            .tituated {
                flex-direction: column;
            }

            .visi-tors {
                flex-basis: 100%;
            }

            .visi-tors img {
                height: 220px;
            }

            .elevate img,
            .owl-carousel .owl-item img {
                height: 235px;
                border-radius: 16px;
            }

            a.fes-tival,
            .travel {
                min-height: 28px;
                padding: 0 16px;
                font-size: 11px;
            }
        }

        @media (max-width: 380px) {

            .elevate img,
            .owl-carousel .owl-item img,
            .visi-tors img {
                height: 205px;
            }

            .invest h2 {
                font-size: 16px;
            }
        }

        /* Our Blogs & Tech Events Section End */
        /* Technology Stack Section Start */
        .final-tech-stack {
            padding: 50px 0 90px;
            overflow: hidden;
            background: #fff;
        }

        .final-tech-stack .container {
            width: min(100% - 160px, 1340px);
            max-width: 1340px;
            padding-inline: 0;
        }

        .final-tech-stack-header {
            max-width: 920px;
            margin: 0 auto 45px;
            text-align: center;
        }

        .final-tech-stack-title {
            font-size: 50px;
            line-height: 1.2;
            font-weight: 700;
            color: #000;
            margin: 0 0 12px;
        }

        .final-tech-stack-subtitle {
            font-size: 16px;
            line-height: 1.45;
            color: #000;
            font-weight: 500;
            margin: 0;
        }

        .final-tech-stack-list {
            padding-left: 0px;
        }

        .final-tech-stack-item {
            color: #000;
            list-style: none;
            background: #ffffff;
            border-radius: 20px;
            padding: 9px 40px;
            margin-top: 20px;
            box-shadow: rgb(11 35 109 / 22%) 0px 6px 7px;
        }

        .final-tech-stack-item h5 {
            font-size: 22px;
            font-weight: 600;
        }

        .final-tech-stack-item p {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            margin-bottom: 10px;
        }

        .final-tech-stack-orbit {
            position: relative;
            z-index: 9;
            width: clamp(430px, 42vw, 720px);
            aspect-ratio: 1 / 1;
            margin: 35px auto 0;
        }

        .final-tech-stack-orbit>div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            aspect-ratio: 1 / 1;
        }

        .final-tech-stack-orbit img {
            position: absolute;
            inset: 0;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .final-tech-stack-ring-1 {
            width: 100%;
            z-index: 8;
        }

        .final-tech-stack-ring-2 {
            width: 86.5%;
            z-index: 9;
        }

        .final-tech-stack-ring-3 {
            width: 70.5%;
            z-index: 10;
        }

        .final-tech-stack-ring-4 {
            z-index: 11;
            width: 46%;
        }

        .final-tech-stack-ring-5 {
            width: 30%;

            /* z-index: 12;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14); */
        }

        .final-tech-stack-logo {
            border-radius: 50%;
            object-fit: cover !important;
            transform: scale(1.08);
        }

        .final-tech-stack-item.is-active,
        .final-tech-stack-item:hover {
            color: #fff !important;
            background: linear-gradient(100deg, #303cf4 0%, #652ee8 44%, #d92ea8 100%);
            box-shadow: 0 16px 34px rgba(101, 46, 232, 0.24);
        }

        .final-tech-stack-item.is-active h5,
        .final-tech-stack-item.is-active p,
        .final-tech-stack-item:hover h5,
        .final-tech-stack-item:hover p {
            color: #fff;
        }

        .final-tech-stack-orbit .final-tech-stack-ring-white-1 {
            display: none;
        }

        .final-tech-stack-orbit .final-tech-stack-ring-white-2 {
            display: none;
        }

        .final-tech-stack-orbit .final-tech-stack-ring-white-3 {
            display: none;
        }

        .final-tech-stack-orbit .final-tech-stack-ring-white-4 {
            display: none;
        }

        @media (max-width: 991px) {
            .final-tech-stack {
                padding: 35px 0 60px;
            }

            .final-tech-stack .container {
                width: min(100% - 28px, 720px);
            }

            .final-tech-stack .row {
                row-gap: 12px;
            }

            .final-tech-stack-header {
                margin-bottom: 34px;
            }

            .final-tech-stack-title {
                font-size: 28px;
            }

            .final-tech-stack-subtitle {
                font-size: 16px;
            }

            .final-tech-stack-orbit {
                width: min(100%, 560px);
                margin-top: 45px;
            }
        }

        @media (max-width: 767px) {
            .final-tech-stack-list {
                margin-bottom: 0;
            }

            .final-tech-stack-item {
                padding: 14px 22px;
            }

            .final-tech-stack-item h5 {
                font-size: 20px;
            }

            .final-tech-stack-item p {
                font-size: 15px;
                line-height: 1.45;
            }

            .final-tech-stack-orbit {
                width: min(100%, 470px);
                margin-top: 32px;
            }
        }

        @media (max-width: 575px) {
            .final-tech-stack {
                padding: 30px 0 45px;
            }

            .final-tech-stack .row {
                row-gap: 12px;
            }

            .final-tech-stack-header {
                margin-bottom: 22px;
            }

            .final-tech-stack-title {
                font-size: 26px;
            }

            .final-tech-stack-subtitle {
                font-size: 15px;
            }

            .final-tech-stack-item {
                border-radius: 14px;
                padding: 14px 18px;
                margin-top: 16px;
            }

            .final-tech-stack-item h5 {
                font-size: 19px;
            }

            .final-tech-stack-item p {
                font-size: 15px;
                line-height: 21px;
            }

            .final-tech-stack-orbit {
                width: min(100%, 340px);
                margin-top: 28px;
            }
        }

        @media (max-width: 380px) {
            .final-tech-stack-title {
                font-size: 23px;
            }

            .final-tech-stack-subtitle {
                font-size: 14px;
            }

            .final-tech-stack-item {
                padding: 12px 14px;
            }

            .final-tech-stack-item h5 {
                font-size: 17px;
            }

            .final-tech-stack-item p {
                font-size: 13px;
            }

            .final-tech-stack-orbit {
                width: min(100%, 285px);
            }
        }

        /* Technology Stack Section End */

   
        /* Home ICT Showcase Section Start */
        .home-ict-showcase-section,
        .home-ict-showcase-section * {
            box-sizing: border-box;
        }

        .home-ict-showcase-section {
            position: relative;
            overflow: hidden;
            isolation: isolate;
            padding: 78px 0 82px;
        
            color: #fff;
        }

        .home-ict-showcase-section::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%, rgba(255, 255, 255, 0.05));
            opacity: 0.5;
            pointer-events: none;
        }

        .home-ict-showcase-wrap {
    width: min(100% - 40px, 1200px);
    margin: 0 auto;
    text-align: center;
}

        .home-ict-showcase-head {
/*             max-width: 720px; */
            margin: 0 auto 42px;
        }

        .home-ict-showcase-title {
            margin: 0;
            color: #fff;
           font-size: 50px;
            font-weight: 700;
            line-height: 0.96;
            letter-spacing: 0;
        }

.home-ict-showcase-copy {
    max-width: 650px;
    margin: 18px auto 22px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
}



        .home-ict-showcase-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px;
        }

        .home-ict-showcase-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 18px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 30px;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
            transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
        }

        .home-ict-showcase-btn-primary {
            background: rgba(255, 255, 255, 0.12);
        }

        .home-ict-showcase-btn-secondary {
            background: rgba(0, 0, 0, 0.24);
        }

        .home-ict-showcase-btn:hover,
        .home-ict-showcase-btn:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(255, 255, 255, 0.72);
            background: rgba(255, 255, 255, 0.18);
            color: #fff;
        }

        .home-ict-showcase-video-card {
            position: relative;
            overflow: hidden;
            width: min(100%, 1206px);
            margin: 0 auto;
            aspect-ratio: 16 / 8.35;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 18px;
            background: #111;
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.45), 0 0 72px rgba(231, 0, 91, 0.2);
            will-change: width, margin-left, margin-right, border-radius;
        }

        .home-ict-showcase-video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            filter: saturate(1.08) contrast(1.04);
            transition: transform 8s ease, filter 8s ease;
        }

        @media (max-width: 768px) {
            .home-ict-showcase-section {
                padding: 64px 0 68px;
            }

            .home-ict-showcase-wrap {
                width: min(100% - 26px, 620px);
            }

            .home-ict-showcase-title {
                font-size: 34px;
                line-height: 1.04;
            }

            .home-ict-showcase-copy {
                font-size: 13px;
            }

            .home-ict-showcase-video-card {
                aspect-ratio: 16 / 10.4;
            }
        }
        /* Home ICT Showcase Section End */
        /* Home Portfolio Stack Section Start */
        .home-portfolio-stack-section,
        .home-portfolio-stack-section * {
            box-sizing: border-box;
        }

        .home-portfolio-stack-section {
            position: relative;
            overflow: visible;
            padding: 92px 0 0px;
            background: #000;
            color: #fff;
        }

        .home-portfolio-stack-head {
            width: min(100% - 40px, 1120px);
            margin: 0 auto 44px;
            text-align: center;
        }

.home-portfolio-stack-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 19px;
    margin-bottom: 15px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #000;
    background: #ffffff;
    font-weight: 600;
    font-size: 18px;
}
        .home-portfolio-stack-title {
            margin: 0;
            color: #fff;
            font-size: 50px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0;
        }

.home-portfolio-stack-copy {
    max-width: 620px;
    margin: 18px auto 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
}
        .home-portfolio-stack-list {
            width: min(100% - 44px, 1243px);
            margin: 0 auto;
        }

            .home-portfolio-stack-card {
                position: sticky;
                top: 115px;
                z-index: var(--portfolio-card-index);
                height: min(100vh, 680px);
                max-height: calc(100vh - 36px);
                margin: 0 0 112px;
                overflow: hidden;
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: 30px;
                background: #111;
                box-shadow: 0 34px 110px rgba(0, 0, 0, 0.55), 0 0 60px rgba(69, 33, 255, 0.12);
                transform: translateZ(0);
                transition: transform 8s ease, box-shadow 8s ease, border-radius 8s ease;
            }
        .home-portfolio-stack-card:nth-child(1) { --portfolio-card-index: 1; }
        .home-portfolio-stack-card:nth-child(2) { --portfolio-card-index: 2; }
        .home-portfolio-stack-card:nth-child(3) { --portfolio-card-index: 3; }
        .home-portfolio-stack-card:nth-child(4) { --portfolio-card-index: 4; }
        .home-portfolio-stack-card:nth-child(5) { --portfolio-card-index: 5; }
        .home-portfolio-stack-card:nth-child(6) { --portfolio-card-index: 6; }
        .home-portfolio-stack-card:nth-child(7) { --portfolio-card-index: 7; }
        .home-portfolio-stack-card:nth-child(8) { --portfolio-card-index: 8; }
        .home-portfolio-stack-card:not(:first-child) {
            margin-top: 0;
        }

        .home-portfolio-stack-video,
        .home-portfolio-stack-shade {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .home-portfolio-stack-video {
            display: block;
            object-fit: cover;
            object-position: center;
            filter: saturate(1.08) contrast(1.04);
            transition: transform 8s ease, filter 8s ease;
        }

        .home-portfolio-stack-shade {
            z-index: 1;
            background:
                linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.58) 38%, rgba(0, 0, 0, 0.18) 72%, rgba(0, 0, 0, 0.34) 100%),
                linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.42));
            pointer-events: none;
            transition: opacity 8s ease, background 8s ease;
        }

            .home-portfolio-stack-content {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            min-height: 75%;
            width: min(100%, 610px);
            padding: clamp(28px, 3.8vw, 24px) clamp(24px, 5vw, 62px);
            text-align: left;
            transition: transform 8s ease, opacity 8s ease;
        }

        .home-portfolio-stack-logo {
            display: block;
            width: min(205px, 52vw);
            max-height: 72px;
            margin-bottom: 22px;
            object-fit: contain;
            object-position: left center;
            filter: brightness(0) invert(1) drop-shadow(0 10px 20px rgba(0, 0, 0, 0.35));
        }

        .home-portfolio-stack-card-title {
            max-width: 560px;
            margin: 0px;
            color: #fff;
            font-size: clamp(29px, 3.5vw, 36px);
            font-weight: 850;
            line-height: 1.14;
            letter-spacing: 0;
            text-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
        }

.masaood-preview {
    width: min(100%, 489px);
    min-height: 258px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 7px;
    padding: 37px 0 11px 8px;
    margin: 30px 0px;
}

.masaood-preview::before {
    content: none;
}

.masaood-back-card {
    position: absolute;
    top: 18px;
    right: 24px;
    z-index: 1;
    width: 421px;
    height: 203px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 28px;
    /* background: linear-gradient(135deg, rgba(238, 238, 238, 0.26), rgba(71, 71, 71, 0.32)); */   
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 12px 28px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(8px) saturate(1.08);
    -webkit-backdrop-filter: blur(8px) saturate(1.08);
    pointer-events: none;
}

.masaood-glass-card {
    position: relative;
    z-index: 2;
    width: 431px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 27px 26px 27px 27px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 29px;
    /* background: linear-gradient(135deg, rgba(220, 220, 220, 0.42), rgba(65, 65, 65, 0.38)); */
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        inset 0 -1px -3 rgba(255, 255, 255, 0.14),
        0 17px 33px rgba(0, 0, 0, 0.32);
      backdrop-filter: blur(8px) saturate(1.08);
    -webkit-backdrop-filter: blur(14px) saturate(1.14);
}

.masaood-glass-card p {
    max-width: 360px;
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 15.8px;
    font-weight: 500;
    line-height: 1.62;
    letter-spacing: 0;
}

.masaood-stats {
    display: grid;
    grid-template-columns: 1fr 1px 1.22fr;
    align-items: end;
    column-gap: 48px;
    padding-right: 4px;
}

.masaood-stat-divider {
    width: 1px;
    height: 49px;
    align-self: center;
    background: rgba(255, 255, 255, 0.45);
}

.masaood-stat strong {
    display: block;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: 0;
}

.masaood-stat span {
    display: block;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.98);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: normal;
}

.home-portfolio-stack-glass {
    position: relative;
    isolation: isolate;
    overflow: visible;
    width: min(100%, 431px);
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 22px;
    padding: 43px 27px 20px;
    border: 1px solid rgba(255, 255, 255, .43);
    border-radius: 29px;
    color: #fff;
    background: linear-gradient(135deg, rgba(126, 126, 126, .72), rgba(42, 42, 42, .88));
    backdrop-filter: blur(13px) saturate(1.08);
    -webkit-backdrop-filter: blur(13px) saturate(1.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        inset 0 -1px 0 rgba(255, 255, 255, .12),
        0 18px 42px rgba(0, 0, 0, .34);
    z-index: 2;
}

.home-portfolio-stack-glass::before {
    content: "";
    position: absolute;
    top: -19px;
    right: -22px;
    left: 24px;
    bottom: 26px;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 29px;
    background: linear-gradient(135deg, rgba(118, 118, 118, .45), rgba(36, 36, 36, .56));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 14px 34px rgba(0, 0, 0, .24);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    pointer-events: none;
}

.home-portfolio-stack-glass::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255, 255, 255, .08), transparent 38%, rgba(255, 255, 255, .03) 72%, transparent 100%);
    pointer-events: none;
}

.home-portfolio-stack-glass > * {
    position: relative;
    z-index: 1;
}

.home-portfolio-stack-glass p {
    max-width: 375px;
    margin: 0 0 25px;
    color: rgba(255, 255, 255, .96);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.58;
    letter-spacing: 0;
}

.home-portfolio-stack-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    column-gap: 0;
    margin: 0;
}

.home-portfolio-stack-stats span {
    min-width: 0;
    display: block;
    color: rgba(255, 255, 255, .96);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: 0;
    white-space: nowrap;
}

.home-portfolio-stack-stats span + span {
    padding-left: 48px;
    border-left: 1px solid rgba(255, 255, 255, .45);
}

.home-portfolio-stack-stats strong {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: 31px;
    font-weight: 850;
    line-height: .94;
    letter-spacing: 0;
}

        .home-portfolio-stack-case {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 40px;
            padding: 0 22px;
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 999px;
            color: #fff;
            background: rgba(255, 255, 255, 0.18);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 16px 30px rgba(0, 0, 0, 0.28);
            font-size: 13px;
            font-weight: 800;
            text-decoration: none;
            backdrop-filter: blur(12px);
            transition: transform 8s ease, opacity 8s ease, background 8s ease;
        }

        .home-portfolio-stack-case:hover,
        .home-portfolio-stack-case:focus-visible {
            transform: translateY(-2px);
            color: #fff;
            background: rgba(255, 255, 255, 0.26);
        }

        .home-portfolio-stack-tags {
            position: absolute;
            right: clamp(26px, 4.5vw, 56px);
            bottom: clamp(18px, 2.5vw, 34px);
            z-index: 2;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
            max-width: min(48%, 430px);
            padding: 8px;
            border: 1px solid rgba(255, 255, 255, 0.26);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.17);
            backdrop-filter: blur(12px);
            transition: transform 8s ease, opacity 8s ease, background 8s ease;
        }

        .home-portfolio-stack-tags span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            padding: 0 14px;
            border: 1px solid rgba(255, 255, 255, 0.34);
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.92);
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            transition: color 0.24s ease, background 0.24s ease, border-color 0.24s ease;
        }

        .home-portfolio-stack-tags span:hover,
        .home-portfolio-stack-tags span:focus-visible {
            color: #000;
            background: #fff;
            border-color: #fff;
        }

        @media (max-width: 900px) {
            .home-portfolio-stack-section {
                padding: 72px 0 110px;
            }

            .home-portfolio-stack-list,
            .home-portfolio-stack-head {
                width: min(100% - 28px, 720px);
            }

            .home-portfolio-stack-card {
                top: 8px;
                height: min(86vh, 680px);
                max-height: calc(100vh - 16px);
                margin-bottom: 86px;
                border-radius: 24px;
            }

            .home-portfolio-stack-content {
                width: 100%;
                padding: 28px 22px 82px;
            }

            .home-portfolio-stack-tags {
                left: 24px;
                right: 24px;
                bottom: 18px;
                max-width: none;
                justify-content: flex-start;
                border-radius: 18px;
            }
        }

        @media (max-width: 560px) {
            .home-portfolio-stack-title {
                font-size: 31px;
            }

            .home-portfolio-stack-copy {
                font-size: 13px;
            }

            .home-portfolio-stack-card {
                top: 8px;
                height: min(90vh, 660px);
                max-height: calc(100vh - 16px);
                margin-bottom: 68px;
            }

            .home-portfolio-stack-logo {
                width: min(190px, 64vw);
                max-height: 72px;
                margin-bottom: 16px;
            }

            .home-portfolio-stack-card-title {
                font-size: 28px;
                margin-bottom: 16px;
            }

            .home-portfolio-stack-glass {
                width: 100%;
                min-height: 199px;
                padding: 34px 22px 19px;
                border-radius: 27px;
            }

            .home-portfolio-stack-glass p {
                font-size: 13px;
                line-height: 1.55;
            }

            .home-portfolio-stack-stats {
                column-gap: 0;
            }

            .home-portfolio-stack-stats span + span {
                padding-left: 22px;
            }

            .masaood-preview {
                min-height: 246px;
                padding: 32px 0 10px 7px;
            }

            .masaood-back-card {
                top: 16px;
                right: 18px;
                width: calc(100% - 42px);
                height: 198px;
            }

            .masaood-glass-card {
                width: calc(100% - 24px);
                min-height: 202px;
                padding: 35px 22px 18px 24px;
            }

            .masaood-glass-card p {
                font-size: 14px;
            }

            .masaood-stats {
                column-gap: 22px;
            }

            .masaood-stat strong {
                font-size: 25px;
            }

            .masaood-stat span {
                font-size: 12.5px;
            }
            .home-portfolio-stack-tags span {
                min-height: 26px;
                padding: 0 10px;
                font-size: 11px;
            }
        }
        /* Home Portfolio Stack Section End */

        .incor-porate .unfat-homable {
    display: none;
}
.incor-porate {
    font-size: 50px;
    font-weight: 700;
}
.incor-porate .unfat-homable.active {
    display: inline-block;
}



/* our services start  */
section.relia-bility {
    padding: 70px 0px;
}
    .intell-igence{
            text-align:center;
        }
.intell-igence h3 {
    display: inline-block;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 8px 20px;
    margin: 0;
    border-radius: 30px;
    background: #fff;
    color: #000;
}
.item.connec-tivity {
    height: 600px;
}
.intell-igence p {
    font-size: 16px;
    width: 620px;
    margin: 31px auto;
}
.cheaper .owl-stage-outer {
    border-radius: 13px ! important;
}

.connec-tivit {
    border-radius: 12px;
    padding: 27px;
    overflow: hidden;
    perspective: 1200px;
    background: linear-gradient(135deg, #dc35ad 0%, #2d43ff 100%);
}

.connec-tivit img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;

    /* Image ka background hata diya */
    background: transparent;
    padding: 0;

    transform-origin: center;
    transform-style: preserve-3d;
    animation: imageOnlyRotate 5s ease-in-out infinite;
}

@keyframes imageOnlyRotate {
    0%,
    100% {
        transform: rotateX(0deg) rotateY(0deg) scale(1);
    }

    20% {
        transform: rotateX(3deg) rotateY(-35deg) scale(0.96);
    }

    40% {
        transform: rotateX(0deg) rotateY(0deg) scale(1);
    }

    70% {
        transform: rotateX(-3deg) rotateY(35deg) scale(0.96);
    }

    90% {
        transform: rotateX(0deg) rotateY(0deg) scale(1);
    }
}

/* .connec-tivit img {
   background: linear-gradient(
    to bottom,
    #24007A 0%,
    #54299A 40%,
    #9A6FB3 72%,
    #CC8FC3 100%
);
    border-radius: 12px;
    padding: 27px;
} */
a.award-ed {
    min-height: 29px;
    gap: 12px;
    transition: background 0.25s ease, transform 0.25s ease;
    margin: 0px auto 0px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 35%, rgba(255, 255, 255, .08) 60%, rgba(0, 0, 0, .12) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25);
}
.appli-cations {
    margin-top: 26px;
}
.appli-cations h2 {
    font-size: 22px;
}
.appli-cations p {
    font-size: 14px;
}
 /* our services end  */

 /* Our Clients start  */
.justif-ication {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: radial-gradient(circle at 16% 28%, rgba(126, 65, 210, 0.42), transparent 260px), radial-gradient(circle at 88% 38%, rgba(219, 47, 176, 0.36), transparent 320px), #000;
}

        .vis-ibility {
            max-width: 1150px;
            margin: 0 auto 55px;
            padding: 0 20px;
            text-align: center;
        }
.suspen-ding {
    display: inline-block;
    margin-bottom: 22px;
    padding: 11px 24px;
    border-radius: 50px;
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}
       .vis-ibility h2 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 700;
}

      .vis-ibility h2 span {
    display: block;
    margin-top: 4px;
    color: #ffffff;
}

        .vis-ibility p {
            max-width: 1080px;
            margin: 0 auto;
            color: #fff;
            font-size: 16px;
            line-height: 1.7;
        }

        .marquee-wrapper {
            position: relative;
        }

        .laun-ched {
            width: 100%;
            margin: 22px 0;
            overflow: hidden;
        }

        .hum-anity {
            display: flex;
            align-items: center;
            width: max-content;
            animation: marqueeLeft 42s linear infinite;
            will-change: transform;
        }

        .laun-ched:nth-child(2) .hum-anity {
            animation-name: marqueeRight;
            animation-duration: 46s;
        }

        .laun-ched:nth-child(3) .hum-anity {
            animation-duration: 50s;
        }

        .laun-ched:hover .hum-anity {
            animation-play-state: paused;
        }
.sim-ulate {
    width: 220px;
    height: 73px;
    margin-right: 20px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* border: 1px solid #ededed; */
    /* border-radius: 16px; */
    /* background: #ffffff; */
    /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

        .sim-ulate:hover {
            transform: translateY(-6px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
        }

      .sim-ulate img {
    width: 100%;
    max-width: 155px;
    max-height: 66px;
    display: block;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

        .marquee-wrapper::before,
        .marquee-wrapper::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 110px;
            z-index: 5;
            pointer-events: none;
        }

        /* .marquee-wrapper::before {
            left: 0;
            background: linear-gradient(to right,
                    #ffffff 0%,
                    rgba(255, 255, 255, 0) 100%);
        }

        .marquee-wrapper::after {
            right: 0;
            background: linear-gradient(to left,
                    #ffffff 0%,
                    rgba(255, 255, 255, 0) 100%);
        } */

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

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

        @keyframes marqueeRight {
            from {
                transform: translateX(-50%);
            }

            to {
                transform: translateX(0);
            }
        }

        @media (max-width: 1199px) {
            .justif-ication {
                padding: 70px 0;
            }

            .sim-ulate {
                width: 200px;
                height: 105px;
            }
        }

        @media (max-width: 991px) {
            .vis-ibility {
                margin-bottom: 45px;
            }

            .sim-ulate {
                width: 180px;
                height: 95px;
                margin-right: 16px;
                padding: 16px;
            }

            .sim-ulate img {
                max-width: 125px;
                max-height: 58px;
            }

            .marquee-wrapper::before,
            .marquee-wrapper::after {
                width: 70px;
            }
        }

        @media (max-width: 767px) {
            .justif-ication {
                padding: 55px 0;
            }

            .vis-ibility {
                margin-bottom: 35px;
            }

            .suspen-ding {
                padding: 10px 19px;
                font-size: 15px;
            }

            .vis-ibility h2 {
                margin-bottom: 20px;
            }

            .laun-ched {
                margin: 16px 0;
            }

            .sim-ulate {
                width: 150px;
                height: 82px;
                margin-right: 12px;
                padding: 13px;
                border-radius: 12px;
            }

            .sim-ulate img {
                max-width: 105px;
                max-height: 48px;
            }

            .marquee-wrapper::before,
            .marquee-wrapper::after {
                width: 40px;
            }
        }

        @media (max-width: 480px) {
            .justif-ication {
                padding: 45px 0;
            }

            .vis-ibility {
                padding: 0 15px;
            }

            .vis-ibility h2 {
                font-size: 31px;
            }

            .vis-ibility p {
                font-size: 14px;
                line-height: 1.6;
            }

            .sim-ulate {
                width: 130px;
                height: 72px;
                margin-right: 10px;
                padding: 11px;
            }

            .sim-ulate img {
                max-width: 92px;
                max-height: 42px;
            }

            .marquee-wrapper::before,
            .marquee-wrapper::after {
                width: 25px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .hum-anity {
                animation-play-state: paused;
            }
        }
      /* Our Clients start  */

      /* Our Global Presence start  */
@media (max-width: 992px) {
    .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
}

section.Adver-tising {
    padding: 70px 0px;
    background: radial-gradient(circle at 12% 74%, rgba(92, 64, 255, 0.38), transparent 520px), radial-gradient(circle at 54% 40%, rgba(62, 52, 172, 0.34), transparent 540px), radial-gradient(circle at 84% 48%, rgba(226, 43, 177, 0.22), transparent 520px), #090914;
}

ul#valueTab.professionals {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 0 0 24px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 18px 44px rgba(0, 0, 0, 0.4);
}

ul#valueTab.professionals .indus-try {
    flex: 1 1 0;
    text-align: center;
}

ul#valueTab.professionals .tacti-cally {
    width: 100%;
    min-height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    background: transparent;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 34px;
}

ul#valueTab.professionals .tacti-cally:hover,
ul#valueTab.professionals .tacti-cally:focus {
    color: #fff;
    border: 0;
}

ul#valueTab.professionals .tacti-cally.active {
    color: #fff;
    background: linear-gradient(90deg, #8b35ff 0%, #ff006e 100%);
    box-shadow: 0 8px 22px rgba(169, 50, 255, 0.35);
}


#valueTabContent .pint-erest > .row {
    align-items: stretch;
}

#valueTabContent .pint-erest > .row > .col-lg-4,
#valueTabContent .pint-erest > .row > .col-lg-8 {
    display: flex;
}

.follgender {
    width: 100%;
    min-height: 315px;
    max-height: 315px;
    overflow: hidden;
    border-radius: 0;
}

.follgender img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 315px;
    max-height: 315px;
    object-fit: cover;
    object-position: center;
    border-radius: 11px;
}


section.Adver-tising .tab-content,
section.Adver-tising .tab-pane,
section.Adver-tising .accordion-item,
section.Adver-tising .accordion-body.pint-erest {
    border: 0;
    background: transparent;
}

section.Adver-tising .accordion-body.pint-erest {
    padding: 0;
}
.professionals.nav-tabs .nav-link:focus {
    border: none;
}
.brudder {
    display: grid;
    gap: 16px;
}
.bonimenteur {
    display: flex;
    justify-content: space-between;
}
.besonnesch {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 78px;
    padding: 0px 94px 0px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(58, 55, 128, 0.72), rgba(25, 24, 58, 0.66));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 18px 38px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(14px);
}

.doriwwer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: linear-gradient(135deg, #812fff 0%, #e000b8 100%);
}



.doriwwer img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.pret-oria {
    position: static;
}

.pret-oria h3 {
    margin: 0 0 2px;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.pret-oria p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.25;
}

.office-tab-contact-list {
    display: grid;
    width: 100%;
    gap: 9px;
}

.office-tab-contact-card {
    display: flex;
    min-height: 57px;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 14px 30px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
}

.office-tab-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 40px;
    height: 40px;
    color: #f3f3f3;
    background: linear-gradient(135deg, #812fff 0%, #e000b8 100%);
    border-radius: 3px;
}

.office-tab-contact-icon i {
    font-size: 27px;
    line-height: 1;
}

.office-tab-contact-copy h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.office-tab-contact-copy p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
}

.office-tab-contact-copy a,
.office-tab-contact-copy a:hover {
    color: #ffffff;
    text-decoration: none;
}

.contact-partner-profile-card {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    background: radial-gradient(circle at 77% 22%, rgba(255, 0, 88, 0.58), transparent 120px), radial-gradient(circle at 68% 19%, rgba(55, 44, 255, 0.56), transparent 100px), radial-gradient(circle at 58% 20%, rgba(21, 224, 172, 0.36), transparent 34px), linear-gradient(180deg, #191a1e 0%, #101116 55%, #16121e 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 60px rgba(0, 0, 0, 0.34);
}

.contact-partner-profile-copy {
    position: relative;
    z-index: 3;
    padding: 30px 30px 0;
}

.contact-partner-profile-copy h3 {
    margin: 0 0 11px;
    color: #fff;
    font-size: clamp(28px, 2.65vw, 34px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: 0;
}

.contact-partner-profile-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.contact-partner-profile-photo {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: -8px 0 -1px;
}

.contact-partner-profile-photo img {
    display: block;
    width: min(100%, 480px);
    height: 467px;
    object-fit: cover;
    object-position: bottom center;
    filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.18));
    margin-top: -85px;
}

.contact-partner-profile-links {
    position: relative;
    z-index: 4;
    display: grid;
    gap: 12px;
    padding: 21px 24px;
    background: linear-gradient(100deg, #6230ff 0%, #ff0061 100%);
}

.contact-partner-profile-links a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.contact-partner-profile-links a:hover {
    color: #fff;
}

.contact-partner-profile-links i {
    flex: 0 0 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 991px) {
    .contact-partner-profile-card {
        min-height: 530px;
        margin-top: 26px;
    }
}
article.schwerpunkt {
    border: 1px solid #424141;
    padding: 20px;
    border-radius: 10px;
    margin-top: 22px;
}
.udiodateien h3 {
    font-size: 12px;
}

.udiodateien h2 {
    font-size: 27px;
    margin-bottom: 159px;
}
span.escroc {
    font-size: 12px;
    background: #e315a5;
    padding: 10px 20px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
span.esc-roc {
    font-size: 12px;
    background: #a700fa;
    padding: 10px 20px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
span.es-croc {
    font-size: 12px;
    background: #3a3afc;
    padding: 10px 20px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.presence-lead-card {
    margin-top: 28px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 18px;
    background: radial-gradient(circle at 78% 12%, rgba(255, 0, 120, 0.22), transparent 270px), radial-gradient(circle at 25% 82%, rgba(68, 58, 255, 0.24), transparent 280px), rgba(15, 16, 44, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 58px rgba(0, 0, 0, 0.28);
}

.presence-lead-form h3 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.presence-lead-form label,
.presence-lead-label {
    display: block;
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.presence-lead-form input,
.presence-lead-form select,
.presence-lead-form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    outline: 0;
    color: #fff;
    background: rgba(5, 6, 22, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    font-size: 13px;
    font-weight: 600;
}

.presence-lead-form input,
.presence-lead-form select {
    height: 42px;
    padding: 0 16px;
}

.presence-lead-form textarea {
    min-height: 84px;
    resize: vertical;
    padding: 13px 16px;
}

.presence-lead-form input::placeholder,
.presence-lead-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.66);
}

.presence-lead-form input:focus,
.presence-lead-form select:focus,
.presence-lead-form textarea:focus {
    border-color: rgba(255, 255, 255, 0.26);
    box-shadow: 0 0 0 3px rgba(116, 64, 255, 0.18);
}

.presence-lead-budget {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.presence-lead-budget label {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(5, 6, 22, 0.54);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: none;
    cursor: pointer;
}

.presence-lead-budget .btn-check:checked + label,
.presence-lead-budget label:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.36);
    background: rgba(255, 255, 255, 0.1);
}

.presence-lead-submit {
    width: 100%;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(100deg, #6636ff 0%, #f12bbe 48%, #ff123f 100%);
    box-shadow: 0 18px 42px rgba(255, 0, 100, 0.24);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.presence-lead-submit i {
    font-size: 16px;
}

.presence-lead-submit:hover {
    color: #fff;
}


@media (max-width: 575px) {
    .presence-lead-card {
        padding: 22px 18px;
        border-radius: 14px;
    }
}


.presence-lead-form-wrap .presence-lead-card {
    margin-top: 22px;
}
.kohlenberg p {
    font-size: 16px;
    color: #fff;
}
.kohlenberg h2 {
    font-size: 40px;
    font-weight: 700;
}
/* Our Global Presence end   */



      
