/* ============ TOKENS ============ */
:root {
    --void: #07060f;
    --panel: #0d0b1b;
    --panel-2: #131028;
    --panel-3: #171432;
    --line: rgba(255, 255, 255, 0.09);
    --line-soft: rgba(255, 255, 255, 0.05);
    --ink: #f5f3fb;
    --ink-dim: #b3aecb;
    /* --ink-dim: #000; */
    --ink-faint: #736e93;
    --blue: #3f6bff;
    --violet: #8532f5;
    --magenta: #e91e8c;
    --grad: linear-gradient(135deg, #3D4E9D 0%, #7A2E91 55%, #C02F8E 100%);
    --grad-soft: linear-gradient(120deg, rgba(63, 107, 255, .18), rgba(133, 50, 245, .18) 52%, rgba(233, 30, 140, .18) 100%);
    --radius: 18px;
    --maxw: 1240px;
    --ease: cubic-bezier(.16, .84, .44, 1);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    background: var(--void);
    color: var(--ink);
    /* font-family: 'Sora', sans-serif; */
    /*font-family: 'Manrope', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

p {
    font-size: 18px !important;
    font-family: 'Quicksand', sans-serif;
    /*font-family: 'Inter', sans-serif;*/
    /* font-family: 'Manrope', sans-serif; */
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li i {
    color: #3f3b76;
}

h1,
h2,
h3,
h4 {
    font-family: 'Quicksand', sans-serif;
    /*font-family: 'Manrope', sans-serif;*/
    /* font-family: 'Sora', sans-serif; */
    /* font-family: "Space Grotesk", sans-serif; */
    /* font-family: "General Sans", sans-serif; */
    margin: 0;
    font-weight: 700;
    letter-spacing: -0.02em;
}

p {
    margin: 0;
}

.mono {
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
}

.wrap {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 32px;
}

section {
    position: relative;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* background texture */
.grain {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ============ LOGO MARK ============ */
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo svg {
    width: 30px;
    height: 34px;
    display: block;
}

.logo-img {
    height: 60px;
    /* Increased from default */
    width: auto;
}

@media (max-width: 767px) {
    .logo-img {
        height: 45px;
    }
}

.logo-word {
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: -0.01em;
    color: var(--ink);
}

.logo-word b {
    font-weight: 800;
}

/* ============ NAV ============ */

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 16px 0;
    background: #fff;
    border-bottom: 1px solid #ececec;
    transition: all .35s ease;
}

header.scrolled {
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid #ececec;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
    padding: 14px 0;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 38px;
}

.nav-links a {
    position: relative;
    color: #202030;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
}

.nav-links a:hover {
    color: #7b55ff;
}

.nav-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: linear-gradient(90deg, #5f63ff, #d72cb5);
    transition: .3s;
}

.nav-links a:hover::after {
    width: 100%;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

/*================ Desktop Dropdown ===============*/

.nav-dropdown {
    position: relative;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dropdown-toggle i {
    font-size: 12px;
    transition: .3s;
}

.nav-dropdown:hover .dropdown-toggle i {
    transform: rotate(180deg);
}

.dropdown-menu-custom {
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    min-width: 240px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .3s;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .08);
    z-index: 999;
}

.dropdown-menu-custom a {
    display: block;
    padding: 13px 22px;
    color: #202030;
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
}

.dropdown-menu-custom a:hover {
    background: #f7f5ff;
    color: #7b55ff;
    padding-left: 28px;
}

.nav-dropdown:hover .dropdown-menu-custom {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/*========== Mobile Dropdown   ==============*/

.mobile-dropdown {
    width: 100%;
    margin-bottom: 20px;
}

.mobile-dropdown-btn {
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
}

.mobile-dropdown-btn span {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.mobile-dropdown-btn i {
    color: #fff;
    transition: .3s;
}

.mobile-dropdown-menu {
    display: none;
    padding-left: 20px;
    margin-top: 12px;
}

.mobile-dropdown-menu a {
    display: block;
    color: #fff;
    font-size: 17px;
    padding: 10px 0;
    text-decoration: none;
}

.mobile-dropdown-menu a:hover {
    color: #7b55ff;
}

.mobile-dropdown.active .mobile-dropdown-menu {
    display: block;
}

.mobile-dropdown.active .mobile-dropdown-btn i {
    transform: rotate(180deg);
}

/* Remove Bootstrap default dropdown arrow */
.dropdown-toggle::after {
    display: none !important;
    content: none !important;
}

/* Hide desktop dropdown on mobile */

@media (max-width:991px) {

    .nav-dropdown .dropdown-menu-custom {
        display: none;
    }

}

.burger {
    display: none;
    width: 42px;
    height: 42px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.burger span {
    display: block;
    width: 26px;
    height: 2px;
    background: #202030;
    border-radius: 10px;
}



/* ===============  Desktop (997px and above) ============== */
@media (min-width: 997px) {

    .nav-links {
        display: flex;
        align-items: center;
    }

    .burger {
        display: none !important;
    }

    .mobile-panel {
        display: none;
    }

}

/* =============== Tablet & Mobile ========== */
@media (max-width:996px) {

    /* Hide Desktop Navigation */
    .nav-links {
        display: none !important;
    }

    /* Hide Desktop CTA */
    .btn-grad {
        display: none !important;
    }

    /* Show Hamburger */
    .burger {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /* Keep Contact Button */
    .nav-right {
        gap: 15px;
    }

}

/* btns css -------- */

.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    transition: transform .3s var(--ease), box-shadow .3s var(--ease), opacity .3s;
}

.btn-grad {
    background: var(--grad);
    color: #fff;
    box-shadow: 0 8px 24px -8px rgba(133, 50, 245, .55);
}

.btn-grad:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px -6px rgba(133, 50, 245, .7);
}

.btn-ghost {
    color: #1f2235;
    border: 1px solid #dcdcdc;
    background: #fff;
}

.btn-ghost:hover {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
}

.btn-arrow {
    transition: transform .3s var(--ease);
}

.btn:hover .btn-arrow {
    transform: translateX(3px);
}



/* ============ EYEBROW / SECTION HEAD ============ */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 12.5px;
    letter-spacing: .06em;
    color: var(--ink-faint);
    text-transform: uppercase;
    margin-bottom: 18px;
}

.eyebrow .chev {
    color: var(--magenta);
    font-weight: 600;
}

.sec-head {
    /* max-width: 640px; */
    margin-bottom: 56px;
    text-align: center;
}

.sec-head h2,
.sec-head h3 {
    font-size: clamp(28px, 3.6vw, 42px);
    line-height: 1.15;
}

.sec-head h2 .accent,
.sec-head h3 .accent {
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.sec-head p {
    margin-top: 16px;
    color: var(--ink-dim);
    font-size: 17px;
    /* max-width: 560px; */
}

.sec-head.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ============ HERO ============ */
.hero {
    padding: 168px 0 120px;
    position: relative;
    overflow: hidden;
}

.hero-glow {
    position: absolute;
    top: -220px;
    right: -160px;
    width: 820px;
    height: 820px;
    background: radial-gradient(circle at center, rgba(133, 50, 245, .35), rgba(63, 107, 255, .12) 45%, transparent 70%);
    filter: blur(10px);
    pointer-events: none;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 64px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero h1 {
    font-size: 50px;
    line-height: 1.09;
    letter-spacing: -0.030em;
}

.hero h1 .accent {
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-sub {
    margin-top: 24px;
    font-size: 18px;
    color: var(--ink-dim);
    max-width: 480px;
    line-height: 1.65;
}

.hero-cta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 38px;
    flex-wrap: wrap;
}

.hero-clutch {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 44px;
}

.stars {
    color: #ffb02e;
    font-size: 14px;
    letter-spacing: 2px;
}

.hero-clutch-txt {
    font-size: 13px;
    color: var(--ink-faint);
}

.hero-clutch-txt b {
    color: var(--ink);
    font-weight: 600;
}

/* hero visual: code-window mockup with "play" video affordance */
.hero-visual {
    position: relative;
}

.code-window {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, var(--panel-2), var(--panel));
    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .75);
    position: relative;
}

.code-titlebar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line-soft);
}

.dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.dot.r {
    background: #ff5f57;
}

.dot.y {
    background: #febc2e;
}

.dot.g {
    background: #28c840;
}

.code-title {
    margin-left: 8px;
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    color: var(--ink-faint);
}

.code-body {
    padding: 26px 24px 30px;
    font-family: 'Sora', sans-serif;
    font-size: 13px;
    line-height: 1.9;
    color: var(--ink-dim);
    min-height: 300px;
}

.code-body .k {
    color: #c792ea;
}

.code-body .s {
    color: #8de0a4;
}

.code-body .c {
    color: #5a5578;
}

.code-body .f {
    color: #82aaff;
}

.play-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7, 6, 15, .28);
    cursor: pointer;
}

.play-btn {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s var(--ease), background .3s;
}

.play-btn:hover {
    transform: scale(1.08);
    background: rgba(255, 255, 255, .2);
}

.play-btn svg {
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.float-card {
    position: absolute;
    bottom: -26px;
    left: -30px;
    background: var(--panel-2);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6);
}

.float-card .fc-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--grad);
    flex-shrink: 0;
}

.float-card .fc-num {
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.float-card .fc-label {
    font-size: 11.5px;
    color: var(--ink-faint);
}


/* ============ MARQUEE STRIP ============ */

.trust-strip {
    position: relative;
    overflow: hidden;
    padding: 18px 0;
    background: linear-gradient(90deg, #081321 0%, #0d1833 45%, #141d48 100%);
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.trust-strip::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #4f46e5, #7a2e91, #c02f8e, #4f46e5);
}

.trust-strip::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -120px;
    top: -150px;
    background: radial-gradient(circle, #c02f8e 0%, transparent 70%);
    opacity: .15;
    filter: blur(80px);
}

.trust-marquee {
    display: flex;
    width: max-content;
    animation: trustScroll 35s linear infinite;
}

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

.trust-track {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-right: 22px;
}

.trust-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 22px;
    border-radius: 60px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    transition: .4s;
    white-space: nowrap;
}

.trust-card span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .3px;
}

.trust-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #4f46e5, #7a2e91, #c02f8e);
    color: #fff;
    font-size: 16px;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(192, 47, 142, .35);
}

.trust-card:hover {
    transform: translateY(-6px) scale(1.03);
    background: linear-gradient(135deg, rgba(79, 70, 229, .18), rgba(192, 47, 142, .18));
    border-color: rgba(255, 255, 255, .18);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .35);
}

.trust-card:hover .trust-icon {
    transform: rotate(8deg) scale(1.08);
    transition: .4s;
}

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

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

/* ============ ABOUT SECTION ============ */

.about-section {
    background: #FCFBFF;
    padding: 110px 0;
}

.about-tag {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: max-content;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(192, 47, 142, .10) !important;
    color: #C02F8E !important;
    font-size: 13px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-text-fill-color: #C02F8E !important;
}

.about-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #0F172A;
}

.about-title span {
    background: linear-gradient(90deg, #3D4E9D, #6D28D9, #C026D3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.about-text {
    color: #64748B;
    line-height: 1.9;
    font-size: 17px;
}

.about-feature {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 22px;
    background: #FFFFFF;
    border: 1px solid #E8DFFB;
    border-radius: 14px;
    transition: .35s;
}

.about-feature:hover {
    transform: translateY(-6px);
    border-color: #7A2E91;
    box-shadow: 0 15px 35px rgba(122, 46, 145, .15);
}

.about-feature i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6D28D9, #C026D3);
    color: #fff;
    font-size: 18px;
}

.about-feature span {
    color: #1E293B;
    font-weight: 600;
}

.experience-card {
    background: #FFFFFF;
    border: 1px solid #E8DFFB;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.experience-top {
    padding-bottom: 30px;
    border-bottom: 1px solid #E8DFFB;
}

.experience-top h2,
.experience-top .experience-num {
    font-size: 80px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 10px;
}

.experience-top p {
    color: #64748B;
    line-height: 1.8;
}

.counter-box {
    background: #F9FAFB;
    border-radius: 18px;
    padding: 25px;
    text-align: center;
    transition: .35s;
    border: 1px solid #E8DFFB;
}

.counter-box:hover {
    transform: translateY(-8px);
    background: #FFFFFF;
}

.counter-box h3 {
    color: #C02F8E !important;
    font-size: 38px !important;
    font-weight: 700;
}

.counter-box .counter-text {
    color: #64748B;
    font-size: 15px;
}

@media(max-width:991px) {

    .about-section {
        padding: 80px 0;
    }

    .about-title {
        font-size: 36px;
    }

    .experience-top h2,
    .experience-top .experience-num {
        font-size: 60px;
    }

}

@media(max-width:767px) {

    .about-title {
        font-size: 30px;
    }

    .about-feature {
        padding: 14px 12px;
        gap: 10px;
        min-height: 72px;
    }

    .about-feature i {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 15px;
        flex-shrink: 0;
    }

    .about-feature span {
        font-size: 14px;
        line-height: 1.35;
        word-break: break-word;
    }

    .experience-card {
        padding: 25px;
    }

    .counter-box {
        padding: 20px;
    }

    .counter-box h3 {
        font-size: 30px !important;
    }

}


/* ============ PRODUCTS SECTION ============ */

.products-section {
    position: relative;
    padding: 100px 0;
    background: #F8FAFC;
    overflow: hidden;
}

.products-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -180px;
    left: -180px;
    background: rgba(61, 78, 157, .08);
    border-radius: 50%;
    filter: blur(80px);
}

.products-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    bottom: -180px;
    right: -180px;
    background: rgba(192, 47, 142, .08);
    border-radius: 50%;
    filter: blur(80px);
}

.product-title {

    margin-top: 18px;

    font-size: 48px;

    font-weight: 800;

    line-height: 1.25;

    color: #111827;

}

.product-title span {

    display: block;

    background: linear-gradient(90deg, #3D4E9D, #7A2E91, #C02F8E);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.product-desc {

    max-width: 760px;

    margin: 25px auto 0;

    color: #000;

    font-size: 17px;

    line-height: 1.9;

}

.product-card {

    margin-top: 45px;

    background: #FFFFFF;

    border: 1px solid #E8EAF6;

    border-radius: 24px;

    overflow: hidden;

    transition: .35s;

    box-shadow: 0 15px 40px rgba(15, 23, 42, .05);

}

.product-card:hover {

    transform: translateY(-10px);

    border-color: #C02F8E;

    box-shadow: 0 25px 60px rgba(109, 40, 217, .12);

}

.product-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;

    background: linear-gradient(180deg, #3D4E9D, #7A2E91, #C02F8E);

}

/* .product-row {
    align-items:stretch;
} */

.product-content {
    padding: 30px;
}

.product-label {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    border-radius: 40px;
    background: #EEF2FF;
    color: #6D28D9;
    font-size: 13px;

    font-weight: 700;

    letter-spacing: .6px;

    margin-bottom: 10px;

}

/* INDUSTRY NAME */

.product-content h3 {
    font-size: 33px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #111827;

}

.product-content h3 strong {

    color: #C02F8E;

}

.product-content p {
    color: #000 !important;
    font-size: 17px;
    line-height: 1.4;

}

.product-content .fst-italic {

    color: #3D4E9D !important;

    font-weight: 700 !important;

    margin-bottom: 15px !important;

}

.product-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;

}

.product-tags span {

    padding: 10px 18px;

    border-radius: 40px;

    background: #FFFFFF;

    border: 1px solid #DCE3F5;

    color: #475569;

    font-size: 13px;

    font-weight: 600;

    transition: .35s;

}

.product-tags span:hover {

    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);

    color: #FFFFFF;

    border-color: transparent;

    transform: translateY(-3px);

}

.product-visual {
    min-height: 100%;
    height: 100%;
    background: linear-gradient(135deg, #EEF4FF, #FAF7FF);
    display: flex;
    /* align-items: center;
    justify-content: center;
    overflow: hidden; */
}

.product-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .5s;
}

.product-card:hover .product-visual img {
    transform: scale(1.02);
}

@media(max-width:991px) {

    .products-section {

        padding: 80px 0;

    }

    .product-content {

        padding: 35px;

    }

    .product-content h3 {

        font-size: 30px;

    }

    .product-visual {

        min-height: 320px;

    }

}

@media(max-width:767px) {

    .products-section {

        padding: 70px 0;

    }

    .product-title {

        font-size: 34px;

    }

    .product-content {

        padding: 25px;

    }

    .product-content h3 {

        font-size: 26px;

    }

    .product-desc {

        font-size: 15px;

    }

    .product-visual {

        min-height: 260px;

    }

}

/* ============ SERVICES GRID ============ */
.services {
    padding: 70px 0;
    background: #F5F7FF;
    border-top: 1px solid #E7EAF6;
    border-bottom: 1px solid #E7EAF6;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #E7EAF6;
    border: 1px solid #E7EAF6;
    border-radius: 18px;
    overflow: hidden;
}

.service-card {
    background: #FFFFFF;
    padding: 34px 26px;
    transition: background .3s;
    position: relative;
    min-height: 190px;
    border: 1px solid #EEF2FF;
}

.service-card:hover {
    background: #FAFBFF;
}

.service-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    margin-bottom: 22px;
    background: rgba(109, 40, 217, .08);
    border: 1px solid #E7EAF6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon svg {
    width: 20px;
    height: 20px;
    stroke: #111827;
}

.service-card h4 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #111827;
}

.service-card p {
    font-size: 13.5px;
    color: #64748B;
    line-height: 1.6;
}

/* ============ PROCESS ============ */

.process {
    padding: 60px 0;
    background: #FFFFFF;
    border-top: 1px solid #EEF2FF;
    border-bottom: 1px solid #EEF2FF;
}

.process-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.process-step {

    background: #fff;

    border: 1px solid #E8EAF6;

    border-radius: 20px;

    padding: 35px;

    position: relative;

    transition: .35s;

    box-shadow: 0 10px 25px rgba(109, 40, 217, .05);

}

.process-step:hover {

    transform: translateY(-8px);

    border-color: #8B5CF6;

    box-shadow: 0 20px 45px rgba(109, 40, 217, .12);

}

.process-step:not(:last-child)::after {

    display: none;

}

.process-step .p-num {

    display: inline-block;

    padding: 8px 16px;

    border-radius: 30px;

    background: #F3E8FF;

    color: #6D28D9;

    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 22px;

}

.process-step h4 {

    font-size: 22px;

    font-weight: 700;

    color: #111827;

    margin-bottom: 15px;

}

.process-step p.desc {

    color: #64748B;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 25px;

}

.process-step ul {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding: 0;

    margin: 0;

}

.process-step li {

    list-style: none;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    color: #475569;

    font-size: 14px;

}

.process-step li::before {

    content: '\f00c';

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    background: #F3E8FF;

    color: #6D28D9;

    display: flex;

    align-items: center;
    justify-content: center;
    font-size: 10px;
    flex-shrink: 0;

}

@media(max-width:991px) {

    .process-row {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:767px) {
    .process {
        padding: 80px 0;
    }

    .process-row {
        grid-template-columns: 1fr;
    }

    .process-step {
        padding: 28px;
    }

    .cta-banner {
        padding: 40px 0px !important;
    }

    .career-why-title {
        font-size: 35px !important;
    }

}

/* ============ CTA BANNER ============ */
.cta-banner {
    padding: 70px;
}

.cta-inner {
    border-radius: 24px;
    padding: 72px 60px;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(135deg, #151030, #0c0a1c 60%);
    border: 1px solid var(--line);
}

.cta-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 30%, rgba(63, 107, 255, .35), transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(233, 30, 140, .3), transparent 50%);
}

.cta-inner * {
    position: relative;
    z-index: 1;
}

.cta-inner h2,
.cta-inner h3 {
    font-size: clamp(28px, 3.4vw, 40px);
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.2;
}

.cta-inner p {
    margin-top: 18px;
    color: #fff;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.cta-inner .btn {
    margin-top: 34px;
}

/* ============ CASE STUDIES ============ */
.cases {
    padding: 60px 0;
    background: #FCFBFF;
}

.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* .case-card {
    background: #FFFFFF;
    border: 1px solid #E8EAF6;
    border-radius: 22px;
    overflow: hidden;
    transition: .35s ease;
    box-shadow: 0 12px 30px rgba(109, 40, 217, .06);
    position: relative;
} */

.case-card {
    background: #101828;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    transition: .4s;
    display: flex;
    flex-direction: column;
}

.case-card:hover {
    /* transform: translateY(-10px); */
    border-color: #8B5CF6;
    box-shadow: 0 28px 55px rgba(109, 40, 217, .15);
}

.case-thumb {
    position: relative;
    height: 230px;
    overflow: hidden;
    background: #EEF4FF;
}

.case-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.case-card:hover .case-thumb img {
    transform: scale(1.08);
}

.case-body {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.case-body .c-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: fit-content;
    padding: 8px 16px;
    background: #F3E8FF;
    color: #6D28D9;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 18px;
}

.case-body h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    color: #111827;
    margin-bottom: 18px;
}

.case-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    text-decoration: none;
    color: #6D28D9;
    font-size: 15px;
    font-weight: 700;
    transition: .3s;
    align-self: flex-start;
}

.case-link:hover {
    color: #3D4E9D;
}

.case-link svg {
    width: 16px;
    height: 16px;
    transition: .3s;
}

.case-card:hover .case-link svg {
    transform: translateX(6px);
}

/*==============================
    SIGNATURE CORNER
==============================*/

.chev-card {
    --cut: 22px;
    clip-path: polygon(0 0,
            calc(100% - var(--cut)) 0,
            100% var(--cut),
            100% 100%,
            0 100%);
}

.chev-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: var(--cut);
    height: var(--cut);
    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.chev-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: calc(var(--cut) - 2px);
    height: 3px;
    background: linear-gradient(90deg, #3D4E9D, #7A2E91, #C02F8E);
}

/*==============================
    RESPONSIVE
==============================*/

@media(max-width:991px) {

    .case-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-thumb {
        height: 220px;
    }

    .case-body {
        padding: 24px;
    }

    .case-body h4 {
        font-size: 20px;
    }

}

@media(max-width:767px) {

    .cases {
        padding: 80px 0;
    }

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

    .case-thumb {
        height: 220px;
    }

    .case-body {
        padding: 22px;
    }

    .case-body h4 {
        font-size: 19px;
    }

    .case-link {
        font-size: 14px;
    }

}

/* ============ ANGLED SECTION DIVIDER ============ */
.divider {
    height: 64px;
    position: relative;
    overflow: hidden;
}

.divider svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* ============ BUSINESS-STAGE TABS ============ */
.stage {
    padding: 120px 0;
    background: #FCFBFF;
}

.stage-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.stage-tab {
    padding: 12px 22px;
    border-radius: 100px;
    border: 1px solid #E8DFFB;
    font-size: 14px;
    font-weight: 600;
    color: #64748B;
    cursor: pointer;
    background: #FFFFFF;
    transition: .3s;
}

.stage-tab:hover {
    border-color: #9333EA;
    color: #111827;
}

.stage-tab.active {
    background: linear-gradient(135deg, #6D28D9, #C026D3);
    color: #fff;
    border-color: transparent;
}

.stage-panel {
    display: none;
}

.stage-panel.active {
    display: block;
    animation: fadein .5s ease;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.stage-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 56px;
    align-items: center;
}

.stage-copy h3 {
    font-size: 24px;
    margin-bottom: 14px;
    color: #111827;
}

.stage-copy p.lead {
    color: #000;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 22px;
}

.stage-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
}

.stage-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: 17px;
    color: #000;
}

.stage-check {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: #F4EEFF;
    border: 1px solid #E8DFFB;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    color: #000;
}

.stage-check svg {
    width: 11px;
    height: 11px;
    stroke: #C026D3;
}

.stage-visual {
    border: 1px solid #E8DFFB;
    border-radius: 16px;
    min-height: 340px;
    background:
        radial-gradient(circle at 25% 25%, rgba(99, 102, 241, .10), transparent 55%),
        radial-gradient(circle at 80% 75%, rgba(192, 38, 211, .10), transparent 55%),
        #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-shadow: 0 15px 40px rgba(109, 40, 217, .08);
}

.stage-visual .ring {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 1px dashed #D8B4FE;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.stage-visual .ring::before {
    content: '';
    position: absolute;
    inset: 20px;
    border-radius: 50%;
    border: 1px solid #E8DFFB;
}

.stage-visual .ring svg {
    width: 60px;
    height: 60px;
}


/* ============ AI COMPONENTS ============ */
.ai-sec {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    /* background:linear-gradient(
        135deg,
        #28344F 0%,
        #313D5C 35%,
        #374464 70%,
        #40365A 100%
    ); */
    background: var(--panel);
}

.ai-sec::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -180px;
    left: -180px;
    border-radius: 50%;
    background: rgba(61, 78, 157, .22);
    filter: blur(120px);
}

.ai-sec::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -120px;
    bottom: -120px;
    border-radius: 50%;
    background: rgba(192, 47, 142, .18);
    filter: blur(120px);
}

.ai-sec .wrap {
    position: relative;
    z-index: 2;
}

.ai-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.ai-card {
    background: var(--void);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 36px;
}

.ai-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.ai-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--grad);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ai-card-icon svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
}

.ai-card h4 {
    font-size: 18px;
}

.ai-card p {
    color: var(--ink-dim);
    font-size: 14.5px;
    line-height: 1.7;
    margin-bottom: 18px;
}

.ai-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ai-tag {
    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 11.5px;
    color: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 5px 10px;
}

/* ============ TECH STACK ============ */
.stack {
    padding: 80px 0;
    background: #FFFFFF;
}

.stack-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.stack-item {

    background: #FFFFFF;

    border: 1px solid #E7EAF6;

    border-radius: 18px;

    padding: 28px 20px;

    text-align: center;

    transition: .35s;

    box-shadow: 0 10px 25px rgba(99, 102, 241, .05);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 16px;

}

.stack-item:hover {

    transform: translateY(-8px);

    border-color: #9333EA;

    box-shadow: 0 20px 45px rgba(109, 40, 217, .12);

}

.stack-item i {

    font-size: 42px;

    background: linear-gradient(135deg, #6D28D9, #C026D3);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.stack-item span {
    font-size: 14px;
    font-weight: 600;
    color: #334155;

}

@media(max-width:991px) {

    .stack-grid {

        grid-template-columns: repeat(3, 1fr);

    }

}

@media(max-width:767px) {

    .stack-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .stack-item {

        padding: 22px 15px;

    }

    .stack-item i {

        font-size: 34px;

    }

}

/* ============ TESTIMONIALS ============ */
/* ============ TESTIMONIALS ============ */

.testi {
    padding: 120px 0;
    background: #FFFFFF;
}

.testi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.testi-card {
    background: #FFFFFF;
    border: 1px solid #E7EAF6;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 260px;
    box-shadow: 0 10px 25px rgba(109, 40, 217, 0.06);
    transition: .35s;
}

.testi-card:hover {
    transform: translateY(-8px);
    border-color: #9333EA;
    box-shadow: 0 20px 45px rgba(109, 40, 217, 0.12);
}

.testi-stars {
    color: #F59E0B;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.testi-quote {
    font-size: 15.5px;
    line-height: 1.7;
    color: #334155;
}

.testi-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.testi-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6D28D9, #C026D3);
    flex-shrink: 0;
}

