/* ===============================
COMMON STYLE
=============================== */


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

body {
    background: black !important;
    color: white;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}



.banner {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 170px 20px 80px 20px;
    background: linear-gradient(180deg, #4b1178 0%, #12081f 40%, #000 100%);
    overflow: hidden;
}

/* glow effect */

.banner::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, #7c3aed55, transparent 70%);
    filter: blur(140px);
    z-index: 1;
}



.grid-lines {
    position: absolute;
    bottom: -240px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    animation: gridFloat 12s ease-in-out infinite;
}

@keyframes gridFloat {
    0% {
        transform: translateX(-50%) translateY(0);
    }

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

    100% {
        transform: translateX(-50%) translateY(0);
    }
}


.banner-content {
    max-width: 1200px;
    position: relative;
    z-index: 2;
    animation: heroFade 1.2s ease forwards;
    opacity: 0;
}

@keyframes heroFade {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

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


.ai-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 78px;
    font-family: Yellowtail;
    background-size: cover;
    color: transparent;
    background: linear-gradient(90deg, #2EA3FF 40%, #6A5BFF 55%, #e1498d 62%, #FF5FA2 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ai-title span{
	font-family: 'Yellowtail';
}

.banner h1 {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner p {
    font-size: 16px;
    color: #cfcfcf;
    line-height: 1.7;
    margin-bottom: 40px;
}


.banner-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}



.btn {
    padding: 14px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
}

.primary {
    background: white;
    color: black;
}

.primary:hover {
    background: white;
    color: black;
}

.slide-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 14px 30px;
    font-weight: 500;
}

.slide-btn .arrow {
    display: inline-flex;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

.slide-btn .text {
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

/* hover animation */

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

.slide-btn:hover .text {
    transform: translateX(-40px);
}


.secondary {
    border: 1px solid #444;
    color: white;
}

.secondary:hover {
    border: 1px solid #444;
    color: white;
}

/* custom ai section style start*/

.service-section-begin {
    --brand-blue: #4d9fff;
    --brand-blue-deep: #2563eb;
    --brand-blue-darker: #1d4ed8;
    --color-white: rgba(255, 255, 255, 1);
    --glass-background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04));
    --glass-background-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07));
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-border-hover: rgba(77, 159, 255, 0.28);
    --glass-blur: blur(15px);
    --glass-shadow: 0 4px 24px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    --glass-shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(77, 159, 255, 0.08);
    background: transparent;
    position: relative;
    z-index: 0;
}

.glow-purple {
    opacity: 0;
    transition: opacity 0.5s ease;
    position: fixed;
    top: -50%;
    left: -10%;
    width: 70%;
    height: 200%;
    background: radial-gradient(ellipse at left center,
            rgba(120, 60, 180, 0.75) 0%,
            rgba(90, 40, 160, 0.40) 30%,
            rgba(60, 20, 120, 0.15) 55%,
            transparent 70%);
    opacity: 0.90;
    pointer-events: none;
    z-index: 0;
    filter: blur(60px);
}

/* Blue glow — bottom right */
.glow-blue-svc {
    opacity: 0;
    transition: opacity 0.5s ease;
    position: fixed;
    top: -10%;
    right: -40%;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(0, 102, 255, 0.9) 15%,
            rgba(0, 60, 200, 0.4) 70%,
            transparent 100%);
    filter: blur(180px);
    pointer-events: none;
    z-index: 0;
}

/* ════════════════════════════════════════════
       SERVICES SECTION — two-column sticky layout
    ════════════════════════════════════════════ */
.services-section {
    display: flex;
    align-items: flex-start;
    min-height: 100vh;
    padding: 80px 10vw;
    gap: 0vw;
    background: black;
}


/* ────────────────────────────────────────────
       LEFT PANEL — stays fixed while right scrolls
    ──────────────────────────────────────────── */
.services-sticky-panel {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 0;
}

/* Main section heading
       */
.services-main-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 46px;
    line-height: 130%;
    letter-spacing: 0.39px;
    color: var(--color-white);
    margin-bottom: 1.5rem;
}

/* "Ai" word — italic, white-to-blue gradient left to right */
.heading-word-ai {
    font-weight: 400;
    font-style: italic;
    background: linear-gradient(90deg, #ffffff 0%, var(--brand-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	padding: 0px 10px 0px 0px;
}

/* "Development" word — italic, white-to-blue gradient left to right */
.heading-word-development {
    font-weight: 400;
    font-style: italic;
    background: linear-gradient(90deg, #ffffff 0%, var(--brand-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtitle paragraph
        */
.services-subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 4%;
    color: var(--color-white);
    max-width: 510px;
}

/* ────────────────────────────────────────────
       RIGHT PANEL — scrollable cards column
    ──────────────────────────────────────────── */
.services-cards-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 7vh 0 12vh;
    position: relative;
    left: -2%;
}

/* ════════════════════════════════════════════
       GLASS SERVICE CARD
    ════════════════════════════════════════════ */
.service-card {
    background: var(--glass-background);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: none;
    /* replaced below */
    border-radius: 24px;
    padding: 3rem 2rem;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 -1px 1px rgba(0, 0, 0, 0.25), inset 1px 0 1px rgba(255, 255, 255, 0.05), inset -1px 0 1px rgba(0, 0, 0, 0.20), 0 8px 32px rgba(0, 0, 0, 0.40);
    transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
    cursor: default;
    opacity: 0;
    transform: translateY(28px);
    animation: card-reveal 0.55s ease forwards;
    max-width: 620px;
    width: 100%;
}

/* Faded corners, bright sides */
.service-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    background: conic-gradient(from 0deg at 50% 50%,
            rgba(255, 255, 255, 0.04) 0deg,
            /* top-left corner — faded */
            rgba(255, 255, 255, 0.55) 45deg,
            /* top side — bright */
            rgba(255, 255, 255, 0.04) 90deg,
            /* top-right corner — faded */
            rgba(255, 255, 255, 0.55) 135deg,
            /* right side — bright */
            rgba(255, 255, 255, 0.04) 180deg,
            /* bottom-right corner — faded */
            rgba(255, 255, 255, 0.55) 225deg,
            /* bottom side — bright */
            rgba(255, 255, 255, 0.04) 270deg,
            /* bottom-left corner — faded */
            rgba(255, 255, 255, 0.55) 315deg,
            /* left side — bright */
            rgba(255, 255, 255, 0.04) 360deg
            /* back to top-left — faded */
        );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.18) 40%,
            rgba(255, 255, 255, 0.06) 70%,
            transparent 100%);
    pointer-events: none;
    z-index: 2;
}

.service-card:hover {
    background: var(--glass-background-hover);
    transform: translateY(-3px);
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.10),
        inset 0 -1px 1px rgba(0, 0, 0, 0.20),
        inset 1px 0 1px rgba(255, 255, 255, 0.06),
        inset -1px 0 1px rgba(0, 0, 0, 0.15),
        0 16px 48px rgba(0, 0, 0, 0.50);
}

/* Staggered entry delays */
.service-card:nth-child(1) {
    animation-delay: 0.05s;
}

.service-card:nth-child(2) {
    animation-delay: 0.12s;
}

.service-card:nth-child(3) {
    animation-delay: 0.19s;
}

.service-card:nth-child(4) {
    animation-delay: 0.26s;
}

.service-card:nth-child(5) {
    animation-delay: 0.33s;
}

.service-card:nth-child(6) {
    animation-delay: 0.40s;
}

.service-card:nth-child(7) {
    animation-delay: 0.47s;
}

.service-card:nth-child(8) {
    animation-delay: 0.54s;
}

@keyframes card-reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Card header row (icon badge + title) ── */
.card-header-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.9rem;
}

/* Blue rounded icon badge */
.card-icon-badge {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-right: 14px;
}

.card-icon-badge img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    display: block;
}

.card-icon-badge i {
    font-size: 1.05rem;
    color: #fff;
}

/* Card title 
       */
.card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    letter-spacing: 0;
    color: var(--color-white);
}

/* Card description paragraph
       */
.card-description {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30.16px;
    letter-spacing: 0;
    color: var(--color-white);
}

/* custom ai section style END*/

/*process section */
/* =========================
   SECTION
========================= */
.process-full {
    background: linear-gradient(180deg, #101010 22%, #0066FF 49.52%, #101010 100%);
    padding: 80px 20px;
    color: white;
    font-family: "Inter", sans-serif;
}

.process-container {
    max-width: 1200px;
    margin: auto;
}

/* =========================
   HEADER
========================= */
.process-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.process-left {
    /* max-width: 800px; */
}

.process-heading {
    font-size: 46px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: 500;
}
.process-right .schedule-btn img{
	filter: brightness(100);
}

.process-heading-img {
    display: block;
    /* 🔥 makes image start new line */
    margin-top: 8px;
}

.process-heading-img {
    display: block;
    /* 🔥 forces new line */
    margin-top: 6px;
}

.process-heading-img img {
    height: 48px;
    display: block;
    /* 🔥 prevents inline shifting */
}


.process-subtitle {
    font-size: 16px;
    line-height: 1.9;
}

/* BUTTON */
.schedule-btn {
    padding: 12px 22px;
    border-radius: 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    background: linear-gradient(90deg, #0096FD, #945BFA, #EB477F);
}
/* BUTTON */

.schedule-btn {
    padding: 12px 28px;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    transition: opacity 0.3s ease, transform 0.3s ease;

    /* Background fill */
    background: linear-gradient(90deg, rgba(0, 151, 255, 0.2), rgba(145, 92, 240, 0.2), rgba(235, 70, 127, 0.2));

    /* Gradient border trick */
    border: 2px solid transparent;
    background-clip: padding-box;

    /* The gradient border layer */
    box-shadow: 0 0 0 2px transparent;
	cursor:pointer;
}

/* Pseudo-element for the gradient border */
.schedule-btn::before {
    content: '';
    position: absolute;
    inset: -0.5px;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(90deg, #0097FF, #915CF0, #EB467F);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
/* =========================
   STEPS
========================= */
.process-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    overflow-x: hidden;
    /* 🔥 stops scroll */

}
.process-steps li{
	list-style:none;
}
.process-steps li.tab.is-active .step-number, .process-steps li.tab.is-active .step-name{
	color:#ffffff;
}
.process-steps li.tab.is-active .step-name::after{
	width:70%;
}

.step {
    cursor: pointer;
    color: #888;
}

.step-number {
        font-size: 42px;
    font-weight: 600;
}

.step-name {
    font-size: 14px;
    margin-top: 6px;
    position: relative;
    padding-bottom: 8px;
}

/* LINE */
.step-name {
    font-size: 15px;
    margin-top: 6px;
    position: relative;
    padding-bottom: 10px;
}

/* base line */
.step-name::before {
    content: "";
    position: absolute;
    left: 0;              /* 🔥 FIX */
    bottom: 0;
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,0.2);
}

/* active gradient line */
.step-name::after {
    content: "";
    position: absolute;
    left: 0;              /* 🔥 IMPORTANT */
    bottom: 0;
    width: 0%;
    height: 2px;
    background: linear-gradient(90deg, #0096FD, #945BFA, #EB477F);
    transition: width 0.4s ease;
}

.process-full {
    overflow-x: hidden;
}

/* ACTIVE STEP */
#p1:checked~.process-steps div[for="p1"],
#p2:checked~.process-steps div[for="p2"],
#p3:checked~.process-steps div[for="p3"],
#p4:checked~.process-steps div[for="p4"],
#p5:checked~.process-steps div[for="p5"] {
    color: white;
}

#p1:checked~.process-steps div[for="p1"] .step-name::after,
#p2:checked~.process-steps div[for="p2"] .step-name::after,
#p3:checked~.process-steps div[for="p3"] .step-name::after,
#p4:checked~.process-steps div[for="p4"] .step-name::after,
#p5:checked~.process-steps div[for="p5"] .step-name::after {
    width: 70%; /* 🔥 FULL LEFT TO RIGHT */
}
.card-icon {
    margin-bottom: 20px;
}

.card-icon img {
    width: 40px;
    height: 40px;
}
/* =========================
   CONTENT
========================= */
.process-content {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.process-image {
    width: 100%;
}
.process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.process-card {
    width: 100%;
    background: white;
    color: #111;
    padding: 50px;
    display: flex;
    align-items: center;
	height: 545px;
}

/* TEXT SWITCH */
.card-title {
    font-size: 20px;
    font-weight: 600;
}

.card-desc {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
}
.process-content .panel {
    display: none;
	width: 100%;
}
.process-content .panel.is-show {
    display: block;
}
.process-content .panel-group{
	width: 100%;
}
.process-content .panel-box{
	display:flex;
	width: 100%;
}

/*Trusted partner css start--------------------------*/

.trusted-section-begin {
    --glass-background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
    --glass-blur: blur(20px);
    position: relative;
    overflow: hidden;
    background-color: black;
}

.trusted-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 10vw 0rem 10vw;
    gap: 2rem;
    background: transparent;
    position: relative;
    z-index: 1;
}

.trusted-left {
    max-width: 900px;
}

.trusted-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 1.3;
    color: #ffffff;
    margin-bottom: 1rem;
}

.trusted-heading-gradient {
    font-style: italic;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    background: linear-gradient(90deg, #ffffff 0%, #4d9fff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.trusted-ai-star {
    margin-bottom: 17px;
    width: clamp(14px, 2vw, 24px);
    height: clamp(18px, 2.5vw, 31px);
    vertical-align: super;
    margin-left: -11px;
}

.trusted-subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    color: rgba(255, 255, 255, 1);
    max-width: 622px;
}