.testi-name {
    font-size: 13.5px;
    font-weight: 600;
    color: #111827;
}

.testi-role {
    font-size: 12px;
    color: #64748B;
}

@media(max-width:991px) {

    .testi-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:767px) {

    .testi {

        padding: 80px 0;

    }

    .testi-grid {

        grid-template-columns: 1fr;

    }

}

.testimonials {
    background: #ffffff;
    padding: 100px 0;
}

.testimonial-card {

    background: #fff;

    border: 1px solid #E8EAF5;

    box-shadow: 0 15px 40px rgba(109, 40, 217, .08);

    transition: .35s;

}

.testimonial-card:hover {
    transform: translateY(10px);
    border-color: #8B5CF6;
    box-shadow: 0 25px 60px rgba(109, 40, 217, .15);
}

.testimonial-text {

    color: #475569;

    font-size: 1.05rem;

    line-height: 1.8;

    font-weight: 500;

}

.testimonial-name {

    color: #111827;

}

.testimonial-role {

    color: #64748B;

    font-size: .85rem;

}

.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {

    width: 50px;
    height: 50px;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #E8EAF5;

    box-shadow: 0 10px 30px rgba(109, 40, 217, .08);

    color: #7C3AED !important;

}

.testimonials .swiper-button-next:hover,
.testimonials .swiper-button-prev:hover {

    background: linear-gradient(135deg, #6D28D9, #C026D3);

    color: #fff !important;

}

.testimonials .swiper-button-next:after,
.testimonials .swiper-button-prev:after {

    font-size: 18px;

    font-weight: 700;

}

@media (max-width: 767px) {

    .testimonials .swiper-button-next,
    .testimonials .swiper-button-prev {
        display: none !important;
    }
}

/* ============ FAQ ============ */
.faq {
    padding: 70px 0;
    background: #FFFFFF;
}

@media (max-width: 767px) {
    .faq {
        padding: 30px 0 !important;
    }
}

.faq-list {
    max-width: 900px;
    margin: 60px auto 0;
}

.faq-item {

    background: #FFFFFF;

    border: 1px solid #E8EAF6;

    border-radius: 18px;

    margin-bottom: 18px;

    overflow: hidden;

    transition: .35s;

    box-shadow: 0 8px 22px rgba(109, 40, 217, .05);

}

.faq-item:hover {

    transform: translateY(-4px);

    border-color: #8B5CF6;

    box-shadow: 0 18px 40px rgba(109, 40, 217, .10);

}

.faq-q {

    width: 100%;

    background: none;

    border: none;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    padding: 24px 30px;

    text-align: left;

    cursor: pointer;

    /*font-family: 'Sora', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;

    font-weight: 700;

    color: #111827;

}

.faq-q:hover {

    color: #6D28D9;

}

.faq-q .plus {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: #F3E8FF;

    color: #6D28D9;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: 700;

    transition: .35s;

    flex-shrink: 0;

}

.faq-item.open .faq-q .plus {

    transform: rotate(45deg);

    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);

    color: #FFFFFF;

}

.faq-a {

    max-height: 0;

    overflow: hidden;

    transition: max-height .4s ease;

}

.faq-a p {

    padding: 0 30px 28px;

    margin: 0;

    color: #64748B;

    font-size: 15px;

    line-height: 1.8;

}

/* Active */

.faq-item.open {

    border-color: #8B5CF6;

    box-shadow: 0 20px 45px rgba(109, 40, 217, .12);

}

/*==============================
        Responsive
==============================*/

@media(max-width:991px) {

    .faq {

        padding: 100px 0;

    }

    .faq-list {

        margin-top: 45px;

    }

}

@media(max-width:767px) {

    .faq {

        padding: 80px 0;

    }

    .faq-q {

        padding: 20px;

        font-size: 16px;

    }

    .faq-q .plus {

        width: 34px;

        height: 34px;

        font-size: 20px;

    }

    .faq-a p {

        padding: 0 20px 20px;

        font-size: 14px;

    }

}

/* ============ CREDENTIALS ============ */
.creds {
    padding: 0 0 120px;
}

.creds-inner {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 52px 48px;
    text-align: center;
    background: linear-gradient(180deg, var(--panel-2), var(--panel));
}

.creds-inner h3 {
    font-size: 22px;
    margin-bottom: 34px;
}

.badge-row {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}

.badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 11.5px;
    color: var(--ink-faint);
}

.badge-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--panel);
}

.badge-icon svg {
    width: 24px;
    height: 24px;
    stroke: var(--ink-dim);
}

/* ============ FINAL CTA ============ */
.final-cta {
    padding: 0 0 140px;
    text-align: center;
}

.final-cta .eyebrow {
    justify-content: center;
    display: flex;
}

.final-cta h2 {
    font-size: clamp(30px, 4.2vw, 52px);
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.15;
}

.final-cta .sub {
    margin-top: 20px;
    color: var(--ink-dim);
    font-size: 17px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

.final-cta .btn {
    margin-top: 36px;
}

/* ============ FOOTER ============ */
footer {
    border-top: 1px solid var(--line);
    padding: 80px 0 32px;
    background: var(--panel);
}

.foot-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 48px;
}

.foot-about p {
    color: var(--ink-faint);
    font-size: 14px;
    margin-top: 18px;
    line-height: 1.7;
    max-width: 280px;
}

.foot-col h5 {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 20px;
    font-weight: 500;
}

.foot-col ul {
    display: flex;
    flex-direction: column;
    gap: 13px;
    color: #fff;
}

.foot-col a {
    font-size: 15px;
    color: #fff;
    transition: color .25s;
}

.foot-col a:hover {
    color: var(--ink);
}

.foot-badges {
    display: flex;
    gap: 12px;
    margin-top: 20px;

}

.foot-badge {
    font-size: 10.5px;
    color: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 6px 10px;
}

.foot-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: #fff;
    flex-wrap: wrap;
    padding-top: 25px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.footer-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-links span {
    color: rgba(255, 255, 255, .35);
}

.footer-links a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
    font-size: 15px;
    transition: .3s;
}

.footer-links a:hover {
    color: #9b5cff;
    /* Aptionix brand color */
}

@media (max-width: 768px) {

    .foot-bottom {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .footer-links {
        justify-content: center;
        align-items: center;
        width: 100%;
    }


    .foot-col ul {
        padding-left: 0;
        list-style: none;
    }


}

.social-row {
    display: flex;
    gap: 14px;
}

.social-row a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.social-row a:hover {
    border-color: transparent;
    background: var(--grad);
}

.social-row svg {
    width: 14px;
    height: 14px;
}

/* reveal animation */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
}

.reveal.in {
    opacity: 1;
    transform: translateY(0);
}

/* ============ RESPONSIVE ============ */
@media (max-width:980px) {
    .hero-grid {
        grid-template-columns: 1fr;
    }

    .hero-visual {
        margin-top: 40px;
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .process-row {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .process-step:not(:last-child)::after {
        display: none;
    }

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

    .foot-grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }

    .product-row,
    .product-row:nth-child(even) {
        grid-template-columns: 1fr;
    }

    .product-row:nth-child(even) .product-visual {
        order: 0;
    }

    .product-visual {
        min-height: 200px;
    }

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

    .stage-visual {
        min-height: 220px;
        order: -1;
    }

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

    .stack-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

@media (max-width:720px) {
    .nav-links {
        display: none;
    }

    .burger {
        display: flex;
    }

    .nav-right .btn-ghost {
        display: none;
    }

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

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

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

    .badge-row {
        gap: 24px;
    }

    .float-card {
        left: 12px;
        bottom: -20px;
    }

    .cta-inner {
        padding: 52px 26px;
    }

    .stack-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stage-tabs {
        gap: 8px;
    }

    .stage-tab {
        padding: 10px 16px;
        font-size: 13px;
    }
}

/* mobile panel ------------------- */

.mobile-panel {
    position: fixed;
    top: 0;
    right: -100%;
    /* width: 320px; */
    width: 100%;
    max-width: 100%;
    height: 100vh;
    background: #090811;
    z-index: 9999;
    transition: .4s ease;
    overflow-y: auto;
    box-shadow: -10px 0 35px rgba(0, 0, 0, .25);
}

.mobile-panel.open {
    right: 0;
}

.mp-top {
    height: 82px;
    padding: 18px 24px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ececec;
}

.mp-top .logo-img {
    height: 44px;
}

.mp-close {
    width: 42px;
    height: 42px;
    border: none;
    background: none;
    color: #202030;
    font-size: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mp-links {
    padding: 35px 24px 45px;
}

.mp-links>a {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 28px;
    transition: .3s;
}

.mp-links>a:hover {
    color: #7b55ff;
}

.cta-section {
    padding: 60px 0px;
}


/* case study css ---------------- */

.case-studies {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    /* background:linear-gradient(
        135deg,
        #1B2336 0%,
        #222C43 30%,
        #2B3552 60%,
        #302A4B 100%
    ); */
    background: linear-gradient(135deg, #0B1220, #111827, #1A1333);
}

/* .case-studies::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(61, 78, 157, .20);
    border-radius: 50%;
    top: -180px;
    left: -150px;
    filter: blur(80px);
}

.case-studies::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(192, 47, 142, .18);
    border-radius: 50%;
    right: -120px;
    bottom: -120px;
    filter: blur(90px);
} */

.case-studies .container {
    position: relative;
    /* z-index: 2; */
}

/*============================
      Heading
=============================*/

.case-title {

    font-size: 48px;

    font-weight: 800;

    color: #FFFFFF;

}

.case-title .accent {

    /* background: linear-gradient(90deg, #3D4E9D, #7A2E91, #C02F8E); */

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.case-subtitle {
    color: #fff;
    font-size: 18px;
    margin-top: 15px;

}

/*============================
      Swiper
=============================*/

.caseStudySwiper {

    position: relative;
    overflow: visible;
    padding: 10px 5px 80px;

}

.caseStudySwiper .swiper-slide {
    height: auto;
}

/*============================
      Card
=============================*/

.case-card {
    background: #101828;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    transition: .4s;
    display: flex;
    flex-direction: column;
}


.case-card:hover {

    /* transform: translateY(10px); */

    border-color: #6D28D9;

    box-shadow: 0 25px 60px rgba(61, 78, 157, .30);

}

/*=========   Image  ============*/

.case-image {
    overflow: hidden;
}

.case-image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: .5s;

}

.case-card:hover img {
    transform: scale(1.08);
}

/*============================
      Content
=============================*/

.case-content {
    padding: 28px;
    flex: 1;
    display: flex;
    flex-direction: column
}

.case-content p {
    margin-bottom: 20px;
}

/*============================
      Content
=============================*/

.case-content {
    padding: 28px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.case-content p {
    margin-bottom: 20px;
}


/*============================
      Tag
=============================*/

.case-tag {
    display: inline-block;
    align-self: flex-start;
    padding: 7px 15px;
    border-radius: 30px;
    background: rgba(109, 40, 217, .15);
    color: #C084FC;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 18px;
}

.case-content h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;

}

/*============================
      Link
=============================*/

.case-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #60A5FA;
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
    margin-top: auto;
}

.case-link:hover {
    color: #fff;
}

.case-link i {

    transition: .3s;

}

.case-link:hover i {

    transform: translateX(6px);

}

/*============================
      Navigation
=============================*/

.case-prev,
.case-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    transition: .35s;
}

.case-prev {
    left: 0px;
}

.case-next {
    right: 0px;
}

.case-prev i,
.case-next i {

    color: #6D28D9;

    font-size: 20px;

}

.case-prev:hover,
.case-next:hover {

    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);

}

.case-prev:hover i,
.case-next:hover i {

    color: #fff;

}

/*============================
      Button
=============================*/

.btn-gradient {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 15px 35px;

    border-radius: 50px;

    text-decoration: none;

    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);

    color: #fff;

    font-weight: 700;

    transition: .35s;

}

.btn-gradient:hover {

    transform: translateY(-4px);

    color: #fff;

    box-shadow: 0 18px 45px rgba(61, 78, 157, .35);

}

/*============================
      Responsive
=============================*/

@media(max-width:1199px) {

    .case-title {

        font-size: 40px;

    }

}

@media(max-width:991px) {
    .case-title {
        font-size: 34px;
    }

    /* .case-prev,
    .case-next {

        display: none;

    } */

    .case-content {
        padding: 22px;
    }
}

@media(max-width:767px) {

    .case-studies {
        padding: 70px 0;

    }

    .case-title {

        font-size: 28px;

    }

    .case-image img {

        height: 210px;

    }

    .case-content h4 {
        font-size: 20px;
    }

}

/* ============ CTA SECTION ============ */

.cta-section {
    background: linear-gradient(135deg, #0B1220, #111827, #1A1333);
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}

.cta-box {

    background: rgba(16, 24, 40, .90);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 28px;

    box-shadow: 0 25px 70px rgba(0, 0, 0, .35);

    backdrop-filter: blur(12px);

}

.cta-box h2,
.cta-box h3 {

    color: #FFFFFF;

    font-weight: 800;

}

.cta-box .lead {

    color: #CBD5E1 !important;

    font-size: 18px;

    line-height: 1.8;

}

.cta-orb-left {

    width: 320px;

    height: 320px;

    background: rgba(61, 78, 157, .35);

    filter: blur(120px);

    border-radius: 50%;

}

.cta-orb-right {

    width: 320px;

    height: 320px;

    background: rgba(192, 47, 142, .30);

    filter: blur(120px);

    border-radius: 50%;

}

.btn-gradient {

    background: linear-gradient(135deg, #3D4E9D, #7A2E91, #C02F8E);

    color: #FFFFFF;

    border: none;

    transition: .35s;

    box-shadow: 0 12px 35px rgba(109, 40, 217, .30);

}

.btn-gradient:hover {

    transform: translateY(-4px);

    color: #FFFFFF;

    box-shadow: 0 20px 45px rgba(109, 40, 217, .45);

}

.btn-outline-light {

    color: #FFFFFF;

    border: 1px solid rgba(255, 255, 255, .18) !important;

    background: rgba(255, 255, 255, .05);

    backdrop-filter: blur(10px);

    transition: .35s;

}

.btn-outline-light:hover {

    background: #FFFFFF;

    color: #6D28D9;

    border-color: #FFFFFF !important;

    transform: translateY(-4px);

}

@media(max-width:991px) {

    .cta-section {

        padding: 80px 0;

    }

    .cta-box {

        padding: 60px 35px !important;

    }

    .cta-box h2,
    .cta-box h3 {

        font-size: 40px;

    }

}

@media(max-width:767px) {

    .cta-section {

        padding: 70px 0;

    }

    .cta-box {

        padding: 45px 20px !important;

    }

    .cta-box h2,
    .cta-box h3 {

        font-size: 30px;

    }

    .cta-box .lead {

        font-size: 16px;

    }

    .cta-box .d-flex {

        flex-direction: column;

    }

    .btn-gradient,
    .btn-outline-light {

        width: 100%;

    }

}


.contact-section {
    padding: 70px 0;
    background: #F8FAFC;
}

.contact-left {
    padding-right: 30px;
}

.contact-tag {

    display: inline-block;

    padding: 8px 16px;

    background: #FCE7F3;

    color: #C026D3;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 20px;

}

.contact-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #111827;
    margin-bottom: 20px;

}

.contact-title span {
    color: #324186;
}

.contact-desc {
    color: #64748B;
    font-size: 17px;
    line-height: 1.8;
}

.contact-features {
    margin-top: 30px;
}

.feature-item {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 25px;

}

.feature-item i {

    width: 46px;

    height: 46px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F3E8FF;

    color: #6D28D9;

    font-size: 18px;

}

.feature-item h6 {

    font-weight: 700;

    color: #111827;

    margin-bottom: 4px;

}

.feature-item p {

    color: #64748B;

    margin: 0;

    font-size: 14px;

}

.contact-info {
    margin-top: 45px;
}

.info-item {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 18px;

}

.info-item i {

    color: #6D28D9;

    margin-top: 5px;

}

.info-item span {

    color: #475569;

    line-height: 1.8;

}

.contact-form-box {

    background: linear-gradient(180deg, #EEF4FF, #F8F5FF);

    border: 1px solid #E8EAF6;

    border-radius: 24px;

    padding: 35px;

    box-shadow: 0 20px 60px rgba(109, 40, 217, .10);

}

.form-title {

    font-size: 28px;

    font-weight: 700;

    color: #111827;

    margin-bottom: 30px;

}

.contact-form-box label {

    font-size: 13px;

    font-weight: 600;

    color: #475569;

    margin-bottom: 8px;

    display: block;

}

.contact-form-box .form-control,
.contact-form-box .form-select {
    height: 52px;
    border-radius: 12px;
    border: 1px solid #D8DCEB;

    background: #FFFFFF;

    box-shadow: none;

    font-size: 14px;

    transition: .3s;

}

.contact-form-box textarea {

    height: auto;

    resize: none;

}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus {

    border-color: #6D28D9;

    box-shadow: 0 0 0 .2rem rgba(109, 40, 217, .12);

}

.contact-btn {

    height: 58px;

    border: none;

    border-radius: 14px;

    background: linear-gradient(135deg, #3D4E9D, #6D28D9, #C026D3);

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    transition: .35s;

}

.contact-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 20px 40px rgba(109, 40, 217, .30);

    color: #fff;

}

.form-bottom {

    margin-top: 25px;

    display: flex;

    justify-content: center;

    gap: 18px;

    flex-wrap: wrap;

}

.form-bottom span {

    background: #FFF;

    padding: 8px 18px;

    border-radius: 30px;

    border: 1px solid #E8EAF6;

    font-size: 13px;

    color: #6D28D9;

    font-weight: 600;

}

@media(max-width:991px) {

    .contact-left {

        padding-right: 0;

        margin-bottom: 40px;

    }

    .contact-form-box {

        padding: 25px;

    }

}

@media(max-width:767px) {

    .contact-title {

        font-size: 36px;

    }

    .contact-form-box {

        padding: 20px;

    }

    .contact-btn {

        height: 54px;

    }

    .form-bottom {

        flex-direction: column;

        align-items: center;

        gap: 10px;

    }

}

/*============================
    TRUSTED SECTION
=============================*/

.trusted-section {
    padding: 60px 0;
    background: #F8FAFC;
}

.section-title {

    margin-bottom: 55px;

}

.trusted-subtitle {

    display: inline-block;

    padding: 8px 20px;

    border-radius: 30px;

    background: #F3E8FF;

    color: #6D28D9;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 18px;

}

.section-title h2,
.section-title h3,
h2.section-title,
h3.section-title {

    font-size: 42px;

    font-weight: 800;

    color: #111827;

    margin-bottom: 18px;

}

.testimonials-heading {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #111827;
}

@media (max-width:720px) {

    .section-title h2,
    .section-title h3,
    h2.section-title,
    h3.section-title {
        font-size: 32px !important;
    }

    .testimonials-heading {
        font-size: 32px !important;
    }
}

.section-title p {
    color: #000;
    max-width: 650px;
    margin: auto;
    font-size: 16px;

}

.logo-card {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #E8EAF6;
    border-radius: 18px;
    transition: .35s;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(109, 40, 217, .05);
}

.logo-card:hover {
    /* transform: translateY(8px); */
    border-color: #8B5CF6;
    box-shadow: 0 20px 40px rgba(109, 40, 217, .12);
}

.logo-card img {

    width: 130px;

    max-width: 100%;

    max-height: 100px;

    object-fit: contain;

    /* filter:grayscale(100%); */

    opacity: .8;

    transition: .35s;

}

.logo-card:hover img {

    filter: grayscale(0);

    opacity: 1;

}

.trustedSwiper {

    overflow: hidden;

    padding-bottom: 10px;

}


/* contact page css ------------------------ */



/* Clients */

/*==============================
    CLIENTS SECTION
==============================*/

.clients-section {
    padding: 100px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.clients-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    left: -180px;
    top: -180px;
    border-radius: 50%;
    background: rgba(122, 46, 145, .08);
    filter: blur(120px);
}

.clients-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -180px;
    border-radius: 50%;
    background: rgba(192, 47, 142, .06);
    filter: blur(120px);
}

.clients-section .container {
    position: relative;
    z-index: 2;
}


/*==============================
    HEADING
==============================*/

.clients-badge {
    display: inline-block;
    padding: 8px 18px;
    background: #F3E8FF;
    color: #C02F8E;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.clients-title {
    margin: 20px 0;
    font-size: 52px;
    line-height: 1.15;
    font-weight: 800;
    color: #111827;
}

.clients-title span {
    background: linear-gradient(90deg, #243B8F, #7A2E91, #C02F8E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.clients-desc {
    max-width: 720px;
    margin: auto;
    color: #64748B;
    font-size: 18px;
    line-height: 1.8;
}


/*==============================
    SWIPER
==============================*/

.clientsSwiper {
    margin-top: 70px;
    overflow: hidden;
}

.clientsSwiper .swiper-wrapper {
    align-items: center;
}

.clientsSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*==============================
    LOGO
==============================*/

.client-logo-img {
    width: auto;
    height: 72px;
    object-fit: contain;
    transition: .4s ease;
    /* filter:grayscale(100%); */
    /* opacity:.55; */
}

.client-logo-img:hover {

    opacity: 1;

    /* filter:grayscale(0); */

    transform: scale(1.12);

}


/*==============================
    OPTIONAL LINE
==============================*/

.clients-section hr {
    border-color: #EEF2FF;
}


/*==============================
    RESPONSIVE
==============================*/

@media(max-width:1199px) {

    .clients-title {

        font-size: 46px;

    }

}

@media(max-width:991px) {

    .clients-section {

        padding: 80px 0;

    }

    .clients-title {

        font-size: 38px;

    }

    .clients-desc {

        font-size: 17px;

    }

    .client-logo-img {
        height: 58px;
    }

}

@media(max-width:767px) {

    .clients-section {

        padding: 60px 0;

    }

    .clients-title {

        font-size: 30px;

        line-height: 1.3;

    }

    .clients-desc {

        font-size: 16px;

    }

    .clientsSwiper {

        margin-top: 45px;

    }

    .client-logo-img {
        height: 50px;
    }

}

@media(max-width:575px) {

    .clients-section {

        padding: 50px 0;

    }

    .clients-title {

        font-size: 26px;

    }

    .clients-badge {

        font-size: 12px;

        padding: 7px 16px;

    }

    .clients-desc {

        font-size: 15px;

    }

    .client-logo-img {
        height: 55px;
    }

}

/* SMART PRODUCTS V2  Section */

.apx-products-section {
    padding: 100px 0;
    background: #F8FAFC;
    position: relative;
    overflow: hidden;
}

.apx-products-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(122, 46, 145, .08);
    border-radius: 50%;
    filter: blur(120px);
    top: -180px;
    left: -120px;
}

.apx-products-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(192, 47, 142, .06);
    border-radius: 50%;
    filter: blur(120px);
    right: -150px;
    bottom: -150px;
}

.apx-products-section .container {
    position: relative;
    z-index: 2;
}


/* Section Heading */

.apx-section-badge {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 50px;
    background: #EEF2FF;
    color: #4F46E5;
    font-size: 14px;
    font-weight: 600;
}

.apx-section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #111827;
    margin-bottom: 20px;
}

.apx-section-title span {
    background: linear-gradient(90deg, #243B8F, #7A2E91, #C02F8E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.apx-section-desc {
    margin: auto;
    color: #000;
    font-size: 18px;
    line-height: 1.8;
}


/* Equal Height */

.apx-products-section .row>.col-lg-4 {
    display: flex;
}


/* Product Card */

.apx-product-card {
    width: 100%;
    background: #fff;
    border: 1px solid #E7EAF6;
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    transition: .35s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(15, 23, 42, .06);
}

.apx-product-card:hover {
    transform: translateY(-10px);
    border-color: #C02F8E;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .12);
}

.apx-product-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #243B8F, #7A2E91, #C02F8E);
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s;
}

.apx-product-card:hover::before {
    transform: scaleX(1);
}


/* Card Header */

.apx-card-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
}

.apx-card-header span {
    display: block;
    color: #C02F8E;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.apx-card-header h3 {
    margin: 0;
    color: #111827;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 10px;
}


/* Icons */

.apx-card-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
}

.apx-card-icon.healthcare {
    background: linear-gradient(135deg, #5B4DFF, #7C3AED);
}

.apx-card-icon.fmcg {
    background: linear-gradient(135deg, #2563EB, #0EA5E9);
}

.apx-card-icon.horeca {
    background: linear-gradient(135deg, #EC4899, #F43F5E);
}

.apx-card-icon.remote {
    background: linear-gradient(135deg, #243B8F, #7A2E91, #C02F8E);
}


/* Description */

.apx-card-desc {
    color: #64748B;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}


/* Product Image */

.apx-card-image {
    background: #F8FAFC;
    border: 1px solid #E8EAF6;
    border-radius: 18px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 25px;
    transition: .35s;
}

.apx-card-image img {
    max-width: 100%;
    /* max-height: 180px; */
    max-height: 210px;
    transition: .45s;
}

.apx-product-card:hover .apx-card-image {
    border-color: #D7C2FF;
}

.apx-product-card:hover .apx-card-image img {
    transform: scale(1.05);
}


/* List */

.apx-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 0 25px;
}

.apx-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #334155;
    font-size: 15px;
}

.apx-list li:last-child {
    margin-bottom: 0;
}

.apx-list i {
    color: #3f3b76;
    font-size: 16px;
}

/* Button */

.apx-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: auto;
    padding: 15px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #243B8F, #7A2E91, #C02F8E);
    transition: .35s ease;
    box-shadow: 0 15px 35px rgba(36, 59, 143, .15);
}

.apx-btn:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 25px 45px rgba(36, 59, 143, .25);
}

.apx-btn i {
    transition: .35s;
}

.apx-btn:hover i {
    transform: translateX(7px);
}


/* Remote Team */

.apx-team-card {
    position: relative;
    background: #fff;
    border: 1px solid #E7EAF6;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
    transition: .35s;
}

.apx-team-card:hover {
    transform: translateY(-8px);
    border-color: #C02F8E;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .12);
}

.apx-team-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #243B8F, #7A2E91, #C02F8E);
}

.apx-team-card .row {
    min-height: 460px;
}

/* Remote Content */

.apx-team-content {
    padding: 55px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apx-team-content .apx-card-header {
    margin-bottom: 20px;
}

.apx-team-content .apx-card-desc {
    font-size: 18px;
    line-height: 1.9;
    max-width: 540px;
    margin-bottom: 30px;
}


/* Remote Image */

.apx-team-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8FAFC;
    height: 100%;
    padding: 35px;
    overflow: hidden;
}

.apx-team-image img {
    width: 100%;
    max-width: 560px;
    transition: .5s;
}

.apx-team-card:hover .apx-team-image img {
    transform: scale(1.05);
}


/* Card Hover */

.apx-product-card:hover .apx-card-icon {
    transform: rotate(-8deg) scale(1.08);
}

.apx-card-icon {
    transition: .4s;
}

.apx-product-card:hover .apx-card-header h3 {
    color: #243B8F;
}

.apx-team-card:hover .apx-card-header h3 {
    color: #243B8F;
}


/* Image Hover */

.apx-product-card:hover .apx-card-image {
    background: #fff;
}

.apx-product-card:hover .apx-card-image img {
    transform: scale(1.06);
}



/* List Hover */

.apx-list li {
    transition: .3s;
}

.apx-list li:hover {
    transform: translateX(6px);
}


/* Team List */

.apx-team-content .apx-list {
    margin-bottom: 30px;
}


/* Glow */

.apx-product-card::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(192, 47, 142, .05);
    top: -110px;
    right: -110px;
    transition: .4s;
}

.apx-product-card:hover::after {
    transform: scale(1.3);
}

.apx-team-card::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(122, 46, 145, .05);
    bottom: -140px;
    right: -120px;
}


/* Image Animation */

.apx-card-image img,
.apx-team-image img {
    will-change: transform;
}


/* Focus */

.apx-btn:focus {
    color: #fff;
    outline: none;
}

/* Responsive */

@media (max-width:1399px) {

    .apx-section-title {
        font-size: 46px;
    }

    .apx-card-header h3 {
        font-size: 24px;
    }

    .apx-team-content {
        padding: 45px;
    }

}

@media (max-width:1199px) {

    .apx-products-section {
        padding: 80px 0;
    }

    .apx-section-title {
        font-size: 42px;
    }

    .apx-product-card {
        padding: 25px;
    }

    .apx-card-header h3 {
        font-size: 22px;
    }

    .apx-card-image {
        height: 180px;
    }

    .apx-card-image img {
        max-height: 150px;
    }

    .apx-team-content {
        padding: 35px;
    }

    .apx-team-image {
        padding: 25px;
    }

}

@media (max-width:991px) {

    .apx-products-section {
        padding: 70px 0;
    }

    .apx-section-title {
        font-size: 36px;
    }

    .apx-section-desc {
        font-size: 17px;
    }

    .apx-products-section .row>.col-lg-4 {
        display: block;
    }

    .apx-product-card {
        height: auto;
    }

    .apx-card-image {
        height: 220px;
    }

    .apx-card-image img {
        max-height: 180px;
    }

    .apx-team-content {
        padding: 35px;
    }

    .apx-team-image {
        padding: 30px;
        border-top: 1px solid #E8EAF6;
    }

    .apx-team-image img {
        max-width: 100%;
    }

}

@media (max-width:767px) {

    .apx-products-section {
        padding: 60px 0;
    }

    .apx-section-badge {
        font-size: 13px;
    }

    .apx-section-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .apx-section-desc {
        font-size: 16px;
    }

    .apx-product-card {
        padding: 22px;
        border-radius: 20px;
    }

    .apx-card-header {
        gap: 14px;
    }

    .apx-card-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 22px;
        border-radius: 15px;
    }

    .apx-card-header h3 {
        font-size: 21px;
    }

    .apx-card-desc {
        font-size: 15px;
    }

    .apx-card-image {
        height: 190px;
        margin: 20px 0;
    }

    .apx-card-image img {
        max-height: 150px;
    }

    .apx-list li {
        font-size: 15px;
    }

    .apx-btn {
        width: 100%;
        padding: 15px;
    }

    .apx-team-content {
        padding: 25px;
    }

    .apx-team-image {
        padding: 20px;
    }

}

@media (max-width:575px) {

    .apx-products-section {
        padding: 50px 0;
    }

    .apx-section-title {
        font-size: 26px;
    }

    .apx-section-desc {
        font-size: 15px;
    }

    .apx-card-header {
        flex-direction: column;
        text-align: center;
    }

    .apx-card-header div:last-child {
        width: 100%;
    }

    .apx-card-icon {
        margin: auto;
    }

    .apx-card-desc {
        text-align: center;
    }

    .apx-list {
        margin-top: 15px;
    }

    .apx-list li {
        font-size: 14px;
    }

    .apx-btn {
        font-size: 15px;
        padding: 14px;
    }

    .apx-card-image {
        height: 170px;
    }

    .apx-card-image img {
        max-height: 135px;
    }

    .apx-team-content {
        padding: 20px;
    }

    .apx-team-image {
        padding: 15px;
    }

}

/* growth-section css ------------------- */

.growth-section {

    padding: 90px 0;

    background:
        radial-gradient(circle at left top, #f7edff 0%, transparent 30%),
        radial-gradient(circle at right bottom, #edf4ff 0%, transparent 35%),
        #fff;

}

.section-tag {

    display: inline-block;

    padding: 8px 18px;

    border-radius: 30px;

    background: #f3ebff;

    color: #7b35ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 20px;

}

.section-title {

    font-size: 48px;

    font-weight: 800;

    color: #1a1a1a;

    margin-bottom: 20px;

}

.section-title span {

    background: linear-gradient(90deg, #4c57d7, #d13cff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.section-desc {
    margin: auto;
    color: #000;
    font-size: 18px;
    line-height: 1.8;
}

/* CARD */

.growth-card {

    height: 100%;

    padding: 35px 28px;

    background: #fff;

    border-right: 1px solid #ece8f7;

    transition: .35s;

}

.growth-card:hover {

    transform: translateY(-8px);

}

.growth-icon {
    width: 50px;
    height: 50px;
    border-radius: 18px;
    background: linear-gradient(135deg, #5b2be0, #cb3cff);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.growth-card h4 {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 18px;
    color: #111;
}

.growth-card p {

    font-size: 17px;

    line-height: 1.8;

    color: #666;

    margin: 0;

}

/* Tablet */

@media(max-width:991px) {

    .growth-card {

        border-right: none;

        border-bottom: 1px solid #ece8f7;

    }

}

/* Mobile */

@media(max-width:767px) {

    .section-title {

        font-size: 34px;

    }

    .growth-card {

        text-align: center;

        padding: 30px 20px;

    }

    .growth-icon {
        margin: auto auto 20px;
    }

    .growth-card h4 {

        font-size: 24px;

    }

    .growth-card p {

        font-size: 15px;

    }

}

/* .swiper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
} */



/* ------------- about banner css --------- */

.about-banner {
    padding: 130px 0 90px;
    background:
        radial-gradient(circle at left top, #261248 0%, transparent 35%),
        radial-gradient(circle at right center, #43115e 0%, transparent 35%),
        linear-gradient(135deg, #08091f 0%, #101530 45%, #17113c 100%);

    overflow: hidden;

    position: relative;

}

.about-banner::before {

    content: "";

    position: absolute;

    top: -150px;

    right: -150px;

    width: 450px;

    height: 450px;

    border-radius: 50%;

    background:
        radial-gradient(circle,
            rgba(190, 70, 255, .25),
            transparent 70%);

}

/* ------------- about banner tag --------- */

.about-banner-tag {

    display: inline-block;

    padding: 8px 20px;

    border-radius: 40px;

    background: rgba(255, 255, 255, .08);

    border: 1px solid rgba(255, 255, 255, .08);

    color: #b57cff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 22px;

}

/* ------------- about banner title --------- */

.about-banner-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    margin-bottom: 28px;
}

.about-banner-title span {

    display: block;

    background: linear-gradient(90deg, #7a5cff, #df4bff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

/* ------------- about banner description --------- */

.about-banner-desc {
    color: #fff;
    font-size: 18px;
    line-height: 1.9;
    max-width: 620px;
    margin-bottom: 35px;
}

/* ------------- about banner buttons --------- */

.about-banner-btns {

    display: flex;

    gap: 18px;

}

.about-banner-btn {

    padding: 16px 34px;

    border-radius: 50px;

    background: linear-gradient(90deg, #6730ff, #d43fff);

    color: #fff;

    text-decoration: none;

    font-weight: 600;

}

.about-banner-btn:hover {

    color: #fff;

}

.about-banner-btn-outline {

    padding: 16px 34px;

    border-radius: 50px;

    border: 1px solid rgba(255, 255, 255, .15);

    color: #fff;

    text-decoration: none;

    font-weight: 600;

    background: rgba(255, 255, 255, .05);

}

.about-banner-btn-outline:hover {

    background: rgba(255, 255, 255, .12);

    color: #fff;

}

/* ------------- about banner image --------- */

.about-banner-image-wrapper {
    position: relative;
}

.about-banner-image {
    width: 100%;
    /* height: 560px; */
    object-fit: cover;
    border-radius: 28px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}

/* ------------- about banner cards --------- */

.about-banner-card {
    position: absolute;
    background: #fff;
    padding: 18px 20px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

.about-banner-card h4 {
    color: #7134ff;
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 700;

}

.about-banner-card span {

    color: #666;

    font-size: 15px;

}

.about-banner-card-top {
    left: -45px;
    top: -10px;

}

.about-banner-card-bottom {

    right: -30px;

    bottom: 35px;

}

/* ------------- about banner icon --------- */

.about-banner-icon {

    position: absolute;

    right: -25px;

    top: 45%;

    width: 90px;

    height: 90px;

    border-radius: 24px;

    background: linear-gradient(135deg, #6730ff, #d43fff);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 34px;

    box-shadow: 0 20px 45px rgba(146, 65, 255, .35);

}

/* ------------- about banner responsive --------- */

@media(max-width:991px) {

    .about-banner {
        text-align: center;
        padding: 110px 0;
    }

    .about-banner-title {

        font-size: 42px;

    }

    .about-banner-desc {
        margin: auto auto 35px;
    }

    .about-banner-btns {

        justify-content: center;

    }

    .about-banner-image {

        height: 420px;

    }

    .about-banner-card-top {

        left: 10px;

    }

    .about-banner-card-bottom {

        right: 10px;

    }

    .about-banner-icon {

        display: none;

    }

}

@media(max-width:576px) {

    .about-banner-title {

        font-size: 32px;

    }

    .about-banner-desc {

        font-size: 16px;

    }

    .about-banner-btns {

        flex-direction: column;

    }

    .about-banner-btn,
    .about-banner-btn-outline {

        width: 100%;

        text-align: center;

    }

    .about-banner-image {

        height: 300px;

    }

    .about-banner-card {

        position: relative;

        display: inline-block;

        margin-top: 15px;

        left: auto;

        right: auto;

        top: auto;

        bottom: auto;

    }

}

/* ------------- about story css --------- */

.about-story-section {
    padding: 60px 0;
    background:
        radial-gradient(circle at 20% 25%, rgba(188, 198, 255, .65) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(255, 192, 220, .60) 0%, transparent 45%),
        linear-gradient(135deg, #eef3ff 0%, #f8f9ff 45%, #fbe8f4 100%);

}

/* ------------- about story image --------- */

.about-story-image-box {
    position: relative;
}

.about-story-bg {

    position: absolute;

    inset: 25px;

    border-radius: 30px;

    background:
        linear-gradient(135deg,
            rgba(103, 48, 255, .15),
            rgba(211, 61, 255, .18));

    filter: blur(10px);

}

.about-story-image {

    position: relative;

    width: 100%;

    height: 560px;

    object-fit: cover;

    border-radius: 28px;

    box-shadow: 0 25px 55px rgba(0, 0, 0, .10);

}

/* ------------- about story content --------- */

.about-story-tag {

    display: inline-block;

    padding: 8px 18px;

    border-radius: 40px;

    background: #f3ebff;

    color: #7a35ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 22px;

}

/* ------------- about story title --------- */

.about-story-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.15;
    color: #1B1F38;
    margin-bottom: 20px;
    letter-spacing: -1px;

}

.about-story-title span {
    background: linear-gradient(90deg,
            #4454D9 0%,
            #6B3EFF 45%,
            #A936FF 75%,
            #E03DB8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.about-story-text {
    font-size: 18px;
    color: #000;
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* ------------- about story list --------- */

.about-story-list {
    margin-top: 20px;
}

.about-story-item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    font-size: 17px;
    font-weight: 500;
    color: #1d2038;

}

.about-story-item i {
    color: #7b35ff;
    font-size: 20px;
}

/* ------------- responsive --------- */

@media(max-width:991px) {

    .about-story-section {

        text-align: center;

    }

    .about-story-title {

        font-size: 36px;

    }

    .about-story-image {

        height: 420px;

        margin-bottom: 30px;

    }

    .about-story-item {
        justify-content: start;
        font-size: 15px !important;
    }

}

@media(max-width:576px) {

    .about-story-section {

        padding: 70px 0;

    }

    .about-story-title {

        font-size: 30px;

    }

    .about-story-text {

        font-size: 16px;

    }

    .about-story-image {

        height: 300px;

    }

}


/* ------------- about process css --------- */

.journey-section {

    background: #f9fbff;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}


.journey-section:before {

    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(121, 68, 255, .06);
    border-radius: 50%;
    top: -180px;
    left: -180px;
    filter: blur(60px);

}

.journey-section:after {

    content: '';
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(255, 41, 117, .06);
    border-radius: 50%;
    right: -150px;
    bottom: -150px;
    filter: blur(70px);

}



.journey-heading {
    max-width: 760px;
    margin: auto;
    margin-bottom: 80px;
}

.journey-tag {
    display: inline-block;
    color: #ff2f92;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;

}

.journey-heading h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1d1d1d;
    line-height: 1.2;
    margin-bottom: 20px;
}

.journey-heading h2 span {
    /* color: #6b45ff; */
    background: linear-gradient(90deg, #243B8F, #7A2E91, #C02F8E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.journey-heading p {
    color: #000;
    font-size: 17px;
    line-height: 30px;

}



/* ======================= */

.timeline {

    position: relative;
    max-width: 1200px;
    margin: auto;

}

.timeline:before {

    content: '';
    position: absolute;
    width: 3px;
    background: #d6d6d6;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

}


/* ======================= */

.timeline-item {
    width: 50%;
    position: relative;
    margin-bottom: 30px;
}

.timeline-item.left {
    left: 0;
    padding-right: 35px;
}

.timeline-item.right {
    left: 50%;
    padding-left: 30px;

}


/* Dot */

.timeline-item:before {

    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: linear-gradient(90deg, #3b4cc0 0%, #6a35ff 55%, #d53cff 100%);
    border: 5px solid #ef2dbcd6;
    border-radius: 50%;
    top: 25px;
    z-index: 10;

}

.timeline-item.left:before {
    right: -10px;
}

.timeline-item.right:before {
    left: -11px;
}



.timeline-content {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
    transition: .4s;

}

.timeline-content:hover {

    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(107, 69, 255, .18);

}

.timeline-content .year {
    display: inline-block;
    /* color: #ff2f92; */
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 15px;
    background: linear-gradient(90deg, #3b4cc0 0%, #6a35ff 55%, #d53cff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.timeline-content h4 {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    margin-bottom: 15px;

}

.timeline-content p {

    color: #666;
    line-height: 29px;
    font-size: 16px;
    margin: 0;

}



/* Tablet */

@media(max-width:991px) {

    .timeline:before {
        left: 25px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 70px;
        padding-right: 0;
        left: 0 !important;
    }

    .timeline-item.left {
        padding-right: 0;
    }

    .timeline-item.right {

        padding-left: 70px;

    }

    .timeline-item:before {

        left: 16px !important;
        right: auto;

    }

    .journey-heading h2 {

        font-size: 40px;

    }

}



/* Mobile */

@media(max-width:767px) {

    .journey-section {

        padding: 70px 0;

    }

    .journey-heading {

        margin-bottom: 50px;

    }

    .journey-heading h2 {

        font-size: 32px;

    }

    .journey-heading p {

        font-size: 15px;
        line-height: 28px;

    }

    .timeline-content {

        padding: 25px;

    }

    .timeline-content h4 {

        font-size: 21px;

    }

    .timeline-content p {

        font-size: 15px;
        line-height: 26px;

    }

}

/* values section about page css ----------- */

.about-values-section {
    padding: 100px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.about-values-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(107, 69, 255, .05);
    border-radius: 50%;
    top: -180px;
    left: -180px;
    filter: blur(70px);
}

.about-values-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(255, 47, 146, .05);
    border-radius: 50%;
    bottom: -180px;
    right: -180px;
    filter: blur(70px);
}

.about-values-heading {
    max-width: 860px;
    margin: 0 auto 40px;
    position: relative;
    z-index: 2;
}

.about-values-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #FF2F92;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.about-values-heading h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1D1B39;
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-values-heading h2 span {
    background: linear-gradient(90deg, #3D4E9D, #6D28D9, #C026D3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.about-values-heading p {
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin: 0;
}

.about-values-card {
    background: #ffffff;
    border: 1px solid #ececf6;
    border-radius: 20px;
    padding: 35px;
    height: 100%;
    transition: .4s;
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.about-values-card:hover {
    transform: translateY(-10px);
    border-color: #6B45FF;
    box-shadow: 0 20px 45px rgba(107, 69, 255, .15);
}

.about-values-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 25px;
}

.about-values-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #1D1B39;
    margin-bottom: 18px;
}

.about-values-card p {
    font-size: 17px;
    color: #000;
    line-height: 28px;
    margin-bottom: 22px;
}

.about-values-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-values-card ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    color: #000;
    line-height: 27px;
    font-size: 15px;
}

.about-values-card ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: #6B45FF;
    font-size: 14px;
}

@media (max-width:991px) {

    .about-values-section {
        padding: 80px 0;
    }

    .about-values-heading {
        margin-bottom: 50px;
    }

    .about-values-heading h2 {
        font-size: 38px;
    }

    .about-values-card {
        padding: 30px;
    }

}

@media (max-width:767px) {

    .about-values-section {
        padding: 70px 0;
    }

    .about-values-heading {
        margin-bottom: 40px;
    }

    .about-values-heading h2 {
        font-size: 30px;
    }

    .about-values-heading p {
        font-size: 15px;
        line-height: 28px;
    }

    .about-values-card {
        padding: 25px;
    }

    .about-values-card h4 {
        font-size: 22px;
    }

    .about-values-icon {
        width: 52px;
        height: 52px;
        font-size: 20px;
        margin-bottom: 20px;
    }

}


/* about process section about page css ----------- */

.about-process-section {
    padding: 100px 0;
    background: #f9fbff;
    position: relative;
    overflow: hidden;
}

.about-process-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(107, 69, 255, .05);
    border-radius: 50%;
    top: -180px;
    left: -180px;
    filter: blur(70px);
}

.about-process-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(255, 47, 146, .05);
    border-radius: 50%;
    bottom: -180px;
    right: -180px;
    filter: blur(70px);
}

.about-process-heading {
    max-width: 800px;
    margin: 0 auto 40px;
    position: relative;
    z-index: 2;
}

.about-process-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #FF2F92;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.about-process-heading h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1E1B39;
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-process-heading h2 span {
    color: #6B45FF;
}

.about-process-heading p {
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin: 0;
}

.about-process-card {
    background: #ffffff;
    border: 1px solid #ececf6;
    border-radius: 18px;
    padding: 30px;
    height: 100%;
    transition: .35s;
    position: relative;
    z-index: 2;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
}

.about-process-card:hover {
    transform: translateY(-8px);
    border-color: #6B45FF;
    box-shadow: 0 18px 40px rgba(107, 69, 255, .12);
}

.about-process-number {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 22px;
}

.about-process-card h4 {
    font-size: 20px;
    color: #1E1B39;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 1.4;
}

.about-process-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-process-card ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    color: #666666;
    font-size: 15px;
    line-height: 26px;
}

.about-process-card ul li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #FF2F92;
    font-size: 15px;
}

@media (max-width:991px) {

    .about-process-section {
        padding: 80px 0;
    }

    .about-process-heading h2 {
        font-size: 38px;
    }

    .about-process-card {
        padding: 25px;
    }

}

@media (max-width:767px) {

    .about-process-section {
        padding: 70px 0;
    }

    .about-process-heading {
        margin-bottom: 40px;
    }

    .about-process-heading h2 {
        font-size: 30px;
    }

    .about-process-heading p {
        font-size: 15px;
        line-height: 28px;
    }

    .about-process-card {
        padding: 22px;
    }

    .about-process-card h4 {
        font-size: 20px;
    }

    .about-process-number {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

}

/* about culture section about page css ----------- */

.about-culture-section {
    padding: 100px 0;
    background: #090812;
    position: relative;
    overflow: hidden;
}

.about-culture-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(107, 69, 255, .12);
    border-radius: 50%;
    top: -220px;
    left: -220px;
    filter: blur(100px);
}

.about-culture-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(255, 47, 146, .10);
    border-radius: 50%;
    right: -220px;
    bottom: -220px;
    filter: blur(100px);
}

.about-culture-heading {
    max-width: 800px;
    margin: 0 auto 70px;
    position: relative;
    z-index: 2;
}

.about-culture-tag {
    display: inline-block;
    color: #FF2F92;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.about-culture-heading h2 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-culture-heading h2 span {
    color: #6B45FF;
}

.about-culture-heading p {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    margin: 0;
}

.about-culture-card {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 20px;
    padding: 35px 30px;
    height: 100%;
    transition: .35s;
    position: relative;
    overflow: hidden;
}

.about-culture-card::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: radial-gradient(circle, #6B45FF 0%, transparent 75%);
    opacity: .35;
    top: -30px;
    right: -30px;
}

.about-culture-card:hover {
    transform: translateY(-10px);
    border-color: #6B45FF;
    box-shadow: 0 15px 40px rgba(107, 69, 255, .25);
}

.about-culture-number {
    font-size: 14px;
    font-weight: 700;
    color: #FF2F92;
    margin-bottom: 18px;
    letter-spacing: 2px;
}

.about-culture-card h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 1.4;
}

.about-culture-card p {
    color: #c8c8d4;
    font-size: 15px;
    line-height: 28px;
    margin: 0;
}

@media(max-width:991px) {

    .about-culture-section {
        padding: 80px 0;
    }

    .about-culture-heading {
        margin-bottom: 50px;
    }

    .about-culture-heading h2 {
        font-size: 38px;
    }

    .about-culture-card {
        padding: 30px 25px;
    }

}

@media(max-width:767px) {

    .about-culture-section {
        padding: 70px 0;
    }

    .about-culture-heading {
        margin-bottom: 40px;
    }

    .about-culture-heading h2 {
        font-size: 30px;
    }

    .about-culture-heading p {
        font-size: 15px;
        line-height: 28px;
    }

    .about-culture-card {
        padding: 25px 22px;
    }

    .about-culture-card h4 {
        font-size: 20px;
    }

}

/* about leadership section about page css ----------- */

.about-leadership-section {
    padding: 100px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.about-leadership-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(107, 69, 255, .05);
    border-radius: 50%;
    top: -200px;
    left: -180px;
    filter: blur(80px);
}

.about-leadership-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(255, 47, 146, .05);
    border-radius: 50%;
    bottom: -200px;
    right: -180px;
    filter: blur(80px);
}

.about-leadership-heading {
    max-width: 760px;
    margin: 0 auto 70px;
    position: relative;
    z-index: 2;
}

.about-leadership-heading h2 {
    font-size: 48px;
    font-weight: 800;
    color: #1E1B39;
    line-height: 1.2;
    margin-bottom: 20px;
}

.about-leadership-heading h2 span {
    color: #6B45FF;
}

.about-leadership-heading p {
    font-size: 17px;
    color: #666666;
    line-height: 30px;
    margin: 0;
}

.about-leadership-card {
    text-align: center;
    transition: .35s;
    position: relative;
    z-index: 2;
}

.about-leadership-avatar {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    border: 3px solid rgba(107, 69, 255, .15);
    transition: .35s;
}

.about-leadership-card:hover .about-leadership-avatar {
    transform: translateY(-8px) scale(1.08);
    box-shadow: 0 15px 35px rgba(107, 69, 255, .25);
}

.about-leadership-card h5 {
    font-size: 20px;
    font-weight: 700;
    color: #1E1B39;
    margin-bottom: 8px;
}

.about-leadership-card span {
    display: block;
    font-size: 14px;
    color: #777777;
    letter-spacing: .3px;
}

@media(max-width:991px) {

    .about-leadership-section {
        padding: 80px 0;
    }

    .about-leadership-heading {
        margin-bottom: 50px;
    }

    .about-leadership-heading h2 {
        font-size: 38px;
    }

    .about-leadership-avatar {
        width: 80px;
        height: 80px;
        font-size: 24px;
    }

}

@media(max-width:767px) {

    .about-leadership-section {
        padding: 70px 0;
    }

    .about-leadership-heading {
        margin-bottom: 40px;
    }

    .about-leadership-heading h2 {
        font-size: 30px;
    }

    .about-leadership-heading p {
        font-size: 15px;
        line-height: 28px;
    }

    .about-leadership-avatar {
        width: 75px;
        height: 75px;
        font-size: 22px;
    }

    .about-leadership-card h5 {
        font-size: 18px;
    }

    .about-leadership-card span {
        font-size: 13px;
    }

}


/* about leadership section about page css ----------- */

.about-leader-section {
    padding: 60px 0;
    background: #ffffff;
    overflow: hidden;
}


.about-leader-head {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.about-leader-head h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.12;
    color: #1E1B39;
    margin: 0 auto 20px;
    max-width: 800px;
    letter-spacing: -1px;
}

.about-leader-head h2 span {
    color: #6B45FF;
}

.about-leader-head p {
    /* max-width: 520px; */
    color: #000;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}

.about-leader-item {
    text-align: center;
}

.about-leader-circle {

    width: 78px;
    height: 78px;

    margin: 0 auto 18px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, #5E5CFF, #E91E9A);

    color: #ffffff;

    font-size: 32px;
    font-weight: 700;

    border: 2px solid rgba(255, 255, 255, .85);

    box-shadow: 0 0 0 2px rgba(94, 92, 255, .18);

    transition: .35s;

}

.about-leader-item:hover .about-leader-circle {

    transform: translateY(-8px);

    box-shadow: 0 20px 40px rgba(94, 92, 255, .22);

}

.about-leader-item h6 {

    margin: 0 0 6px;

    font-size: 21px;

    font-weight: 700;

    color: #1E1B39;

}

.about-leader-item span {
    display: block;
    color: #000;
    font-size: 15px;
    letter-spacing: .5px;
}

@media (min-width:992px) {

    .about-leader-section .row {

        justify-content: space-between !important;

    }

}

@media (max-width:991px) {

    .about-leader-section {

        padding: 80px 0;

    }

    .about-leader-head {

        max-width: 100%;
        text-align: center;
        margin: 0 auto 55px;

    }

    .about-leader-head h2 {

        font-size: 44px;

    }

    .about-leader-head p {

        margin: auto;

    }

    .about-leader-item {

        margin-bottom: 40px;

    }

}

@media (max-width:767px) {

    .about-leader-section {

        padding: 70px 0;

    }

    .about-leader-head {

        margin-bottom: 40px;

    }

    .about-leader-head h2 {

        font-size: 34px;

    }

    .about-leader-head p {

        font-size: 16px;
        line-height: 28px;

    }

    .about-leader-circle {

        width: 72px;
        height: 72px;

        font-size: 26px;

    }

    .about-leader-item h6 {

        font-size: 18px;

    }

    .about-leader-item span {

        font-size: 12px;

    }

}


.abt-new-stats-section {
    background: linear-gradient(135deg, #090514 0%, #150d2a 50%, #0c0818 100%);
    padding: 80px 0;
    color: #ffffff;
}

.abt-new-stats-card {
    background-color: #0e0d18;
    border: 1px solid #1f1b2e;
    border-radius: 16px;
    overflow: hidden;
}

.abt-new-stats-col {
    padding: 40px 20px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #1f1b2e;
}

.abt-new-stats-col:last-child {
    border-bottom: none;
}

/* Desktop grid borders */
@media (min-width: 992px) {
    .abt-new-stats-col {
        border-bottom: none;
        border-right: 1px solid #1f1b2e;
    }

    .abt-new-stats-col:last-child {
        border-right: none;
    }
}

/* Tablet grid borders */
@media (min-width: 576px) and (max-width: 991.98px) {
    .abt-new-stats-col:nth-child(odd) {
        border-right: 1px solid #1f1b2e;
    }

    .abt-new-stats-col:nth-child(3),
    .abt-new-stats-col:nth-child(4) {
        border-bottom: none;
    }
}

.abt-new-counter-title {
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #a12c9f;
    line-height: 1;
}

.abt-new-plus-symbol {
    color: #a12c9f;
}

.abt-new-stats-label {
    color: #fff;
    font-size: 0.925rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

/* about cta section  css-------- */

.abt-cta-section {
    background: linear-gradient(135deg, #08060f 0%, #120c24 50%, #090712 100%);
    padding: 60px 0;
    color: #ffffff;
    position: relative;
}

.abt-cta-subtitle {
    color: #a49ebd;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.abt-cta-arrow {
    color: #a12c9f;
    font-weight: 700;
    margin-right: 4px;
}

.abt-cta-heading {
    color: #ffffff;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.abt-cta-description {
    color: #a49ebd;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 620px;
    margin: 0 auto 36px auto;
    font-weight: 400;
}

.abt-cta-btn-wrapper {
    display: inline-block;
}

.abt-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #4f46e5 0%, #a12c9f 100%);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 0 25px rgba(161, 44, 159, 0.4);
    transition: all 0.3s ease;
}

.abt-cta-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 0 35px rgba(161, 44, 159, 0.6);
}

.abt-cta-btn-arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.abt-cta-btn:hover .abt-cta-btn-arrow {
    transform: translateX(4px);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .abt-cta-section {
        padding: 70px 0;
    }

    .abt-cta-heading {
        font-size: 2rem;
    }

    .abt-cta-description {
        font-size: 0.95rem;
    }
}

@media (max-width: 575.98px) {
    .abt-cta-heading {
        font-size: 1.65rem;
    }

    .abt-cta-btn {
        padding: 12px 26px;
        font-size: 0.875rem;
    }
}



/* healthcare hero banner css ----------- */

.healthcare-hero-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0 90px;
    background: #080812;
    background-image:
        radial-gradient(circle at 15% 15%, rgba(103, 72, 255, .18), transparent 35%),
        radial-gradient(circle at 90% 20%, rgba(255, 47, 146, .12), transparent 30%),
        radial-gradient(circle at 80% 90%, rgba(103, 72, 255, .10), transparent 35%);
}

.healthcare-hero-section::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    right: -220px;
    top: -120px;
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    opacity: .08;
    border-radius: 50%;
    filter: blur(80px);
}

.healthcare-hero-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -180px;
    bottom: -180px;
    background: #6B45FF;
    opacity: .08;
    border-radius: 50%;
    filter: blur(90px);
}

.healthcare-hero-section .container {
    max-width: 1320px;
    position: relative;
    z-index: 2;
}

.healthcare-hero-breadcrumb {
    margin-bottom: 25px;
    font-size: 14px;
    color: #9f9fb8;
}

.healthcare-hero-breadcrumb a {
    color: #9f9fb8;
    text-decoration: none;
    transition: .3s;
}

.healthcare-hero-breadcrumb a:hover {
    color: #ffffff;
}

.healthcare-hero-breadcrumb span {
    margin: 0 10px;
    color: #777;
}

.healthcare-hero-breadcrumb strong {
    color: #ffffff;
    font-weight: 600;
}

.healthcare-hero-tag {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FF2F92;
    font-weight: 700;
}

.healthcare-hero-content h1 {
    font-size: 50px;
    line-height: 1.05;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
}

.healthcare-hero-content h1 span {
    background: linear-gradient(90deg, #5B72FF, #8B3DFF, #FF2F92);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.healthcare-hero-content p {
    /* max-width: 560px; */
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}

.healthcare-hero-buttons {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px;
}

.healthcare-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 17px 32px;
    border-radius: 60px;
    background: linear-gradient(90deg, #5B72FF, #8B3DFF, #FF2F92);
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    transition: .35s;
}

.healthcare-btn-primary:hover {
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(107, 69, 255, .35);
}

.healthcare-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 17px 30px;
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, .18);
    text-decoration: none;
    color: #ffffff;
    transition: .35s;
}

.healthcare-btn-outline:hover {
    background: #ffffff;
    color: #111111;
}

.healthcare-hero-stats {
    display: flex;
    gap: 40px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: 20px;
}

.healthcare-stat {
    /* flex: 1; */
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.healthcare-stat:last-child {
    border-right: none;
}

.healthcare-stat h2 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700;
}

.healthcare-stat span {
    color: #fff;
    font-size: 17px;
    line-height: 26px;
}

.healthcare-hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .healthcare-glass-box {
    width: 560px;
    height: 560px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(135deg,
            rgba(92, 113, 255, .16),
            rgba(255, 255, 255, .05),
            rgba(255, 47, 146, .14));
    backdrop-filter: blur(25px);
} */

.healthcare-glass-box {
    /* width:560px; */
    /* height:560px; */
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: #111;
}

.healthcare-hero-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 34px;
}

.healthcare-plus-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid #7A52FF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF2F92;
    font-size: 60px;
    background: rgba(255, 255, 255, .04);
}

.healthcare-floating-card {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding: 18px 22px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .20);
}