.discuss-btn {
    padding: 12px 28px;
    border-radius: 50px;
    /* 👈 fully rounded pill shape */
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    background: linear-gradient(90deg,
            rgba(0, 151, 255, 0.2) -0.72%,
            rgba(145, 92, 240, 0.2) 48.89%,
            rgba(235, 70, 127, 0.2) 98.52%);
    border: none;
    position: relative;
    transition: opacity 0.3s ease, transform 0.3s ease;
	cursor:pointer;
}

.discuss-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    /* 👈 match pill shape */
    padding: 1px;
    background: linear-gradient(90deg,
            rgba(0, 150, 253, 1) 0%,
            rgba(148, 91, 250, 1) 50%,
            rgba(235, 71, 127, 1) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.discuss-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

.glow-ellipse {
    position: absolute;
    width: 800px;
    height: 1000px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(0, 102, 255, 0.6) 0%,
            rgba(0, 60, 200, 0.3) 90%,
            transparent 100%);
    filter: blur(100px);
    top: 50%;
    right: -490px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
    max-width: 50vw;
}

.stats-section {
    padding: 36px 126px 90px 140px;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: relative;
    z-index: 1;
    max-width: 131%;
    box-sizing: border-box;
}

/* Stats Row */
.stats-row {
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.6rem;
}

.stat-card {
    background: var(--glass-background);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 2rem 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0rem;
}

.stat-number {
    font-size: 54px;
    font-weight: 600;
    color: #00c853;
    line-height: 1;
}

.stat-label {
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.3;
    padding: 20px;
}

/* Feature Row */
.feature-row {
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
}

.feature-card-trustedpartner {
    background: rgba(0, 102, 255, 1);
    border-radius: 24px;
    padding: 0rem 2rem 0rem 2rem;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    gap: 0.0px;
    padding-bottom: 20px;
}

.feature-icon {
    width: 110px;
    height: 110px;
    color: rgba(255, 255, 255, 0.80);
    align-self: flex-end;
    position: relative;
    top: 35px;
    left: 15px;
}

.feature-title {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.feature-title {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0px !important;
        line-height: 2;

}


.feature-title::selection {
    background: transparent;
}

.feature-title::-moz-selection {
    background: transparent;
}

.feature-desc-technology {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.90);
    line-height: 1.7;
    max-width: 468px;
}

.feature-desc-ethical {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.90);
    line-height: 1.8;
    max-width: 393px;
}

/*Trusted partner css end--------------------------*/



/* innovation start */
.innovation {
    width: 100%;
    text-align: center;
}

/* 🔥 FULL WIDTH IMAGE */
.innovation-img {
    width: 100%;
    line-height: 0;
    /* removes gap */
    position: relative;

}

.innovation-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


/* Content */
.innovation-content {
    margin: 0 auto;
    padding: 100px 100px 0px 100px;
    transform: translateY(-215px);
}
/* Gemini icon */
.gemini-icon {
    width: 40px;
    margin-bottom: 10px;
}

/* Heading */
.innovation-content h1 {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Gradient box */
.gradient-box {
    display: inline-block;
    padding: 15px 68px;
    border-radius: 14px;
    background: linear-gradient(90deg, #1e90ff, #ff3c7e);
    /* font-size: 3px; */
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 12px;

}

.ai {
    font-size: 51px;
    font-weight: 500;
}

/* Text */
.innovation-content p {
    font-size: 22px;
    color: white;
    margin-bottom: 50px;
}

/* Button */
.innovation-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 40px;
    border-radius: 30px;
    background: #1e6cff;
    color: white;
    text-decoration: none;
    transition: 0.3s;
	cursor:pointer;
}
.innovation-btn .arrow img{
	filter: brightness(100);
}

/* keep your hover color */
.innovation-btn:hover {
    background: #1554c5;
}

/* ADD ONLY BELOW */

.innovation-btn .arrow {
    display: inline-flex;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

.innovation-btn .text {
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

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

.innovation-btn:hover .text {
    transform: translateX(-40px);
}

/* sector start */
:root {
    --bg: #0a0a0c;
    --surface: #141418;
    --surface-hover: #1e1e26;
    --border: rgba(255, 255, 255, 0.07);
    --text: #f0f0f5;
    --text-dim: #8888a0;
    --accent: #3d6fff;
    --accent-glow: rgba(61, 111, 255, 0.35);
    --accent-2: #60b8ff;
    --icon-bg: #1c1c24;
    --icon-bg-hover: #23232e;
}

body {
    background: black;
    min-height: 100vh;
    overflow-x: hidden;
}

/* ── Noise overlay ── */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    opacity: 0.025;
    pointer-events: none;
    z-index: 0;
}

/* ── Ambient glow ── */
.sector-ambient {
    position: fixed;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
    z-index: 0;
}

.sector-ambient--left {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(61, 111, 255, 0.12) 0%, transparent 70%);
    top: -200px;
    left: -100px;
    animation: sectorDriftLeft 12s ease-in-out infinite alternate;
}

.sector-ambient--right {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(96, 184, 255, 0.08) 0%, transparent 70%);
    bottom: 0;
    right: -80px;
    animation: sectorDriftRight 15s ease-in-out infinite alternate;
}

@keyframes sectorDriftLeft {
    to {
        transform: translate(60px, 80px);
    }
}

@keyframes sectorDriftRight {
    to {
        transform: translate(-40px, -60px);
    }
}

/* ── Wrapper ── */
.sectors-wrapper {
    position: relative;
    z-index: 1;
    max-width: 1440px;
    margin: 0 auto;
    padding: 55px 80px 120px;
}

/* ── Header ── */
.sector-header {
    margin-bottom: 80px;
}

/* ── Title ── */
.sector-title {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--text);
    margin-bottom: 28px;
    opacity: 0;
    transform: translateY(30px);
    animation: sectorFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}

.sector-title__highlight {
    font-style: italic;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.sector-title__highlight::after {
    content: '✦';
    font-style: normal;
    font-size: 0.35em;
    position: relative;
    top: -0.8em;
    margin-left: 4px;
    -webkit-text-fill-color: var(--accent-2);
    animation: sectorSparkle 2s ease-in-out infinite;
}

@keyframes sectorSparkle {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(0.7);
    }
}

/* AI + Development styling */
.sector-title__ai {
    font-style: italic;
    position: relative;
}

.sector-title__dev {
    background: linear-gradient(90deg, #3d6fff, #60b8ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sector-title__ai::after {
    content: '✦';
    position: absolute;
    font-size: 14px;
    top: -10px;
    left: 28px;
    color: #60b8ff;
    animation: sectorSparkle 2s ease-in-out infinite;
}

/* ── Subtitle ── */
.sector-subtitle {
    font-size: 16px;
    color: white;
    line-height: 1.75;
    font-weight: 300;
    opacity: 0;
    transform: translateY(20px);
    animation: sectorFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards;
}

/* ── Divider ── */
.sector-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 60%);
    margin-bottom: 60px;
    transform-origin: left;
    opacity: 0;
    animation: sectorExpandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}

@keyframes sectorExpandLine {
    from {
        transform: scaleX(0);
        opacity: 0;
    }

    to {
        transform: scaleX(1);
        opacity: 1;
    }
}

/* ── Grid ── */
.sector-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

/* ── Card ── */
.sector-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 40px 20px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(24px);
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease;
}

/* No right border on last column */
.sector-card:nth-child(7n) {
    border-right: none;
}

/* No bottom border on last row */
.sector-card:nth-child(n+8) {
    border-bottom: none;
}

/* Staggered fade-in via JS class */
.sector-card--visible {
    animation: sectorFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.sector-card--visible:hover {
    opacity: 1;
    transform: translateY(0);
}

.sector-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, var(--accent-glow) 0%, transparent 65%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.sector-card:hover::before {
    opacity: 1;
}

.sector-card:hover {
    background: var(--surface-hover);
    box-shadow: inset 0 0 0 1px rgba(61, 111, 255, 0.2);
}

/* Top shimmer line on hover */
.sector-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);
    transform: translateX(-100%);
    opacity: 0;
    transition: none;
}

.sector-card:hover::after {
    animation: sectorShimmerLine 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes sectorShimmerLine {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0.6;
    }
}

/* ── Icon box ── */
.sector-icon-box {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    background: var(--icon-bg);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    position: relative;
    z-index: 1;
    transition:
        transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.35s ease;
}

.sector-card:hover .sector-icon-box {
    transform: translateY(-5px) scale(1.08);
    background: var(--icon-bg-hover);
    border-color: rgba(61, 111, 255, 0.35);
    box-shadow: 0 14px 32px var(--accent-glow);
}

/* ── Label ── */
.sector-label {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--text);
    text-align: center;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.sector-card:hover .sector-label {
    color: #fff;
}

/* ── Pulse ring ── */
.sector-pulse-ring {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 68px;
    height: 68px;
    border-radius: 16px;
    border: 1.5px solid var(--accent);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
}

.sector-card:hover .sector-pulse-ring {
    animation: sectorPulseRing 1.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

@keyframes sectorPulseRing {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 0.7;
    }

    100% {
        transform: translateX(-50%) scale(1.65);
        opacity: 0;
    }
}

/* ── Shared animations ── */
@keyframes sectorFadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

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

/* create css */

.section-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 60px 0px 0 0px; */
}

/* ── Heading ── */
.section-wrapper h2 {
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.01em;
    line-height: 1.25;
    margin-bottom: 48px;
}

/* ── Horizontal rules ── */
.top-line,
.bottom-line {
    width: 100%;
    height: 1px;
    background-color: #333333;
}

/* ── Vertical grid lines above cards ── */
.pre-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 40px;
}

.pre-col {
    border-right: 1px solid #333333;
}

.pre-col:last-child {
    border-right: none;
}

/* ── Vertical grid lines below cards ── */
.post-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 40px;
}

.post-col {
    border-right: 1px solid #333333;
}

.post-col:last-child {
    border-right: none;
}

/* ── Cards grid ── */
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.col {
    padding: 40px 44px 40px 44px;
    border-right: 1px solid #333333;
}

.col:last-child {
    border-right: none;
	padding-right: 70px;
}

/* ── Icon ── */
.icon {
    width: 20px;
    height: 50px;
    margin-bottom: 28px;
}

.icon img {
       width: 45px;
    height: 45px;

}

/* ── Card heading ── */
.col h3 {
    font-size: 17.4px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 16px;
    line-height: 1.5;
    text-align: left;
}

/* ── Card body text ── */
.col p {
    font-size: 15.414px;
    font-weight: 400;
    line-height: 2;
    color: #FFFFFF;
    text-align: left;
    letter-spacing: 0px;
}