.healthcare-floating-card h5 {
    margin: 0;
    font-size: 20px;
    color: #111111;
    font-weight: 700;
}

.healthcare-floating-card span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #777777;
}

.healthcare-circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
}

.healthcare-circle-one {
    width: 220px;
    height: 220px;
    background: rgba(91, 114, 255, .12);
    top: -70px;
    left: -70px;
}

.healthcare-circle-two {
    width: 170px;
    height: 170px;
    background: rgba(255, 47, 146, .15);
    right: -40px;
    bottom: 60px;
}

.healthcare-circle-three {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, .05);
    left: 55%;
    top: 18%;
}

.healthcare-grid-lines {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
    background-size: 45px 45px;
    opacity: .35;
}

/* healthcare hero responsive css ----------- */

@media (max-width:1199px) {

    .healthcare-hero-section {
        padding: 130px 0 80px !important;
    }

    .healthcare-hero-content h1 {
        font-size: 60px;
    }

    .healthcare-hero-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .healthcare-glass-box {
        width: 480px;
        height: 480px;
    }

    .healthcare-plus-icon {
        width: 105px;
        height: 105px;
        font-size: 52px;
    }

    .healthcare-floating-card {
        left: 20px;
        bottom: 20px;
    }

}



@media (max-width:991px) {

    .healthcare-hero-section {
        padding: 90px 0 70px;
    }

    .healthcare-hero-breadcrumb {
        text-align: center;
        margin-bottom: 20px;
    }

    .healthcare-hero-content {
        text-align: center;
    }

    .healthcare-hero-content p {
        max-width: 100%;
        margin: 0 auto 35px;
    }

    .healthcare-hero-content h1 {
        font-size: 50px;
    }

    .healthcare-hero-buttons {
        justify-content: center;
        margin-bottom: 45px;
        flex-wrap: wrap;
    }

    .healthcare-hero-stats {
        justify-content: center;
        margin-bottom: 55px;
    }

    .healthcare-stat {
        text-align: center;
    }

    .healthcare-hero-image {
        margin-top: 20px;
    }

    .healthcare-glass-box {
        width: 440px;
        height: 440px;
    }

    .healthcare-plus-icon {
        width: 95px;
        height: 95px;
        font-size: 48px;
    }

    .healthcare-floating-card {
        padding: 16px 18px;
    }

    .healthcare-floating-card h5 {
        font-size: 18px;
    }

}



@media (max-width:767px) {

    .healthcare-hero-section {
        padding: 80px 0 60px;
    }

    .healthcare-hero-breadcrumb {
        display: none;
    }

    .healthcare-hero-tag {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .healthcare-hero-content h1 {
        font-size: 40px;
        line-height: 1.15;
        margin-bottom: 22px;
    }

    .healthcare-hero-content p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .healthcare-hero-buttons {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
    }

    .healthcare-btn-primary,
    .healthcare-btn-outline {
        width: 100%;
        justify-content: center;
        padding: 16px 20px;
    }

    .healthcare-hero-stats {
        flex-direction: column;
        gap: 25px;
        border-top: none;
        padding-top: 0;
    }

    .healthcare-stat {
        border: none;
    }

    .healthcare-stat h2 {
        font-size: 34px;
        margin-bottom: 8px;
    }

    .healthcare-stat span {
        font-size: 14px;
    }

    .healthcare-glass-box {
        width: 100%;
        max-width: 360px;
        height: 360px;
        margin: auto;
    }

    .healthcare-plus-icon {
        width: 82px;
        height: 82px;
        font-size: 42px;
        border-width: 4px;
    }

    .healthcare-floating-card {
        width: 220px;
        left: 15px;
        bottom: 15px;
        padding: 15px;
    }

    .healthcare-floating-card h5 {
        font-size: 17px;
    }

    .healthcare-floating-card span {
        font-size: 12px;
    }

    .healthcare-circle-one {
        width: 170px;
        height: 170px;
    }

    .healthcare-circle-two {
        width: 130px;
        height: 130px;
    }

    .healthcare-circle-three {
        width: 90px;
        height: 90px;
    }

}



@media (max-width:575px) {

    .healthcare-hero-section {
        padding: 70px 0 50px;
    }

    .healthcare-hero-content h1 {
        font-size: 34px;
    }

    .healthcare-hero-content p {
        font-size: 15px;
        line-height: 28px;
    }

    .healthcare-btn-primary,
    .healthcare-btn-outline {
        font-size: 15px;
        padding: 15px 18px;
    }

    .healthcare-glass-box {
        height: 320px;
    }

    .healthcare-plus-icon {
        width: 72px;
        height: 72px;
        font-size: 36px;
    }

    .healthcare-floating-card {
        width: 190px;
        border-radius: 14px;
    }

    .healthcare-floating-card h5 {
        font-size: 15px;
    }

    .healthcare-floating-card span {
        font-size: 11px;
    }

}



@media (max-width:420px) {

    .healthcare-hero-content h1 {
        font-size: 30px;
    }

    .healthcare-glass-box {
        height: 280px;
    }

    .healthcare-plus-icon {
        width: 64px;
        height: 64px;
        font-size: 30px;
    }

    .healthcare-floating-card {
        width: 170px;
        padding: 12px;
    }

    .healthcare-floating-card h5 {
        font-size: 14px;
    }

    .healthcare-floating-card span {
        font-size: 10px;
    }

}



/* healthcare services section css ----------- */

.health-services-section {
    padding: 100px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.health-services-section::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    left: -220px;
    top: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, #6B45FF20 0%, transparent 70%);
}

.health-services-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -200px;
    bottom: -200px;
    border-radius: 50%;
    background: radial-gradient(circle, #FF2F9220 0%, transparent 70%);
}

.health-services-section .container {
    max-width: 1280px;
    position: relative;
    z-index: 2;
}



/* Heading */

.health-services-heading {
    /* max-width: 850px; */
    margin: 0 auto 35px;
    text-align: center;
}

.health-services-tag {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    color: #FF2F92;
    margin-bottom: 18px;
}

.health-services-heading h2 {
    font-size: 44px;
    line-height: 1.08;
    color: #1D1D2F;
    font-weight: 700;
    margin-bottom: 22px;
}

@media (max-width: 991px) {
    .health-services-heading h2 {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

}

.health-services-heading h2 span {
    background: linear-gradient(90deg, #6B45FF, #FF2F92);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.health-services-heading p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin: 0;
}



/* Grid */

.health-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #E8E8F2;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 15px 50px rgba(18, 18, 40, .05);
}



/* Card */

.health-service-card {
    position: relative;
    padding: 38px 32px;
    min-height: 245px;
    background: #ffffff;
    border-right: 1px solid #ECECF4;
    border-bottom: 1px solid #ECECF4;
    transition: .35s;
    overflow: hidden;
    cursor: pointer;
}

.health-service-card:nth-child(4),
.health-service-card:nth-child(8) {
    border-right: none;
}

.health-service-card:nth-child(5),
.health-service-card:nth-child(6),
.health-service-card:nth-child(7),
.health-service-card:nth-child(8) {
    border-bottom: none;
}



/* Icon */

.health-service-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #F4EEFF;
    color: #6B45FF;
    font-size: 22px;
    margin-bottom: 24px;
    transition: .35s;
}



/* Title */

.health-service-card h4 {
    font-size: 22px;
    line-height: 1.35;
    color: #1E2033;
    font-weight: 700;
    margin-bottom: 18px;
}



/* Description */

.health-service-card p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #7B8195;
}



/* Decorative Gradient */

.health-service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(107, 69, 255, .06),
            rgba(255, 47, 146, .04));
    opacity: 0;
    transition: .35s;
    z-index: 0;
}

.health-service-card>* {
    position: relative;
    z-index: 2;
}

/* healthcare services hover css ----------- */

.health-service-card:hover,
.health-service-card.active {
    background: linear-gradient(135deg, #F7F3FF 0%, #FDF8FF 45%, #FFF5FA 100%);
    box-shadow: 0 18px 45px rgba(107, 69, 255, .10);
    transform: translateY(-6px);
    z-index: 5;
}

.health-service-card:hover::before,
.health-service-card.active::before {
    opacity: 1;
}

.health-service-card:hover .health-service-icon,
.health-service-card.active .health-service-icon {
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    color: #ffffff;
    transform: rotate(-8deg) scale(1.08);
    box-shadow: 0 12px 30px rgba(107, 69, 255, .25);
}

.health-service-card:hover h4,
.health-service-card.active h4 {
    color: #2C2367;
}

.health-service-card:hover p,
.health-service-card.active p {
    color: #5E6175;
}

.health-service-card {
    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.health-service-icon {
    transition: all .35s ease;
}

.health-service-card h4 {
    transition: .35s;
}

.health-service-card p {
    transition: .35s;
}



/* top highlight */

.health-service-card::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #6B45FF, #FF2F92);
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s;
}

.health-service-card:hover::after,
.health-service-card.active::after {
    transform: scaleX(1);
}



/* border glow */

.health-service-card:hover {
    border-color: #D8C8FF;
}



/* subtle gradient circle */

.health-service-card .health-service-icon::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(107, 69, 255, .08);
    transform: scale(0);
    transition: .35s;
    z-index: -1;
}

.health-service-card:hover .health-service-icon::before,
.health-service-card.active .health-service-icon::before {
    transform: scale(1);
}



/* card shine */

.health-service-card {
    position: relative;
}

.health-service-card .health-card-shine {
    display: none;
}

.health-service-card::selection {
    background: transparent;
}

.health-service-card::before {
    pointer-events: none;
}



/* smooth hover */

.health-service-card:hover {
    transition-duration: .35s;
}



/* heading animation */

.health-services-heading h2 span {
    background-size: 200% auto;
    animation: healthGradientMove 5s linear infinite;
}



/* icon floating */

.health-service-card:hover .health-service-icon {
    animation: healthIconFloat .8s ease;
}



/* keyframes */

@keyframes healthGradientMove {

    0% {
        background-position: left center;
    }

    100% {
        background-position: right center;
    }

}

@keyframes healthIconFloat {

    0% {
        transform: translateY(0);
    }

    35% {
        transform: translateY(-6px);
    }

    70% {
        transform: translateY(3px);
    }

    100% {
        transform: translateY(0);
    }

}



/* better cursor */

.health-service-card {
    cursor: pointer;
}



/* optional active card */

.health-service-card.active {
    background: linear-gradient(135deg, #F5F1FF, #FDF7FF, #FFF6FB);
}



/* smooth page appearance */

.health-services-grid {
    animation: healthGridFade .8s ease;
}

@media (max-width:1199px) {

    .health-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .health-service-card {
        min-height: 260px;
    }

    .health-service-card:nth-child(2),
    .health-service-card:nth-child(4),
    .health-service-card:nth-child(6),
    .health-service-card:nth-child(8) {
        border-right: none;
    }

    .health-service-card:nth-child(5),
    .health-service-card:nth-child(6) {
        border-bottom: 1px solid #ECECF4;
    }

}

@media (max-width:991px) {

    .health-services-section {
        padding: 70px 0;
    }

    .health-services-heading {
        margin-bottom: 30px;
    }

    .health-services-heading h2 {
        font-size: 34px;
    }

    .health-services-heading p {
        font-size: 17px;
        line-height: 30px;
    }

    .health-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .health-service-card {
        padding: 28px;
        min-height: auto;
    }

    .health-service-card h4 {
        font-size: 22px;
    }

}

@media (max-width:767px) {

    .health-services-section {
        padding: 60px 0;
    }

    .health-services-heading h2 {
        font-size: 30px !important;
        line-height: 1.25;
    }

    .health-services-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-services-grid {

        display: grid;
        grid-template-columns: 1fr;
        border-radius: 18px;

    }

    .health-service-card {

        padding: 25px 20px;
        min-height: auto;

        border-right: none;
        border-bottom: 1px solid #ECECF4;

    }

    .health-service-card:last-child {
        border-bottom: none;
    }

    .health-service-icon {

        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-bottom: 18px;

    }

    .health-service-card h4 {

        font-size: 22px;
        margin-bottom: 12px;

    }

    .health-service-card p {

        font-size: 15px;
        line-height: 26px;

    }

}

@media (max-width:575px) {

    .health-services-heading h2 {

        font-size: 26px !important;

    }

    .health-services-heading p {

        font-size: 15px;

    }

    .health-service-card {

        padding: 22px 18px;

    }

    .health-service-card h4 {

        font-size: 20px;

    }

}

@keyframes healthGridFade {

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

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

}

/* healthcare technology section css ----------- */

.health-tech-section {
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    background: #080812;
}

.health-tech-section::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(107, 69, 255, .15), transparent 70%);
}

.health-tech-section::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -220px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 47, 146, .10), transparent 70%);
}

.health-tech-section .container {
    position: relative;
    z-index: 2;
    max-width: 1280px;
}



/* Heading */

.health-tech-content {
    margin-bottom: 30px;
    text-align: center;
}

.health-tech-tag {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FF2F92;
}

.health-tech-content h2,
.health-tech-content h3 {
    font-size: 44px;
    line-height: 1.08;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 22px;
    text-align: center;
}

.health-tech-content h2 span,
.health-tech-content h3 span {
    background: linear-gradient(90deg, #6B45FF, #8B3DFF, #FF2F92);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.health-tech-content p {
    /* max-width: 560px; */
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}



/* Pills */

.health-tech-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    text-align: center;
}

.health-tech-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .02);
    color: #D6D8E8;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: .35s ease;
    backdrop-filter: blur(8px);
}

.health-tech-pill i {
    color: #8E71FF;
    transition: .35s;
}

.health-tech-pill:hover {
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-5px);
    border-color: #6B45FF;
    background: linear-gradient(135deg, #6B45FF, #FF2F92);
    box-shadow: 0 18px 35px rgba(107, 69, 255, .30);
}

.health-tech-pill:hover i {
    color: #ffffff;
}



/* Responsive */

@media(max-width:1199px) {

    .health-tech-content h2,
    .health-tech-content h3 {
        font-size: 48px;
    }

}

@media(max-width:991px) {

    .health-tech-section {
        padding: 90px 0;
    }

    .health-tech-content {
        text-align: center;
    }

    .health-tech-content p {
        margin: auto;
    }

    .health-tech-tags {
        justify-content: center;
    }

    .health-tech-content h2,
    .health-tech-content h3 {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .health-tech-section {
        padding: 80px 0;
    }

    .health-tech-content h2,
    .health-tech-content h3 {
        font-size: 34px;
        line-height: 1.2;
    }

    .health-tech-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-tech-tags {
        gap: 12px;
    }

    .health-tech-pill {
        width: 100%;
        justify-content: center;
        padding: 14px 18px;
        font-size: 15px;
    }

}

@media(max-width:575px) {

    .health-tech-content h2,
    .health-tech-content h3 {
        font-size: 30px;
    }

    .health-tech-tag {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .health-tech-content p {
        font-size: 15px;
    }

    .health-tech-pill {
        font-size: 14px;
        padding: 13px 16px;
    }

}


/* healthcare process section css ----------- */

.health-process-section {
    padding: 60px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.health-process-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -220px;
    top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(107, 69, 255, .08), transparent 70%);
}

.health-process-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    right: -180px;
    bottom: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 47, 146, .08), transparent 70%);
}


.health-process-heading {
    margin-bottom: 40px;
}

.health-process-tag {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FF2F92;
}

.health-process-heading h2,
.health-process-heading h3 {
    font-size: 44px;
    font-weight: 700;
    color: #1D2035;
    line-height: 1.15;
    margin-bottom: 20px;
}

.health-process-heading h2 span,
.health-process-heading h3 span {
    /* display: block; */
    background: linear-gradient(90deg, #4F67FF, #7A45FF, #FF2F92);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.health-process-heading p {
    /* max-width: 700px; */
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.health-process-row {
    position: relative;
}

.health-process-item {
    position: relative;
    padding: 0 18px;
}

.health-process-item::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 72px;
    width: calc(100% - 40px);
    height: 2px;
    background: #E8E8F3;
}

.health-process-row .col-lg:last-child .health-process-item::before {
    display: none;
}

.health-process-number {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 28px;
    background: linear-gradient(135deg, #4F67FF, #7A45FF, #FF2F92);
    box-shadow: 0 12px 25px rgba(107, 69, 255, .20);
    transition: .35s;
}

.health-process-item h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1E2033;
    line-height: 1.35;
    margin-bottom: 16px;
}

.health-process-item p {
    font-size: 17px;
    line-height: 30px;
    color: #000;
    margin: 0;
}

.health-process-item:hover .health-process-number {
    transform: translateY(-6px) rotate(-5deg);
    box-shadow: 0 18px 35px rgba(107, 69, 255, .35);
}

.health-process-item:hover h4 {
    color: #6B45FF;
}

.health-process-item {
    transition: .35s;
}

.health-process-item h4,
.health-process-item p {
    transition: .35s;
}

@media(max-width:1199px) {

    .health-process-heading h2,
    .health-process-heading h3 {
        font-size: 48px;
    }

    .health-process-item h4 {
        font-size: 21px;
    }

}

@media(max-width:991px) {

    .health-process-section {
        padding: 60px 0;
    }

    .health-process-heading {
        margin-bottom: 55px;
    }

    .health-process-heading h2,
    .health-process-heading h3 {
        font-size: 40px;
    }

    .health-process-item {
        margin-bottom: 40px;
    }

    .health-process-item::before {
        display: none;
    }

}

@media(max-width:767px) {

    .health-process-section {
        padding: 60px 0;
    }

    .health-process-heading h2,
    .health-process-heading h3 {
        font-size: 34px;
    }

    .health-process-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-process-item {
        text-align: center;
        padding: 0;
    }

    .health-process-number {
        margin: 0 auto 25px;
    }

}

@media(max-width:575px) {

    .health-process-heading h2,
    .health-process-heading h3 {
        font-size: 30px;
    }

    .health-process-heading p {
        font-size: 15px;
    }

    .health-process-item h4 {
        font-size: 20px;
    }

    .health-process-item p {
        font-size: 15px;
        line-height: 28px;
    }

}

/* healthcare security section css ----------- */

.health-security-section {
    padding: 60px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.health-security-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -180px;
    left: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(107, 69, 255, .08), transparent 70%);
}

.health-security-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    bottom: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 47, 146, .08), transparent 70%);
}


/* Heading */

.health-security-heading {
    margin-bottom: 45px;
}

.health-security-tag {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FF2F92;
}

.health-security-heading h2,
.health-security-heading h3 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    color: #1D2035;
    margin-bottom: 20px;
}

.health-security-heading h2 span,
.health-security-heading h3 span {
    /* display: block; */
    background: linear-gradient(90deg, #4F67FF, #6B45FF, #FF2F92);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.health-security-heading p {
    margin: 0 auto;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}



/* Cards */

.health-security-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #ECECF3;
    border-radius: 22px;
    padding: 35px;
    transition: .35s;
    box-shadow: 0 12px 35px rgba(18, 18, 40, .05);
}

.health-security-card:hover {
    transform: translateY(-8px);
    border-color: #D9CCFF;
    box-shadow: 0 25px 60px rgba(107, 69, 255, .12);
}



/* Card Heading */

.health-security-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
}

.health-security-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #4F67FF, #6B45FF, #FF2F92);
    color: #ffffff;
    font-size: 22px;
    flex-shrink: 0;
    transition: .35s;
}

.health-security-card:hover .health-security-icon {
    transform: rotate(-8deg) scale(1.08);
    box-shadow: 0 15px 30px rgba(107, 69, 255, .25);
}

.health-security-title h4 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #1E2033;
}



/* List */

.health-security-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.health-security-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 18px;
    color: #6E7388;
    font-size: 16px;
    line-height: 30px;
}

.health-security-list li:last-child {
    margin-bottom: 0;
}

.health-security-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4F67FF, #FF2F92);
}



/* Hover */

.health-security-card:hover h4 {
    color: #6B45FF;
}

.health-security-card:hover li {
    color: #54586C;
}

.health-security-title h4,
.health-security-list li {
    transition: .35s;
}



/* Responsive */

@media(max-width:1199px) {

    .health-security-heading h2,
    .health-security-heading h3 {
        font-size: 40px;
    }

}

@media(max-width:991px) {

    .health-security-section {
        padding: 90px 0;
    }

    .health-security-heading {
        margin-bottom: 50px;
    }

    .health-security-heading h2,
    .health-security-heading h3 {
        font-size: 36px;
    }

    .health-security-card {
        padding: 30px;
    }

}

@media(max-width:767px) {

    .health-security-section {
        padding: 80px 0;
    }

    .health-security-heading h2,
    .health-security-heading h3 {
        font-size: 32px;
    }

    .health-security-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-security-title {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .health-security-title h4 {
        font-size: 24px;
    }

    .health-security-list li {
        font-size: 15px;
        line-height: 28px;
    }

}

@media(max-width:575px) {

    .health-security-heading h2,
    .health-security-heading h3 {
        font-size: 28px;
    }

    .health-security-heading p {
        font-size: 15px;
    }

    .health-security-card {
        padding: 25px;
    }

    .health-security-icon {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }

    .health-security-title h4 {
        font-size: 22px;
    }

}

/* healthcare cta section css ----------- */

.health-cta-section {
    padding: 60px 0;
    background: #ffffff;
}

.health-cta-box {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 60px;
    background: linear-gradient(135deg, #324186 0%, #586089 50%, #FF2F92 100%);
    box-shadow: 0 25px 60px rgba(107, 69, 255, .18);
}

.health-cta-box::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    top: -140px;
    right: -100px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}

.health-cta-box::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -90px;
    left: -70px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
}

.health-cta-content,
.health-cta-btns {
    position: relative;
    z-index: 2;
}

.health-cta-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .18);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.health-cta-content h2,
.health-cta-content h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 18px;
}

.health-cta-content p {
    margin: 0;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, .92);
    max-width: 650px;
}

.health-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 24px;
    border-radius: 50px;
    background: #ffffff;
    color: #6B45FF;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
}

.health-cta-btn:hover {
    color: #ffffff;
    background: #1D2035;
    transform: translateY(-5px);
    text-decoration: none;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .18);
}

@media(max-width:991px) {

    .health-cta-box {
        padding: 45px 35px;
        text-align: center;
    }

    .health-cta-content {
        margin-bottom: 30px;
    }

    .health-cta-content h2,
    .health-cta-content h3 {
        font-size: 34px;
    }

    .health-cta-content p {
        margin: 0 auto;
    }

}

@media(max-width:767px) {

    .health-cta-section {
        padding: 60px 0;
    }

    .health-cta-box {
        padding: 35px 25px;
        border-radius: 20px;
    }

    .health-cta-content h2,
    .health-cta-content h3 {
        font-size: 28px;
    }

    .health-cta-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-cta-btn {
        width: 100%;
        padding: 16px 20px;
    }

}

@media(max-width:575px) {

    .health-cta-content h2,
    .health-cta-content h3 {
        font-size: 24px;
    }

    .health-cta-content p {
        font-size: 15px;
    }

}


/* healthcare faq section css ----------- */

.health-faq-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: #ffffff;
}

.health-faq-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -220px;
    left: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(107, 69, 255, .10) 0%, transparent 70%);
}

.health-faq-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    right: -180px;
    bottom: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 47, 146, .10) 0%, transparent 70%);
}

.health-faq-heading {
    margin-bottom: 45px;
}

.health-faq-heading h2,
.health-faq-heading h3 {
    font-size: 44px;
    font-weight: 700;
    color: #1D2035;
    margin-bottom: 18px;
}

.health-faq-heading p {
    /* max-width: 700px; */
    margin: 0 auto;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.health-faq-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #E7E7EF;
    border-radius: 0;
    background: transparent;
}

.health-faq-accordion .accordion-button {
    background: transparent;
    box-shadow: none;
    padding: 26px 0;
    font-size: 24px;
    font-weight: 600;
    color: #1D2035;
}

.health-faq-accordion .accordion-button:not(.collapsed) {
    background: transparent;
    color: #6B45FF;
}

.health-faq-accordion .accordion-button::after {
    content: "+";
    background: none;
    width: auto;
    height: auto;
    font-size: 28px;
    color: #FF2F92;
    font-weight: 700;
    transform: none;
}

.health-faq-accordion .accordion-button:not(.collapsed)::after {
    content: "−";
}

.health-faq-accordion .accordion-body {
    padding: 0 0 24px;
    font-size: 17px;
    line-height: 30px;
    color: #000;
}

.health-faq-accordion .accordion-button:focus {
    box-shadow: none;
}

@media(max-width:991px) {

    .health-faq-heading h2,
    .health-faq-heading h3 {
        font-size: 36px;
    }

    .health-faq-accordion .accordion-button {
        font-size: 21px;
    }

}

@media(max-width:767px) {

    .health-faq-section {
        padding: 50px 0;
    }

    .health-faq-heading h2,
    .health-faq-heading h3 {
        font-size: 30px;
    }

    .health-faq-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .health-faq-accordion .accordion-button {
        font-size: 18px;
        padding: 20px 0;
    }

    .health-faq-accordion .accordion-body {
        font-size: 15px;
        line-height: 28px;
    }

}

@media(max-width:575px) {

    .health-faq-heading h2,
    .health-faq-heading h3 {
        font-size: 26px;
    }

    .health-faq-accordion .accordion-button {
        font-size: 17px;
    }

}

/* teams banner section css ----------- */

.teams-banner-section {
    position: relative;
    padding: 170px 0 90px;
    background: #07070d;
    overflow: hidden;
}

.teams-banner-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(116, 92, 255, .20), transparent 70%);
}

.teams-banner-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    bottom: -180px;
    left: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 67, 164, .15), transparent 70%);
}

.teams-banner-section .container {
    position: relative;
    z-index: 2;
}

.teams-banner-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    margin: 20px 0 25px;
}

.teams-banner-title span {
    background: linear-gradient(90deg, #7367ff, #ff4da6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-banner-desc {
    color: #c8c8d2;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 40px;
    max-width: 580px;
}

.teams-banner-btns {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.teams-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border-radius: 50px;
    background: linear-gradient(135deg, #6d5cff, #ff4da6);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
    box-shadow: 0 18px 40px rgba(109, 92, 255, .30);
}

.teams-btn-primary:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 25px 50px rgba(109, 92, 255, .45);
}

.teams-banner-stats {
    margin-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: 35px;
}

.teams-stat-box {
    border-right: 1px solid rgba(255, 255, 255, .08);
    padding-right: 20px;
}

.teams-stat-box h3 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #7367ff, #ff4da6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-stat-box p {
    color: #b9b9c9;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}

.teams-banner-image {
    position: relative;
    height: 490px;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #11111b;
    box-shadow: 0 35px 80px rgba(0, 0, 0, .45);
}

.teams-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teams-banner-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(7, 7, 13, .50),
            rgba(7, 7, 13, .05));
}

.teams-banner-card {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255, 255, 255, .95);
    padding: 18px 22px;
    border-radius: 18px;
    backdrop-filter: blur(15px);
    z-index: 2;
}

.teams-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6d5cff, #ff4da6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.teams-banner-card h5 {
    margin: 0;
    color: #151515;
    font-size: 18px;
    font-weight: 700;
}

.teams-banner-card span {
    color: #666;
    font-size: 14px;
}

.teams-circle {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.teams-circle.one {
    width: 170px;
    height: 170px;
    background: rgba(116, 92, 255, .20);
    top: -60px;
    right: -60px;
}

.teams-circle.two {
    width: 120px;
    height: 120px;
    background: rgba(255, 77, 166, .20);
    bottom: 120px;
    right: -40px;
}


/* teams banner responsive css ----------- */

@media (max-width:991px) {

    .teams-banner-section {
        padding: 140px 0 70px;
    }

    .teams-banner-title {
        font-size: 42px;
    }

    .teams-banner-desc {
        max-width: 100%;
    }

    .teams-banner-image {
        height: 470px;
        margin-top: 10px;
    }

    .teams-banner-stats {
        margin-bottom: 20px;
    }

}


@media (max-width:767px) {

    .teams-banner-section {
        padding: 120px 0 60px;
    }

    .teams-banner-title {
        font-size: 34px;
    }

    .teams-banner-desc {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .teams-banner-btns {
        flex-direction: column;
        align-items: stretch;
    }

    .teams-btn-primary,
    .healthcare-btn-outline {
        width: 100%;
        justify-content: center;
    }

    .teams-banner-image {
        height: 380px;
        border-radius: 20px;
    }

    .teams-banner-card {
        left: 15px;
        right: 15px;
        bottom: 15px;
        padding: 15px 18px;
    }

    .teams-card-icon {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }

    .teams-banner-card h5 {
        font-size: 16px;
    }

    .teams-banner-card span {
        font-size: 13px;
    }

    .teams-stat-box {
        border: none;
        text-align: center;
        padding: 0;
        margin-bottom: 25px;
    }

    .teams-stat-box h3 {
        font-size: 30px;
    }

}


@media (max-width:575px) {

    .teams-banner-title {
        font-size: 30px;
    }

    .teams-banner-image {
        height: 320px;
    }

    .teams-banner-card {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 15px;
    }

    .teams-stat-box h3 {
        font-size: 26px;
    }

}


/* teams why choose section css ----------- */

.teams-why-section {
    padding: 60px 0;
    background: #f8f9ff;
    position: relative;
    overflow: hidden;
}

.teams-why-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    right: -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(108, 92, 255, .10), transparent 70%);
}

.teams-why-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -180px;
    left: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 77, 166, .08), transparent 70%);
}

.teams-why-section .container {
    position: relative;
    z-index: 2;
}

.teams-why-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #18162c;
    margin: 20px 0;
}

.teams-why-title span {
    background: linear-gradient(90deg, #6d5cff, #ff4da6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-why-desc {
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.9;
    color: #000;
}

.teams-feature-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #ecebff;
    border-radius: 22px;
    padding: 40px 28px;
    text-align: center;
    transition: .35s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(18, 18, 18, .05);
}

.teams-feature-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #6d5cff, #ff4da6);
    transition: .4s;
}

.teams-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(93, 76, 255, .15);
    border-color: #d7d3ff;
}

.teams-feature-card:hover::before {
    left: 0;
}

.teams-feature-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #6d5cff, #ff4da6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    transition: .4s;
    box-shadow: 0 12px 25px rgba(109, 92, 255, .25);
}

.teams-feature-card:hover .teams-feature-icon {
    transform: rotate(-8deg) scale(1.08);
}

.teams-feature-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: #18162c;
    margin-bottom: 15px;
}

.teams-feature-card p {
    margin: 0;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
}


/* teams why choose responsive css ----------- */

@media (max-width:991px) {

    .teams-why-section {
        padding: 80px 0;
    }

    .teams-why-title {
        font-size: 40px;
    }

    .teams-feature-card {
        padding: 35px 25px;
    }

}

@media (max-width:767px) {

    .teams-why-section {
        padding: 70px 0;
    }

    .teams-why-title {
        font-size: 34px;
    }

    .teams-why-desc {
        font-size: 16px;
        line-height: 1.8;
    }

    .teams-feature-card {
        padding: 30px 22px;
    }

    .teams-feature-icon {
        width: 65px;
        height: 65px;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .teams-feature-card h4 {
        font-size: 20px;
    }

}

@media (max-width:575px) {

    .teams-why-title {
        font-size: 30px;
    }

    .teams-feature-card {
        padding: 28px 20px;
    }

    .teams-feature-card h4 {
        font-size: 18px;
    }

    .teams-feature-card p {
        font-size: 14px;
    }

}


/* roles you can hire section css ----------- */

.teams-roles-section {
    padding: 60px 0;
    background:
        radial-gradient(circle at 20% 25%, rgba(188, 198, 255, .65) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(255, 192, 220, .60) 0%, transparent 45%),
        linear-gradient(135deg, #eef3ff 0%, #f8f9ff 45%, #fbe8f4 100%);
}

.teams-roles-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #151525;
    margin: 18px 0;
}

.teams-roles-title span {
    background: linear-gradient(90deg, #5e63ff, #d92fd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-roles-desc {
    /* max-width: 700px; */
    margin: auto;
    font-size: 17px;
    line-height: 1.8;
    color: #000;
}

.teams-roles-wrapper {
    margin-top: 45px;
    border: 1px solid #e8e8ef;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 15px 40px rgba(20, 20, 20, .05);
}

.role-item {
    padding: 38px 26px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #ececf4;
    border-bottom: 1px solid #ececf4;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}

.role-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(94, 99, 255, .05),
            rgba(217, 47, 213, .08));
    opacity: 0;
    transition: .35s;
}

.role-item:hover::before,
.role-active::before {
    opacity: 1;
}

.role-item:hover {
    transform: translateY(-6px);
}

.role-item:hover .role-icon,
.role-active .role-icon {
    background: linear-gradient(135deg, #5e63ff, #d92fd5);
    color: #fff;
    transform: rotate(-8deg) scale(1.08);
    box-shadow: 0 12px 30px rgba(94, 99, 255, .25);
}

.role-item:hover h5,
.role-active h5 {
    color: #5e63ff;
}

.role-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: #f3f1ff;
    color: #5e63ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 22px;
    transition: .35s;
    position: relative;
    z-index: 2;
}

.role-item h5 {
    font-size: 20px;
    font-weight: 700;
    color: #171727;
    margin-bottom: 14px;
    position: relative;
    z-index: 2;
}

.role-item p {
    font-size: 15px;
    line-height: 1.8;
    color: #73778d;
    margin: 0;
    position: relative;
    z-index: 2;
}

.row>.col-lg-3:nth-child(4) .role-item,
.row>.col-lg-3:nth-child(8) .role-item {
    border-right: none;
}

.row>.col-lg-3:nth-last-child(-n+4) .role-item {
    border-bottom: none;
}


/* roles responsive css ----------- */

@media (max-width:991px) {

    .teams-roles-title {
        font-size: 40px;
    }

    .teams-roles-desc {
        font-size: 16px;
    }

    .role-item {
        border-right: 1px solid #ececf4 !important;
        border-bottom: 1px solid #ececf4 !important;
    }

    .row>.col-md-6:nth-child(even) .role-item {
        border-right: none !important;
    }

    .row>.col-md-6:nth-last-child(-n+2) .role-item {
        border-bottom: none !important;
    }

}

@media (max-width:767px) {

    .teams-roles-title {
        font-size: 34px;
    }

    .teams-roles-desc {
        font-size: 15px;
    }

    .teams-roles-wrapper {
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .role-item {
        margin-bottom: 18px;
        border: 1px solid #ececf4 !important;
        border-radius: 18px;
        padding: 30px 22px;
    }

    .role-icon {
        width: 52px;
        height: 52px;
        font-size: 20px;
        margin-bottom: 18px;
    }

    .role-item h5 {
        font-size: 18px;
    }

    .role-item p {
        font-size: 14px;
    }

}

@media (max-width:575px) {

    .teams-roles-title {
        font-size: 30px;
    }

}

/* our technology stack responsive css ----------- */

@media (max-width:991px) {

    .teams-stack-title {

        font-size: 40px;

    }

    .teams-stack-desc {

        font-size: 16px;

    }

    .stack-card,
    .stack-more-card {

        padding: 30px 24px;

    }

}

@media (max-width:767px) {

    .teams-stack-title {

        font-size: 34px;

    }

    .teams-stack-desc {

        font-size: 15px;

    }

    .stack-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-bottom: 18px;
    }

    .stack-card h5 {
        font-size: 20px;
    }

    .stack-more-card {

        text-align: center;
        align-items: center;

    }

}

@media (max-width:575px) {

    .teams-stack-title {
        font-size: 30px;
    }

    .stack-card {
        text-align: center;
    }

    .stack-icon {
        margin: 0 auto 18px;
    }

}



/* hiring engagement models section css ----------- */

.teams-engagement-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, #eef2ff 0%, transparent 38%),
        radial-gradient(circle at bottom right, #fff0f8 0%, transparent 40%),
        linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
}

.teams-engagement-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    left: -180px;
    border-radius: 50%;
    background: #7c4dff;
    opacity: .08;
    filter: blur(90px);
}

.teams-engagement-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    bottom: -180px;
    right: -180px;
    border-radius: 50%;
    background: #ff3ca8;
    opacity: .08;
    filter: blur(90px);
}

.teams-engagement-section .container {
    position: relative;
    z-index: 2;
}

.teams-engagement-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    color: #171727;
    margin: 18px 0;
}

.teams-engagement-title span {
    background: linear-gradient(90deg, #6a5cff, #f42b98);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-engagement-desc {
    /* max-width: 720px; */
    margin: auto;
    font-size: 17px;
    line-height: 1.8;
    color: #000;
}

.engagement-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #ececf6;
    border-radius: 22px;
    padding: 38px 32px;
    box-shadow: 0 15px 45px rgba(24, 35, 78, .05);
    transition: .35s;
}

.engagement-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(93, 81, 255, .15);
}

.engagement-card.featured {
    border: 2px solid #7b4dff;
}

.featured-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #5865ff, #f42b98);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 18px;
    border-radius: 30px;
    letter-spacing: .5px;
}

.engagement-label {
    display: inline-block;
    color: #ff2b89;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.engagement-card h4 {
    font-size: 27px;
    font-weight: 700;
    color: #171727;
    margin-bottom: 16px;
}

.engagement-card p {
    font-size: 17px;
    line-height: 1.8;
    color: #70748a;
    margin-bottom: 28px;
}

.engagement-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.engagement-list li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 14px;
    color: #64687b;
    font-size: 14px;
    line-height: 1.6;
}

.engagement-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -1px;
    color: #7b4dff;
    font-size: 18px;
}

.engagement-link {
    margin-top: auto;
    width: 100%;
    height: 56px;
    border-radius: 50px;
    border: 1px solid #e6e6ee;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #171727;
    font-size: 15px;
    font-weight: 600;
    transition: .35s;
}

.engagement-link:hover {
    background: linear-gradient(90deg, #5865ff, #f42b98);
    border-color: transparent;
    color: #fff;
}

.featured .engagement-link {
    background: linear-gradient(90deg, #5865ff, #f42b98);
    color: #fff;
    border: none;
}

.featured .engagement-link:hover {
    transform: scale(1.02);
}

/* hiring engagement models responsive css ----------- */

@media (max-width:1199px) {

    .teams-engagement-title {
        font-size: 44px;
    }

    .engagement-card {
        padding: 32px 26px;
    }

    .engagement-card h4 {
        font-size: 28px;
    }

}

@media (max-width:991px) {

    .teams-engagement-section {
        padding: 70px 0;
    }

    .teams-engagement-title {
        font-size: 40px;
    }

    .teams-engagement-desc {
        max-width: 650px;
        font-size: 16px;
    }

    .engagement-card {
        padding: 30px 24px;
    }

    .engagement-card h4 {
        font-size: 26px;
    }

    .engagement-card p {
        font-size: 15px;
    }

    .featured-badge {
        top: -12px;
        padding: 6px 16px;
    }

}

@media (max-width:767px) {

    .teams-engagement-section {
        padding: 60px 0;
    }

    .teams-engagement-title {
        font-size: 34px;
    }

    .teams-engagement-desc {
        font-size: 15px;
        line-height: 1.8;
    }

    .engagement-card {
        padding: 28px 22px;
    }

    .engagement-card h4 {
        font-size: 24px;
    }

    .engagement-card p {
        margin-bottom: 22px;
    }

    .engagement-list {
        margin-bottom: 24px;
    }

    .engagement-list li {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .engagement-link {
        height: 52px;
        font-size: 14px;
    }

}

@media (max-width:575px) {

    .teams-engagement-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .teams-engagement-desc {
        font-size: 14px;
    }

    .engagement-card {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .engagement-card h4 {
        font-size: 22px;
    }

    .engagement-label {
        font-size: 11px;
    }

    .engagement-list li {
        font-size: 13px;
    }

    .engagement-link {
        height: 50px;
        font-size: 14px;
    }

    .featured-badge {
        font-size: 10px;
        padding: 5px 14px;
    }

}

@media (max-width:420px) {

    .teams-engagement-section {
        padding: 55px 0;
    }

    .teams-engagement-title {
        font-size: 27px;
    }

    .engagement-card {
        padding: 22px 18px;
    }

    .engagement-card h4 {
        font-size: 20px;
    }

    .engagement-card p {
        font-size: 14px;
    }

    .engagement-list li {
        font-size: 13px;
        line-height: 1.6;
    }

    .engagement-link {
        height: 48px;
        font-size: 13px;
    }

}


/* hiring engagement models section css ----------- */

.hiring-engagement-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f7f4ff 45%, #f5ffff 100%);
    overflow: hidden;
}

.hiring-engagement-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #f3e8ff;
    color: #b21ea5;
    font-size: 12px;
    font-weight: 700;
    border-radius: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.hiring-engagement-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 18px;
}

.hiring-engagement-title span {
    background: linear-gradient(90deg, #5b5df0, #e93dac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hiring-engagement-subtitle {
    /* max-width:760px; */
    margin: auto;
    color: #000;
    line-height: 1.9;
    font-size: 18px;
}

.hiring-process-wrapper {
    position: relative;
    margin-top: 70px;
}

.hiring-process-line {
    position: absolute;
    top: 34px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(to right, #5b5df0, #e93dac);
    border-radius: 20px;
}

.hiring-process-item {
    position: relative;
    text-align: center;
    padding: 0 20px;
}

.hiring-process-circle {
    width: 68px;
    height: 68px;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #e93dac);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 35px rgba(105, 77, 255, .25);
    position: relative;
    z-index: 2;
    transition: .35s;
}

.hiring-process-item:hover .hiring-process-circle {
    transform: translateY(-8px) scale(1.08);
}

.hiring-process-circle::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 4px solid #8b5cf6;
    border-radius: 50%;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
}

.hiring-process-item h4 {
    margin-top: 55px;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;
    color: #202235;
}

.hiring-process-item p {
    color: #70758a;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

@media(max-width:991px) {

    .hiring-engagement-title {
        font-size: 38px;
    }

    .hiring-process-line {
        display: none;
    }

    .hiring-process-item {
        margin-bottom: 50px;
    }

    .hiring-process-circle::after {
        display: none;
    }

}

@media(max-width:767px) {

    .hiring-engagement-section {
        padding: 60px 0;
    }

    .hiring-engagement-title {
        font-size: 30px;
    }

    .hiring-engagement-subtitle {
        font-size: 15px;
    }

    .hiring-process-circle {
        width: 62px;
        height: 62px;
        font-size: 20px;
    }

    .hiring-process-item h4 {
        font-size: 20px;
        margin-top: 30px;
    }

}

@media(max-width:575px) {

    .hiring-engagement-title {
        font-size: 28px;
    }

    .hiring-process-item {
        padding: 0 10px;
    }

}

/* hiring success stories section css ----------- */

.hiring-success-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f7f5ff 50%, #f8ffff 100%);
}

.hiring-success-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #f5e9ff;
    border-radius: 30px;
    color: #d63384;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.hiring-success-title {
    font-size: 48px;
    font-weight: 700;
    color: #202238;
    margin-bottom: 18px;
}

.hiring-success-title span {
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hiring-success-desc {
    /* max-width: 760px; */
    margin: auto;
    color: #000;
    line-height: 1.8;
    font-size: 17px;
}

.success-story-box {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid #ece8ff;
    transition: .35s;
    height: 100%;
    box-shadow: 0 12px 35px rgba(20, 25, 45, .06);
    display: flex;
    flex-direction: column;
}

.success-story-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(94, 92, 240, .18);
}

.story-image {
    height: 230px;
    overflow: hidden;
    position: relative;
}

.story-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(90, 93, 240, .18), rgba(236, 74, 168, .12));
}

.story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.success-story-box:hover img {
    transform: scale(1.08);
}

.story-content {
    padding: 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.story-category {
    font-size: 12px;
    font-weight: 700;
    color: #a35df2;
    letter-spacing: 1px;
}

.story-content h4 {
    margin: 15px 0;
    font-size: 24px;
    font-weight: 700;
    color: #23243a;
    line-height: 1.4;
}

.story-content p {
    color: #6f7488;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}

.story-result {
    margin-top: auto;
    /* padding-top: 22px; */
    font-size: 15px;
    font-weight: 700;
    color: #ea3d97;
}

@media(max-width:991px) {

    .hiring-success-title {
        font-size: 40px;
    }

}

@media(max-width:767px) {

    .hiring-success-title {
        font-size: 32px;
    }

    .story-image {
        height: 210px;
    }

}

@media(max-width:575px) {

    .hiring-success-section {
        padding: 60px 0;
    }

    .hiring-success-title {
        font-size: 28px;
    }

    .story-content {
        padding: 22px;
    }

    .story-content h4 {
        font-size: 22px;
    }

}


/* global compliance section css ----------- */

.global-compliance-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f7f5ff 55%, #f8ffff 100%);
}

.global-compliance-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: #f4eaff;
    color: #cf2f95;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.global-compliance-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #1f2235;
    margin-bottom: 20px;
}

.global-compliance-title span {
    display: block;
    background: linear-gradient(90deg, #5d5cf1, #e63ca5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.global-compliance-text {
    color: #000;
    line-height: 1.9;
    font-size: 18px;
}

.compliance-timeline {
    position: relative;
    margin-left: 35px;
}

.compliance-timeline::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(#5d5cf1, #e63ca5);
}

.compliance-item {
    position: relative;
    display: flex;
    gap: 30px;
    margin-bottom: 45px;
}

.timeline-dot {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5d5cf1, #e63ca5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    box-shadow: 0 12px 25px rgba(95, 92, 240, .18);
}

.timeline-content {
    background: #fff;
    border: 1px solid #ebe8ff;
    border-radius: 18px;
    padding: 28px;
    flex: 1;
    transition: .3s;
}

.timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(95, 92, 240, .12);
}

.timeline-content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #202238;
}

.timeline-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline-content ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 14px;
    color: #666d80;
    line-height: 1.8;
}

.timeline-content ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #7b5cf5;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
}

@media(max-width:991px) {

    .global-compliance-title {
        font-size: 38px;
    }

    .compliance-timeline {
        margin-top: 50px;
        margin-left: 0;
    }

}

@media(max-width:767px) {

    .global-compliance-title {
        font-size: 30px;
    }

    .compliance-item {
        gap: 18px;
    }

    .timeline-content {
        padding: 22px;
    }

    .timeline-content h4 {
        font-size: 20px;
    }

}

@media(max-width:575px) {

    .global-compliance-title {
        font-size: 28px;
    }

    .timeline-dot {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

}


/* team testimonials section css ----------- */

.team-testimonial-section {
    position: relative;
    padding: 80px 0;
    background: #0b0914;
    overflow: hidden;
}

.team-testimonial-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: -220px;
    left: -180px;
    background: radial-gradient(circle, #5b5df0 0%, transparent 70%);
    opacity: .18;
}

.team-testimonial-section::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -200px;
    bottom: -220px;
    background: radial-gradient(circle, #ec4aa8 0%, transparent 70%);
    opacity: .18;
}

.team-testimonial-section .container {
    position: relative;
    z-index: 2;
}

.team-testimonial-tag {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    color: #f05cb7;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.team-testimonial-title {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 18px;
}

.team-testimonial-title span {
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-testimonial-subtitle {
    /* max-width: 760px; */
    margin: auto;
    color: #fff;
    line-height: 1.9;
    font-size: 18px;
}

.team-testimonial-slider {
    position: relative;
}

.teamTestimonialSwiper {
    padding: 12px 12px 60px;
}

.team-testimonial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 460px;
    padding: 34px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    backdrop-filter: blur(14px);
    overflow: hidden;
    transition: .35s;
}

.team-testimonial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    transform: scaleX(0);
    transition: .35s;
}