/* technology section */
.ai-section {
    height: auto;
    min-height: 110vh;
    width: 100%;
    background-color: black;
    background-image:

        url("../../new-images/ai-development/liquid_glass_bg.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* TITLE */
.ai-section h4 {
    font-size: 47px;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 7%;
    padding-left: 10%;
    margin-bottom: 20px;
    color: white;
}

/* SUBTITLE */
.subtitle {
    font-size: 17px;
    color: white;
    padding-left: 10%;
    max-width: 750px;
    margin-bottom: 70px;
    line-height: 1.6;
}



/* SERVICES WRAPPER */


/* ── CARD ── */
.service {
    background: transparent !important;
    padding: 10px 5px 25px 5px;
    border-radius: 0;
    border: none;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service:hover {
    background: transparent !important;
    transform: translateY(-4px);
}

/* ── ICON ── */
.icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 18px;
    font-size: 20px;
    color: white;
}

/* ── HEADING ── */
.service h3 {
    margin-bottom: 24px;
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
}

/* ── PARAGRAPH ── */
.service_p {
    color: white;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    
}

/* ── OWL NAV ARROWS (circular buttons like reference) ── */
.services .owl-nav {
    position: absolute;
    bottom: 140%;
    right: 10%;
    display: flex;
    gap: 20px;
}

.services {
    position: relative;
    padding-left: 144px;
}


/*---------------ai cta--------------------------*/
.ai-cta-section {
    width: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 5%;
}

.ai-cta-box {
    width: 100%;
    max-width: 1200px;
    background-image: url("../../new-images/ai-development/ai_dev1.webp");
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    padding: 80px 5%;
    text-align: center;
}


.ai-cta-content h3 {
    font-size: 56px;
    
    font-weight: 400;
    font-style: italic;
    color: white;
    line-height: 1.3;
    margin-bottom: 10px;
}

.cta-img-inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.cta-img-inline img {
    height: 93px;
    border-radius: 50px;
    object-fit: cover;
}

.cta-aidevelopment img {
    height: 66px;
    object-fit: contain;
}

.ai-cta-content p {
    font-size: 15px;
    color: white;
    margin: 16px auto 30px;
    max-width: 900px;
    
    line-height: 1.6;
}

.cta-btn {
    background: #0d0d0d;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}
.cta-btn img{
	filter: brightness(100);
}

.cta-btn:hover {
    background: #1a1a1a;
}

/* why section ----------------------------*/
.why-section {
    background-color: black;
    padding: 5% 11%;

}

.why-section__heading {
    margin-bottom: 44px;

}

.title__ai {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /* ADD THIS */
}

.title__ai::before {
     content: '';
    background-image: url(../../new-images/ai-development/spark.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 57px;
    left: 32px;

}

.why-section__title {
    font-size: 49px;
    
    font-weight: 500;
    line-height: 1.4;
    color: #f2f2f2;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
}

.why-section__title .title__ai sup {
    font-size: 0.42em;
    color: #7c6af7;
    font-weight: 600;
    vertical-align: super;
}

.why-section__title .title__italic {
    font-style: italic;
}

.why-section__subtitle {
    font-size: 17px;
    color: white;
    line-height: 1.7;
    font-weight: 300;
    
    max-width: 700px;
}

/* ───────────────────────────
       Outer Grid: 2 columns
    ─────────────────────────── */
.why-section__grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 16px;
    align-items: start;
}

/* ───────────────────────────
       Left Column: 2 cards
    ─────────────────────────── */
.why-section__col--left {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ───────────────────────────
       Right Column: trust + bottom-row
    ─────────────────────────── */
.why-section__col--right {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Bottom row inside right col: aidev + compliance side by side */
.why-section__row--bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* ───────────────────────────
       Card Base
    ─────────────────────────── */
.feature-card {
    background-color: #181818;
    border: 1px solid #565656;
    border-radius: 18px;
    overflow: hidden;

}

/* ═══════════════════════════════════════
       LEFT COL — Card 1: Expertise
       VERTICAL: big logo image top, text centered below
    ═══════════════════════════════════════ */
.feature-card--expertise {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 32px 36px;
}

.feature-card--expertise .card__image-area {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 44px 32px 32px;
}

/* Logo box — keeps existing gradient/glow, image fills it */
.expertise__logo-box {
    width: 230px;
    height: 230px;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 0 80px rgba(147, 51, 234, 0.35), 0 0 160px rgba(147, 51, 234, 0.12);
}

.expertise__logo-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.feature-card--expertise .card__text {
    width: 100%;
}

/* ═══════════════════════════════════════
       LEFT COL — Card 2: Data Privacy
       HORIZONTAL: big image LEFT fills height, text RIGHT
    ═══════════════════════════════════════ */
.feature-card--privacy {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 360px;
}

.feature-card--privacy .card__image-area {
    width: 310px;
    flex-shrink: 0;
    background-color: #111;
    border-radius: 18px 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.feature-card--privacy .card__text {
    flex: 1;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ═══════════════════════════════════════
       RIGHT COL — Card 3: Trust
       HORIZONTAL: big image LEFT fills height, text RIGHT
    ═══════════════════════════════════════ */
.feature-card--trust {

    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 180px;
}

.feature-card--trust .card__image-area {
    width: 300px;
    flex-shrink: 0;
    background-color: #111;
    border-radius: 18px 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.feature-card--trust .card__text {
    flex: 1;
    padding: 34px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ═══════════════════════════════════════
       BOTTOM ROW — Card 4: AI Dev
       VERTICAL: text top, image bottom
    ═══════════════════════════════════════ */
.feature-card--aidev {
    display: flex;
    flex-direction: column;
}

.feature-card--aidev .card__text {
    padding: 24px 22px 16px;
}

.feature-card--aidev .card__image-area {
    flex: 1;
    background-color: #111;
    border-radius: 0 0 18px 18px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 250px;
    overflow: hidden;
}

/* ═══════════════════════════════════════
       BOTTOM ROW — Card 5: Compliance
       VERTICAL: image top, text bottom
    ═══════════════════════════════════════ */
.feature-card--compliance {
    display: flex;
    flex-direction: column;
}

.feature-card--compliance .card__image-area {
    background-color: #111;
    border-radius: 18px 18px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    overflow: hidden;
}

.feature-card--compliance .card__text {
    padding: 20px 22px 24px;
}

/* ───────────────────────────
       Shared image styles
    ─────────────────────────── */

/* card__img: fills horizontal card image areas (privacy, trust) */
.card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* AI Dev handshake — show from center/top so hands are visible */
.feature-card--aidev .card__image-area .card__img {
    object-position: center top;
    height: 100%;
    width: 100%;
}

/* Compliance tick — center the icon */
.feature-card--compliance .card__image-area .card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ───────────────────────────
       Card Typography
    ─────────────────────────── */
.card__label {
    padding: 40px 20px 0px 0px;
    font-size: 22px;
    font-weight: 600;
    background: linear-gradient(90deg, #0096FD 40%, #945BFA 30%, #EB477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.35;
    margin-bottom: 10px;
}

.card__description {
    color: white;
        line-height: 1.9;
        font-size: 16px;
        opacity: 0.9;

}

/* transform */
/*------------------------ ai trasform section---------*/

.ai-transform-section {
    width: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 5%;
}

.ai-transform-box {
    width: 100%;
    max-width: 1300px;
    background-image: url("../../new-images/ai-development/ai_dev2.webp");
    background-size: cover;
    background-position: center;
    border-radius: 35px;
    padding: 65px 1%;
    display: flex;
    align-items: center;
}

.ai-transform-content {
    max-width: 57%;
    padding-left: 3%;
}

.ai-transform-content h4 {
    
    font-weight: 400;
    color: white;
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 55px;

}

.ai-transform-content h4 strong {
    font-size: 62px;
    font-weight: 800;
}

.ai-features-img {
    display: inline-block;
    font-size: 62px;
    vertical-align: middle;
}

.ai-features-img img {
    height: 32px;
    object-fit: contain;
    vertical-align: middle;
}

.ai-transform-content p {
    font-size: 16px;
    color: white;
    
    font-weight: 500;
    margin: 24px 0 32px;
    line-height: 1.8;
    max-width: 600px;
}

.transform-btn {
    background: white;
    color: black;
    border: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}

.transform-btn:hover {
    background: #f0f0f0;
}

.ai-features-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.ai-features-img::before {
    content: '';
    background-image: url('../../new-images/ai-development/spark.webp');
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 68px;
    left: 42px;
}

/* ai model person */


.ai-model-root {
    --ai-bg: #05070d;
    --ai-text: #f3f4f6;
    --ai-text-dim: #8b90b3;
}

/* SECTION WRAPPER */
.ai-section-bg {
    background: radial-gradient(circle at 15% 40%, rgba(37, 99, 235, 0.18), transparent 40%),
        var(--ai-bg);
    color: var(--ai-text);
    overflow: hidden;
    position: relative;
}



/* ai model SECTION */
    .ai-model-root {
      --ai-bg: #05070d;
      --ai-text: #f3f4f6;
      --ai-text-dim: #8b90b3;
    }

    /* SECTION WRAPPER */
    .ai-section-bg {
      background: radial-gradient(circle at 15% 40%, rgba(37, 99, 235, 0.18), transparent 40%),
        var(--ai-bg);
      color: var(--ai-text);
      overflow: hidden;
      position: relative;
    }



    /* SECTION */
    .aimodel-section {
      margin: auto;
      padding: 80px 0px;
      overflow: hidden;
    }

    /* TITLE */
    .aimodel-title {
      font-size: 47px;
      margin-bottom: 15px;
      margin-left: 130px;
      font-weight: 600;
      line-height: 1.2;
    }

    .ai-image img {
      height: 47px;
      vertical-align: middle;
      transform: translateY(-10px);
    }

    .aimodel-title span {
      background: linear-gradient(90deg, #3d6fff, #60b8ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* SUBTITLE */
    .aimodel-subtitle {
      max-width: 581px;
      line-height: 1.7;
      font-size: 17px;
      margin-left: 130px;
    }

    /* BODY */
    .aimodel-body {
      display: flex;
      align-items: center;
      position: relative;
    }

    /* PERSON */
.aimodel-person {
    position: relative;
    z-index: 1;          /* 👈 keep person behind bubbles */
    overflow: hidden;
    display: flex;
    align-items: flex-end;

    /* 👇 bottom fade */
    -webkit-mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
}

    .aimodel-person::before {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      left: -120px;
      top: 50%;
      transform: translateY(-50%);
      filter: blur(80px);
      z-index: -1;
    }

.aimodel-person img {
    width: 80%;
    height: auto;
    object-fit: contain;
    object-position: bottom;
    display: block;
}

/* BUBBLES */
.aimodel-bubbles {
    position: relative;
    flex: 1;
    height: 600px;
    margin-left: -140px;
}
    /* BUBBLE */
    .aimodel-bubble {
      position: absolute;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;

      background: #1e1e1e;
      backdrop-filter: blur(16px);

      padding: 2px;

      box-shadow:
        inset 0 2px 10px rgba(255, 255, 255, 0.12),
        inset 0 -10px 25px rgba(0, 0, 0, 0.5),
        0 20px 60px rgba(0, 0, 0, 0.7);

      overflow: hidden;
    }

    .aimodel-bubble::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      padding: 2px;

      background: conic-gradient(from 140deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.3) 15%,
          rgba(255, 255, 255, 0.7) 25%,
          rgba(255, 255, 255, 0.4) 35%,
          rgba(255, 255, 255, 0.1) 50%,
          rgba(255, 255, 255, 0.05) 70%,
          rgba(255, 255, 255, 0.25) 85%,
          rgba(255, 255, 255, 0) 100%);

      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    }

    .aimodel-bubble img {
      width: 70%;
      height: 70%;
      object-fit: contain;
    }

    /* HOVER */
    .aimodel-bubble:hover {
      transform: scale(1.1);
      box-shadow:
        0 0 40px rgba(96, 184, 255, 0.5),
        0 20px 80px rgba(0, 0, 0, 0.8);
    }

    /* POSITIONS */

    /* 🔵 LARGE */
    .chatgpt {
      width: 219px;
      height: 219px;
      top: -74px;
      right: 95px;
    }

    .gemini {
      width: 230px;
      height: 229px;
      bottom: -76px;
      right: 338px;
    }

    /* 🟣 MEDIUM */
    .claude {
      width: 233px;
      height: 218px;
      top: 60px;
      right: 503px;
    }

    .meta {
      width: 166px;
      height: 167px;
      top: 300px;
      right: 188px;
    }

    /* ⚪ SMALL */
    .figma {
      width: 125px;
      height: 125px;
      top: 123px;
      right: 334px;
    }

    .copilot {
      width: 130px;
      height: 130px;
      top: -32px;
      right: 376px;

    }

    .star {
      width: 92px;
      height: 92px;
      top: 183px;
      right: 197px;

    }

    .mid {
      width: 172px;
      height: 171px;
      top: 272px;
      right: 713px;
    }

    .dalle {
      width: 122px;
      height: 121px;
      top: 291px;
      right: 434px;
    }

    .bot {
      width: 123px;
      height: 123px;
      top: 384px;
      right: 584px;
    }

    /* FLOAT */
    @keyframes float {

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

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

    .aimodel-bubble {
      animation: float 6s ease-in-out infinite;
    }




/* AI_ENTER */
.ai-enter {
    text-align: center;
    padding: 30px 40px;
    background: linear-gradient(180deg, #101010 8%, #0066FF 49.52%, #101010 100%);
    margin: 0;
    padding: 60px 0px 0px 0px;
}

/* TITLE */
.ai-impact {
    font-size: 47px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.7;
    font-weight: 500;

}



.ai-impact img {
    position: relative;
    top: -4px;

}

/* SUBTITLE */
.ai-subtitle {
    font-size: 15px;
    margin-bottom: 50px;
    color: #FFFFFF;
}

/* CARD LAYOUT */
.ai-cards {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1200px;
    margin: auto;
}

/* CARD */
.ai-card {

    flex: 1 1 200px;
    max-width: 250px;
    text-align: center;
}


.ai-card h4 {
    font-weight: 600;
    font-size: 65px;
    line-height: 100%;
    letter-spacing: 0%;

}


.ai-card h5 {
    font-size: 18px;
    margin: 5px 0;
    font-weight: 600;
}

.ai-card p {
    font-size: 13px;
    color: #FFFFFF;
    margin: 10px 0 20px;
    line-height: 1.8;
    opacity: 0.8;
}

/* 🖼️ BAR IMAGE STYLE */
.ai-bar {
    width: 90px;
    filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
    margin-top: 50px;


}

/* DIFFERENT HEIGHTS */
.ai-bar1 {
    height: 430px;
}

.ai-bar2 {
    height: 350px;
}

.ai-bar3 {
    height: 400px;
}

.ai-bar4 {
    height: 480px;
}

.ai-bar5 {
    height: 500px;
}


/* ===============================
   ALL MEDIA QUERIES
================================ */

/* ── 1440px ── */
@media (max-width: 1440px) {

    .stat-number {
        font-size: 53px;
    }

    .stat-label {
        font-size: 16px;
                line-height: 1.5;

    }

    .glow-ellipse {
        width: 700px;
        height: 900px;
        right: -200px;
        filter: blur(90px);
    }
}



/* ── 1280px ── */
@media (max-width: 1280px) {

    .services-main-heading {
        font-size: 42px;
    }

    .services-subtitle {
        font-size: 15px;
    }

    .card-title {
        font-size: 22px;
    }

    .card-description {
        font-size: 15px;
    }

    .trusted-heading {
        font-size: 42px;
    }

    .trusted-section {
        padding: 4rem 8vw;
    }

    .stats-section {
        padding: 4rem 6vw;
    }

    .stats-row {
        margin: 0px 0px;
        gap: 0.5rem;
    }

    .stat-number {
        font-size: 46px;
    }

    .stat-label {
        font-size: 17px;
        padding: 15px;
    }

    .feature-row {
        padding: 0px 20px;
    }

    .feature-title {
        font-size: 19px;
    }

    .feature-desc-ethical,
    .feature-desc-technology {
        font-size: 16px;
    }

    .glow-ellipse {
        width: 650px;
        height: 850px;
        right: -380px;
        filter: blur(90px);
    }
}

/* ── 1200px ── */
@media (max-width: 1200px) {

    .banner-content {
        max-width: 900px;
    }

    .banner h1 {
        font-size: 48px;
    }

    .ai-title {
        font-size: 52px;
    }

    .grid-lines {
        width: 120%;
    }

    .innovation-content {
        padding: 70px;
        transform: translateY(-160px);
    }

    .innovation-content h1 {
        font-size: 34px;
    }

    .ai {
        font-size: 40px;
    }

    .innovation-content p {
        font-size: 20px;
    }

    .sectors-wrapper {
        padding: 90px 50px 110px;
    }

    .sector-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .sector-card:nth-child(6n) {
        border-right: 1px solid var(--border);
    }

    .sector-card:nth-child(5n) {
        border-right: none;
    }

    .ai-section h4 {
        font-size: 38px;
        padding-left: 8%;
    }

    .subtitle {
        padding-left: 8%;
        margin-bottom: 60px;
    }

    .services .owl-nav {
        bottom: 130%;
        right: 8%;
    }

    .ai-cta-box {
        padding: 70px 5%;
    }

    .ai-cta-content h3 {
        font-size: 48px;
    }

    .cta-img-inline img {
        height: 70px;
    }

    .cta-aidevelopment img {
        height: 58px;
    }

    .ai-transform-box {
        padding: 50px 2%;
    }

    .ai-transform-content {
        max-width: 60%;
    }

    .ai-transform-content h4 {
        font-size: 56px;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 46px;
    }

    .ai-cards {
        gap: 25px;
        justify-content: center;
    }

    .ai-card {
        flex: 1 1 200px;
        max-width: 200px;
    }

    .ai-impact {
        font-size: 40px;
        line-height: 1.6;
    }

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

    .ai-bar {
        width: 85px;
    }

    .ai-bar1 {
        height: 380px;
    }

    .ai-bar2 {
        height: 320px;
    }

    .ai-bar3 {
        height: 360px;
    }

    .ai-bar4 {
        height: 420px;
    }

    .ai-bar5 {
        height: 450px;
    }
     .card-icon img {
        width: 36px;
        height: 36px;
    }

}
   
/* ai modelmin */
  @media  (min-width: 1200px) {

      /* LAYOUT */
      .aimodel-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      /* LEFT PERSON */
     

      /* RIGHT BUBBLES */
      .aimodel-bubbles {
        width: 50%;
        position: relative;
        margin-left: 0;
        margin-top: 100px;

      }

 


  }
    @media (max-width: 1200px) and (min-width: 992px) {

      /* LAYOUT */
      .aimodel-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      /* LEFT PERSON */
      .aimodel-person {
        width: 480px;
        transform: translateX(-20px);
      }

      /* RIGHT BUBBLES */
      .aimodel-bubbles {
        width: 50%;
        position: relative;
        margin-left: 0;
        margin-top: 100px;

      }

      /* 🔥 KEY FIX: RESET ALL RIGHT POSITIONS */
      .aimodel-bubble {
        right: auto !important;
      }

      /* ✅ RE-POSITION USING LEFT (COMPRESSED VERSION OF YOUR DESIGN) */

      .chatgpt {
        left: 60%;
        top: -50px;
        height: 200px;
        width: 200px;
      }
    

    .dalle {
      left: 22%;
      top: 225px;
      width: 95px;
      height: 95px;
    }


    .gemini {
      left: 14%;
        bottom: 6px;
      height: 200px;
      width: 200px;
    }

    .claude {
      left: -4%;
      top: 62px;
      width: 174px;
      height: 174px;
    }

    .meta {
      left: 46%;
      top: 260px;
      height: 165px;
      width: 166px;
    }

    .figma {
      left: 40%;
      top: 100px;
      widht: 112px;
      width: 101px;
      height: 101px;
    }

    .copilot {
      left: 28%;
      top: -20px;
      width: 112px;
      height: 112px;
    }

    .star {
      left: 62%;
      top: 169px;
      width: 86px;
      height: 86px;
    }

    .mid {
      left: -27%;
      top: 192px;
      height: 116px;
      width: 116px;
    }

    .bot {
      left: -5%;
      top: 299px;
      height: 110px;
      width: 110px;

    }


  }
  
    @media (max-width: 1200px) and (min-width: 993px) {

      .aimodel-bubble img {
        width: 55%;
        height: 55%;
      }

    }
  
/* ── 1024px ── */
@media (max-width: 1024px) {

    .services-section {
        padding: 0 6vw;
        gap: 2vw;
    }

    .services-main-heading {
        font-size: 36px;
    }

    .services-subtitle {
        font-size: 14px;
    }

    .card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .card-description {
        font-size: 14px;
        line-height: 26px;
    }

    .service-card {
        padding: 1.6rem 2rem;
    }

    .process-heading {
        font-size: 34px;
    }

    .trusted-heading {
        font-size: 36px;
    }

    .trusted-section {
        padding: 4rem 6vw;
        gap: 1.5rem;
    }

    .stats-section {
        padding: 3.5rem 5vw;
        gap: 3rem;
    }

    .stats-row {
        margin: 0px;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
    }

    .stat-card {
        padding: 1.8rem 1rem 1rem 1rem;
        align-items: center;
        justify-content: center;
    }

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

    .stat-label {
        font-size: 16px;
        padding: 12px;
        text-align: center;
    }

    .feature-row {
        padding: 0px;
        gap: 1rem;
    }

    .feature-title {
        font-size: 18px;
    }

    .feature-desc-ethical,
    .feature-desc-technology {
        font-size: 15px;
        max-width: 100%;
    }

    .feature-icon {
        width: 90px;
        height: 90px;
        top: 25px;
    }

    .glow-ellipse {
        width: 500px;
        height: 700px;
        right: -300px;
        filter: blur(80px);
        top: 40%;
    }

    .sectors-wrapper {
        padding: 80px 40px 100px;
    }

    .sector-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .sector-card:nth-child(5n) {
        border-right: 1px solid var(--border);
    }

    .sector-card:nth-child(4n) {
        border-right: none;
    }

    .sector-title {
        font-size: 2.5rem;
    }

    .ai-section {
        min-height: auto;
        padding-bottom: 40px;
    }

    .ai-section h4 {
        font-size: 34px;
        padding-left: 6%;
        padding-top: 10%;
    }

    .subtitle {
        font-size: 15px;
        padding-left: 6%;
        margin-bottom: 50px;
    }

    .services {
        padding: 0 5%;
    }

    .services .owl-nav {
        bottom: 120%;
        right: 6%;
    }

    .ai-cta-section {
        padding: 50px 4%;
    }

    .ai-cta-box {
        padding: 60px 5%;
        border-radius: 20px;
    }

    .ai-cta-content h3 {
        font-size: 40px;
    }

    .cta-img-inline img {
        height: 60px;
    }

    .cta-aidevelopment img {
        height: 50px;
    }

    .ai-cta-content p {
        font-size: 14px;
    }

    .why-section {
        padding: 40px 24px;
    }

    .why-section__heading {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .why-section__title {
        font-size: 1.9rem;

    }

    .why-section__grid {
        grid-template-columns: 1fr;
    }

    .feature-card--trust .card__image-area {
        width: 150px;
    }

    .feature-card--privacy .card__image-area {
        width: 130px;
    }

    .why-section__row--bottom {
        grid-template-columns: 1fr 1fr;
    }

    .ai-transform-section {
        padding: 50px 4%;
    }

    .ai-transform-box {
        padding: 45px 3%;
    }

    .ai-transform-content {
        max-width: 70%;
    }

    .ai-transform-content h4 {
        font-size: 46px;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 38px;
    }

    .ai-transform-content p {
        font-size: 13px;
    }

    .ai-cards {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .ai-card {
        flex: 1 1 220px;
        max-width: 220px;
    }

    .ai-impact {
        font-size: 36px;
    }

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

    .ai-bar {
        width: 80px;
    }
    .title__ai::before{
        display: none;
    }
}

/* ── 992px ── */
@media (max-width: 992px) {

    .banner {
        padding: 70px 20px;
    }

    .banner-content {
        max-width: 700px;
    }

    .banner h1 {
        font-size: 40px;
    }

    .ai-title {
        font-size: 42px;
    }

    .banner p {
        font-size: 16px;
    }

    .grid-lines {
        width: 140%;
    }

    .innovation-content {
        padding: 60px 40px;
        transform: translateY(-130px);
    }

    .innovation-content h1 {
        font-size: 30px;
    }

    .ai {
        font-size: 34px;
    }

    .gradient-box {
        padding: 12px 40px;
    }

    .innovation-content p {
        font-size: 18px;
    }

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

    .ai-section h4 {
        font-size: 30px;
    }

    .service h3 {
        font-size: 19px;
    }

    .service_p {
        font-size: 15px;
        line-height: 1.8;
    }

    .ai-cta-content h3 {
        font-size: 34px;
    }

    .cta-img-inline img {
        height: 50px;
    }

    .cta-aidevelopment img {
        height: 42px;
    }

    .ai-transform-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .ai-transform-content {
        max-width: 100%;
        padding-left: 0;
    }

    .ai-transform-content h4 {
        font-size: 40px;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 34px;
    }


    .ai-cards {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .ai-card {
        flex: 1 1 45%;
        max-width: 240px;
    }

    .ai-impact {
        font-size: 34px;
        line-height: 1.5;
    }

    .ai-subtitle {
        font-size: 14px;
        margin-bottom: 40px;
    }

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

    .ai-card h5 {
        font-size: 17px;
    }

    .ai-bar {
        width: 75px;
    }

    .ai-bar1 {
        height: 300px;
    }

    .ai-bar2 {
        height: 260px;
    }

    .ai-bar3 {
        height: 280px;
    }

    .ai-bar4 {
        height: 320px;
    }

    .ai-bar5 {
        height: 350px;
    }
 

      .aimodel-body {
        flex-direction: column;
        align-items: center;
      }

      .aimodel-person {
        width: 420px;
        margin-left: 0;
      }

      .aimodel-bubbles {
        margin-left: 0;
        margin-top: 30px;
        height: 500px;
        display: none;
      }
        .aimodel-bubble img {
        display: none;
      }
          .card-icon img {
        width: 32px;
        height: 32px;
    }
.title__ai::before{
    display: none;
}
}

/* ── 900px ── */
@media (max-width: 900px) {

    .services-section {
        flex-direction: column;
        padding: 0 5vw;
        align-items: center;
    }

    .services-sticky-panel {
        position: relative;
        height: auto;
        width: 100%;
        padding: 4rem 0 2rem;
        align-items: center;
        text-align: center;
    }

    .services-main-heading {
        font-size: 32px;
    }

    .services-subtitle {
        font-size: 14px;
        max-width: 100%;
        text-align: center;
    }

    .services-cards-column {
        width: 100%;
        padding: 0 0 6rem;
        align-items: center;
    }

    .service-card {
        max-width: 100%;
    }
}

/* ── 768px ── */
@media (max-width: 768px) {

    .banner {
        padding: 60px 15px;
    }

    .banner-content {
        max-width: 500px;
    }

    .banner h1 {
        font-size: 32px;
    }

    .ai-title {
        font-size: 34px;
    }

    .banner p {
        font-size: 15px;
    }

    .banner-buttons {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .btn {
        width: 200px;
        justify-content: center;
    }

    .grid-lines {
        width: 180%;
    }

    .services-main-heading {
        font-size: 28px;
        letter-spacing: 0.2px;
    }

    .services-subtitle {
        font-size: 13px;
    }

    .card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .card-description {
        font-size: 13px;
        line-height: 24px;
    }

    .card-icon-badge {
        width: 40px;
        height: 40px;
    }

    .process-header {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .process-content {
        flex-direction: column;
    }

    .process-image,
    .process-card {
        width: 100%;
    }

    .process-steps {
        flex-wrap: wrap;
        gap: 20px;
    }

    .step {
        width: 45%;
    }

    .trusted-section {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 3rem 5vw;
        gap: 2rem;
    }

    .trusted-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trusted-heading {
        font-size: 30px;
        text-align: center;
    }

    .trusted-subtitle {
        text-align: center;
    }

    .trusted-right {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .stats-section {
        padding: 3rem 4vw;
        gap: 2.5rem;
    }

    .stats-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.7rem;
        margin: 0px;
    }

    .stat-card {
        padding: 1.5rem 0.8rem 0.8rem 0.8rem;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
    }

    .stat-number {
        font-size: 34px;
        text-align: center;
    }

    .stat-label {
        font-size: 14px;
        padding: 10px 8px;
        text-align: center;
    }

    .feature-row {
        grid-template-columns: 1fr;
        padding: 0px;
        gap: 0.8rem;
    }

    .feature-card-trustedpartner {
        padding: 0rem 1.5rem 1.5rem 1.5rem;
        border-radius: 20px;
    }

    .feature-title {
        font-size: 17px;
    }

    .feature-desc-ethical,
    .feature-desc-technology {
        font-size: 14px;
        max-width: 100%;
        line-height: 1.6;
    }

    .feature-icon {
        width: 80px;
        height: 80px;
        top: 20px;
        left: 10px;
    }

    .glow-ellipse {
        width: 350px;
        height: 500px;
        right: -220px;
        filter: blur(70px);
        top: 30%;
    }

    .innovation-content {
        padding: 50px 20px;
        transform: translateY(-90px);
    }

    .innovation-content h1 {
        font-size: 24px;
    }

    .ai {
        font-size: 26px;
    }

    .gradient-box {
        padding: 10px 25px;
        border-radius: 10px;
    }

    .innovation-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .innovation-btn {
        padding: 10px 25px;
    }

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

    .sectors-wrapper {
        padding: 70px 30px 90px;
    }

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

    .sector-card:nth-child(4n) {
        border-right: 1px solid var(--border);
    }

    .sector-card:nth-child(3n) {
        border-right: none;
    }

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

    .sector-subtitle {
        font-size: 0.95rem;
    }

    .section-wrapper {
        padding: 40px 30px 0 30px;
    }

    .section-wrapper h2 {
        font-size: 1.8rem;
        margin-bottom: 36px;
    }

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

    .col {
        border-right: none;
        border-bottom: 1px solid #333333;
        padding: 40px 24px;
    }

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

    .pre-grid,
    .post-grid {
        grid-template-columns: 1fr;
        height: 30px;
    }

    .pre-col,
    .post-col {
        border-right: none;
    }

    .ai-section {
        padding-bottom: 30px;
    }

    .ai-section h4 {
        font-size: 26px;
        padding-left: 5%;
        padding-top: 12%;
        line-height: 1.4;
    }

    .subtitle {
        font-size: 14px;
        padding-left: 5%;
        margin-bottom: 40px;
    }

    .services {
        padding: 0 5%;
    }

    .services .owl-nav {
        bottom: 103%;
        right: 5%;
        gap: 10px;
    }

    .services .owl-nav button {
        width: 60px;
        height: 60px;
    }

    .ai-cta-section {
        padding: 40px 20px;
    }

    .ai-cta-box {
        padding: 45px 20px;
        border-radius: 18px;
    }

    .ai-cta-content h3 {
        font-size: 28px;
        line-height: 1.4;
    }

    .cta-img-inline {
        margin: 0 6px;
    }

    .cta-img-inline img {
        height: 42px;
    }

    .cta-aidevelopment img {
        height: 36px;
    }

    .ai-cta-content p {
        font-size: 13px;
        margin: 14px auto 24px;
    }

    .cta-btn {
        font-size: 14px;
        padding: 12px 22px;
    }

    .ai-transform-section {
        padding: 40px 20px;
    }

    .ai-transform-box {
        padding: 35px 20px;
        border-radius: 25px;
    }

    .ai-transform-content h4 {
        font-size: 32px;
        line-height: 1.3;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 28px;
    }

    .ai-transform-content p {
        font-size: 12px;
        margin: 18px 0 24px;
    }

    .transform-btn {
        padding: 12px 22px;
        font-size: 14px;
    }

  

    .ai-cards {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .ai-card {
        max-width: 100%;
    }

    .ai-impact {
        font-size: 28px;
        line-height: 1.4;
    }

    .ai-subtitle {
        font-size: 14px;
    }

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

    .ai-card h5 {
        font-size: 16px;
    }

    .ai-card p {
        font-size: 13px;
    }

    .ai-bar {
        width: 70px;
        display: none;
    }

    .ai-bar1,
    .ai-bar2,
    .ai-bar3,
    .ai-bar4,
    .ai-bar5 {
        height: auto;
        display: none;
    }
          .aimodel-section {
        padding: 60px 20px;
      }

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

      .aimodel-subtitle {
        font-size: 15px;
      }

      .aimodel-body {
        flex-direction: column;
        align-items: center;
      }

      .aimodel-person {
        width: 100%;
        max-width: 320px;
        margin-left: 0;

      }

      .aimodel-bubbles {
        width: 100%;
        height: 380px;
        margin-left: 0;
        overflow: hidden;

      }

      /* Slight scale for bubbles */
      .aimodel-bubble {
        transform: scale(0.85);
      }

      .aimodel-title,
      .aimodel-subtitle {
        margin-left: 20px;
        /* NOT 130px */
        margin-right: 20px;
        /* balance */
      }
       .card-icon img {
        width: 28px;
        height: 28px;
    }
	.process-steps li{
		width: 100%;
	}
}

/* ── 576px ── */
@media (max-width: 576px) {

    .banner {
        padding: 50px 15px;
    }

    .banner h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    .ai-title {
        font-size: 28px;
    }

    .banner p {
        font-size: 14px;
    }

    .btn {
        width: 180px;
        font-size: 14px;
        padding: 12px 20px;
    }

    .grid-lines {
        width: 220%;
    }

    .process-heading {
        font-size: 24px;
    }

    .process-heading-img img {
        height: 32px;
        margin-left: 92px;
		width: auto;
    }

    .step {
        width: 100%;
    }

    .process-card {
        padding: 30px;
		height: auto;
    }

    .innovation-content {
        padding: 40px 15px;
        transform: translateY(-60px);
    }

    .innovation-content h1 {
        font-size: 20px;
    }

    .ai {
        font-size: 20px;
    }

    .gradient-box {
        padding: 8px 18px;
    }

    .innovation-content p {
        font-size: 14px;
    }

    .innovation-btn {
        font-size: 14px;
        padding: 8px 20px;
    }

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

    .gemini-icon {
        width: 30px;
    }

    .sectors-wrapper {
        padding: 60px 20px 80px;
    }

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

    .sector-card:nth-child(3n) {
        border-right: 1px solid var(--border);
    }

    .sector-card:nth-child(2n) {
        border-right: none;
    }

    .sector-title {
        font-size: 1.9rem;
        line-height: 1.2;
    }

    .sector-icon-box {
        width: 58px;
        height: 58px;
    }

    .sector-label {
        font-size: 0.75rem;
    }

    .ai-section h4 {
        font-size: 22px;
    }

    .ai-section h4 br {
        display: none;
    }

    .subtitle {
        font-size: 13px;
    }

    .service h3 {
        font-size: 18px;
    }

    .service_p {
        font-size: 14px;
    }

    .services .owl-nav {
        bottom: 95%;
    }

    .cta-btn {
        width: 100%;
    }

    .ai-cta-content h3 {
        font-size: 22px;
    }

    .cta-img-inline img {
        height: 34px;
		width: auto;
    }

    .cta-aidevelopment img {
        height: 28px;
    }

    .ai-cta-content p {
        font-size: 12px;
    }

    .cta-btn {
        width: 100%;
        justify-content: center;
        font-size: 13px;
        padding: 12px;
    }

    .ai-transform-box {
        padding: 28px 16px;
    }

    .ai-transform-content h4 {
        font-size: 26px;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 22px;
    }

    .ai-transform-content p {
        font-size: 11px;
    }

    .transform-btn {
        width: 100%;
        justify-content: center;
        font-size: 13px;
    }

    .ai-features-img::before {
        width: 18px;
        height: 18px;
        bottom: 30px;
        left: 18px;
    }
.trusted-ai-star {
    display: none;
}
  



    .ai-enter {
        padding: 40px 20px;
    }

    .ai-impact {
        font-size: 24px;
    }

    .ai-subtitle {
        font-size: 13px;
    }

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

    .ai-card h5 {
        font-size: 15px;
    }

    .ai-card p {
        font-size: 12px;
    }

    .ai-bar {
        width: 60px;
        display: none;
    }


       .aimodel-title {
        font-size: 1.6rem;
        text-align: center;
        margin-left: 0;
      }

      .aimodel-subtitle {
        font-size: 14px;
        text-align: center;
        margin-left: 0;
      }

      .ai-image img {
        height: 26px;
		width: auto;
      }

      .aimodel-person {
        width: 100%;
        max-width: 300px;
        margin-left: 0;
      }

      .aimodel-bubbles {
        height: 360px;
        margin-left: 0;
      }

      .aimodel-bubble {
        transform: scale(0.7);
      }
       .card-icon img {
        width: 24px;
        height: 24px;
    }
    
}

/* ── 480px ── */
@media (max-width: 480px) {

    .services-section {
        padding: 0 4vw;
    }

    .services-main-heading {
        font-size: 24px;
    }

    .services-subtitle {
        font-size: 12px;
    }

    .card-title {
        font-size: 16px;
        line-height: 24px;
    }

    .card-description {
        font-size: 12px;
        line-height: 22px;
    }

    .service-card {
        padding: 1.2rem 1.4rem;
    }

    .card-icon-badge {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }

    .trusted-heading {
        font-size: 24px;
    }

    .trusted-subtitle {
        font-size: 13px;
    }

    .discuss-btn {
        font-size: 13px;
        padding: 10px 18px;
    }

    .stats-section {
        padding: 2.5rem 4vw;
        gap: 2rem;
    }

    .stats-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
        margin: 0px;
    }

    .stat-card {
        padding: 1.2rem 0.6rem 0.8rem 0.6rem;
        border-radius: 14px;
        align-items: center;
        justify-content: center;
    }

    .stat-number {
        font-size: 28px;
        text-align: center;
    }

    .stat-label {
        font-size: 12px;
        padding: 8px 6px;
        text-align: center;
        line-height: 1.3;
    }

    .feature-row {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .feature-card-trustedpartner {
        padding: 0rem 1.2rem 1.2rem 1.2rem;
        border-radius: 16px;
    }

    .feature-title {
        font-size: 15px;
    }

    .feature-desc-ethical,
    .feature-desc-technology {
        font-size: 13px;
        max-width: 100%;
        line-height: 1.5;
    }

    .feature-icon {
        width: 65px;
        height: 65px;
        top: 18px;
        left: 8px;
    }

    .glow-ellipse {
        width: 200px;
        height: 900px;
        right: -160px;
        filter: blur(60px);
        top: 25%;
    }

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

    .sector-card {
        border-right: none !important;
    }

    .sector-title {
        font-size: 1.7rem;
    }

    .sector-subtitle {
        font-size: 0.9rem;
    }

    .section-wrapper {
        padding: 30px 20px 0 20px;
    }

    .section-wrapper h2{
        font-size: 1.4rem;
        margin-bottom: 0px;
    }

    .col {
        padding: 32px 16px;
    }

    .icon img {
        width: 32px !important;
        height: 32px;
    }

    .col h3 {
        font-size: 14px;
    }

    .col p {
        font-size: 12px;
        line-height: 1.8;
    }

    .why-section__title {
        font-size: 1.55rem;
        letter-spacing: -0.01em;
    }

    .why-section__subtitle {
        font-size: 0.8rem;

    }

    .expertise__logo-box {
        width: 110px;
        height: 110px;
    }

    .feature-card--expertise {
        padding: 0 20px 28px;
    }

    .feature-card--expertise .card__image-area {
        padding: 32px 20px 24px;
    }

    .feature-card--privacy {
        flex-direction: column;
        min-height: unset;
    }

    .feature-card--privacy .card__image-area {
        width: 100%;
        height: 160px;
        border-radius: 18px 18px 0 0;
    }

    .feature-card--privacy .card__text {
        padding: 20px 18px 22px;
    }

    .feature-card--trust {
        flex-direction: column;
        min-height: unset;
    }

    .feature-card--trust .card__image-area {
        width: 100%;
        height: 180px;
        border-radius: 18px 18px 0 0;
    }

    .feature-card--trust .card__text {
        padding: 20px 18px 22px;
    }

    .why-section__row--bottom {
        grid-template-columns: 1fr;
    }

    .feature-card--aidev .card__text {
        padding: 20px 18px 14px;
    }

    .feature-card--aidev .card__image-area {
        min-height: 160px;
    }

    .feature-card--compliance .card__image-area {
        min-height: 160px;
    }

    .feature-card--compliance .card__text {
        padding: 16px 18px 20px;
    }

    .card__label {
        font-size: 0.84rem;
    }

    .card__description {
        font-size: 0.77rem;
        color: white;
        font-family: "Inter";
    }
    
}
@media (max-width: 376px) {
    .process-heading-img img {
        height: 32px;
        margin-left: 68px;
    }
}
/* ── 360px ── */
@media (max-width: 360px) {

    .trusted-heading {
        font-size: 18px;

    }

    .trusted-subtitle {
        font-size: 12px;
    }

    .trusted-section {
        padding: 2rem 4vw;
    }

    .stats-section {
        padding: 2rem 3vw;
        gap: 1.5rem;
    }

    .stat-card {
        padding: 1rem 0.5rem 0.6rem 0.5rem;
        border-radius: 12px;
    }

    .stat-number {
        font-size: 24px;
    }

    .stat-label {
        font-size: 11px;
        padding: 6px 4px;
    }

    .feature-card-trustedpartner {
        padding: 0rem 1rem 1rem 1rem;
    }

    .feature-title {
        font-size: 14px;
    }

    .feature-desc-ethical,
    .feature-desc-technology {
        font-size: 12px;
    }

    .feature-icon {
        width: 55px;
        height: 55px;
        top: 15px;
        left: 5px;
    }

    .glow-ellipse {
        width: 180px;
        height: 700px;
        right: -120px;
        filter: blur(50px);
        top: 20%;
    }
      .process-heading-img img {
        height: 32px;
        margin-left: 42px;
    }
}



.contact-tab{
	background: #fff;
}
.left-conts h2{
	font-weight: 700 !important;
}

.footer-links .panel-title a{
	font-size: 16px;
	color: #6fc047;
	font-weight: 500 !important;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .footer-links .panel-title .fa-angle-down {
        font-weight: 700;
        font-size: 17px;
        float: right;
    }
	.head-menu.fixed ul li a .fa-angle-down.mobile-plus,.head-menu.fixed ul li a svg {
        transition: transform .5s;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s
    }

    .head-menu.fixed ul li a.sub-menu-sec .fa-angle-down.mobile-plus {
        transform: rotateZ(180deg);
        transition: transform .5s;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s
    }

    .mobile-foot-links a[aria-expanded=false] .down-arrow.fa-angle-down {
        visibility: hidden;
        transition: transform .5s;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s
    }

    .mobile-foot-links a[aria-expanded=true] .down-arrow.fa-angle-down {
        visibility: visible;
        transform: rotate(180deg);
        transition: transform .5s;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s
    }

    .mobile-foot-links a[aria-expanded=true] .fa-angle-down {
        visibility: hidden;
        transition: transform .5s;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        position: absolute;
        right: 15px
    }

}



/*---------------------Client-Logos----------------------*/

.client-logo-main  {
    background-image:  url("../../new-images/home-updated/client-logos.png");
}
.logos-1  {
    background-image:  url("../../new-images/home-updated/client-logos.png");
    background-position:  -9px -25px;
    width:  128px;
    height:  128px;
}
.logos-2  {
    background-position:  -111px -25px;
    width:  128px;
    height:  128px;
}
.logos-3  {
    background-position:  -9px -25px;
    width:  128px;
    height:  128px;
}
.logos-4  {
    background-position:  -9px -25px;
    width:  128px;
    height:  128px;
}
.client-section  {
    overflow:  hidden;
}
.client-section .client-section-card  {
    width:  50%;
    margin:  0 auto;
    text-align:  center;
	position: relative;
    top: -350px;
}
.client-section i img{
	position: relative;
    top: 130px;
} 
.client-section i  {
    position:  relative;
    top:  50px;
}
.client-section .client-section-card h5  {
    color:  #ffffff;
    font-weight:  700;
    font-size:  50px;
    line-height:  66px;
}
.client-section .client-section-card p  {
    font-size:  16px;
    color:  #ffffff;
    line-height:  28px;
    width:  74%;
    margin:  0 auto 25px;
    justify-content:  center;
    display:  flex;
}
.client-section  {
    height:  980px;
    margin-bottom:  20px;
    background-size:  contain;
    padding:  220px 0px 0px 0px;
    position:  relative;
}
.client-section .client-section-card .bl_bg_btn.unlock-btn  {
    width: 310px;
}
.bl_bg_btn  {
    background-color:  #ffffff;
    color:  #000000;
    width:  160px;
    height:  50px;
    border-radius:  36px;
    border:  1px solid #fff;
    font-size:  15px;
    max-width:  100%;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    cursor:  pointer;
    text-decoration:  none;
}
.bl_bg_btn.unlock-btn:hover img  {
    transition:  all 0.3s linear;
    transform:  translateX(246px);
    -webkit-transform:  translateX(246px);
    -moz-transform:  translateX(246px);
    -ms-transform:  translateX(246px);
    -o-transform:  translateX(246px);
}
.bl_bg_btn:hover span  {
    position:  relative;
    left:  -20px;
    transition:  0.5s;
    color:  #000000;
}
.client-section .client-section-card .bl_bg_btn.unlock-btn:hover  {
    text-decoration:  none;
}
.bl_bg_btn img  {
    width:  20px;
    height:  20px;
    margin-right:  10px;
}
.trigger-section  {
    position:  relative;
}
.trigger-section img  {
    width:  78px;
    transition:  transform 2s ease;
    position:  absolute;
    left:  50%;
    top:  50%;
    transform:  translate(50%,  50%);
}
.img-1.move  {
    transform:  translate(-852%,  -130%);
}
.img-2.move  {
    transform:  translate(-720%,  -125%);
}
.img-3.move  {
    transform:  translate(-598%,  -66%);
}
.img-4.move  {
    transform:  translate(-470%,  134%);
}
.img-5.move  {
    transform:  translate(-596%,  61%);
}
.img-6.move  {
    transform:  translate(-724%,  -3%);
}
.img-7.move  {
    transform:  translate(-852%,  -3%);
}
.img-8.move  {
    transform:  translate(-851%,  134%);
}
.img-9.move  {
    transform:  translate(-725%,  133%);
}
.img-10.move  {
    transform:  translate(-596%,  187%);
}
.img-11.move  {
    transform:  translate(-468%,  260%);
}
.img-12.move  {
    transform:  translate(-598%,  316%);
}
.img-13.move  {
    transform:  translate(-724%,  262%);
}
.img-14.move  {
    transform:  translate(-853%,  262%);
}
.img-15.move  {
    transform:  translate(-853%,  392%);
}
.img-16.move  {
    transform:  translate(-853%,  514%);
}
.img-17.move  {
    transform:  translate(-725%,  396%);
}
.img-18.move  {
    transform:  translate(-724%,  518%);
}
.img-19.move  {
    transform:  translate(-595%,  448%);
}
.img-20.move  {
    transform:  translate(-596%,  570%);
}
.img-21.move  {
    transform:  translate(-724%,  653%);
}
.img-22.move  {
    transform:  translate(-852%,  646%);
}
.img-23.move  {
    transform:  translate(-470%,  400%);
}
.img-24.move  {
    transform:  translate(734%,  -4%);
}
.img-25.move  {
    transform:  translate(734%,  124%);
}
.img-26.move  {
    transform:  translate(734%,  -130%);
}
.img-27.move  {
    transform:  translate(734%,  384%);
}
.img-28.move  {
    transform:  translate(606%,  126%);
}
.img-29.move  {
    transform:  translate(350%,  112%);
}
.img-30.move  {
    transform:  translate(350%,  239%);
}
.img-31.move  {
    transform:  translate(350%,  369%);
}
.img-32.move  {
    transform:  translate(478%,  571%);
}
.img-33.move  {
    transform:  translate(478%,  449%);
}
.img-34.move  {
    transform:  translate(478%,  317%);
}
.img-35.move  {
    transform:  translate(478%,  187%);
}
.img-36.move  {
    transform:  translate(478%,  59%);
}
.img-37.move  {
    transform:  translate(478%,  -66%);
}
.img-38.move  {
    transform:  translate(607%,  -130%);
}
.img-39.move  {
    transform:  translate(606%,  -1%);
}
.img-40.move  {
    transform:  translate(606%,  251%);
}
.img-41.move  {
    transform:  translate(606%,  384%);
}
.img-42.move  {
    transform:  translate(606%,  508%);
}
.img-43.move  {
    transform:  translate(606%,  652%);
}
.img-44.move  {
    transform:  translate(734%,  653%);
}
.img-45.move  {
    transform:  translate(734%,  507%);
}
.img-46.move  {
    transform:  translate(734%,  252%);
}
@media screen and (min-width: 1400px)  {
    .trigger-section img  {
    width:  88px;
}
}
@media screen and (min-width: 1500px)  {
    .trigger-section img  {
    width:  94px;
}
}
@media screen and (max-width: 1330px)  {
    .trigger-section img  {
    width:  70px;
}
.client-section  {
    height:  750px;
}
}
@media screen and (max-width: 1200px)  {
    .trigger-section img  {
    width:  58px;
}
.client-section .client-section-card h5  {
    font-size:  38px;
    line-height:  44px;
}
.client-section .client-section-card p  {
    font-size:  13px;
    line-height:  24px;
}
.client-section  {
    height:  680px;
}
}
@media screen and (max-width: 992px)  {
    .client-section  {
    display:  none;
}
}



/*------------------Footer-Form--------------*/

.form-section{padding:25px 20px 16px 20px}#homepage-exit-popup.fade{opacity:1!important}#homepage-popup.fade:not(.show){opacity:1!important}.modal-backdrop.fade{opacity:.5!important}.ynbmsh{margin-top:100px;margin-bottom:100px;position:relative}.ynbmsh .ynbmsh_header h6{font-size:70px;font-weight:400;color:#fff;line-height:98px;text-align:left}.ynbmsh .ynbmsh_header h6 span{background-color:#0072ff;padding:1px 20px;border-top-left-radius:20px;border-bottom-right-radius:20px}.ynbmsh .ynbmsh_header h6 .big{position:relative;border-top-right-radius:20px}.ynbmsh .ynbmsh_header h6 .big::before{content:"";position:absolute;background-color:#fff;display:inline-block;height:55px;width:55px;top:43px;right:115px;border-radius:0 0 24px 0;z-index:-1}.ynbmsh .ynbmsh_header h6 .big::after{content:"";position:absolute;background-color:#0072ff;display:inline-block;height:75px;width:65px;top:52px;right:100px;z-index:-2}.ynbmsh .ynbmsh_header h6 .starts-text{border-bottom-left-radius:20px;position:relative}.ynbmsh .ynbmsh_header h6 .starts-text::before{content:"";position:absolute;background-color:#fff;display:inline-block;height:50px;width:50px;border-radius:17px 0 0 0;left:243px;top:1px;z-index:-1}.ynbmsh .ynbmsh_header h6 .starts-text::after{content:"";position:absolute;background-color:#0072ff;display:inline-block;height:50px;width:50px;border-radius:0;z-index:-2}.ynbmsh .user_data{margin-top:45px;text-align:left}.ynbmsh .user_data label{font-size:16px;text-align:left;justify-content:flex-start;display:flex;font-weight:500}.ynbmsh .user_data .ud_w{border:none;outline:0;border-bottom:1px solid #bebebe;width:100%;padding:0;font-size:16px;background:0 0;color:#fff;border-radius:0}.ynbmsh .user_data input::placeholder,.ynbmsh .user_data textarea::placeholder{color:#a3a3a3;font-weight:400}.ynbmsh .user_data .radio_gap{display:flex;justify-content:flex-start;gap:45px}.ynbmsh .user_data .radio_gap.purpose-list-box{display:inline-grid;justify-content:flex-start;gap:15px}.ynbmsh .user_data .radio_gap.purpose-list-box .purpose-list{display:flex;align-items:center;gap:10px}.ynbmsh .user_data .radio_gap label{color:#a3a3a3}.ynbmsh .user_data .radio_gap .radio_btn{display:none}.ynbmsh .user_data .radio_gap .radio_btn+label{position:relative;padding-left:30px;cursor:pointer;line-height:20px;display:inline-block;user-select:none;font-size:16px;font-weight:500}.ynbmsh .user_data .radio_gap .radio_btn+label::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border:2px solid #ccc;background:#fff;border-radius:4px;box-sizing:border-box}.ynbmsh .user_data .radio_gap .radio_btn:checked+label::before{background-color:#02bc7d;border-color:#02bc7d}.ynbmsh .user_data .radio_gap .radio_btn:checked+label::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:12px;color:#fff;text-align:center;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ynbmsh .user_data img{width:30%}.ynbmsh .user_data .btn_send_msg{margin-left:30px;color:#fff;background-color:#0072ff;padding:13px 50px 15px 50px;border-radius:50px;border:1px solid #0072ff;font-size:18px}.ynbmsh .user_data .btn_send_msg:hover{background:#fff;color:#0072ff}.ynbmsh .user_data button i{margin-right:10px;border:1px solid;padding:5px;font-size:10px;border-radius:11px}.ynbmsh .black_bg{background-color:#000;position:relative;padding:30px 15px;}.ynbmsh{position:relative;background:url(images/technologies-bg.webp) no-repeat bottom #010205;color:#a3a3a3;padding-top:50px;text-align:center;position:relative;padding-bottom:50px;display:inline-block;width:100%}.ynbmsh .container::after{content:"";background-color:#000;width:37%;height:54.2%;display:block;position:absolute;top:62px;right:0;z-index:-1}.ynbmsh .black_bg .wkts{color:#fff;padding:35px 0 15px 25px; display: flex;}.ynbmsh .black_bg .wkts h6{color:#0072ff;font-size:60px;font-weight:400;width:60px}.ynbmsh .black_bg .wkts .wkts_desc h5{font-size:18px;font-weight:700;margin-bottom:5px}.ynbmsh .black_bg .wkts .wkts_desc p{font-size:12px}.ynbmsh .black_bg .wkts .wkts_desc{margin-left:20px;margin-top:10px;text-align:left}.ynbmsh .black_bg .wkts_icon{position:absolute;color:#0072ff;right:15px;top:35px}.ynbmsh .black_bg .wkts_icon i{font-size:40px}.ynbmsh .black_bg .wkts_icon h6{font-size:30px;font-weight:800;font-family: 'Poppins';line-height:35px;margin-top:10px}.ynbmsh .wkts_border{border:1px solid #0072ff;display:inline-block;height:475px;margin-top:261px; background: #000;}.ynbmsh .scev{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-evenly;align-items:end;color:#fff;padding-top:25px}.ynbmsh .scev .careers,.ynbmsh .scev .email,.ynbmsh .scev .sales,.ynbmsh .scev .visit{display:inline-block;width:240px;text-align:left}.ynbmsh .scev .careers h6,.ynbmsh .scev .email h6,.ynbmsh .scev .sales h6,.ynbmsh .scev .visit h6{font-size:14px;font-weight:700}.ynbmsh .scev .careers p,.ynbmsh .scev .email p,.ynbmsh .scev .sales p,.ynbmsh .scev .visit p{font-size:13.2px;border-bottom:1px solid #bebebe;padding-bottom:6px;width:100%;margin:0;line-height:18px}.ynbmsh .scev .careers p a,.ynbmsh .scev .email p a,.ynbmsh .scev .sales p a,.ynbmsh .scev .visit p a{color:#fff;text-decoration:none}.ynbmsh .wkts_border .social_media{padding:20px 0 0 15px;display:flex;gap:20px}.ynbmsh .wkts_border .social_media a{text-decoration:none}.ynbmsh .wkts_border .social_media a img{width:24px}.tech_partner{margin-bottom:100px}#g-recaptcha{transform:scale(.72);-webkit-transform:scale(.72);transform-origin:0 0;-webkit-transform-origin:0 0}.ynbmsh .user_data .ud_w:focus,.ynbmsh .user_data textarea:focus{outline:0;box-shadow:none}.ynbmsh .intl-tel-input .flag-container{top:-9px!important;left:-8px!important}.intl-tel-input .selected-flag .iti-arrow{border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top:5px solid #fff!important}.intl-tel-input.separate-dial-code .selected-flag{background-color:transparent!important;font-size:18px!important}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:transparent!important}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{color:#000!important;font-size:14px!important}.intl-tel-input .country-list .country .dial-code{font-size:14px!important}.ynbmsh .intl-tel-input{width:100%}.footer-error{border-bottom:1px solid #e50000!important}.ynbmsh .user_data input.footer-error::placeholder,.ynbmsh .user_data textarea.footer-error::placeholder{color:#e50000!important}@media screen and (max-width:1200px){.ynbmsh .black_bg::before{width:758px;right:0}}@media screen and (max-width:1024px){.ynbmsh .black_bg::before{display:none}.ynbmsh .black_bg::after{display:none}.ynbmsh .scev{gap:12px}.ynbmsh .ynbmsh_header h6{font-size:42px;line-height:82px}.ynbmsh .ynbmsh_header h6 .big::before{height:55px;width:63px;top:28px;right:100px}.ynbmsh .ynbmsh_header h6 .big::after{content:"";position:absolute;background-color:#0072ff;display:inline-block;height:75px;width:65px;top:45px;right:60px;z-index:-2}.ynbmsh .ynbmsh_header h6 .starts::before{height:50px;width:48px;border-radius:21px 0 0 0;left:169px;top:3px;z-index:-1}.ynbmsh .ynbmsh_header h6 .starts::after{height:50px;width:50px;border-radius:0;z-index:-2;right:-12px;top:-31px}.ynbmsh .black_bg .wkts_icon{position:absolute;color:#0072ff;right:0;top:90px}.ynbmsh .black_bg .wkts_icon i{font-size:34px}.ynbmsh .black_bg .wkts_icon h6{font-size:28px}.ynbmsh .scev .careers,.ynbmsh .scev .email,.ynbmsh .scev .sales,.ynbmsh .scev .visit{width:171px}.ynbmsh .scev .careers h6,.ynbmsh .scev .email h6,.ynbmsh .scev .sales h6,.ynbmsh .scev .visit h6{font-size:12px}.ynbmsh .scev .careers p,.ynbmsh .scev .email p,.ynbmsh .scev .sales p,.ynbmsh .scev .visit p{font-size:10px;border-bottom:1px solid #bebebe;padding-bottom:9px;width:100%}.ynbmsh .wkts_border{border:1px solid #0072ff;margin-top:60px;display:inline-block;height:auto}.client-section,.real-results{display:none}.devops_tools h6{font-size:26px;line-height:36px}}@media screen and (max-width:992px){.ynbmsh .black_bg .wkts_icon i{font-size:30px}.ynbmsh .black_bg .wkts_icon{top:155px}.ynbmsh .black_bg .wkts_icon h6{font-size:27px;line-height:21px}.ynbmsh .wkts_border .social_media{padding:5% 0 0 5%}.ynbmsh .black_bg .wkts_icon{display:none}.ynbmsh .wkts_border{height:auto;padding-bottom:15px!important}}@media screen and (max-width:991px){.ynbmsh .container::after{display:none}}@media screen and (max-width:540px){.ynbmsh .scev{gap:15px}.ynbmsh .wkts_border .social_media{padding:3% 0 0 11%}.ynbmsh .user_data button{margin-left:10px;padding:10px 20px}.ynbmsh .user_data button i{margin-right:4px;padding:2px}}@media screen and (max-width:420px){.ynbmsh .user_data .radio_gap{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:26px}.ynbmsh .user_data img{width:45%}.ynbmsh .black_bg .wkts_icon h6{font-size:25px;line-height:25px}.ynbmsh .black_bg .wkts_icon i{font-size:30px}.ynbmsh .black_bg .wkts_icon{right:10px;top:140px}.ynbmsh .wkts_border .social_media{gap:6px;padding:3% 0 0 5%}}@media screen and (max-width:375px){.ynbmsh .ynbmsh_header h6{font-size:35px;line-height:50px}.ynbmsh .ynbmsh_header h6 .big::before{height:30px;width:30px;top:21px;right:61px}.ynbmsh .ynbmsh_header h6 .big::after{height:30px;width:30px;top:39px;right:49px}.ynbmsh .ynbmsh_header h6 .starts::before{height:30px;width:30px;border-radius:21px 0 0 0;left:104px;top:3px;z-index:-1}.ynbmsh .ynbmsh_header h6 .starts::after{height:30px;width:30px;border-radius:0;z-index:-2;right:-18px;top:-13px}.ynbmsh .user_data img{width:44%}.ynbmsh .black_bg .wkts_icon{display:none}}@media screen and (max-width:320px){.ynbmsh .wkts_border .social_media{justify-content:space-evenly;padding:0}.ynbmsh .scev{gap:0}.ynbmsh .wkts_border{border:1px solid #0072ff;margin-top:60px;display:inline-block;height:683px}}


/*-------------------Feedback---------------------*/


.real-results .e-booking-head h3  {
    color: #ffffff;
    font-size: 44px;
    margin-bottom: 0;
}
.real-results .e-booking-head p  {
    font-size:  18px;
    text-align:  center;
    color:  #000000;
    width:  486px;
    margin:  0 auto;
}
.real-box-list  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  26px;
}
.first-col  {
    width:  25%;
}
.second-col  {
    width:  45%;
}
.real-box-list .second-col:nth-child(3)  {
    width:  25%;
}
.real-box  {
    border:  1.2px solid #E9ECF2;
    border-radius:  19px;
    margin-bottom:  20px;
}
.e-r-boxed p  {
    font-size:  14px;
    color:  #ffffff;
    line-height:  175%;
    margin:  0;
    margin-bottom:  0px;
}
.e-r-boxed  {
    padding:  16px;
}
.e-user-detail  {
    padding:  0px 16px 16px 16px;
}
.e-r-box-1 img  {
    width:  100%;
}
.e-user-detail h6  {
    font-size:  16px;
    font-weight:  700;
    margin-bottom:  0;
}
.e-user-detail img  {
    width:  auto;
    margin-top:  -10px;
}
.e-user-detail p  {
    margin:  0;
    color:  #ffffff;
    font-size:  12px;
    line-height:  18px;
    margin-bottom:  5px;
}
.e-r-box-2 .e-user-detail  {
    display:  flex;
    align-items:  center;
    gap:  10px;
    padding-top:  20px;
    padding-bottom:  0;
}
.e-r-box-2 .e-user-detail span img  {
    width:  45px;
    height:  45px;
    border-radius:  25px;
    object-fit:  cover;
}
.real-box.e-r-box-3  {
    display:  flex;
}
.real-box.e-r-box-3 .e-user-detail  {
    padding-top:  10px;
}
.real-box.e-r-box-3 img  {
    height:  auto;
    width:  48%;
    object-fit:  cover;
    border-radius:  20px;
}
.e-r-box-3 .e-user-detail  {
    padding:  0;
}
.e-r-box-3 .e-user-detail img  {
    width:  auto;
}
.real-results .e-booking-head  {
    margin-bottom:  36px;
}
.sec_title  {
    font-weight:  700;
    font-size:  50px;
    line-height:  63px;
    text-align:  center;
    color:  #fff;
    margin-top:  70px;
    margin-bottom:  30px;
}
.feedback_2  {
    margin:  45px 0px;
}
.feedback_2 .client-item  {
    display:  flex;
    flex-direction:  column;
    border:  1px solid #e9ecf2;
    border-radius:  15px;
    position:  relative;
}
.feedback_2 .col-lg-3:first-child .client-item:nth-child(1) .review_para,  .feedback_2 .col-lg-5 .client-item:nth-child(1) .review_para  {
    color:  #232527;
}
.feedback_2 .client-item .review_para_1  {
    padding:  0px 10px 10px 73px;
    font-size:  13px;
    color:  #293238;
    font-weight:  400;
    line-height:  23px;
    margin:  unset;
}
.feedback_2 .client-item .review_para  {
    font-size:  13px;
    color:  #293238;
    font-weight:  400;
    padding:  15px 10px 10px 15px;
    line-height:  23px;
    margin:  unset;
}
.feedback_2 .client-item h6  {
    color:  #293238;
    font-family: 'Poppins';
}
.feedback_2 .client-item .reviewer_name_type1  {
    padding:  15px;
}
.feedback_2 .client-item .reviewer_name_type1 h6  {
    font-size:  10px;
    font-weight:  700;
    margin:  unset;
}
.feedback_2 .client-item .reviewer_name_type1 p  {
    font-size:  10px;
    font-weight:  300;
    color:  #7d7a7a;
    padding:  unset;
    margin:  unset;
}
.feedback_2 .client-item .verify_icon  {
    color:  #758090;
    margin:  5px 0px;
    font-size:  10px;
    display:  flex;
    flex-direction:  row;
    gap:  4px;
}
.feedback_2 .client-item .reviewer_name_type2  {
    display:  flex;
    gap:  5px;
    padding:  10px 0px 0px 15px;
}
.feedback_2 .client-item .reviewer_name_type2 img  {
    width:  40px;
    height:  40px;
}
.feedback_2 .client-item .reviewer_name_type2 .review_header h6  {
    font-size:  9px;
    font-weight:  700;
    margin:  unset;
}
.feedback_2 .client-item .reviewer_name_type2 .review_header p  {
    font-size:  9px;
    font-family: 'Poppins';
    font-weight:  300;
    margin:  unset;
}
.feedback_2 .client-item-2  {
    flex-direction:  row;
}
.feedback_2 .client-item-2 img  {
    width:  36%;
}
.feedback_2 .col-lg-5 .client-item  {
    padding:  0px 20px;
}
.feedback_2 .col-lg-5 .client-item:first-child  {
    padding:  unset;
}
.feedback_2 .col-lg-4 .client-item img  {
    width:  45px;
    height:  45px;
    margin:  10px 0px 0px 10px;
}
.feedback_2 .col-lg-4 .client-item .reviewer_name_type1 .review_para  {
    font-size:  13px;
    color:  #293238;
    font-weight:  400;
    line-height:  23px;
}



/*-----------------------------Popup-Design-Open--------------------------------*/



* {
	font-family: 'Poppins';
}

.modern-modal {
	--primary-color: #47DA71;
	--secondary-color: #2a2e54;
	--accent-color: #0092ff;
	--text-dark: #000000;
	--text-light: #666;
	--border-radius: 20px;
}

.modern-modal .modal-dialog {
	max-width: 1000px;
	margin: 150px auto;
}

.modern-modal#mobile-exit-popup .modal-dialog {
	margin: 80px auto;
}

.modern-modal#seo-exit-popup .modal-dialog {
	margin: 80px auto;
}

.modern-modal .modal-content {
	border: none;
	border-radius: var(--border-radius);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.modern-modal .modal-body {
	padding: 0;
}

.modern-modal .selected-flag, .modern-modal .flag-container {
    background-color: transparent !important;
}

/* Left Section - Hero */
.hero-section {
	background: url("../../new-images/popup/mobile-popup-bg.webp");
	color: white;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	overflow: hidden;
	/*background-size: contain;*/
}

.seo-exit-hero-section {
	background: url("../../new-images/popup/seo-exit-popup.webp");
	background-size: contain;
}

.seo-hero-section {
	background: url("../../new-images/popup/seo-popup.webp");
	background-size: contain;
}

.mobile-exit-hero-section {
	background: url("../../new-images/popup/mobile-exit.webp");
	background-size: contain;
}

.hero-section::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 200px;
	height: 200px;
	background: rgba(111, 192, 71, 0.1);
	border-radius: 50%;
	animation: float 6s ease-in-out infinite;
}

.hero-section::after {
	content: '';
	position: absolute;
	bottom: -30%;
	left: -10%;
	width: 150px;
	height: 150px;
	background: rgba(0, 146, 255, 0.1);
	border-radius: 50%;
	animation: float 8s ease-in-out infinite reverse;
}

@keyframes float {

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

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

.hero-content {
	position: relative;
	z-index: 2;
}

.hero-title {
	font-size: 26px;
	font-weight: 500 !important;
	margin-bottom: 15px;
	line-height: 1.2;
	margin-top: 0;
	color: #fff;
}

.seo-exit-hero-title {
	font-size: 43px;
	font-weight: 300;
	line-height: 64px;
	margin-top: 160px;
}

.seo-exit-hero-title span {
	font-weight: 700;
}

.seo-hero-title {
	font-size: 43px;
	font-weight: 300;
	line-height: 70px;
	margin-top: 30px;
}

.seo-hero-title span {
	font-weight: 700;
}

.hero-subtitle {
	font-size: 36px;
	opacity: 1;
	margin-bottom: 20px;
	font-weight: 700;
	line-height: 38px;
}

.hero-highlight {
	color: var(--primary-color);
}

.app-mockup {
	max-width: 280px;
	margin: 2rem auto 0;
	position: relative;
}

.phone-frame {
	background: #000;
	border-radius: 25px;
	padding: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.phone-screen {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 9/19.5;
}

.status-bar {
	background: #f8f9fa;
	padding: 8px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 600;
}

.app-content {
	padding: 15px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	height: 100%;
}

.feature-badge {
	background: var(--primary-color);
	color: white;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	display: inline-block;
	margin: 5px 0;
	box-shadow: 0 3px 10px rgba(111, 192, 71, 0.3);
}

/* Right Section - Form */
.form-section {
	padding: 25px 20px 16px 20px;
	background: #fff;
}

.form-header {
	margin-bottom: 1rem;
}

.form-title {
	font-size: 22px;
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 15px;
	line-height: 28px;
}

.form-subtitle {
	color: var(--text-light);
	font-size: 1rem;
}

.form-group {
	margin-bottom: 15px;
}

.form-label {
	display: none;
}

.form-control {
	border: 1px solid #D1D5DB;
	border-radius: 7px;
	padding: 8px 12px;
	font-size: 14px;
	transition: all 0.3s ease;
	background: #ffffff;
	height: auto;
}

.form-control:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 0.2rem rgba(111, 192, 71, 0.15);
	background: #fff;
}

.form-select {
	border: 1px solid #D1D5DB;
	border-radius: 7px;
	padding: 8px 12px;
	font-size: 14px;
	background: #ffffff;
	transition: all 0.3s ease;
}

.form-select:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 0.2rem rgba(111, 192, 71, 0.15);
	background: #fff;
}

/*.phone-input-group {
            display: flex;
        }*/

.country-code {
	flex: 0 0 120px;
}

.phone-number {
	flex: 1;
}

/* Remove unused radio button styles */

.checkbox-group {
	margin: 0.8rem 0;
}

.custom-checkbox {
	position: relative;
	cursor: pointer;
}

.custom-checkbox input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.checkmark {
	width: 20px;
	height: 20px;
	background: #f8f9fa;
	border: 2px solid #b0b2b5;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.custom-checkbox input:checked+.checkmark {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.custom-checkbox input:checked+.checkmark::after {
	content: '✓';
	color: white;
	font-weight: bold;
	font-size: 12px;
}

.custom-checkbox-main {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: center;
	font-size: 14px;
}

.submit-btn {
	background: linear-gradient(135deg, var(--primary-color) 0%, #5da83a 100%);
	border: none;
	padding: 15px 30px;
	border-radius: 50px;
	color: white;
	font-weight: 600;
	font-size: 15px;
	width: 100%;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}

.submit-btn.seo-exit-button {
	background: linear-gradient(135deg, #252527 0%, #863377 100%);
}

.submit-btn.seo-button {
	background: linear-gradient(135deg, #462dbd 0%, #a371fe 100%);
}

.submit-btn.mobile-exit-button {
	background: linear-gradient(135deg, #005DFF 0%, #2d96d3 100%);
}

.submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(111, 192, 71, 0.3);
}

.submit-btn i {
	margin-left: 8px;
	transition: transform 0.3s ease;
}

.submit-btn:hover i {
	transform: translateX(5px);
}

.bottom-section {
	background: #ffffff;
	padding: 0rem 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e9ecef;
}

.bottom-left {
	display: flex;
	align-items: center;
	width: 40%;
}

.expert-badge {
	display: flex;
	align-items: center;
	gap: 0px;
}

.badge-icon {
	width: 170px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.badge-icon::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
	border-radius: 50%;
	z-index: -1;
	animation: rotate 3s linear infinite;
}

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

	100% {
		transform: rotate(360deg);
	}
}

.badge-icon i {
	font-size: 24px;
	color: #333;
}

.badge-content {
	text-align: left;
	border-right: 1px solid #CDD7DF;
	padding-right: 40px;
}

.badge-title {
	font-size: 16px;
	color: var(--text-dark);
	font-weight: 600;
	margin: 0;
}

.badge-highlight {
	background: #ffa500;
	color: #000000;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	margin: 2px 0;
}

.badge-subtitle {
	font-size: 16px;
	color: var(--text-dark);
	font-weight: 600;
	margin: 0;
}

.client-logos {
	display: flex;
	gap: 30px;
	align-items: center;
	margin: 0px 15px;
	width: 60%;
}

.logo-item {
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}

.mobile-exit-hero-section .logo-item {
	justify-content: center;
}

.popup-testimonials-slider {
	margin-top: 110px;
	overflow: hidden;
	height: 330px;
}

.popup-bot {
	z-index: 999;
}

.popup-bot img {
	width: 40%;
	position: absolute;
	right: -24px;
	bottom: -20px;
}


/*.logo-item img{
			width: 100%;
		}*/


.close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(255, 255, 255, 0.9);
	border: none;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.close-btn:hover {
	background: rgba(255, 255, 255, 1);
	transform: scale(1.1);
}

.lead-popup .intl-tel-input {
	width: 100%;
}

.lead-popup .intl-tel-input.separate-dial-code .selected-dial-code {
	font-size: 14px;
}

.lead-popup .intl-tel-input .flag-container {
	top: -1px !important;
}

.popup-recaptcha {
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	height: 54px;
}

.lead-popup .intl-tel-input .selected-flag .iti-arrow {
	border-top: 5px solid #6c6969 !important;
}

.lead-popup .intl-tel-input .selected-flag .iti-arrow {
	right: 11px;
}

.lead-popup .form-select {
	position: relative;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	cursor: pointer;
}

.mobile-exit-hero-section .owl-theme .owl-nav {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
}

.mobile-exit-hero-section .owl-nav .owl-prev span,
.mobile-exit-hero-section .owl-nav .owl-next span {
	display: none;
}

.mobile-exit-hero-section .owl-prev {
	background: url(../../new-images/popup/arrow-circle-right.png) no-repeat !important;
	width: 39px;
	height: 39px;
	transform: rotate(180deg);
	left: 19px;
	position: absolute;
}

.mobile-exit-hero-section .owl-next {
	background: url(../../new-images/popup/arrow-circle-right.png) no-repeat !important;
	width: 39px;
	height: 39px;
	right: 19px;
	position: absolute;
}


#ai-service-popup.fade:not(.show) {
	opacity: 1;
}

.modal-backdrop.fade {
	opacity: 0.5 !important;
}


/*---------------Error--------------*/

.error-active {
	border-color: #fd2f2f40;
	box-shadow: 0 0 0 0.2rem rgb(231 23 23 / 15%);
	background: #ffcece54;
}

/*---------------Bootstrap-3-Fixing--------------*/

.contact-tab .fade:not(.show) {
	opacity: 1;
}

/* Responsive Design */
@media (max-width: 992px) {
	.modern-modal .modal-dialog {
		max-width: 90%;
		margin: 1rem auto;
	}

	.hero-section {
		padding: 2rem;
	}

	.form-section {
		padding: 2rem;
	}

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

	.app-mockup {
		max-width: 220px;
	}

	.bottom-section,
	.hero-section {
		display: none;
	}

	.custom-checkbox-main {
		margin-bottom: 15px;
	}

	.popup-recaptcha-box {
		justify-items: center;
	}
}

@media (max-width: 768px) {
	.modern-modal .modal-content {
		border-radius: 15px;
	}

	.hero-section {
		padding: 1.5rem;
		text-align: center;
	}

	.form-section {
		padding: 1.5rem;
	}

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

	.phone-input-group {
		flex-direction: column;
	}

	.country-code {
		flex: none;
	}

	/* Remove unused media query content */

	.bottom-section {
		flex-direction: column;
		gap: 1.5rem;
		text-align: center;
		padding: 2rem 1.5rem;
	}

	.expert-badge {
		justify-content: center;
	}

	.client-logos {
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	#mobile-exit-popup {
		top: 15%;
	}
}

@media (max-width: 576px) {
	.modern-modal .modal-dialog {
		margin: 0.5rem;
	}

	.hero-section,
	.form-section {
		padding: 1rem;
	}

	.hero-title {
		font-size: 1.5rem;
	}

	.form-title {
		font-size: 1.5rem;
	}

	.app-mockup {
		max-width: 180px;
	}

	/* Remove unused media query content */
}

/* Loading Animation */
.loading-spinner {
	display: none;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top: 2px solid white;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

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

	100% {
		transform: rotate(360deg);
	}
}

.submit-btn.loading .loading-spinner {
	display: inline-block;
}

.submit-btn.loading .btn-text {
	display: none;
}


/*------------------mobile-popup-style-bootstrap-lower---------------------*/


.modern-modal .modal-dialog {
    width: 1000px;
}
.hero-section {
	height: 487px;
	background-repeat: no-repeat;
}
.form-title{
	margin-top: 0;
}
.modern-modal .modal-content .modal-body .col-lg-6{
	padding: 0;
}
.modern-modal .flag-container{
	border: none;
	height: 41px;
}
.modern-modal input[type=text]{
	font-size: 14px;
}
.modern-modal .intl-tel-input.separate-dial-code .selected-dial-code{
	width: auto !important;
}
.modern-modal .form-select{
	width: 100%;
}
.modern-modal .modal-dialog{
	margin: 100px auto;
	-webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}
.modern-modal .owl-carousel .owl-item img{
	width: auto;
    max-width: inherit;
}
.popup-testimonials-slider{
	overflow:visible;
}
.mobile-exit-hero-section .owl-prev{
	left: 32px;
}
.mobile-exit-hero-section .owl-next{
	right: 34px;
}



@media (max-width: 768px) {
	
.form-section {
    padding: 13px 40px 14px 29px;
}
	
	
}

/*-----------------------------Popup-Design-Closed--------------------------------*/




.faq {
     padding: 100px 0px 0px 0px ;
}

.faq-container {
     max-width: 1200px;
     margin: auto;
}

.faq-title {
     text-align: center;
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 60px;
}


.faq-item {
     border: 1px solid #ddd;
     border-radius: 15px;
     overflow: hidden;
     transition: all 0.3s ease;
	 width:100%;
}

.faq-item.active {
     border: 2px solid #1e5bff;
     background: #ffffff;
}

.faq-question {
     width: 100%;
     padding: 20px 25px;
     background: none;
     border: none;
     font-size: 16px;
     font-weight: 500;
     text-align: left;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
	 color:#ffffff;
}

.faq-icon {
     font-size: 22px;
     font-weight: 600;
}

.faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease, padding 0.3s ease;
     padding: 0 25px;
}

.faq-answer p {
     font-size: 15px;
     line-height: 1.6;
     color: #1A202C;
}

.faq-item.active .faq-answer {
     max-height: 500px;
     padding: 0px 25px 25px;
}

.faq-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     align-items: start;
     /* Prevents items from stretching to match row height */
}

.faq-column {
     display: flex;
     flex-direction: column;
     gap: 20px;
     /* Space between vertical items */
}

.faq-item {
     height: fit-content;
     /* Ensure the box only takes up needed space */
     align-self: start;
}
.faq-item.active .faq-question{
	color:#000000;
}
.faq-item.active .faq-answer hr{
	color: #000;
}


@media screen and (max-width: 1200px) {
	

 .faq-container {
	  max-width: 960px;
 }

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

 .faq-question {
	  font-size: 15px;
 }
	
	
	
	
}

@media screen and (max-width: 992px) {
    .faq-grid {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 768px) {
	

.faq {
	  padding: 60px 15px;
 }

 .faq-title {
	  font-size: 26px;
 }

 .faq-question {
	  font-size: 14px;
	  padding: 18px;
 }

 .faq-answer p {
	  font-size: 14px;
 }
	
	
	
}


@media screen and (max-width: 576px) {
	
	
.faq-title {
	  font-size: 22px;
 }

 .faq-question {
	  font-size: 13px;
	  padding: 16px;
 }

 .faq-answer p {
	  font-size: 13px;
 }

 .faq-icon {
	  font-size: 18px;
 }
	
	
}



/* ── 1400px ── */
@media (max-width: 1400px) {

    .banner-content {
        max-width: 1100px;
    }

    .banner h1 {
        font-size: 56px;
    }

    .ai-title {
        font-size: 60px;
    }

    .banner p {
        font-size: 14px;
    }

    .innovation-content {
        padding: 80px;
        transform: translateY(-180px);
    }

    .innovation-content h1 {
        font-size: 38px;
    }

    .ai {
        font-size: 46px;
    }

    .ai-section h4 {
        font-size: 42px;
    }

    .subtitle {
        font-size: 16px;
    }

    .ai-cta-content h3 {
        font-size: 56px;
    }

    .cta-img-inline img {
        height: 80px;
    }

    .cta-aidevelopment img {
        height: 65px;
    }

    .ai-transform-content h4 {
        font-size: 68px;
    }

    .ai-transform-content h4 strong,
    .ai-features-img {
        font-size: 54px;
    }
         .aimodel-title,
      .aimodel-subtitle {
        margin-left: 80px;
      }

      

      .aimodel-bubbles {
        margin-left: -80px;
      }
	  .services-main-heading{
		  font-size: 40px;
	  }
	  .service_p{
		  font-size: 14px;
	  }
	  .trusted-heading{
		  font-size: 44px;
	  }
	  .why-section__subtitle{
		  font-size: 16px;
	  }
	  .card__description{
		  font-size: 14px;
	  }
	  .trigger-section img{
		  width: 94px;
	  }

}