.team-testimonial-card:hover {
    border-color: rgba(255, 255, 255, .15);
    box-shadow: 0 25px 45px rgba(91, 93, 240, .18);
}

.team-testimonial-card:hover::before {
    transform: scaleX(1);
}

.team-testimonial-quote {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    box-shadow: 0 12px 25px rgba(91, 93, 240, .22);
}

.team-testimonial-quote i {
    color: #fff;
    font-size: 22px;
}

.team-testimonial-rating {
    margin-bottom: 22px;
}

.team-testimonial-rating i {
    color: #ffbf35;
    font-size: 15px;
    margin-right: 3px;
}

.team-testimonial-text {
    color: #d5d5df;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 30px;
    min-height: 170px;
}

.team-testimonial-user {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.team-testimonial-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-right: 16px;
    flex-shrink: 0;
}

.team-testimonial-user h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.team-testimonial-user span {
    color: #9b9bb3;
    font-size: 14px;
}

.team-testimonial-pagination {
    margin-top: 35px;
    text-align: center;
}

.team-testimonial-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #707088;
    opacity: 1;
    transition: .3s;
}

.team-testimonial-pagination .swiper-pagination-bullet-active {
    width: 34px;
    border-radius: 30px;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
}

@media(max-width:1199px) {

    .team-testimonial-title {
        font-size: 42px;
    }

}

@media(max-width:991px) {

    .team-testimonial-section {
        padding: 70px 0;
    }

    .team-testimonial-title {
        font-size: 38px;
    }

    .team-testimonial-card {
        padding: 30px;
    }

    .team-testimonial-text {
        min-height: auto;
    }

}

@media(max-width:767px) {

    .team-testimonial-section {
        padding: 60px 0;
    }

    .team-testimonial-title {
        font-size: 32px;
    }

    .team-testimonial-subtitle {
        font-size: 15px;
    }

    .team-testimonial-card {
        padding: 26px;
    }

    .team-testimonial-quote {
        width: 50px;
        height: 50px;
    }

    .team-testimonial-user h5 {
        font-size: 17px;
    }

}

@media(max-width:575px) {

    .team-testimonial-title {
        font-size: 28px;
    }

    .teamTestimonialSwiper {
        padding: 8px 8px 55px;
    }

    .team-testimonial-card {
        border-radius: 18px;
    }

    .team-testimonial-text {
        font-size: 15px;
    }

}

.team-testimonial-prev,
.team-testimonial-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 20;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #ffffff;
    transition: .35s;
    backdrop-filter: blur(10px);
}

.team-testimonial-prev:hover,
.team-testimonial-next:hover {
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    border-color: transparent;
}

.team-testimonial-prev {
    left: 0px;
}

.team-testimonial-next {
    right: 0px;
}

.team-testimonial-prev i,
.team-testimonial-next i {
    font-size: 18px;
}

@media(max-width:1399px) {

    .team-testimonial-prev {
        left: 0px;
    }

    .team-testimonial-next {
        right: 0px;
    }

}

@media(max-width:991px) {

    .team-testimonial-prev,
    .team-testimonial-next {
        display: none;
    }

}

.teamTestimonialSwiper .swiper-wrapper {
    align-items: stretch;
}

.teamTestimonialSwiper .swiper-slide {
    height: auto;
    display: flex;
}

.teamTestimonialSwiper .swiper-slide .team-testimonial-card {
    width: 100%;
}

/* teams cta section css ----------- */

.teams-cta-section {
    padding: 60px 0;
    background: #ffffff;
}

.teams-cta-wrapper {
    position: relative;
    overflow: hidden;
    padding: 50px 35px;
    border-radius: 30px;
    background: linear-gradient(135deg, #1d2568 0%, #251845 45%, #4b1038 100%);
    box-shadow: 0 30px 70px rgba(25, 25, 60, .18);
}

.teams-cta-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(5px);
}

.shape-one {
    width: 280px;
    height: 280px;
    background: rgba(91, 93, 240, .18);
    top: -140px;
    left: -120px;
}

.shape-two {
    width: 220px;
    height: 220px;
    background: rgba(236, 74, 168, .15);
    bottom: -100px;
    right: -80px;
}

.teams-cta-tag {
    display: inline-block;
    color: rgba(255, 255, 255, .70);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.teams-cta-title {
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 20px;
}

.teams-cta-title span {
    display: block;
    background: linear-gradient(90deg, #7c7dff, #ff56b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.teams-cta-text {
    /* max-width: 760px; */
    margin: 0 auto 40px;
    color: #fff;
    font-size: 18px;
    line-height: 1.9;
}

.teams-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.teams-cta-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 34px;
    border-radius: 50px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    transition: .35s;
    box-shadow: 0 15px 30px rgba(91, 93, 240, .35);
}

.teams-cta-btn-primary:hover {
    transform: translateY(-4px);
    color: #ffffff;
    box-shadow: 0 20px 40px rgba(91, 93, 240, .45);
}

.teams-cta-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    border-radius: 50px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(10px);
    transition: .35s;
}

.teams-cta-btn-secondary:hover {
    background: #ffffff;
    color: #222;
}

@media(max-width:991px) {

    .teams-cta-wrapper {
        padding: 60px 35px;
    }

    .teams-cta-title {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .teams-cta-section {
        padding: 60px 0;
    }

    .teams-cta-wrapper {
        padding: 50px 25px;
        border-radius: 24px;
    }

    .teams-cta-title {
        font-size: 32px;
    }

    .teams-cta-text {
        font-size: 16px;
    }

    .teams-cta-buttons {
        flex-direction: column;
    }

    .teams-cta-btn-primary,
    .teams-cta-btn-secondary {
        width: 100%;
        justify-content: center;
    }

}

@media(max-width:575px) {

    .teams-cta-title {
        font-size: 28px;
    }

}

/* who we hire section css ----------- */

.who-we-hire-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #fff, #f8f7ff, #f9ffff);
}

.who-we-hire-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #f6e9ff;
    border-radius: 30px;
    color: #d63384;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.who-we-hire-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 18px;
}

.who-we-hire-title span {
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.who-we-hire-desc {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}

.hire-list {
    position: relative;
    padding-left: 35px;
}

.hire-list::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(#5b5df0, #ec4aa8);
}

.hire-item {
    position: relative;
    display: flex;
    margin-bottom: 35px;
}

.hire-item span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    position: absolute;
    left: -31px;
    top: 8px;
}

.hire-item h5 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 8px;
}

.hire-item p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .who-we-hire-title {
        font-size: 38px;
    }

    .hire-list {
        margin-bottom: 20px;
    }

}

@media(max-width:767px) {

    .who-we-hire-title {
        font-size: 30px;
    }

    .who-we-hire-desc {
        font-size: 16px;
    }

    .hire-item h5 {
        font-size: 20px;
    }

}

@media(max-width:575px) {

    .who-we-hire-title {
        font-size: 28px;
    }

}

/* horeca page css ------------------------------ */

/* horeca platform section css ----------- */

.horeca-platform-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8f6ff 50%, #f9ffff 100%);
    position: relative;
    overflow: hidden;
}

.horeca-platform-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    left: -180px;
    border-radius: 50%;
    background: rgba(91, 93, 240, .06);
    filter: blur(70px);
}

.horeca-platform-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -180px;
    border-radius: 50%;
    background: rgba(236, 74, 168, .06);
    filter: blur(70px);
}

.horeca-platform-section .container {
    position: relative;
    z-index: 2;
}

.horeca-platform-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    line-height: 1.2;
    margin-bottom: 20px;
}

.horeca-platform-title span {
    display: block;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horeca-platform-desc {
    /* max-width: 760px; */
    margin: auto;
    color: #000;
    font-size: 18px;
    line-height: 1.9;
}

.top-center {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    text-align: center;
}



.horeca-platform-wrapper {
    position: relative;
    max-width: 1150px;
    height: 760px;
    margin: 70px auto 0;
}

/* =========   CENTER IMAGE =============== */

.horeca-center-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    height: 380px;
    /* border-radius: 28px; */
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(30, 30, 70, .12);
    background: #fff;
}

.horeca-center-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.horeca-center-box:hover img {
    transform: scale(1.05);
}

.horeca-center-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(19, 20, 45, .65),
            rgba(91, 93, 240, .12));
}

.horeca-center-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.horeca-center-overlay i {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 20px;
    box-shadow: 0 20px 40px rgba(91, 93, 240, .25);
}

.horeca-center-overlay h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
}

.horeca-center-overlay span {
    font-size: 16px;
    opacity: .9;
}

/* ============= FEATURES ============== */

.horeca-feature {
    position: absolute;
    width: 260px;
    text-align: center;
    transition: .35s;
}

/* .horeca-feature:hover {
    transform: translateY(-8px);
} */

.horeca-feature-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 15px 35px rgba(91, 93, 240, .18);
}

.horeca-feature h5 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 10px;
}

.horeca-feature p {
    color: #6b7388;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/*   DESKTOP POSITIONS ========== */

.horeca-feature.left.top {
    top: 30px;
    left: 0;
}

.horeca-feature.left.middle {
    top: 255px;
    left: 0;
}

.horeca-feature.left.bottom {
    top: 480px;
    left: 0;
}

.horeca-feature.right.top {
    top: 30px;
    right: 0;
}

.horeca-feature.right.middle {
    top: 255px;
    right: 0;
}

.horeca-feature.right.bottom {
    top: 480px;
    right: 0;
}

.horeca-feature.bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.horeca-feature.bottom-center:hover {
    transform: translateX(-50%) translateY(-8px);
}



/* horeca platform section css ----------- */

.horeca-platform-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 420px;
    transform: translate(-50%, -50%);
    border: 2px dashed rgba(91, 93, 240, .12);
    border-radius: 50%;
}

/* ==========================
   CONNECTOR LINES
========================== */

.horeca-feature::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    opacity: .25;
}

/* Left */

.horeca-feature.left.top::after {
    width: 110px;
    height: 2px;
    right: -115px;
    top: 32px;
}

.horeca-feature.left.middle::after {
    width: 110px;
    height: 2px;
    right: -115px;
    top: 32px;
}

.horeca-feature.left.bottom::after {
    width: 110px;
    height: 2px;
    right: -115px;
    top: 32px;
}

/* Right */

.horeca-feature.right.top::after {
    width: 110px;
    height: 2px;
    left: -115px;
    top: 32px;
}

.horeca-feature.right.middle::after {
    width: 110px;
    height: 2px;
    left: -115px;
    top: 32px;
}

.horeca-feature.right.bottom::after {
    width: 110px;
    height: 2px;
    left: -115px;
    top: 32px;
}

/* Bottom */

.horeca-feature.bottom-center::after {
    width: 2px;
    height: 90px;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
}

/* ==========================
   HOVER EFFECT
========================== */

.horeca-feature:hover .horeca-feature-icon {
    transform: rotate(-8deg) scale(1.08);
    box-shadow: 0 18px 40px rgba(91, 93, 240, .28);
}

.horeca-feature-icon {
    transition: .35s;
}

.horeca-feature h5 {
    transition: .35s;
}

.horeca-feature:hover h5 {
    color: #6b45ff;
}

/* ==========================
   TABLET
========================== */

@media(max-width:1199px) {

    .horeca-platform-wrapper {

        height: auto;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 35px;

        margin-top: 60px;

    }

    .horeca-center-box {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 420px;
        height: 340px;
        margin: 0 auto 20px;
        grid-column: 1 / -1;
        order: -1;
    }

    .horeca-feature {

        position: relative;

        top: auto !important;

        left: auto !important;

        right: auto !important;

        bottom: auto !important;

        width: 100%;

    }

    .horeca-feature.bottom-center {

        transform: none;
    }

    .horeca-feature.bottom-center:hover {

        transform: translateY(-8px);
    }

    .horeca-feature::after {

        display: none;
    }

    .horeca-platform-wrapper::before {

        display: none;
    }

}

/* ==========================
   MOBILE
========================== */

@media(max-width:767px) {

    .horeca-platform-section {
        padding: 20px 0 !important;
    }

    .horeca-platform-title {
        font-size: 35px !important;
    }

    .horeca-platform-desc {
        font-size: 15px;
    }

    .horeca-platform-wrapper {
        display: block;
        margin-top: 45px;
    }

    .horeca-center-box {
        height: 260px;
        border-radius: 20px;
        margin-bottom: 40px;
    }

    .horeca-center-overlay i {

        width: 64px;

        height: 64px;

        font-size: 28px;

        margin-bottom: 15px;

    }

    .horeca-center-overlay h4 {

        font-size: 22px;

    }

    .horeca-center-overlay span {

        font-size: 14px;

    }

    .horeca-feature {

        margin-bottom: 35px;

        text-align: left;

        display: flex;

        align-items: flex-start;

        gap: 18px;

    }

    .horeca-feature-icon {

        margin: 0;

        flex-shrink: 0;

        width: 56px;

        height: 56px;

        font-size: 20px;

        border-radius: 16px;

    }

    .horeca-feature h5 {

        font-size: 20px;

        margin-bottom: 6px;

    }

    .horeca-feature p {

        font-size: 14px;

        line-height: 1.7;

    }

}



/* ==========================
   SMALL MOBILE
========================== */

@media(max-width:575px) {

    .horeca-platform-title {
        font-size: 32px !important;
    }

    .horeca-center-box {
        height: 220px;
    }

    .horeca-feature {

        gap: 15px;

    }

    .horeca-feature-icon {

        width: 50px;

        height: 50px;

        font-size: 18px;

    }

    .horeca-feature h5 {

        font-size: 18px;

    }

    .horeca-platform-wrapper {

        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;

    }

    .top-center {

        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 320px;
        margin-bottom: 10px;
        text-align: center;

    }

    .top-center .horeca-feature-icon {

        margin: 0 auto 15px;

    }

    .top-center h5 {

        font-size: 24px;
        margin-bottom: 10px;

    }

    .top-center p {

        max-width: 260px;
        margin: auto;

    }

}


/* horeca cta section css ----------- */

.horeca-cta-section {
    padding: 60px 0;
    background: #fff;
}

.horeca-cta-box {
    position: relative;
    overflow: hidden;
    padding: 45px 50px;
    border-radius: 24px;
    background: linear-gradient(135deg, #1f275f, #37194d);
    box-shadow: 0 20px 50px rgba(26, 32, 80, .12);
}

.horeca-cta-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    top: -110px;
    left: -80px;
    border-radius: 50%;
    background: rgba(91, 93, 240, .18);
    filter: blur(30px);
}

.horeca-cta-box::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -120px;
    right: -70px;
    border-radius: 50%;
    background: rgba(236, 74, 168, .16);
    filter: blur(30px);
}

.horeca-cta-box>* {
    position: relative;
    z-index: 2;
}

.horeca-cta-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ff7dc4;
    margin-bottom: 14px;
}

.horeca-cta-box h2,
.horeca-cta-box h3,
.horeca-cta-title {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.horeca-cta-box p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    color: rgba(255, 255, 255, .80);
    max-width: 600px;
}

.horeca-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 34px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    transition: .35s;
}

.horeca-cta-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(91, 93, 240, .35);
}

@media(max-width:991px) {

    .horeca-cta-box {
        text-align: center;
        padding: 40px 30px;
    }

    .horeca-cta-box h2,
    .horeca-cta-box h3,
    .horeca-cta-title {
        font-size: 32px;
    }

}

@media(max-width:767px) {

    .horeca-cta-section {
        padding: 50px 0;
    }

    .horeca-cta-box {
        padding: 35px 25px;
    }

    .horeca-cta-box h2,
    .horeca-cta-box h3,
    .horeca-cta-title {
        font-size: 28px;
    }

    .horeca-cta-box p {
        font-size: 15px;
    }

    .horeca-cta-btn {
        width: 100%;
    }

}

/* horeca process ribbon section css ----------- */

.horeca-process-section {
    padding: 70px 0;
    background: linear-gradient(135deg, #ffffff 0%, #faf8ff 50%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.horeca-process-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -160px;
    left: -160px;
    border-radius: 50%;
    background: rgba(91, 93, 240, .05);
    filter: blur(60px);
}

.horeca-process-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -160px;
    bottom: -160px;
    border-radius: 50%;
    background: rgba(236, 74, 168, .05);
    filter: blur(60px);
}

.horeca-process-section .container {
    position: relative;
    z-index: 2;
}

.horeca-process-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 18px;
    line-height: 1.2;
}

.horeca-process-title span {
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horeca-process-desc {
    /* max-width: 720px; */
    margin: auto;
    font-size: 18px;
    color: #000;
    line-height: 1.9;
}

/*========== Process Ribbon ============*/

.horeca-process-ribbon {

    margin-top: 70px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.horeca-process-item {
    width: 190px;
    text-align: center;
    position: relative;
    transition: .35s;
}

.horeca-process-item:hover {
    transform: translateY(-8px);
}

.horeca-process-number {
    width: 42px;
    height: 42px;

    margin: 0 auto 18px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(135deg, #5b5df0, #ec4aa8);

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    box-shadow: 0 12px 25px rgba(91, 93, 240, .18);

}

.horeca-process-icon {

    width: 70px;

    height: 70px;

    margin: 0 auto 20px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    border: 1px solid #ebe7ff;

    color: #5b5df0;

    font-size: 28px;

    transition: .35s;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);

}

.horeca-process-item:hover .horeca-process-icon {

    background: linear-gradient(135deg, #5b5df0, #ec4aa8);

    color: #fff;

    transform: rotate(-10deg);

    border-color: transparent;

}

.horeca-process-item h5 {
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 10px;
}

.horeca-process-item h6 {
    /* font-size: 22px; */
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 10px;
}

.horeca-process-item p {

    font-size: 15px;

    color: #6b7388;

    line-height: 1.8;

    margin: 0;

}

.horeca-process-active .horeca-process-icon {

    background: linear-gradient(135deg, #5b5df0, #ec4aa8);

    color: #fff;

    border: none;

}

.horeca-process-active .horeca-process-number {

    transform: scale(1.08);

}

/*================= Ribbon Line ===========*/

.horeca-process-line {

    flex: 1;

    height: 2px;

    margin-top: 56px;

    min-width: 55px;

    max-width: 90px;

    background: linear-gradient(90deg,
            rgba(91, 93, 240, .25),
            rgba(236, 74, 168, .25));

    position: relative;

}

.horeca-process-line::after {

    content: "";

    position: absolute;

    right: -2px;

    top: 50%;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #ec4aa8;

    transform: translateY(-50%);

}

@media (max-width:575px) {

    .horeca-process-section {
        padding: 50px 0;
    }

    .horeca-process-title {
        font-size: 28px;
    }

    .horeca-process-desc {
        font-size: 15px;
        line-height: 1.8;
    }

    .horeca-process-ribbon {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 12px !important;
        padding: 10px 12px 20px !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }


    .horeca-process-ribbon::-webkit-scrollbar {
        display: none;
    }

    .horeca-process-line {
        display: none !important;
    }

    .horeca-process-item {
        flex: 0 0 calc(100% - 40px) !important;
        min-width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        text-align: center !important;
        scroll-snap-align: center;
    }

    .horeca-process-number {

        margin: 0 auto 12px;

    }

    .horeca-process-icon {

        width: 58px;
        height: 58px;
        margin: 0 auto 16px;

    }

    .horeca-process-item h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .horeca-process-item h6 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .horeca-process-item p {

        max-width: 180px;
        margin: auto;
        font-size: 15px;

    }

}

/* horeca security compliance section css ----------- */

.horeca-security-section {
    padding: 70px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f9f7ff 50%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.horeca-security-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    left: -180px;
    background: rgba(91, 93, 240, .05);
    border-radius: 50%;
    filter: blur(80px);
}

.horeca-security-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -180px;
    background: rgba(236, 74, 168, .05);
    border-radius: 50%;
    filter: blur(80px);
}

.horeca-security-section .container {
    position: relative;
    z-index: 2;
}

.horeca-security-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    line-height: 1.2;
    margin-bottom: 18px;
}

.horeca-security-title span {
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horeca-security-desc {
    /* max-width: 720px; */
    margin: auto;
    font-size: 18px;
    color: #000;
    line-height: 1.9;
}

.horeca-security-wrapper {
    margin-top: 70px;
    display: grid;
    grid-template-columns: 1fr 280px 1fr;
    align-items: center;
    gap: 60px;
}

.horeca-security-column {
    position: relative;
}

.horeca-security-label {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 35px;
}

.horeca-security-label-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 12px 30px rgba(91, 93, 240, .20);
}

.horeca-security-label h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    color: #1f2235;
}

.horeca-security-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 34px;
    transition: .35s;
}

.horeca-security-item:last-child {
    margin-bottom: 0;
}

.horeca-security-item:hover {
    transform: translateX(8px);
}

.right .horeca-security-item:hover {
    transform: translateX(-8px);
}

.horeca-security-icon {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ebe7ff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6b45ff;
    font-size: 22px;
    transition: .35s;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
}

.horeca-security-item:hover .horeca-security-icon {
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    color: #fff;
    border-color: transparent;
    transform: scale(1.08);
}

.horeca-security-item h5 {
    font-size: 21px;
    font-weight: 700;
    color: #1f2235;
    margin-bottom: 6px;
}

.horeca-security-item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #70758d;
}

.horeca-security-center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.horeca-security-circle {
    position: relative;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(91, 93, 240, .12);
}

.horeca-security-circle::before {
    content: "";
    position: absolute;
    width: 215px;
    height: 215px;
    border-radius: 50%;
    border: 2px solid rgba(91, 93, 240, .08);
}

.horeca-security-circle::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f8f6ff, #ffffff);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.horeca-security-core {
    position: relative;
    z-index: 2;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 42px;
    box-shadow: 0 20px 45px rgba(91, 93, 240, .30);
}

.left .horeca-security-item::after {
    content: "";
    position: absolute;
    right: -75px;
    top: 28px;
    width: 70px;
    height: 2px;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    opacity: .25;
}

.right .horeca-security-item::before {
    content: "";
    position: absolute;
    left: -75px;
    top: 28px;
    width: 70px;
    height: 2px;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    opacity: .25;
}

.left .horeca-security-item::before,
.right .horeca-security-item::after {
    display: none;
}

@media(max-width:1199px) {

    .horeca-security-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .horeca-security-center {
        order: -1;
    }

    .left .horeca-security-item::after,
    .right .horeca-security-item::before {
        display: none;
    }

    .horeca-security-column {
        max-width: 650px;
        margin: auto;
        width: 100%;
    }

    .horeca-security-label {
        justify-content: center;
    }

}

@media(max-width:991px) {

    .horeca-security-section {
        padding: 60px 0;
    }

    .horeca-security-title {
        font-size: 38px;
    }

    .horeca-security-circle {
        width: 230px;
        height: 230px;
    }

    .horeca-security-circle::before {
        width: 185px;
        height: 185px;
    }

    .horeca-security-circle::after {
        width: 140px;
        height: 140px;
    }

    .horeca-security-core {
        width: 95px;
        height: 95px;
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .horeca-security-title {
        font-size: 30px;
    }

    .horeca-security-desc {
        font-size: 15px;
    }

    .horeca-security-wrapper {
        margin-top: 50px;
        gap: 40px;
    }

    .horeca-security-label {
        margin-bottom: 25px;
    }

    .horeca-security-label h4 {
        font-size: 22px;
    }

    .horeca-security-item {
        gap: 15px;
        margin-bottom: 25px;
    }

    .horeca-security-item h5 {
        font-size: 18px;
    }

    .horeca-security-item p {
        font-size: 14px;
    }

    .horeca-security-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .horeca-security-circle {
        width: 190px;
        height: 190px;
    }

    .horeca-security-circle::before {
        width: 150px;
        height: 150px;
    }

    .horeca-security-circle::after {
        width: 115px;
        height: 115px;
    }

    .horeca-security-core {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }

}

@media(max-width:575px) {

    .horeca-security-section {
        padding: 50px 0;
    }

    .horeca-security-title {
        font-size: 28px;
        line-height: 1.3;
    }

    .horeca-security-desc {
        font-size: 15px;
        line-height: 1.8;
    }

    .horeca-security-wrapper {
        margin-top: 40px;
        gap: 35px;
    }

    .horeca-security-center {
        margin-bottom: 10px;
    }

    .horeca-security-circle {
        width: 170px;
        height: 170px;
    }

    .horeca-security-circle::before {
        width: 135px;
        height: 135px;
    }

    .horeca-security-circle::after {
        width: 105px;
        height: 105px;
    }

    .horeca-security-core {
        width: 72px;
        height: 72px;
        font-size: 26px;
    }

    .horeca-security-label {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 22px;
        gap: 12px;
    }

    .horeca-security-label-icon {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .horeca-security-label h4 {
        font-size: 20px;
    }

    .horeca-security-item {
        gap: 14px;
        margin-bottom: 20px;
        align-items: flex-start;
    }

    .horeca-security-item:hover,
    .right .horeca-security-item:hover {
        transform: none;
    }

    .horeca-security-icon {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .horeca-security-item h5 {
        font-size: 17px;
        margin-bottom: 4px;
    }

    .horeca-security-item p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* horeca security section */

.horeca-security-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8f6ff 45%, #f7fbff 100%);
    position: relative;
    overflow: hidden;
}

.horeca-security-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    left: -180px;
    background: rgba(91, 93, 240, .05);
    border-radius: 50%;
    filter: blur(80px);
}

.horeca-security-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -180px;
    background: rgba(236, 74, 168, .05);
    border-radius: 50%;
    filter: blur(80px);
}

.horeca-security-section .container {
    position: relative;
    z-index: 2;
}

.horeca-security-title {
    font-size: 48px;
    font-weight: 700;
    color: #1f2235;
    line-height: 1.2;
    margin-bottom: 18px;
}

.horeca-security-title span {
    display: block;
    background: linear-gradient(90deg, #5b5df0, #ec4aa8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horeca-security-desc {
    font-size: 18px;
    color: #000;
    line-height: 1.9;
    margin: 0;
}

.horeca-security-card {
    background: #fff;
    border: 1px solid #ece8ff;
    border-radius: 20px;
    padding: 25px;
    height: 100%;
    transition: .35s;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
}

.horeca-security-card:hover {
    transform: translateY(-8px);
    border-color: #745cff;
    box-shadow: 0 22px 45px rgba(91, 93, 240, .15);
}

.horeca-security-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}

.horeca-security-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}

.horeca-security-head h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #1f2235;
}

.horeca-security-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.horeca-security-card ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #5d6378;
    line-height: 1.8;
}

.horeca-security-card ul li:last-child {
    margin-bottom: 0;
}

.horeca-security-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b5df0, #ec4aa8);
}

@media(max-width:991px) {

    .horeca-security-section {
        padding: 70px 0;
    }

    .horeca-security-title {
        font-size: 38px;
    }

}

@media(max-width:767px) {

    .horeca-security-section {
        padding: 60px 0;
    }

    .horeca-security-title {
        font-size: 30px;
    }

    .horeca-security-desc {
        font-size: 15px;
    }

    .horeca-security-card {
        padding: 28px;
    }

    .horeca-security-head h4 {
        font-size: 22px;
    }

}

@media(max-width:575px) {

    .horeca-security-title {
        font-size: 28px;
    }

    .horeca-security-card {
        padding: 24px;
    }

    .horeca-security-head {
        gap: 12px;
    }

    .horeca-security-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .horeca-security-head h4 {
        font-size: 20px;
    }

}


/* cookie popup code ------------------- */
/* Cookie Popup */

.aptionix-cookie {

    position: fixed;

    left: 50%;

    bottom: 30px;

    transform: translateX(-50%) translateY(30px);

    width: 92%;

    max-width: 1100px;

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    transition: .4s;

}

.aptionix-cookie.show {

    opacity: 1;

    visibility: visible;

    transform: translateX(-50%) translateY(0);

}

.aptionix-cookie-box {

    background: rgba(255, 255, 255, .96);

    backdrop-filter: blur(18px);

    border: 1px solid rgba(91, 93, 240, .12);

    border-top: 4px solid #6b45ff;

    border-radius: 26px;

    padding: 34px 38px;

    box-shadow: 0 25px 70px rgba(25, 25, 50, .18);

}

.aptionix-cookie-tag {

    display: inline-flex;

    align-items: center;

    padding: 10px 18px;

    border-radius: 50px;

    background: #f3edff;

    color: #6b45ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 18px;

}

.aptionix-cookie-tag i {

    font-size: 15px;

}

.aptionix-cookie h3 {

    font-size: 25px;

    font-weight: 700;

    color: #1f2235;

    margin-bottom: 12px;

}

.aptionix-cookie p {

    color: #5f6478;

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 12px;

}

.aptionix-cookie-link {

    color: #6b45ff;

    text-decoration: none;

    font-weight: 700;

}

.aptionix-cookie-link:hover {

    color: #ec4aa8;

}

.aptionix-cookie-buttons {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 18px;

    height: 100%;

}

.aptionix-cookie-outline {

    width: 150px;

    height: 58px;

    border-radius: 16px;

    background: #fff;

    border: 1px solid #d9dcf3;

    color: #2d3348;

    font-weight: 600;

    transition: .35s;

}

.aptionix-cookie-outline:hover {

    border-color: #6b45ff;

    color: #6b45ff;

}

.aptionix-cookie-btn {

    width: 150px;

    height: 58px;

    border: none;

    border-radius: 16px;

    color: #fff;

    font-weight: 700;

    background: linear-gradient(135deg, #5b5df0, #ec4aa8);

    box-shadow: 0 15px 35px rgba(91, 93, 240, .25);

    transition: .35s;

}

.aptionix-cookie-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 20px 40px rgba(91, 93, 240, .35);

}

@media(max-width:991px) {

    .aptionix-cookie-box {

        padding: 30px;

    }

    .aptionix-cookie h3 {

        font-size: 20px;

    }

    .aptionix-cookie-buttons {

        justify-content: flex-start;

        margin-top: 10px;

    }

}

@media(max-width:576px) {

    .aptionix-cookie {

        width: calc(100% - 20px);

        bottom: 10px;

    }

    .aptionix-cookie-box {

        padding: 24px;

        border-radius: 20px;

    }

    .aptionix-cookie h3 {

        font-size: 20px;

    }

    .aptionix-cookie p {

        font-size: 12px;

    }

    .aptionix-cookie-buttons {

        flex-direction: column;

        gap: 12px;

    }

    .aptionix-cookie-btn,

    .aptionix-cookie-outline {

        width: 100%;

    }

}


/* fmcg industries section ------------------- */

.fmcg-industries-section {
    padding: 60px 0;
    background:
        radial-gradient(circle at top left, rgba(111, 86, 255, .10), transparent 40%),
        radial-gradient(circle at bottom right, rgba(238, 43, 155, .08), transparent 40%),
        #fff;
}

.fmcg-tag {
    display: inline-block;
    margin-bottom: 18px;
    color: #8d46ff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.fmcg-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #17172b;
    margin-bottom: 22px;
}

.fmcg-title span {
    background: linear-gradient(90deg, #5f63ff, #7d4cff, #d72cb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fmcg-desc {
    /* max-width:760px; */
    margin: auto;
    font-size: 18px;
    line-height: 1.8;
    color: #000;
}

.fmcg-pill-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

.fmcg-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 28px;
    background: #fff;
    border: 1px solid #e8e8ef;
    border-radius: 60px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
}

.fmcg-pill i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #5f63ff, #d72cb3);
    font-size: 16px;
}

.fmcg-pill:hover {
    transform: translateY(-5px);
    border-color: #7b54ff;
    color: #5f63ff;
    text-decoration: none;
    box-shadow: 0 16px 35px rgba(95, 99, 255, .15);
}

@media(max-width:991px) {

    .fmcg-title {
        font-size: 40px;
    }

}

@media(max-width:767px) {

    .fmcg-industries-section {
        padding: 60px 0;
    }

    .fmcg-title {
        font-size: 32px;
    }

    .fmcg-desc {
        font-size: 17px;
    }

    .fmcg-pill {
        width: 100%;
        justify-content: flex-start;
        padding: 15px 22px;
    }

}


/* fmcg security section ------------------- */

.fmcg-security-section {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(92, 97, 255, .08), transparent 40%),
        radial-gradient(circle at bottom right, rgba(215, 44, 181, .08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
}

.fmcg-security-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(95, 99, 255, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95, 99, 255, .04) 1px, transparent 1px);
    background-size: 45px 45px;
    pointer-events: none;
}

.fmcg-security-section::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    left: -160px;
    top: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(102, 91, 255, .14), transparent 70%);
    filter: blur(10px);
    animation: fmcgSecurityGlow 9s ease-in-out infinite;
}

.fmcg-security-section .container {
    position: relative;
    z-index: 2;
}

.fmcg-security-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgba(215, 44, 181, .08);
    color: #d42db6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.fmcg-security-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #1b1b31;
    margin-bottom: 22px;
}

.fmcg-security-title span {
    background: linear-gradient(90deg, #5d63ff, #7d4dff, #d62cb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fmcg-security-desc {
    max-width: 760px;
    margin: auto;
    font-size: 18px;
    line-height: 1.8;
    color: #666;
}

.fmcg-security-block {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    transition: .35s;
}

.fmcg-security-block:hover {
    transform: translateY(-8px);
}

.fmcg-security-icon {
    width: 78px;
    height: 78px;
    min-width: 78px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #5d63ff, #d62cb5);
    color: #fff;
    font-size: 28px;
    transition: .35s;
    box-shadow: 0 15px 35px rgba(97, 93, 255, .18);
}

.fmcg-security-block:hover .fmcg-security-icon {
    transform: rotate(-8deg) scale(1.08);
    box-shadow:
        0 18px 45px rgba(95, 99, 255, .28),
        0 0 25px rgba(215, 44, 181, .18);
}

.fmcg-security-content h4 {
    font-size: 24px;
    font-weight: 700;
    color: #1b1b31;
    margin-bottom: 18px;
    transition: .3s;
}

.fmcg-security-block:hover h4 {
    color: #5d63ff;
}

.fmcg-security-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fmcg-security-content ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    transition: .3s;
}

.fmcg-security-content ul li:last-child {
    margin-bottom: 0;
}

.fmcg-security-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #5d63ff, #d62cb5);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    transition: .3s;
}

.fmcg-security-block:hover ul li::before {
    transform: scale(1.15);
}

@keyframes fmcgSecurityGlow {

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

    50% {
        transform: translateY(30px);
    }

}

@media(max-width:991px) {

    .fmcg-security-title {
        font-size: 40px;
    }

    .fmcg-security-block {
        gap: 18px;
    }

}

@media(max-width:767px) {

    .fmcg-security-section {
        padding: 60px 0;
    }

    .fmcg-security-title {
        font-size: 32px;
    }

    .fmcg-security-desc {
        font-size: 17px;
    }

    .fmcg-security-block {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .fmcg-security-content ul li {
        text-align: left;
    }

    .fmcg-security-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 24px;
    }

    .fmcg-security-content h4 {
        font-size: 22px;
    }

}


/* career page css ------------------- */

.career-hero {

    padding: 140px 0 90px;

    background: #08101d;

    position: relative;

    overflow: hidden;

}

.career-hero-bg {

    position: absolute;

    width: 700px;

    height: 700px;

    background: radial-gradient(circle, #5d35ff55, transparent 70%);

    right: -200px;

    top: -150px;

    filter: blur(30px);

}

.career-tag {

    display: inline-block;

    padding: 8px 18px;

    border-radius: 30px;

    background: rgba(255, 255, 255, .08);

    border: 1px solid rgba(255, 255, 255, .1);

    color: #ff4db8;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 25px;

}

.career-hero h1 {

    font-size: 50px;

    font-weight: 700;

    color: #fff;

    line-height: 1.1;

    margin-bottom: 25px;

}

.career-hero h1 span {

    background: linear-gradient(90deg, #3d73ff, #7b38ff, #ff42a6);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.career-hero p {

    font-size: 18px;

    color: #c6c9d5;

    line-height: 1.8;

    max-width: 550px;

}

.career-btns {

    margin-top: 35px;

    display: flex;

    gap: 18px;

    flex-wrap: wrap;

}

.career-btn {

    background: linear-gradient(90deg, #3d73ff, #7b38ff, #ff42a6);

    padding: 15px 34px;

    border-radius: 50px;

    color: #fff;

    font-weight: 600;

    text-decoration: none;

}

.career-btn-outline {

    padding: 15px 34px;

    border: 1px solid rgba(255, 255, 255, .2);

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

}

.career-image {

    border-radius: 30px;

    overflow: hidden;

    box-shadow: 0 30px 80px rgba(0, 0, 0, .35);

    border: 1px solid rgba(255, 255, 255, .1);

}

.career-image img {

    width: 100%;

    display: block;

}

@media(max-width:991px) {

    .career-hero {

        padding: 120px 0 70px;

        text-align: center;

    }

    .career-hero h1 {

        font-size: 42px;

    }

    .career-btns {

        justify-content: center;

    }

}

@media(max-width:576px) {

    .career-hero h1 {

        font-size: 34px;

    }

    .career-hero p {

        font-size: 16px;

    }

    .career-btn,

    .career-btn-outline {

        width: 100%;

        text-align: center;

    }

}


/* About Section */

.career-about {
    padding: 60px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.career-about::before {
    content: '';
    position: absolute;
    top: -180px;
    right: -180px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(107, 60, 246, .12), transparent 70%);
    pointer-events: none;
}

.career-section-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: #f4efff;
    color: #d12b93;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.career-about h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #121826;
    margin-bottom: 10px;
}

.career-about h2 span {
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.career-about p {
    font-size: 18px;
    line-height: 1.7;
    color: #667085;
    margin-bottom: 15px;
}

.career-about-image {
    position: relative;
}

.career-about-image img {
    width: 100%;
    border-radius: 24px;
    display: block;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .08);
}

.experience-card h3 {
    font-size: 46px;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.experience-card p {
    margin: 6px 0 0;
    font-size: 15px;
    color: #667085;
}

.career-about-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border: 1px solid #ece9ff;
    border-radius: 18px;
    padding: 15px;
    /* height: 100%; */
    transition: .35s;
}

.career-about-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(91, 62, 246, .12);
}

.about-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 17px;
    background: linear-gradient(135deg, #3D73FF, #6B3CF6, #FF3FA5);
}

.career-about-card h5 {
    font-size: 16px;
    font-weight: 700;
    color: #121826;
    margin-bottom: 6px;
}

.career-about-card span {
    font-size: 14px;
    color: #667085;
    line-height: 1.6;
    display: block;
}

/* Responsive */

@media(max-width:991px) {

    .career-about {
        padding: 60px 0;
    }

    .career-about h2 {
        font-size: 38px;
    }

    .experience-card {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 20px;
        display: inline-block;
    }

}

@media(max-width:767px) {

    .career-about {
        padding: 60px 0;
    }

    .career-about h2 {
        font-size: 30px;
    }

    .career-about p {
        font-size: 16px;
    }

    .career-about-card {
        padding: 18px;
    }

    .about-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 18px;
    }

    .experience-card {
        width: 100%;
        text-align: center;
    }

}

/* horeca scale section css ----- */
/* Horeca Scale Section */

.horeca-scale-section {
    padding: 60px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.horeca-scale-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: -260px;
    left: -260px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(61, 115, 255, .08),
            transparent 70%);
}

.horeca-scale-section::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    bottom: -250px;
    right: -250px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(255, 63, 165, .08),
            transparent 70%);
}

.horeca-scale-section .container {
    position: relative;
    z-index: 2;
}

/* Equal Height */

.horeca-scale-content,
.horeca-scale-image-box {
    height: 570px;
}

/* Left */

.horeca-scale-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.horeca-scale-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ffd9ec;
    color: #ff2f92;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    margin-bottom: 22px;
    box-shadow: 0 15px 40px rgba(255, 63, 165, .08);
}

.horeca-scale-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.08;
    color: #16213e;
    margin-bottom: 22px;
}

.horeca-scale-title span {
    background: linear-gradient(90deg, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horeca-scale-line {
    width: 95px;
    height: 6px;
    border-radius: 50px;
    background: linear-gradient(90deg, #ff2f92, #6B3CF6);
    margin-bottom: 28px;
}

.horeca-scale-desc {
    max-width: 470px;
    font-size: 18px;
    color: #667085;
    line-height: 1.9;
    margin-bottom: 40px;
}

.horeca-scale-brand img {
    width: 180px;
    height: auto;
}

/* Right */

.horeca-scale-image-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 34px;
    /* background: #fff; */
    overflow: hidden;
    /* box-shadow: 0 30px 80px rgba(24, 39, 75, .08), inset 0 0 0 1px rgba(240, 240, 245, .8); */
}

.horeca-scale-main-image {
    width: 100%;
    max-width: 900px;
    position: relative;
    z-index: 2;
    transition: .45s;
}



/* Card Positions */

.card-top {

    top: 45px;
    left: 50%;
    transform: translateX(-50%);

}

.card-right-top {

    top: 120px;
    right: 35px;

}

.card-right-middle {

    top: 285px;
    right: 0;

}

.card-left-top {

    top: 170px;
    left: 35px;

}

.card-left-middle {

    top: 330px;
    left: 15px;

}

.card-left-bottom {

    bottom: 120px;
    left: 35px;

}


/* Horeca Scale Decorative Effects */

.horeca-scale-image-box::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(255, 63, 165, .12),
            transparent 72%);
    z-index: 1;
}

.horeca-scale-image-box::after {
    content: "";
    position: absolute;
    inset: 25px;
    border-radius: 30px;
    border: 1px solid rgba(107, 60, 246, .08);
    pointer-events: none;
}

/* Floating Dots */

.horeca-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff43a4;
    z-index: 4;
    box-shadow:
        0 0 0 6px rgba(255, 67, 164, .12),
        0 0 20px rgba(255, 67, 164, .35);
    animation: horecaDot 3.5s infinite ease-in-out;
}

.dot-1 {
    top: 110px;
    left: 170px;
}

.dot-2 {
    top: 160px;
    right: 170px;
}

.dot-3 {
    top: 315px;
    left: 115px;
}

.dot-4 {
    top: 315px;
    right: 115px;
}

.dot-5 {
    bottom: 165px;
    left: 210px;
}

.dot-6 {
    bottom: 130px;
    right: 205px;
}

/* Connection Lines */

.horeca-scale-image-box svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}



/* Main Image Glow */

.horeca-scale-main-image {
    filter:
        drop-shadow(0 25px 45px rgba(107, 60, 246, .12));
}

/* Floating Animation */

.card-top {
    animation: float1 5s ease-in-out infinite;
}

.card-right-top {
    animation: float2 5.5s ease-in-out infinite;
}

.card-right-middle {
    animation: float3 6s ease-in-out infinite;
}

.card-left-top {
    animation: float2 6s ease-in-out infinite;
}

.card-left-middle {
    animation: float1 5.5s ease-in-out infinite;
}

.card-left-bottom {
    animation: float3 6.5s ease-in-out infinite;
}

/* Animations */

@keyframes float1 {

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

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

}

@keyframes float2 {

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

    50% {
        transform: translateY(8px);
    }

}

@keyframes float3 {

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

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

}

@keyframes horecaDot {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.35);
        opacity: .45;
    }

}

/* Hover Effects */
.horeca-scale-image-box:hover .horeca-scale-main-image {
    transform: translateY(-8px) scale(1.02);
}

/* Left Side Effects */

.horeca-scale-tag:hover {
    transform: translateY(-3px);
    transition: .3s;
}

.horeca-scale-brand img {
    transition: .35s;
}

.horeca-scale-brand:hover img {

    transform: scale(1.05);

}

/* Horeca Scale Responsive */

/* Large Laptop */

@media (max-width:1199px) {

    .horeca-scale-content,
    .horeca-scale-image-box {
        height: 540px;
    }

    .horeca-scale-title {
        font-size: 46px;
    }

    .horeca-scale-desc {
        font-size: 17px;
    }

}

/* Tablet */

@media (max-width:991px) {

    .horeca-scale-section {
        padding: 20px 0;
    }

    .horeca-scale-content {
        height: auto;
        margin-bottom: 20px;
    }

    .horeca-scale-image-box {
        height: 500px;
    }

    .horeca-scale-title {
        font-size: 38px;
    }

    .horeca-scale-desc {
        max-width: 100%;
        font-size: 16px;
    }

    .horeca-scale-brand {
        margin-bottom: 20px;
    }

    .horeca-scale-brand img {
        width: 160px;
    }

    /* Card Positions */

    .card-top {

        top: 25px;

    }

    .card-left-top {

        top: 140px;
        left: 10px;

    }

    .card-left-middle {

        top: 275px;
        left: 5px;

    }

    .card-left-bottom {

        bottom: 95px;
        left: 10px;

    }

    .card-right-top {

        top: 120px;
        right: 10px;

    }

    .card-right-middle {

        top: 270px;
        right: 5px;

    }

}

/* Mobile */

@media (max-width:767px) {

    .horeca-scale-section {
        padding: 20px 0;
    }

    .horeca-scale-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .horeca-scale-tag {
        font-size: 12px;
        padding: 8px 16px;
    }

    .horeca-scale-desc {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .horeca-scale-brand img {
        width: 140px;
    }

    .horeca-scale-image-box {

        height: auto;
        min-height: 430px;
        padding: 30px 15px 110px;

    }

    .horeca-scale-main-image {
        max-width: 100%;
    }

    /* Mobile Positions */

    .card-top {

        top: 10px;
        left: 50%;
        transform: translateX(-50%);

    }

    .card-left-top {

        top: 95px;
        left: 0;

    }

    .card-right-top {

        top: 95px;
        right: 0;

    }

    .card-left-middle {

        top: 235px;
        left: 0;

    }

    .card-right-middle {

        top: 235px;
        right: 0;

    }

    .card-left-bottom {

        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);

    }

    /* Hide Decorative Dots */

    .horeca-dot {

        display: none;

    }

}

/* Small Mobile */

@media (max-width:575px) {

    .horeca-scale-title {
        font-size: 27px;
    }

    .horeca-scale-image-box {
        min-height: 380px;
        padding: 25px 10px 100px;
    }

    .horeca-scale-brand img {

        width: 130px;

    }

}

/* Disable Float Animation On Mobile */

@media (max-width:991px) {

    .card-top,
    .card-left-top,
    .card-left-middle,
    .card-left-bottom,
    .card-right-top,
    .card-right-middle {

        animation: none;

    }

}


/* Why Join Section */

.career-why-section {
    padding: 60px 0;
    background: #f8fbff;
    position: relative;
    overflow: hidden;
}

.career-why-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(61, 115, 255, .08),
            transparent 70%);
}

.career-why-section::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    bottom: -160px;
    left: -160px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(255, 63, 165, .08),
            transparent 70%);
}

.career-why-section .container {
    position: relative;
    z-index: 2;
}

.career-why-title {
    font-size: 46px;
    font-weight: 700;
    color: #0d1b2a;
    margin: 20px 0;
    line-height: 1.2;
}

.career-why-title span {
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.career-why-desc {
    font-size: 18px;
    color: #000;
    margin: auto;
    line-height: 1.8;
}

.career-why-card {
    background: #fff;
    border-radius: 22px;
    padding: 35px 28px;
    height: 100%;
    transition: .35s;
    border: 1px solid #edf1f7;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .04);
}

.career-why-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(61, 115, 255, .12);
    border-color: #dbe7ff;
}

.career-why-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    background: linear-gradient(135deg, #3D73FF, #6B3CF6, #FF3FA5);
    color: #fff;
    font-size: 28px;
}

.career-why-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 15px;
}

.career-why-card p {
    font-size: 17px;
    color: #667085;
    line-height: 1.8;
    margin: 0;
}


/* Life At Aptionix Section */

.career-life-section {
    padding: 60px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.career-life-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(61, 115, 255, .08), transparent 70%);
}

.career-life-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -150px;
    left: -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 63, 165, .08), transparent 70%);
}

.career-life-section .container {
    position: relative;
    z-index: 2;
}

/* Gallery */

.career-life-gallery {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: stretch;
}

.career-life-large {
    height: 560px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.career-life-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.career-life-large:hover img {
    transform: scale(1.08);
}

.career-life-small-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.career-life-small {
    flex: 1;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.career-life-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.career-life-small:hover img {
    transform: scale(1.08);
}

/* Content */

.career-life-title {
    font-size: 46px;
    font-weight: 700;
    color: #10213a;
    line-height: 1.2;
    margin: 18px 0 22px;
}

.career-life-title span {
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.career-life-desc {
    font-size: 18px;
    color: #000;
    line-height: 1.8;
    margin-bottom: 35px;
}

/* List */

.career-life-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.career-life-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 22px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #edf2f7;
    transition: .35s;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
}

.career-life-item:hover {
    transform: translateX(8px);
    border-color: #d9e6ff;
    box-shadow: 0 20px 45px rgba(61, 115, 255, .10);
}

.career-life-icon {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #3D73FF, #6B3CF6, #FF3FA5);
    color: #fff;
    font-size: 24px;
}

.career-life-item h5 {
    font-size: 22px;
    font-weight: 700;
    color: #10213a;
    margin-bottom: 8px;
}

.career-life-item p {
    margin: 0;
    font-size: 16px;
    color: #667085;
    line-height: 1.7;
}

/* Life At Aptionix Responsive */

@media(max-width:991px) {

    .career-life-gallery {
        grid-template-columns: 1fr;
    }

    .career-life-large {
        height: 420px;
    }

    .career-life-small-wrap {
        flex-direction: row;
    }

    .career-life-small {
        height: 220px;
    }

    .career-life-title {
        font-size: 38px;
    }

}

@media(max-width:767px) {

    .career-life-section {
        padding: 60px 0;
    }

    .career-life-title {
        font-size: 30px;
    }

    .career-life-desc {
        font-size: 16px;
    }

    .career-life-large {
        height: 320px;
    }

    .career-life-small-wrap {
        flex-direction: column;
    }

    .career-life-small {
        height: 200px;
    }

    .career-life-item {
        padding: 18px;
        gap: 15px;
    }

    .career-life-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        font-size: 20px;
    }

    .career-life-item h5 {
        font-size: 18px;
    }

    .career-life-item p {
        font-size: 15px;
    }

}



.form-success-message {
    margin-top: 18px;
    margin-bottom: 12px;
    color: green;
    font-size: 21px;
    text-align: start;
}

.error {
    color: red !important;
}

label.error {
    display: block;
    color: #ff0000;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: 500;
}

.input-group+label.error {
    display: block;
}

.form-check+label.error {
    margin-top: 8px;
}

/* fmcg support section css------------ */


/* digital transformation section css ----------- */
.apt-transform-section {
    padding: 60px 0;
    background:
        radial-gradient(circle at left top, #f6ebff 0%, transparent 35%),
        radial-gradient(circle at right center, #eef3ff 0%, transparent 40%),
        #fff;
    position: relative;
    overflow: hidden;
}

.apt-transform-section::before {
    content: "";
    position: absolute;
    right: -120px;
    top: 20px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(182, 67, 255, .12), transparent 70%);
    border-radius: 50%;
}

.apt-transform-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #f6e9ff;
    color: #c42fd3;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.apt-transform-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.15;
    color: #13183b;
    margin: 20px 0;
}

.apt-transform-title span {
    /* display: block; */
    background: linear-gradient(90deg, #3d4e9d, #7b2cff, #d633b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.apt-transform-text {
    font-size: 18px;
    color: #000;
    line-height: 1.8;
}

.apt-transform-btn {
    display: inline-flex;
    align-items: center;
    padding: 16px 34px;
    border-radius: 50px;
    background: linear-gradient(90deg, #ff3f8d, #6b2dff);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
    cursor: pointer;
}

.apt-transform-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(120, 60, 255, .25);
}

.apt-transform-card {
    background: #fff;
    border-radius: 22px;
    padding: 35px;
    border: 1px solid #ebe6fb;
    height: 100%;
    transition: .35s;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
}

.apt-transform-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.apt-transform-icon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: #fdf0ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c42fd3;
    font-size: 34px;
    margin-bottom: 28px;
}

.apt-transform-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #16213d;
    line-height: 1.3;
}

.apt-transform-line {
    width: 55px;
    height: 4px;
    display: block;
    margin: 20px 0;
    border-radius: 10px;
    background: linear-gradient(90deg, #7b2cff, #d633b8);
}

.apt-transform-card p {
    font-size: 18px;
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 25px;
    flex: 1;
}

.apt-card-arrow {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #fff1fb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff3f8d;
    text-decoration: none;
    transition: .35s;
    margin-top: auto;
}

.apt-card-arrow:hover {
    background: #ff3f8d;
    color: #fff;
}

/* FMCG Performance Section CSS */
.apt-performance-section {
    padding: 80px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(246, 235, 255, 0.7) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(238, 243, 255, 0.8) 0%, transparent 45%),
        #ffffff;
    position: relative;
    overflow: hidden;
}

.apt-performance-section::before {
    content: "";
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(182, 67, 255, 0.08), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.apt-perf-content {
    position: relative;
    z-index: 2;
}

.apt-perf-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #13183b;
    margin: 15px 0 20px 0;
    letter-spacing: -0.5px;
}

.apt-perf-title span {
    display: block;
    background: linear-gradient(90deg, #3d4e9d, #7b2cff, #d633b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.apt-perf-lead {
    font-size: 17px;
    color: #2d3748;
    line-height: 1.75;
    margin-bottom: 24px;
    font-weight: 450;
}

.apt-perf-apps {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 241, 255, 0.6));
    border: 1px solid #ebd9ff;
    border-radius: 20px;
    padding: 24px 28px;
    margin: 24px 0 26px 0;
    box-shadow: 0 10px 30px rgba(123, 44, 255, 0.06);
    position: relative;
}

.apt-perf-apps-title {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #7b2cff;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.apt-perf-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.apt-perf-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15.5px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.5;
}

.apt-perf-bullet {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b2cff, #d633b8);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-top: 2px;
    box-shadow: 0 4px 10px rgba(123, 44, 255, 0.25);
}

.apt-perf-desc {
    font-size: 15.5px;
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 14px;
}

.apt-perf-desc.apt-perf-highlight {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7;
}

.apt-perf-image-wrap {
    position: relative;
    padding: 20px 10px;
}

.apt-perf-img-card {
    background: #ffffff;
    border-radius: 26px;
    padding: 12px;
    border: 1px solid #ebd9ff;
    box-shadow: 0 20px 50px rgba(123, 44, 255, 0.12);
    transition: all 0.4s ease;
    overflow: hidden;
}

.apt-perf-img-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 60px rgba(123, 44, 255, 0.18);
}

.apt-perf-img-card img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    display: block;
}

.apt-perf-floating-badge {
    position: absolute;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(123, 44, 255, 0.2);
    border-radius: 18px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    z-index: 3;
    animation: floatSlow 4s ease-in-out infinite alternate;
}

.apt-perf-floating-badge.badge-top {
    top: -5px;
    right: 0px;
}

.apt-perf-floating-badge.badge-bottom {
    bottom: -5px;
    left: 0px;
    animation-delay: 2s;
}

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

    100% {
        transform: translateY(-8px);
    }
}

.apt-perf-floating-badge .badge-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff3f8d, #7b2cff);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 6px 15px rgba(123, 44, 255, 0.25);
}

.apt-perf-floating-badge h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #13183b;
}

.apt-perf-floating-badge span {
    font-size: 12px;
    color: #718096;
    font-weight: 500;
}

@media(max-width:991px) {
    .apt-performance-section {
        padding: 60px 0;
    }

    .apt-perf-title {
        font-size: 34px;
    }

    .apt-perf-image-wrap {
        margin-top: 30px;
    }

    .apt-transform-title {
        font-size: 38px;
    }

    .apt-transform-btn {
        width: 100%;
        justify-content: center;
    }

}

@media(max-width:767px) {

    .apt-transform-section {
        padding: 60px 0;
    }

    .apt-transform-title {
        font-size: 32px;
    }

    .apt-transform-text,
    .apt-transform-card p {
        font-size: 16px;
    }

    .apt-transform-card {
        padding: 28px;
    }

    .apt-transform-card h4 {
        font-size: 20px;
    }

    .apt-perf-title {
        font-size: 28px;
    }

    .apt-perf-floating-badge {
        position: static;
        margin-top: 15px;
        animation: none;
    }

    .apt-complexity-title {
        font-size: 28px;
    }

}

/* FMCG Balancing Growth, Cost and Complexity Section CSS */
.apt-complexity-section {
    padding: 85px 0;
    background:
        radial-gradient(circle at 90% 20%, rgba(246, 235, 255, 0.6) 0%, transparent 40%),
        radial-gradient(circle at 10% 80%, rgba(235, 245, 255, 0.6) 0%, transparent 45%),
        #fcfbfe;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #f0e6ff;
    border-bottom: 1px solid #f0e6ff;
}

.apt-complexity-section::after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -50px;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(123, 44, 255, 0.06), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.apt-complexity-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    color: #13183b;
    margin: 15px 0 20px 0;
    letter-spacing: -0.5px;
}

.apt-complexity-title span {
    background: linear-gradient(90deg, #3d4e9d, #7b2cff, #d633b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.apt-complexity-lead {
    font-size: 16.5px;
    color: #2d3748;
    line-height: 1.75;
    margin-bottom: 18px;
    font-weight: 450;
}

.apt-complexity-desc {
    font-size: 15.5px;
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 22px;
}

.apt-approach-box {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(246, 235, 255, 0.65));
    border: 1px solid #ebd9ff;
    border-radius: 20px;
    padding: 24px 26px;
    margin: 22px 0 26px 0;
    box-shadow: 0 10px 30px rgba(123, 44, 255, 0.06);
}

.apt-approach-title {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #7b2cff;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.apt-approach-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.apt-approach-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15.5px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.5;
}

.apt-approach-bullet {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b2cff, #d633b8);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-top: 2px;
    box-shadow: 0 4px 10px rgba(123, 44, 255, 0.25);
}

@media(max-width:991px) {
    .apt-complexity-section {
        padding: 60px 0;
    }

    .apt-complexity-title {
        font-size: 32px;
    }
}


/* fmcg it solutions section css ----------- */

.apt-fmcg-solutions-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background:
        radial-gradient(circle at top left, #f8edff 0%, transparent 28%),
        radial-gradient(circle at top right, #eef2ff 0%, transparent 32%),
        linear-gradient(180deg, #ffffff, #fcfbff);
}

.apt-fmcg-solutions-section::before {
    content: "";
    position: absolute;
    left: -120px;
    top: -80px;
    width: 320px;
    height: 320px;
    background-image: radial-gradient(#d96cff 1.4px, transparent 1.4px);
    background-size: 12px 12px;
    opacity: .18;
}

.apt-fmcg-solutions-section::after {
    content: "";
    position: absolute;
    right: -120px;
    top: -100px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 1px solid rgba(181, 72, 255, .12);
    box-shadow:
        0 0 0 80px rgba(181, 72, 255, .05),
        0 0 0 160px rgba(181, 72, 255, .03);
}

.apt-fmcg-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border-radius: 50px;
    background: #f7eaff;
    color: #cb2fa7;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.apt-fmcg-badge::before {
    content: "✦";
    font-size: 12px;
}

.apt-fmcg-title {
    font-size: 46px;
    font-weight: 700;
    color: #12193b;
    line-height: 1.15;
    margin: 22px 0 18px;
}

.apt-fmcg-title span {
    background: linear-gradient(90deg, #3d4e9d, #7b2cff, #d92db6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.apt-fmcg-desc {
    font-size: 18px;
    color: #6c768c;
    line-height: 1.8;
    max-width: 760px;
    margin: auto;
}

.apt-fmcg-card {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #efe8fb;
    border-radius: 22px;
    padding: 34px 28px;
    transition: .35s;
    box-shadow: 0 12px 35px rgba(24, 35, 68, .06);
}

.apt-fmcg-card:hover {
    transform: translateY(-10px);
    border-color: #c63dff;
    box-shadow: 0 22px 55px rgba(95, 52, 255, .15);
}

.apt-fmcg-number {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff3ff;
    color: #c63dff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apt-fmcg-icon {
    width: 76px;
    height: 76px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff3ff, #f8ebff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d338c0;
    font-size: 34px;
    margin-bottom: 28px;
}

.apt-fmcg-card h4 {
    color: #1b2342;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
}

.apt-fmcg-card h4::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    border-radius: 10px;
    margin-top: 18px;
    background: linear-gradient(90deg, #6d2dff, #e332b8);
}

.apt-fmcg-card p {
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
    flex: 1;
}

.apt-fmcg-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #c52ec3;
    font-weight: 700;
    margin-top: auto;
}

.apt-fmcg-link i {
    transition: .3s;
}

.apt-fmcg-link:hover {
    color: #7b2cff;
}

.apt-fmcg-link:hover i {
    transform: translateX(5px);
}

/* fmcg it solutions responsive css ----------- */

@media (max-width:1399px) {

    .apt-fmcg-card {
        padding: 30px 24px;
    }

    .apt-fmcg-card h4 {
        font-size: 21px;
    }

}


@media (max-width:1199px) {

    .apt-fmcg-title {
        font-size: 42px;
    }

    .apt-fmcg-desc {
        max-width: 700px;
    }

    .apt-fmcg-card {
        padding: 30px 22px;
    }

    .apt-fmcg-card h4 {
        font-size: 22px;
    }

    .apt-fmcg-card p {
        font-size: 17px;
    }

}


@media (max-width:991px) {

    .apt-fmcg-solutions-section {
        padding: 60px 0;
    }

    .apt-fmcg-solutions-section::after {
        display: none;
    }

    .apt-fmcg-title {
        font-size: 38px;
    }

    .apt-fmcg-desc {
        font-size: 17px;
        max-width: 100%;
    }

    .apt-fmcg-card {
        padding: 28px 22px;
    }

    .apt-fmcg-icon {
        width: 70px;
        height: 70px;
        font-size: 30px;
        margin-bottom: 24px;
    }

    .apt-fmcg-number {
        width: 36px;
        height: 36px;
        font-size: 12px;
    }

    .apt-fmcg-card h4 {
        font-size: 21px;
        margin-bottom: 16px;
    }

    .apt-fmcg-card p {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 28px;
    }

}


@media (max-width:767px) {

    .apt-fmcg-solutions-section {
        padding: 60px 0;
    }

    .apt-fmcg-solutions-section::before {
        display: none;
    }

    .apt-fmcg-badge {
        font-size: 12px;
        padding: 8px 16px;
    }

    .apt-fmcg-title {
        font-size: 32px;
        line-height: 1.25;
    }

    .apt-fmcg-desc {
        font-size: 16px;
        line-height: 1.7;
    }

    .apt-fmcg-card {
        padding: 26px 20px;
        border-radius: 18px;
    }

    .apt-fmcg-icon {
        width: 64px;
        height: 64px;
        border-radius: 16px;
        font-size: 28px;
        margin-bottom: 20px;
    }

    .apt-fmcg-number {
        right: 18px;
        top: 18px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .apt-fmcg-card h4 {
        font-size: 20px;
        line-height: 1.35;
    }

    .apt-fmcg-card h4::after {
        width: 48px;
        margin-top: 14px;
    }

    .apt-fmcg-card p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 24px;
    }

    .apt-fmcg-link {
        font-size: 15px;
    }

}


@media (max-width:575px) {

    .apt-fmcg-solutions-section {
        padding: 60px 0;
    }

    .apt-fmcg-title {
        font-size: 28px;
    }

    .apt-fmcg-desc {
        font-size: 15px;
    }

    .apt-fmcg-card {
        padding: 24px 18px;
    }

    .apt-fmcg-icon {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }

    .apt-fmcg-number {
        width: 32px;
        height: 32px;
        font-size: 11px;
    }

    .apt-fmcg-card h4 {
        font-size: 18px;
    }

    .apt-fmcg-card p {
        font-size: 14px;
    }

    .apt-fmcg-link {
        font-size: 14px;
    }

}


@media (max-width:380px) {

    .apt-fmcg-title {
        font-size: 26px;
    }

    .apt-fmcg-card {
        padding: 22px 16px;
    }

    .apt-fmcg-icon {
        width: 54px;
        height: 54px;
        font-size: 22px;
    }

    .apt-fmcg-card h4 {
        font-size: 17px;
    }

    .apt-fmcg-card p {
        font-size: 13.5px;
        line-height: 1.65;
    }

}

/* healthcare challenges section css ----------- */

.health-challenge-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background:
        radial-gradient(circle at left top, #f7edff 0%, transparent 30%),
        radial-gradient(circle at right bottom, #edf3ff 0%, transparent 35%),
        #ffffff;
}

.health-challenge-section::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -180px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 44, 217, .08), transparent 70%);
}

.health-challenge-section::after {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -100px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(192, 38, 211, .08), transparent 70%);
}

.health-challenge-title {
    font-size: 46px;
    font-weight: 700;
    color: #101828;
    line-height: 1.2;
    margin: 20px 0;
}

.health-challenge-title span {
    background: linear-gradient(90deg, #3d4e9d, #6d28d9, #c026d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.health-challenge-desc {
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
    color: #000;
}

.health-timeline {
    position: relative;
    max-width: 1100px;
    margin: auto;
}

.health-timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    transform: translateX(-50%);
    background: linear-gradient(to bottom,
            #3d4e9d,
            #6d28d9,
            #c026d3);
    border-radius: 20px;
}

.health-timeline-item {
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 32px;
    position: relative;
}

.health-left {
    text-align: right;
    padding-right: 18px;
}

.health-right {
    padding-left: 18px;
}

.health-left h5 {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.5;
}

.health-right p {
    margin: 0;
    font-size: 17px;
    color: #667085;
    line-height: 1.8;
}

.health-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3d4e9d, #6d28d9, #c026d3);
    border: 4px solid #ffffff;
    box-shadow:
        0 0 0 6px rgba(109, 40, 217, .12),
        0 8px 18px rgba(109, 40, 217, .22);
    z-index: 2;
    justify-self: center;
}

.health-timeline-item:hover .health-dot {
    transform: scale(1.2);
    transition: .35s;
}

.health-left,
.health-right {
    background: #ffffff;
    border: 1px solid #ede8fb;
    border-radius: 18px;
    padding: 15px;
    transition: .35s;
    box-shadow: 0 12px 35px rgba(16, 24, 40, .05);
}

.health-timeline-item:hover .health-left,
.health-timeline-item:hover .health-right {
    transform: translateY(-5px);
    border-color: #c026d3;
    box-shadow: 0 20px 45px rgba(109, 40, 217, .12);
}

/* healthcare challenges responsive css ----------- */

@media (max-width:1199px) {

    .health-challenge-title {
        font-size: 42px;
    }

    .health-left h5 {
        font-size: 20px;
    }

    .health-right p {
        font-size: 16px;
    }

    .health-left,
    .health-right {
        padding: 20px 22px;
    }

}


@media (max-width:991px) {

    .health-challenge-section {
        padding: 60px 0;
    }

    .health-challenge-title {
        font-size: 38px;
    }

    .health-challenge-desc {
        font-size: 17px;
    }

    .health-timeline::before {
        left: 18px;
        transform: none;
    }

    .health-timeline-item {
        grid-template-columns: 36px 1fr;
        column-gap: 18px;
        row-gap: 15px;
        margin-bottom: 28px;
        align-items: flex-start;
    }

    .health-dot {
        grid-column: 1;
        grid-row: 1;
        margin-top: 22px;
    }

    .health-left {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
        padding: 20px;
    }

    .health-right {
        grid-column: 2;
        grid-row: 2;
        padding: 20px;
    }

    .health-left h5 {
        font-size: 20px;
    }

    .health-right p {
        font-size: 16px;
    }

}


@media (max-width:767px) {

    .health-challenge-section {
        padding: 60px 0;
    }

    .health-challenge-title {
        font-size: 32px;
        line-height: 1.3;
    }

    .health-challenge-desc {
        font-size: 16px;
        line-height: 1.8;
    }

    .health-timeline-item {
        margin-bottom: 24px;
        column-gap: 16px;
    }

    .health-timeline::before {
        left: 16px;
    }

    .health-dot {
        width: 16px;
        height: 16px;
        border-width: 3px;
        margin-top: 20px;
    }

    .health-left,
    .health-right {
        padding: 18px;
        border-radius: 16px;
    }

    .health-left h5 {
        font-size: 18px;
        line-height: 1.45;
    }

    .health-right p {
        font-size: 15px;
        line-height: 1.75;
    }

}


@media (max-width:575px) {

    .health-challenge-title {
        font-size: 28px;
    }

    .health-challenge-desc {
        font-size: 15px;
    }

    .health-timeline-item {
        grid-template-columns: 30px 1fr;
        column-gap: 14px;
        margin-bottom: 22px;
    }

    .health-timeline::before {
        left: 13px;
        width: 2px;
    }

    .health-dot {
        width: 14px;
        height: 14px;
        margin-top: 18px;
    }

    .health-left,
    .health-right {
        padding: 16px;
    }

    .health-left h5 {
        font-size: 17px;
    }

    .health-right p {
        font-size: 14px;
        line-height: 1.7;
    }

}


@media (max-width:380px) {

    .health-challenge-title {
        font-size: 26px;
    }

    .health-challenge-desc {
        font-size: 14px;
    }

    .health-left,
    .health-right {
        padding: 15px;
    }

    .health-left h5 {
        font-size: 16px;
    }

    .health-right p {
        font-size: 13px;
    }

}


/* Roles Section */

.career-roles-section {
    padding: 60px 0;
    background: #FCFBFF;
    position: relative;
    overflow: hidden;
}

.career-roles-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(61, 115, 255, .08), transparent 70%);
}

.career-roles-section::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    bottom: -180px;
    left: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 63, 165, .08), transparent 70%);
}

.career-roles-section .container {
    position: relative;
    z-index: 2;
}

.career-roles-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    color: #0F172A;
    margin: 18px 0;
}

.career-roles-title span {
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.career-roles-desc {
    max-width: 760px;
    margin: auto;
    font-size: 18px;
    color: #667085;
    line-height: 1.8;
}

.career-role-list {
    margin-top: 55px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Role Card */

.career-role-card {
    background: #fff;
    border-radius: 24px;
    border: 1px solid #ECEEF5;
    padding: 30px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    transition: .35s;
    box-shadow: 0 12px 40px rgba(18, 38, 63, .05);
}

.career-role-card:hover {
    transform: translateY(-6px);
    border-color: #D7E3FF;
    box-shadow: 0 22px 60px rgba(61, 115, 255, .12);
}

.career-role-left {
    flex: 1;
}

.career-role-type {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(61, 115, 255, .08);
    color: #3D73FF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 18px;
}

.career-role-left h4 {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 15px;
}

.career-role-left p {
    font-size: 17px;
    color: #667085;
    line-height: 1.8;
    margin-bottom: 22px;
}

.career-role-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.career-role-meta span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475467;
    font-size: 16px;
    font-weight: 500;
}

.career-role-meta i {
    color: #6B3CF6;
    font-size: 17px;
}

.career-role-right {
    flex-shrink: 0;
}

.career-role-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    border-radius: 50px;
    background: linear-gradient(90deg, #3D73FF, #6B3CF6, #FF3FA5);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
    min-width: 165px;
}

.career-role-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(107, 60, 246, .30);
}

/* Responsive */

@media(max-width:991px) {

    .career-roles-title {
        font-size: 38px;
    }

    .career-roles-desc {
        font-size: 17px;
    }

    .career-role-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px;
    }

    .career-role-right {
        width: 100%;
    }

    .career-role-btn {
        width: 100%;
    }

}

@media(max-width:767px) {

    .career-roles-section {
        padding: 60px 0;
    }

    .career-roles-title {
        font-size: 30px;
    }

    .career-roles-desc {
        font-size: 16px;
    }

    .career-role-card {
        padding: 22px;
    }

    .career-role-left h4 {
        font-size: 22px;
    }

    .career-role-left p {
        font-size: 15px;
    }

    .career-role-meta {
        flex-direction: column;
        gap: 12px;
    }

    .career-role-meta span {
        font-size: 15px;
    }

    .career-role-btn {
        padding: 15px 25px;
        font-size: 15px;
    }

}


/* who hire section css */

.who-hire-section {
    padding: 60px 0;
    background: #fff;
    overflow: hidden;
}

.who-hire-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #f6ebff;
    color: #7b5cff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 20px;
}

.who-hire-title {
    font-size: 46px;
    font-weight: 700;
    color: #131b3a;
    margin-bottom: 18px;
}

.who-hire-title span {
    background: linear-gradient(90deg, #6a5cff, #f42b98);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.who-hire-desc {
    font-size: 18px;
    color: #000;
    margin: auto;
    line-height: 1.8;
}

.hire-image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 450px;
}

.circle-bg {
    position: absolute;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background:
        radial-gradient(circle, #ffffff 0%, #f8f3ff 40%, #f2ebff 70%, transparent 72%);
    border: 1px solid #ece5ff;
}

.hire-main-image {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.hire-card {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.hire-icon {
    width: 70px;
    height: 70px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #f4efff);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 15px 35px rgba(98, 87, 255, .10);
    flex-shrink: 0;
}

.hire-icon i {
    font-size: 28px;
    color: #7b5cff;
}

.hire-content {
    padding: 0 18px;
}

.hire-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1a2342;
    margin-bottom: 8px;
}

.hire-content p {
    margin: 0;
    font-size: 18px;
    color: #6b7280;
    line-height: 1.7;
}

.left-card {
    justify-content: flex-start;
}

.right-card {
    justify-content: flex-end;
}

.left-card::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    /* width:120px; */
    width: 80px;
    border-top: 2px solid #d8cfff;
    border-radius: 30px;
}

.right-card::after {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 80px;
    border-top: 2px solid #d8cfff;
    border-radius: 30px;
}

.hire-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #7b5cff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.left-card .hire-dot {
    right: 10px;
}

.right-card .hire-dot {
    left: 10px;
}

/* desktop */

@media(min-width:992px) {

    .left-card {
        padding-right: 100px;
    }

    .right-card {
        padding-left: 100px;
    }

}

/* tablet */

@media(max-width:991px) {

    .who-hire-title {
        font-size: 38px;
    }

    .hire-image-wrapper {
        min-height: 360px;
        margin: 20px 0 30px;
    }

    .circle-bg {
        width: 340px;
        height: 340px;
    }

    .left-card,
    .right-card {
        padding: 0;
    }

    .left-card::after,
    .right-card::after {
        display: none;
    }

    .hire-dot {
        display: none;
    }

}

/* mobile */

@media(max-width:767px) {

    .who-hire-section {
        padding: 60px 0;
    }

    .who-hire-title {
        font-size: 32px;
        line-height: 1.3;
    }

    .who-hire-desc {
        font-size: 18px;
    }

    .hire-card {
        flex-direction: row;
        text-align: left;
        margin-bottom: 20px;
        justify-content: flex-start;
    }

    .right-card {
        flex-direction: row;
    }

    .right-card .hire-content {
        order: 2;
        text-align: left !important;
    }

    .right-card .hire-icon {
        order: 1;
    }

    .hire-icon {
        width: 60px;
        height: 60px;
    }

    .hire-icon i {
        font-size: 24px;
    }

    .hire-content h4 {
        font-size: 18px;
    }

    .hire-content p {
        font-size: 15px;
    }

    .hire-image-wrapper {
        min-height: auto;
        margin: 25px 0;
    }

    .circle-bg {
        width: 280px;
        height: 280px;
    }

}


/* workshop product section css----------------- */

.workdesk-section {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    background:
        radial-gradient(circle at 20% 25%,
            rgba(188, 198, 255, .65) 0%,
            transparent 45%),
        radial-gradient(circle at 85% 80%,
            rgba(255, 192, 220, .60) 0%,
            transparent 45%),
        linear-gradient(135deg,
            #eef3ff 0%,
            #f8f9ff 45%,
            #fbe8f4 100%);
}

.section-heading {
    text-align: center;
    margin-bottom: 70px;
}

.workdesk-logo {
    max-width: 280px !important;
    width: 100%;
}

.workdesk-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}

.workdesk-content,
.workdesk-image {
    flex: 1;
}

.workdesk-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.workdesk-image img {
    width: 100%;
    /* max-width: 650px; */
    display: block;
}

.workdesk-section h2,
.workdesk-section h3 {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    color: #15264f;
    margin-bottom: 25px;
}

.workdesk-section h2 span,
.workdesk-section h3 span {
    display: block;
    color: #4f46c9;
}

.workdesk-desc {
    font-size: 18px;
    line-height: 1.8;
    color: #5f6480;
    margin-bottom: 35px;
}

.workdesk-feature {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.feature-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(79, 70, 201, .1);
}

.feature-icon i {
    font-size: 20px;
    color: #4f46c9;
}

.workdesk-feature h5 {
    font-size: 20px;
    color: #15264f;
    margin-bottom: 6px;
}

.workdesk-feature p {
    margin: 0;
    line-height: 1.7;
    color: #5f6480;
}

.workdesk-buttons {
    display: flex;
    gap: 15px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.btn-primary-workdesk,
.btn-outline-workdesk {
    padding: 14px 28px;
    border-radius: 50px;

    font-weight: 600;
    text-decoration: none;

    transition: .3s;
}

.btn-primary-workdesk {
    background: linear-gradient(90deg,
            #4f46c9,
            #6d5dfc);

    color: #fff;
}

.btn-outline-workdesk {
    border: 2px solid #4f46c9;
    color: #4f46c9;
    background: #fff;
}

.btn-primary-workdesk:hover,
.btn-outline-workdesk:hover {
    transform: translateY(-3px);
}

/* ================== Tablet ================== */

@media (max-width: 991px) {

    .workdesk-wrapper {
        flex-direction: column-reverse;
        text-align: center;
        gap: 50px;
    }

    .workdesk-section h2,
    .workdesk-section h3 {
        font-size: 40px !important;
    }

    .workdesk-feature {
        text-align: left;
    }

    .workdesk-buttons {
        justify-content: center;
    }
}

/* ================== Mobile ================== */

@media (max-width: 576px) {

    .workdesk-section {
        padding: 70px 0;
    }

    .section-heading {
        margin-bottom: 50px;
    }

    .workdesk-logo {
        max-width: 220px;
    }

    .workdesk-content h2 {
        font-size: 30px;
    }

    .workdesk-desc {
        font-size: 16px;
    }

    .workdesk-feature {
        gap: 12px;
    }

    .feature-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .workdesk-buttons {
        flex-direction: column;
    }

    .btn-primary-workdesk,
    .btn-outline-workdesk {
        width: 100%;
        text-align: center;
    }
}

/* ==========================================================================
   Floating WhatsApp Button
   ========================================================================== */
.floating-whatsapp-btn {
    position: fixed;
    bottom: 50px;
    right: 28px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.40);
    z-index: 99999;
    text-decoration: none;
    transition: all 0.35s ease;
    cursor: pointer;
}

.floating-whatsapp-btn i {
    color: #ffffff;
    line-height: 1;
    display: block;
}

.floating-whatsapp-btn:hover {
    transform: translateY(-4px) scale(1.06);
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.55);
    color: #ffffff !important;
}

/* Pulsing ripple effect */
.floating-whatsapp-btn::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: #25D366;
    opacity: 0.4;
    z-index: -1;
    animation: whatsappPulse 2s infinite ease-in-out;
}

@keyframes whatsappPulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.22);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* Tooltip on hover */
.floating-whatsapp-btn .whatsapp-tooltip {
    position: absolute;
    right: 62px;
    top: 50%;
    transform: translateY(-50%);
    background: #111827;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.floating-whatsapp-btn .whatsapp-tooltip::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #111827;
}

.floating-whatsapp-btn:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    right: 66px;
}

@media (max-width: 767px) {
    .floating-whatsapp-btn {
        bottom: 80px;
        right: 18px;
        width: 46px;
        height: 46px;
        font-size: 25px;
    }

    .floating-whatsapp-btn .whatsapp-tooltip {
        display: none;
    }
}

@media (max-width: 996px) {
    .industries-grad-btn {
        display: block !important;
    }
}