/* =========================================================
   Kindlebit Hero Section
   ========================================================= */
/* ---------- Fonts & tokens ---------- */
:root {
  --font: "Cabinet Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-heading: "Thunder LC", var(--font);
  --navy-900: #0b0a1f;
  --navy-800: #131235;
  --purple-700: #2a2358;
  --purple-600: #3a2f74;
  --orange: #f7941d;
  --orange-600: #f2820c;
  --orange-glow: rgba(247, 148, 29, .45);
  --white: #ffffff;
  --muted: #c8c6df;
}

@font-face {
  font-family: "Thunder LC";
  src: url("../fonts/Thunder-LC.woff2") format("woff2"),
       url("../fonts/Thunder-LC.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Bold.woff2") format("woff2"),
       url("../fonts/CabinetGrotesk-Bold.woff") format("woff"),
       url("../fonts/CabinetGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Extrabold.woff") format("woff"),
       url("../fonts/CabinetGrotesk-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Black.woff2") format("woff2"),
       url("../fonts/CabinetGrotesk-Black.woff") format("woff"),
       url("../fonts/CabinetGrotesk-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Regular.woff2") format("woff2"),
       url("../fonts/CabinetGrotesk-Regular.woff") format("woff"),
       url("../fonts/CabinetGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-medium.woff2") format("woff2"),
       url("../fonts/CabinetGrotesk-medium.woff") format("woff"),
       url("../fonts/CabinetGrotesk-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
* { box-sizing: border-box; }
body {font-family: var(--font);margin: 0;background: #F5F2F2;color: var(--white);-webkit-font-smoothing: antialiased;}

/* =========================================================
   HERO WRAPPER
   ========================================================= */
.hero {position: relative;min-height: 800px;overflow: hidden;padding-bottom: 0;background-repeat: no-repeat;background-size: cover;}
.btn-cta.caps__banner-btn:hover {
    background: #f6921b;
}
.navbar .btn-contact {background: #fff;color: #000;}

 


/* =========================================================
   DECORATIVE BACKGROUND SQUARES (border only)
   ========================================================= */
.hero__decor{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero:before{content:'';position:absolute;background:url(../images/hero-back.png) no-repeat;left:0;width:100%;height:100%;z-index:0}
.hero:after{content:'';position:absolute;background:url(../images/hero-back-r.png) no-repeat;right:0;width:230px;height:100%;z-index:0;}
/* =========================================================
   NAVBAR
   ========================================================= */
.hero__nav{position:relative;z-index:25;padding-top:22px;padding-bottom:22px}
.logo-mark{height:53px;width:auto;display:block}
.nav-actions .btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn-ai{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:17px;color:#fff;padding:9px 20px;border-radius:40px;border:0;background: #F6921B;box-shadow:0 6px 18px rgba(247,148,29,.35)}
.btn-ai:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(247,148,29,.5);color:#fff;background: #f6921b;}
.btn-contact{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:16px;letter-spacing:.3px;color:#fff;padding:7px 8px 7px 22px;border-radius:40px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.btn-contact:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4);}
.btn-contact__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background: #F6921B;}

/* Hamburger */
.btn-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent}
.btn-burger span{display:block;width:26px;height:3px;margin:0 auto;border-radius:4px;background:#000;transition:transform .25s ease}
.btn-burger:hover span:nth-child(1){transform:translateX(-3px)}
.btn-burger:hover span:nth-child(3){transform:translateX(3px)}
.nav-offcanvas{width:400px;max-width:85vw;color:#fff;border-left:1px solid rgba(255,255,255,.08);background:#F5F2F2;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.nav-offcanvas .offcanvas-header{padding:26px 30px;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-offcanvas .offcanvas-body{display:flex;flex-direction:column;padding:34px 30px}
.btn-close-custom{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgb(0 0 0 / 14%);background:rgba(255,255,255,.06);transition:background .25s ease,transform .25s ease}
.btn-close-custom:hover{background:var(--orange);transform:rotate(90deg);border-color:var(--orange);}
.nav-menu-list{list-style:none;margin:0 0 auto;padding:0}
.nav-menu-list li{border-bottom:1px solid rgb(0 0 0 / 10%)}
.nav-menu-list a{display:block;padding:18px 4px;font-size:22px;font-weight:600;color:#000;text-decoration:none;transition:color .25s ease,padding-left .25s ease}
.nav-menu-list a:hover{color:var(--orange);padding-left:14px}
.nav-offcanvas__cta{width:100%;justify-content:center;margin-top:34px}


.btn-close-custom svg path {
    stroke: #000;
}
.btn-close-custom:hover svg path {
    stroke: #fff;
}




@media (max-width: 576px) {
  .nav-menu-list a { font-size: 19px; padding: 15px 4px; }
  .nav-offcanvas .offcanvas-body { padding: 26px 24px; }
}

/* =========================================================
   HERO CONTENT
   ========================================================= */
.hero__content{position:relative;z-index:4;padding-top: 138px;animation:fadeUp .9s ease both}
.hero__title{font-size: 82px;line-height: 82px;letter-spacing: 0;color:#000;text-wrap:balance;font-weight: 400;}

.text-orange {
    background: linear-gradient(90deg, #F3831F 0%, #FEC80C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.hero__lead{font-weight:400;font-size: 18px;line-height:1.6;color:#565656;max-width: 948px;margin:0 auto 23px;text-wrap:pretty}
.btn-cta{display:inline-flex;align-items:center;gap:16px;font-weight:800;font-size:18px;line-height: 21px; letter-spacing:0px;color:#fff;padding:11px 11px 11px 30px;border:0;border-radius:50px;background: #F6921B;transition:transform .3s ease,box-shadow .3s ease}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(247,148,29,.6);color:#fff;background: #f7941d;}
.btn-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgb(255 255 255 / 90%);transition:transform .3s ease}
.btn-cta:hover .btn-cta__icon{transform:translateX(4px)}
.back-shadow-sec {position: relative;background: #F5F2F2;}
.back-shadow {position: absolute;top: -100px;z-index: 1;left: 0;opacity: .5;}

/* =========================================================
   AT A GLANCE
   ========================================================= */

/* Stat cards */
.glance__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin: 80px 0 0;}
.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;border-radius: 10px;background:#fff;box-shadow:0 20px 44px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(0,0,0,.45)}
.stat-card__num{font-size: 64px;line-height:1;letter-spacing:-1px;color:#14112f;margin-bottom: 0px;font-family: var(--font-heading);}
.stat-card__label{font-weight:400;font-size: 16px;line-height:1.4;color:#5a5a66;margin:0}
/* =========================================================
   OUR CAPABILITIES
   ========================================================= */
   
.caps{position:relative;overflow:hidden;padding: 100px 0 120px;background: #F5F2F2;;}
.caps__title{text-align:center;font-size: 64px;margin: 0 0 0px;color:#000;position: relative;z-index: 2;font-weight: 400;}
.caps__subtitle{text-align:center;font-weight:500;font-size:21px;color:#565656;margin:0 0 40px;position: relative;z-index: 2;}
.caps__panel{margin:0 auto;padding:44px 40px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#fff;position: relative;z-index: 2;box-shadow: 0 0 23px 0 rgb(0 0 0 / 4%);}
.caps__grid{display:grid;grid-template-columns:repeat(3,1fr)}

/* Card */
.cap {  padding: 26px 40px 34px; border-right: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid rgb(0 0 0 / 10%);}

/* remove outer edges of the grid lines */
.cap:nth-child(3n) { border-right: 0; }
.cap:nth-child(n+4) { border-bottom: 0; }

.cap__top{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.cap__icon{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background: linear-gradient(90deg, #F3831F 0%, #FEC80C 100%);flex:0 0 auto}
.cap__arrow{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;border:1px solid rgb(0 0 0 / 21%);background:transparent;transition:background .25s ease,transform .25s ease,border-color .25s ease}
.cap__arrow:hover{background:var(--orange);border-color:var(--orange);transform:translate(2px,-2px)}
.cap__name{font-size: 32px;color:#000;margin:0 0 12px}
.cap__desc{font-weight:400;font-size: 16px;line-height:22px;color: #565656;margin:0;max-width:320px;}
/* CTA banner */
.caps__banner{display: block;margin:40px auto 0;padding: 61px;border-radius:30px;background:#fff;text-align: center;position: relative;z-index: 2;}
.caps__banner-text{font-size: 48px;line-height: 56px;color:#14112f;max-width: 80%;margin: 0 auto 20px;font-family: var(--font-heading);}
.caps__banner-btn{flex:0 0 auto;font-weight: 700;}
.back-shadow img{width:100%}
.cap__arrow svg {width: 30px;}
.cap__arrow:hover svg path {fill: #fff;}
.caps__banner {
    position: relative;
    overflow: hidden;
}

/* Background image layer */
.caps__banner::before {
    content: "";
    position: absolute;
    background: url(https://web1.kindlebit.com/Development/Kindlebit-web/kindlebit/assets/images/background-hero.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}
.caps__banner > * {
    position: relative;
    z-index: 99;
    opacity: 1;
}
/* =========================================================
   INDUSTRIES (split, auto-scrolling right)
   ========================================================= */
.inds{position:relative;overflow:hidden;padding: 0px 0 120px;background: #F5F2F2;}
.inds__panel{margin:0 auto;padding:43px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;border:1px solid rgb(0 0 0 / 10%);border-radius:26px;background:rgba(255,255,255,.02);position: relative;z-index: 2;}
.inds__left{padding-top:8px}
.inds__title{font-size: 64px;line-height: 100%;letter-spacing: 0;color:#000000;margin:0 0 16px}
.inds__lead{font-weight:400;font-size: 18px;line-height:24px;color: #565656;margin:0 0 28px;max-width: 90%;}
.inds__btn {
    padding: 11px 12px 11px 28px;
    font-weight: 700;
    text-transform: capitalize;
}

/* Right: auto-scrolling vertical marquee (bottom -> up) */

.inds__right{position:relative;max-height: 500px;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}
.inds__track{display:flex;flex-direction:column;animation:inds-scroll 22s linear infinite}
.inds__right:hover .inds__track{animation-play-state:paused}
.ind-row{display:flex;align-items:center;gap:20px;flex:0 0 auto;margin-bottom:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#fff;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.ind-row__icon{display:inline-flex;align-items:center;justify-content:center;width: 68px;height: 68px;border-radius:50%;background:#3827C7;flex:0 0 auto}
.ind-row__name{font-size: 36px;color:#000000;margin:0;letter-spacing: 1px;}
.ind-row__icon img{width: 21px;height: 21px;}

/* =========================================================
   4 STEP APPROACH
   ========================================================= */
.back-shadow.new.right {right: 0;z-index: 1;opacity: .5;left: auto;text-align: right;top: 0;}
.back-shadow.new.right img {width: 100%;}
.steps{position:relative;overflow:hidden;padding: 0px 0 120px;/* background: #02021e; */z-index: 9;}
.steps__title{text-align:center;font-size: 64px;line-height: 70px;letter-spacing: 0;color:#000;margin:0 0 25px;font-weight: 400;}
.steps__panel{position:relative;margin:0 auto;padding:54px 38px 33px 38px;border-radius:28px;background:#fff;z-index: 2;}
.steps__connector{position:absolute;top:70px;left:130px;width:71%;height:auto;pointer-events:none}
.steps__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap: 50px;}
.step{position:relative;padding-top:8px}
.step__num{position:absolute;top:84px;left:0;font-weight:700;font-size:90px;line-height:1;color:rgb(20 17 47 / 7%);z-index:0;pointer-events:none}
.step__icon{position:relative;z-index:1;width:80px;height:80px;display:block;margin-bottom:38px;background:#fff;padding:0;border-radius:0}
.step__name{position:relative;z-index:1;font-size: 32px;line-height: 1.1;color:#565656;margin:0 0 10px}
.step__desc{font-weight:400;font-size: 14px;line-height:1.6;color:#7c7a8c;margin:0}
.step__more{color:var(--orange);font-weight:500;text-decoration:underline;white-space:nowrap}
.step__more:hover { color: var(--orange-600); }

/* Risk-free banner (glass effect) */
.steps__banner{position:relative;margin:40px auto 0;padding:60px 24px 79px;border-radius:28px;overflow: hidden; text-align:center;}
.steps__eyebrow{display:inline-block;font-weight:700;font-size:13px;letter-spacing:1.5px;color:#fff;margin-bottom:20px}
.steps__banner-text{font-size: 64px;line-height: 1.1;color:#000;font-family: var(--font-heading);margin: 0 auto 0px;max-width: 80%;padding-bottom: 20px;font-weight: 400;}
.steps__banner-btn{padding:7px 10px 7px 26px;font-size:18px;font-weight: 700;}
.models{position:relative;overflow:hidden;padding: 0px 0 120px;background: #f5f2f2;}
.models__title{text-align:center;font-size: 64px;line-height: 64px;letter-spacing: 0;color:#000;margin:0 0 44px}
.models__grid{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position: relative;z-index: 99;}
.model{padding:26px 28px 32px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%)}
.model__head{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgb(0 0 0 / 20%)}
.model__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    flex: 0 0 auto;
    background: linear-gradient(90deg, #FEC80C 0%, #F3831F 100%);}
.model__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 25%);
    flex: 0 0 auto;
    cursor: pointer;
    transition: background .25s ease,border-color .25s ease,transform .25s ease;
}
.model__icon:hover{background: linear-gradient(90deg, #FEC80C 0%, #F3831F 100%);border-color:transparent;transform:translateY(-2px) scale(1.05)}
.model__pill {
    margin-left: auto;
    padding: 16px 20px 12px;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,.25);
    font-weight: 400;
    font-size: 21px;
    line-height: 100%;
    color: #000;
    white-space: nowrap;
    background: rgb(0 0 0 / 7%);
    font-family: 'Thunder LC';
    letter-spacing: 1px;
}
.model__name{font-size: 32px;color:#000;margin:0 0 12px}
.model__desc{font-weight:400;font-size: 16px;line-height: 24px;color: #565656;margin:0 0 22px}
.model__list{list-style:none;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid rgb(0 0 0 / 20%);display:flex;flex-direction:column;gap:12px}
.model__list li{position:relative;padding-left:30px;font-weight:400;font-size: 16px;line-height: 100%; color: #565656;}
.model__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1454_17612)"><path d="M14.4205 6.82693C14.7256 7.13211 14.7256 7.6268 14.4205 7.93182L9.17938 13.1731C8.87421 13.4781 8.37967 13.4781 8.07449 13.1731L5.57953 10.6779C5.27435 10.3729 5.27435 9.87823 5.57953 9.57321C5.88455 9.26804 6.37924 9.26804 6.68427 9.57321L8.62686 11.5158L13.3156 6.82693C13.6208 6.52191 14.1154 6.52191 14.4205 6.82693ZM20 10C20 15.5275 15.5267 20 10 20C4.4725 20 0 15.5267 0 10C0 4.4725 4.47327 0 10 0C15.5275 0 20 4.47327 20 10ZM18.4375 10C18.4375 5.33615 14.6632 1.5625 10 1.5625C5.33615 1.5625 1.5625 5.33676 1.5625 10C1.5625 14.6638 5.33676 18.4375 10 18.4375C14.6638 18.4375 18.4375 14.6632 18.4375 10Z" fill="%2334C759"/></g><defs><clipPath id="clip0_1454_17612"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}
.model__best {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0;
}
.model__best strong { color: #000; font-weight: 700;font-size: 16px; }
.model {
    padding: 26px 28px 32px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.model__icon:hover svg path {
    fill: #fff;
}
.steps__banner p:nth-child(1) {
    margin-bottom: 12px;
    color: #000;
}
.text-orange-text1 {color: #F6921B;}

/* =========================================================
   CASE STUDIES SLIDER
   ========================================================= */
   
.cases{position:relative;overflow:hidden;padding: 0px 0 120px;background: #f5f2f2;}
.cases__title{text-align:center;font-size: 64px;line-height: 100%;letter-spacing:0px;color:#000000;margin:0 0 28px;position: relative;z-index: 2;}
.cases__slider{margin:0 auto;position: relative;z-index: 2;}
.caseSwiper{overflow:hidden}
.case-card {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 40px;
    align-items: center;
    padding: 36px;
    border-radius: 40px;
    background: #fff;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 21px 0 rgb(0 0 0 / 5%);
}
.case-card__tag{display:inline-block;font-weight:700;font-size:20px;letter-spacing:0px;color:#4C4C4C;margin-bottom:24px}
.case-card__title{font-size: 48px;line-height: 1.1;color:#14112f;margin:0 0 16px}
.case-card__desc{font-weight:400;font-size: 21px;line-height:1.5;color:#6b6a7a;margin:0 0 24px;/* max-width: 90%; */}
.case-card__chips{display:flex;gap:12px}
.chip{padding:9px 20px;border-radius:40px;border:1px solid rgba(20,17,47,.15);font-weight:600;font-size:18px;color:#000;}
.case-card__media img{display:block;width: 90%;height:auto;border-radius:106px 16px 16px 16px;margin-inline-start: auto;}
/* Footer: progress pagination + arrows */
.cases__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}
.cases__pagination{display:flex;gap:20px;flex:1}
.cases__pagination .swiper-pagination-bullet{flex:1;height:3px;border-radius:3px;background:rgb(0 0 0 / 10%);opacity:1;margin:0!important;transition:background .3s ease}
.cases__pagination .swiper-pagination-bullet-active{background:#F89E17;}
.cases__nav{display:flex;gap:12px;flex:0 0 auto}
.case-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 15%);
    background: rgba(255,255,255,.05);
    cursor: pointer;
    transition: background .25s ease,transform .25s ease,border-color .25s ease;
}
.case-arrow:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.06);border-color: #F89E17;}
.case-arrow.swiper-button-disabled{opacity:.35;cursor:default}
.case-arrow:hover svg path {fill: #ffff;}


.steps__banner {position:relative;}
.steps__banner::before {
    content: "";
    position: absolute;
    background: url(https://web1.kindlebit.com/Development/Kindlebit-web/kindlebit/assets/images/background-hero.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.65;
    z-index: 1;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}
.steps__banner * {position:relative;z-index:999;}
/* =========================================================
   TESTIMONIALS SLIDER
   ========================================================= */
   
.quotes{position:relative;padding: 0px 0 120px;background: #f5f2f2;}
.quotes__title{text-align:center;font-size: 64px;line-height: 1.1;color:#000;margin: 0 0 30px;position: relative;z-index: 2;}
.quotes__slider{margin:0 auto;position: relative;z-index: 2;}
.quoteSwiper{overflow:hidden}
.quote-card{display:flex;flex-direction:column;justify-content:space-between;gap:34px;height:100%;min-height:200px;padding:30px 28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#fff;}
.quote-card__text{font-size: 32px;line-height: 1.1;color:#565656;margin:0;font-family: var(--font-heading);font-weight: 400;}
.quote-card__foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.quote-card__person{display:flex;align-items:center;gap:12px}
.quote-card__person img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.quote-card__meta{display:flex;flex-direction:column;gap:2px}
.quote-card__meta strong{font-weight:600;font-size: 17px;color:#000;line-height: 100%;}
.quote-card__meta span{font-weight:500;font-size: 15px;color:#565656;padding-top: 2px;}
.quote-card__play{display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;border:0;border-radius:50%;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);cursor:pointer;flex:0 0 auto;transition:transform .25s ease,box-shadow .25s ease}
.quote-card__play:hover{transform:scale(1.08);box-shadow:0 12px 26px rgba(247,148,29,.55)}
/* Footer: dot pagination + arrows */
.quotes__foot{display:flex;align-items:center;justify-content:center;position:relative;margin-top:64px}
.quotes__pagination{display:flex;gap:10px;justify-content:center}
.quotes__pagination .swiper-pagination-bullet{width:9px;height:9px;border-radius:50%;background:rgb(0 0 0 / 11%);opacity:1;margin:0!important;transition:background .3s ease,width .3s ease}
.quotes__pagination .swiper-pagination-bullet-active{background:#F89E17;}
.quotes__nav{display:flex;gap:12px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.quote-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 15%);
    
    cursor: pointer;
    transition: background .25s ease,transform .25s ease,border-color .25s ease;
}
.quote-arrow:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.06)}

.ind-row a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}
/* =========================================================
   BLOG / PERSPECTIVES
   ========================================================= */
.blog{position:relative;overflow:hidden;padding: 0px 0 120px;background: #f5f2f2;}
.blog__title{text-align:center;font-size: 64px;line-height: 1.1;color:#000;margin: 0 0 48px;position: relative;z-index: 2;}
.blog__grid{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap: 41px;position: relative;z-index: 2;}
.blog-card{display:flex;flex-direction:column}
.blog-card__media{position:relative;margin-bottom:20px;aspect-ratio:400 / 362}
.blog-card__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.blog-card:hover .blog-card__media img{transform:scale(1.03)}
.blog-card__arrow{position:absolute;top:0px;right:0px;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1px solid rgb(0 0 0 / 20%);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff3;transition:background .3s ease,transform .3s ease,border-color .3s ease}

.blog-card__arrow:hover{background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);border-color:transparent;transform:translate(2px,-2px)}
.blog-card__name{font-size: 36px;line-height: 1.1;color:#565656;margin:0}
.blog__foot{display:flex;justify-content:center;margin-top:48px}
.blog__btn{padding:11px 12px 11px 30px;font-weight: 700;}
.faq2{position:relative;overflow:hidden;padding: 0px 0 120px;background: #F5F2F2;}
.faq2__layout{margin:0 auto;display: block;position: relative;z-index: 2;}

.faq2__contact:hover{transform:translateY(-2px);color:#14112f}

.faq2__title{font-size: 64px;color:#000000;margin:0 0 20px}
.faq2 .accordion{--bs-accordion-border-color:transparent}
.faq2 .accordion-item{background:transparent;border:0;border-bottom:1px solid rgb(0 0 0 / 10%);padding: 12px 0 20px;}
.faq2 .accordion-header{margin:0}
.faq2 .accordion-button{padding:22px 44px 12px 0;font-size: 36px;line-height: 100%; color:#000;background:transparent;box-shadow:none}
.faq2 .accordion-button:not(.collapsed){color:#000;background:transparent;box-shadow:none}
.faq2 .accordion-button:focus{box-shadow:none}
.faq2 .accordion-button::after{position:absolute;right:0;width: 40px;height: 40px;background-image:none;border:1px solid #ffffff40;border-radius:50%;content:"";transition:background .25s ease,border-color .25s ease}
.faq2 .accordion-button::before{position:absolute;right: 13px;z-index:1;width:15px;height:18px;content:"";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 21px no-repeat;transition:transform .3s ease;filter: invert(1);}
.faq2 .accordion-button:not(.collapsed)::before {
    background-image: url('data:image/svg+xml,<svg width="14" height="2" viewBox="0 0 14 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4583 1.91667H0.958333C0.383333 1.91667 0 1.53333 0 0.958333C0 0.383333 0.383333 0 0.958333 0H12.4583C13.0333 0 13.4167 0.383333 13.4167 0.958333C13.4167 1.53333 13.0333 1.91667 12.4583 1.91667Z" fill="%23F89E17"/></svg>');
    filter: invert(0);
}
.faq2 .accordion-button:not(.collapsed)::after{background:#fff;border-color:#fff;}
.faq2 .accordion-body{padding:0 60px 0px 0;font-weight:400;font-size: 18px;line-height:1.7;color:#565656;}

.accordion-item:first-of-type .accordion-button {border-top: 1px solid rgb(0 0 0 / 10%);border-radius: 0;}

.contact__left { display: flex; flex-direction: column; justify-content: space-between;}

.blog-card__arrow:hover svg path { fill: #fff;}



.faq2 .accordion-header a { text-decoration: none;}
.quote-arrow:hover svg path {fill: #fff;}


/* =========================================================
   CONTACT
   ========================================================= */
   
.contact{position:relative;overflow:hidden;padding:120px 0 0;background: #F5F2F2;}
.contact img { border-radius: 120px 120px 0 0;height: 100%;}
.contact__panel{margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding:54px 56px;border-radius:32px 32px 0 0;background:#fff;position:relative}
.contact__lead-title{font-size: 64px;line-height: 1.1;color:#14112f;margin:0 0 26px}
.contact__points{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;gap:16px}
.contact__points li{position:relative;padding-left:30px;font-weight:400;font-size: 16px;color:#565656;}
.contact__points li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2322a06b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat,#22a06b1f;border: 1px solid #4CAF50;}
.contact__stats{display:flex;gap: 80px;margin-top:90px;padding-bottom:18px;border-bottom:1px solid #14112f1a}
.contact__stat{display:flex;flex-direction:column}
.contact__stat-num{font-size: 64px;line-height:1;color:#14112f;margin-bottom:8px;font-family: var(--font-heading);}
.contact__stat-label{font-size: 18px;color:#6b6a7a;font-weight: 500;}
.contact__trust{margin:18px 0 0;font-weight:700;font-size:14px;color:#14112f}
.contact__title{font-size: 44px;color:#14112f;margin: 0;font-family: inherit;}
.contact__subtitle {
    font-size: 20px;
    line-height: 100%;
    color: #6b6a7a;
    margin: 5px 0 24px;
}
.contact__required{font-size:12px;color:#9a99a8;margin:0 0 14px}
.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact__field{display:flex;flex-direction:column;margin-bottom:18px}
.contact__field label{font-weight:500;font-size:15px;color:#000;margin-bottom:8px}
.contact__field input,.contact__field select,.contact__field textarea{font-family:inherit;font-size:14px;color:#14112f;padding:13px 16px;border:1px solid #d9d9e3;border-radius:10px;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact__field textarea{resize:vertical}
.contact__field input:focus,.contact__field select:focus,.contact__field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f7941d26}
.contact__field select{appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat #fff}
.contact__submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:6px}
.contact__check{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;color:#6b6a7a;cursor:pointer}
.contact__check input{margin-top:0;accent-color:var(--orange);width:16px;height:16px;flex:0 0 auto}
.contact__submit{display:inline-flex;align-items:center;gap:12px;padding:12px 4px 12px 26px;border:0;border-radius:40px;font-weight:600;font-size:16px;color:#fff;background: #F6921B;box-shadow:0 10px 24px #f7941d59;transition:transform .25s ease,box-shadow .25s ease;flex:0 0 auto}
.contact__submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f7941d80;color:#fff;background: #F6921B;}
.contact__submit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(255 255 255 / 90%);
}
.contact__disclaimer{margin:20px 0 0;font-size: 14px;line-height:1.5;color:#9a99a8;max-width:620px;font-weight: 400;}
.contact-back{width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:0}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{position:relative;overflow:hidden;padding:70px 0 30px;background:#F5F2F2;}
.footer__top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-bottom:40px}
.footer__news-title{font-size: 48px;line-height: 1.1;color:#000;margin: 0 0 15px;max-width: 500px;}
.footer__subscribe{position:relative;max-width:440px;margin-bottom:34px}
.footer__subscribe input{width:100%;font-family:inherit;font-size:16px;color:#000;padding:12px 58px 12px 22px;border:1px solid #ffffff26;border-radius:40px;background:#fff;outline:none;letter-spacing: 0;font-weight: 500;}
.footer__subscribe input::placeholder{color:#000000}
.footer__subscribe input:focus{border-color:#000000}
.footer__subscribe button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:50px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:transform .25s ease}
.footer__subscribe button:hover{transform:translateY(-50%) scale(1.06)}
.footer__follow{font-weight:500;font-size:18px;letter-spacing:1px;color:#000000;margin:0 0 16px}
.footer__socials{display:flex;gap:14px}
.footer__socials a{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:1px solid rgb(0 0 0 / 15%);transition:background .25s ease,transform .25s ease,border-color .25s ease}
.footer__socials a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}
.footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer__col-title{font-size: 36px;color:#000;margin:0 0 18px}
.footer__col-title--sp{margin-top:26px}
.footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.footer__list li,.footer__contact{font-size: 20px;color:#565656;margin:0;font-weight: 500;}
.footer__list li{cursor:pointer;transition:color .2s ease}
.footer__list li:hover{color:var(--orange)}
.footer__contact{margin-bottom:8px}
.footer__acc{--bs-accordion-border-color:transparent;border-top:1px solid #ffffff1f}
.footer__acc .accordion-item{background:transparent;border:0;border-bottom:1px solid rgb(0 0 0 / 15%);}
.footer__acc .accordion-header{margin:0}
.footer__acc .accordion-button{padding:22px 0;font-size: 36px;color:#000;background:transparent;box-shadow:none}
.footer__acc .accordion-button:focus{box-shadow:none}
.footer__acc .accordion-button::after{width:26px;height:26px;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 17.1869C9.46055 17.1869 9.02344 16.7498 9.02344 16.2104V3.79004C9.02344 3.25059 9.46055 2.81348 10 2.81348C10.5395 2.81348 10.9766 3.25059 10.9766 3.79004V16.2104C10.9766 16.7498 10.5395 17.1869 10 17.1869Z" fill="black"/><path d="M16.2094 10.9766H3.78906C3.24961 10.9766 2.8125 10.5395 2.8125 10C2.8125 9.46055 3.24961 9.02344 3.78906 9.02344H16.2094C16.7488 9.02344 17.1859 9.46055 17.1859 10C17.1859 10.5395 16.7488 10.9766 16.2094 10.9766Z" fill="black"/></svg>');background-position:center;background-size:14px;background-repeat:no-repeat;background-color:#fff;border-radius:50%;transition:transform .3s ease,background-color .25s ease}
.footer__acc .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");background-color:var(--orange);transform:rotate(180deg)}
.footer__acc .accordion-body{padding:0 0 24px;font-size: 20px;line-height:1.7;color:#565656;}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}
.footer__copy {
    font-size: 17px;
    color: #000;
    margin: 0;
    font-weight: 500;
}
.footer__legal { display: flex; gap: 30px; }
.footer__legal a { font-size: 17px;font-weight: 500; color: #565656; text-decoration: none; transition: color .2s ease; }
.footer__legal a:hover { color: #f6921b; }
.footer__socials a svg { width: 25px;}
.footer__socials a:hover svg path { fill: #fff;}
.footer__cols a {text-decoration: none; display: inline-block;}
.footer__cols a:hover { color: #f6921b;}
.footer__list li a {
    color: #565656;
    font-size: 20px;
    font-weight: 500;
}
.footer__list li span a {color: #f6921b;}

/* INNER PAGE HERO CARD + TRUSTED BRANDS */

.inner-hero{min-height:auto;padding-bottom:90px}
.inner-hero__wrap{position:relative;z-index:4;margin-top:26px}
.inner-hero__card{border-radius:26px;padding:62px 60px;background:linear-gradient(135deg,#4b31e0 0%,#4526d8 55%,#3f21c9 100%);box-shadow:0 30px 70px rgba(58,30,190,.32);animation:fadeUp .9s ease both}
.inner-hero__title{font-size: 64px;line-height: 1;letter-spacing: 0;margin: 0 0 20px;color:#fff;text-wrap:pretty}
.inner-hero__lead{font-size: 15px;line-height:1.75;color:rgba(255,255,255,.86);margin:0 0 34px;}
.inner-hero__figure{margin:0}
.inner-hero__figure img{display:block;width:100%;height:auto;border-radius:8px}
.trusted__wrap{position:relative;z-index:4;margin-top:58px}
.trusted{border:1px solid rgba(255,255,255,.1);border-top:0;border-radius:22px;background:rgba(255,255,255,.025);padding:0 40px 38px}
.trusted__head{display:flex;align-items:center;gap: 22px;margin: 0px -40px 20px;}
.trusted__head::before,.trusted__head::after{content:"";flex:1;height: 42px;border-top:1px solid rgba(255,255,255,.1)}
.trusted__head::before{border-left:1px solid rgba(255,255,255,.1);border-top-left-radius:22px}
.trusted__head::after{border-right:1px solid rgba(255,255,255,.1);border-top-right-radius:22px}
.trusted__title{margin:0;font-size: 36px;color:#fff;text-align:center;position: relative;top: -15px;}
.trusted__logos{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:28px 24px}
.trusted__logo{display:flex;align-items:center;justify-content:center}
.trusted__logo img{max-width:100%;max-height:32px;width:auto;object-fit:contain;opacity:.9;transition:opacity .25s ease,transform .25s ease}
.trusted__logo:hover img{opacity:1;transform:translateY(-2px)}
.svc{padding:30px 0 90px;background:transparent}
.svc__card{background:#fff;color:#0d0b22;border-radius:26px;padding:62px 56px 66px;position: relative;z-index: 9;}
.svc__head{text-align:center;max-width:900px;margin:0 auto 46px}
.svc__title{font-size: 64px;line-height: 1.1;margin:0 0 18px;color:#0b0a1f;text-wrap:pretty}
.svc__lead{font-size:15.5px;line-height:1.7;color:#6b6a7c;margin:0}
.svc__body{display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:start}
.svc-tabs{position:relative;background:#f1f1f4;border-radius:16px;padding:30px 26px 30px 46px;gap:0}
.svc-tabs__btn{position:relative;border:0;background:transparent;text-align:left;font-size:15.5px;font-weight:500;color:#6b6a7c;padding:15px 0;transition:color .25s ease}
.svc-tabs__btn::before{content:"";position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,10,31,.1);transition:background .25s ease,box-shadow .25s ease;z-index:2}
.svc-tabs__btn::after{content:"";position:absolute;left:-24px;top:50%;height:62px;width:2px;background-color:#dcdce2;background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-size:100% 0;transition:background-size .45s ease;z-index:1}
.svc-tabs__btn:last-child::after { display: none; }
.svc-tabs__btn:hover { color: #0b0a1f; }
.svc-tabs__btn.active { color: #0b0a1f; font-weight: 700; background: transparent; }
.svc-tabs__btn.active::before,
.svc-tabs__btn.done::before { background: var(--orange); box-shadow: 0 0 0 4px rgba(247,148,29,.18); }
.svc-tabs__btn.done::after { background-size: 100% 100%; }
.svc-tabs__btn.done { color: #0b0a1f; }

/* Right pane */
.svc-pane__title {font-size: 42px;margin: 0px 0 0px;color: #0b0a1f;}
.svc-pane__desc { font-size: 15.5px; line-height: 1.75; color: #5f5e70; margin: 0 0 26px; max-width: 620px; }
.svc-pane__list { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 16px; }
.svc-pane__list li { position: relative; padding-left: 22px; font-size: 15.5px; color: #14132b; }
.svc-pane__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.svc-pane__cta {display: inline-flex; align-items: center; gap: 14px; padding: 8px 8px 8px 26px;border: 0; border-radius: 40px; font-size: 15px; font-weight: 600; color: #fff;background: linear-gradient(90deg, #f7941d, #f6b93b);box-shadow: 0 10px 24px rgba(247,148,29,.3);transition: transform .25s ease, box-shadow .25s ease;}
.svc-pane__cta:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(247,148,29,.42); }
.svc-pane__cta-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.22); }

/*------------ Market with Kindlebit CSS ---------- */

.market{padding: 150px 0 120px;background:transparent}
.market__band{position:relative;border-radius:22px;background:linear-gradient(120deg,#4b31e0 0%,#4526d8 60%,#3f21c9 100%);padding:58px 60px 58px 452px;min-height:258px;display:flex;align-items:center}
.market__phone{position:absolute;left:80px;bottom:0;width:320px}
.market__phone img{display:block;width:100%;height:auto}
.market__title{font-size: 64px;line-height: 1.1;margin:0 0 18px;color:#fff;text-wrap:pretty}
.market__lead{font-size:15.5px;line-height:1.7;color:rgba(255,255,255,.85);max-width:620px;margin:0 0 30px}
.market__cta{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 26px;border:0;border-radius:40px;font-size:16px;font-weight:600;color:#0b0a1f;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.market__cta:hover{color:#0b0a1f;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.market__cta:hover .market__cta-icon{transform:translateX(3px)}
.market__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#f7941d,#f6b93b);transition:transform .25s ease}
.sols{padding: 0px 0 120px;/* background: #090729; */position: relative;z-index: 9;}
.sols__head{text-align:center;margin:0 auto 44px}
.sols__title{font-size: 64px;line-height: 1.1;margin: 0;color:#fff;text-wrap:pretty}
.sols__lead{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.solsSwiper{overflow:hidden}
.solsSwiper .swiper-wrapper{align-items:stretch}
.solsSwiper .swiper-slide{height:auto;display:flex}
.sol{height:100%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.02);padding:26px 24px 24px;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.sol:hover{border-color:rgba(247,148,29,.55);background:rgba(247,148,29,.05);transform:translateY(-4px)}
.sol__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f7941d,#f6b93b);margin-bottom:26px}
.sol__icon img{width:24px;height:24px;filter:brightness(0) invert(1)}
.sol__title{font-size: 32px;margin:0 0 14px;color:#fff}
.sol__desc{font-size:13.5px;line-height:1.75;color:var(--muted);margin:0 0 24px;max-height:95px;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1)}
.sol__more{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:auto;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.sol__more:hover { background: var(--orange); border-color: var(--orange); }
.sol__more svg { transition: transform .3s ease; }
.sol.is-open .sol__more { background: var(--orange); border-color: var(--orange); }
.sol.is-open .sol__more svg { transform: rotate(45deg); }

/* Controls */
.sols__controls { display: flex; align-items: center; gap: 14px; margin-top: 38px; }
.sol-arrow {display: inline-flex; align-items: center; justify-content: center;width: 46px; height: 46px; flex: 0 0 auto;border-radius: 50%;border: 1px solid rgba(255,255,255,.18);background: rgba(255,255,255,.06);color: #fff;
  transition: background .25s ease, color .25s ease, border-color .25s ease;}
.sol-arrow--next { background: #fff; color: #0b0a1f; border-color: #fff; }
.sol-arrow:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.sol-arrow.swiper-button-disabled { opacity: .45; pointer-events: none; }
.sols__progress {position: relative; flex: 1; height: 2px; margin-left: 18px;background: rgba(255,255,255,.14); border-radius: 2px;}
.sols__progress .swiper-scrollbar-drag { background: #fff; border-radius: 2px; cursor: grab; }


/* =========================================================
   Tech
   ========================================================= */
.tech {padding: 0px 0 120px;background: #02021c;}
.tech__card {background: #fff;color: #0d0b22;border-radius: 22px;padding: 54px 46px 56px;position: relative;z-index: 9;}
.tech__head {text-align: center;margin: 0 auto 40px;}
.tech__title {font-size: 64px;line-height: 1.1;color: #0b0a1f;text-wrap: pretty;max-width: 60%;margin: 0 auto;}
.tech__lead { font-size: 14.5px; line-height: 1.7; color: #6b6a7c; margin: 0; }
.tech__body { display: grid; grid-template-columns: 360px 1fr; gap: 44px; align-items: start; }
.tech-tabs { gap: 14px; padding-right: 44px; border-right: 1px solid #e6e6ec; }
.tech-tabs__btn {position: relative;border: 0; border-radius: 8px; text-align: left;padding: 17px 20px; font-size: 15px; font-weight: 500;color: #14132b; background: #f1f1f4;transition: color .25s ease, background .3s ease, box-shadow .3s ease;}
.tech__cta-lead br {display: none;}
.tech-tabs__btn:hover { background: #e8e8ee; }
.tech-tabs__btn.active::after {content: ""; position: absolute; top: 2px; bottom: 2px; right: -46px;width: 3px; border-radius: 3px; background: var(--orange);}
.tech-tabs__btn.active {color: #fff; font-weight: 600;background: linear-gradient(90deg, #f2820c, #f7b731);box-shadow: 0 10px 22px rgba(247, 148, 29, .28);}
.tech-pane__icon {display: inline-flex; align-items: center; justify-content: center;width: 46px; height: 46px; border-radius: 50%;background: linear-gradient(135deg, #f7941d, #f6b93b);margin-bottom: 22px;}
.tech-pane__icon img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.tech-pane__title {font-size: 32px;margin: 0 0 14px;color: #0b0a1f;}
.tech-pane__desc { font-size: 13.5px; line-height: 1.8; color: #5f5e70; margin: 0 0 24px; max-width: 600px; }
.tech-pane__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 13px; }
.tech-pane__list li { position: relative; padding-left: 20px; font-size: 14px; color: #14132b; }
.tech-pane__list li::before {content: ""; position: absolute; left: 0; top: 7px;width: 7px; height: 7px; border-radius: 50%; background: var(--orange);}
.tech__cta {margin-top: 26px;border: 1px solid rgba(255, 255, 255, .1);border-radius: 20px;background: linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .03) 100%);padding: 50px 40px 54px;text-align: center;position: relative;z-index: 9;}
.tech__cta-title {font-size: 64px;margin: 0 0 14px;color: #fff;line-height: 1;}
.tech__cta-lead {font-size: 18px;line-height: 1.7;color: var(--muted);margin: 0 0 28px;}
.tech__cta-btn {display: inline-flex; align-items: center; gap: 12px;padding: 7px 7px 7px 24px; border: 0; border-radius: 40px;font-size: 15px; font-weight: 600; color: #fff;background: linear-gradient(90deg, #f2820c, #f7b731);
  box-shadow: 0 10px 24px rgba(247, 148, 29, .3);transition: box-shadow .25s ease;}
.tech__cta-btn:hover { color: #fff; box-shadow: 0 10px 30px rgba(247, 148, 29, .45); }
.tech__cta-btn:hover .tech__cta-icon { transform: translateX(3px); }
.tech__cta-icon {display: inline-flex; align-items: center; justify-content: center;width: 32px; height: 32px; border-radius: 50%;background: rgba(255, 255, 255, .24);transition: transform .25s ease;}

/* ===============  All in one demand  ========================================================= */

.allin {padding: 0px 0 120px;background: #02021c;}
.allin__head {text-align: center;margin: 0 auto 40px;position: relative;z-index: 9;}
.allin__title {font-size: 64px;line-height: 1.1;margin: 0 0 16px;color: #fff;text-wrap: pretty;}
.allin__lead { font-size: 15px; line-height: 1.7; color: var(--muted); margin: 0; }
.allin__tabs {display: flex;gap: 16px;margin-bottom: 36px;position: relative;z-index: 9;}
.allin__tab {flex: 1; border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px;background: rgba(255, 255, 255, .04); color: #fff;font-size: 14px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase;
  padding: 17px 20px;transition: background .25s ease, border-color .25s ease;}
.allin__tab:hover { border-color: rgba(255, 255, 255, .22); }
.allin__tab.active { background: linear-gradient(90deg, #f2820c, #f7b731); border-color: transparent; }
.allin__accordion { --bs-accordion-border-width: 0; }
.allin__accordion .accordion-item { background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.allin__accordion .accordion-item:last-child { border-bottom: 0; }
.allin__accordion .accordion-button {background: transparent;color: #fff;font-size: 32px;padding: 20px 4px;box-shadow: none;}
.allin__accordion .accordion-button:not(.collapsed) { color: #fff; background: transparent; }
.allin__accordion .accordion-button::after { filter: invert(1) brightness(2); width: 18px; height: 18px; background-size: 18px; }
.allin__accordion .accordion-body { padding: 0 4px 22px; font-size: 14px; line-height: 1.7; color: var(--muted); }
.allin__figure {height: 100%; margin: 0; border-radius: 18px; overflow: hidden;background: #e9eaec; display: flex; align-items: center; justify-content: center;min-height: 360px;}
.allin__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.allin__figure img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity .2s ease; will-change: opacity; backface-visibility: hidden; }
.allin .tab-content {position: relative;z-index: 9;}


/* ===============  Benefits of App Development  ========================================================= */

.ben {padding: 0px 0 120px;background: #02021c;}
.ben__grid {display: grid;grid-template-columns: 1fr 1.05fr;gap: 60px;align-items: center;position: relative;z-index: 9;}
.ben__title {font-size: 64px;line-height: 1.1;margin: 0 0 20px;color: #fff;}
.ben__lead {font-size: 15px;line-height: 1.75;color: var(--muted);margin: 0 0 32px;}
.ben__cta {display: inline-flex; align-items: center; gap: 14px;padding: 7px 7px 7px 26px; border: 0; border-radius: 40px;font-size: 15px; font-weight: 600; color: #fff;background: linear-gradient(90deg, #f2820c, #f7b731);
  box-shadow: 0 10px 24px rgba(247, 148, 29, .3);transition: box-shadow .25s ease;}
.ben__cta:hover { color: #fff; box-shadow: 0 10px 30px rgba(247, 148, 29, .45); }
.ben__cta:hover .ben__cta-icon { transform: translateX(3px); }
.ben__cta-icon {display: inline-flex; align-items: center; justify-content: center;width: 34px; height: 34px; border-radius: 50%; background: #fff;transition: transform .25s ease;}
.ben__rail { position: relative; max-height: 480px; overflow: hidden; }
.ben__rail::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80px;background: linear-gradient(180deg, rgba(11, 10, 31, 0) 0%, var(--navy-900) 100%);pointer-events: none;}
.ben__scroll {max-height: 480px; overflow-y: auto; display: grid; gap: 20px;padding-right: 6px;scrollbar-width: thin;scrollbar-color: rgba(247, 148, 29, .5) transparent;}
.ben__scroll::-webkit-scrollbar { width: 5px; }
.ben__scroll::-webkit-scrollbar-thumb { background: rgba(247, 148, 29, .5); border-radius: 4px; }
.ben__card { border-radius: 14px; background: rgba(255, 255, 255, .05); padding: 26px 28px; transition: background .3s ease, transform .3s ease; }
.ben__card:hover { background: rgba(255, 255, 255, .08); transform: translateY(-2px); }
.ben__card-title {font-size: 36px;margin: 0 0 10px;color: #fff;}
.ben__card-desc { font-size: 13.5px; line-height: 1.75; color: var(--muted); margin: 0; }




.model__icon > p {
    margin: 0;
}



.contact__field p {
    margin: 0 !important;
}

span.wpcf7-form-control-wrap, .contact__field select,.contact__field textarea {
    width: 100% !important;
    display: block;
}

.contact__disclaimer br {
    display: none !important;
}

.contact__disclaimer {
    width: 100%;
    max-width: 100% !important;
}

.wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px !important;font-size: 13px;
}

.contact__submit {
    padding-left: 15px;
    gap: 5px;
    font-weight: 600;
}
.screen-reader-response p {
    color: green;
}


@media (min-width:1200px) {
  .hero:before,.hero:after {
    bottom: -200px;
}
}







/* ============== ANIMATIONS ========================================================= */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Continuous right-to-left marquee (track holds 2 copies -> -50% loops seamlessly) */
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Vertical bottom-to-up marquee for the industries list (2 copies -> -50% seamless) */
@keyframes inds-scroll {
  from { transform: translateY(0); }
  to   { transform: translateY(-50%); }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1200px) {
  .hero__title { font-size: 50px; }
  .inner-hero__title { font-size: 42px; }
  .inner-hero__card { padding: 50px 44px; }
  .trusted__logo img { max-height: 26px; }
  .svc__card { padding: 50px 36px 54px; }
  .svc__title { font-size: 33px; }
  .svc__body { grid-template-columns: 340px 1fr; gap: 36px; }
  .svc__lead br, .svc__title br { display: none; }
  .market__band { padding: 48px 40px 48px 296px; }
  .market__title { font-size: 32px; }
  .market__phone { left: 28px; width: 248px; }
   .sols__title { font-size: 31px; }
  .sols__title br, .sols__lead br { display: none; }
  .tech__card { padding: 44px 32px 46px; }
  .tech__title { font-size: 29px; }
  .tech__body { grid-template-columns: 300px 1fr; gap: 32px; }
  .tech-tabs { padding-right: 32px; }
  .tech-tabs__btn.active::after { right: -34px; }
  .tech__title br, .tech__lead br, .tech__cta-lead br { display: none; }
  .ben__title { font-size: 32px; }
  .ben__grid { gap: 40px; }

}

@media (max-width: 992px) {
  .hero__title { font-size: 42px; }
  .hero__content { padding-top: 40px; }
  .sq--4, .sq--9, .sq--10 { display: none; }
  .glance__stats {grid-template-columns: 1fr;max-width: 460px;margin: 50px auto;}
  .glance__title { font-size: 34px; }
  .caps__title { font-size: 40px; }
  .caps__grid { grid-template-columns: repeat(2, 1fr); }
  .cap { padding: 24px 26px 30px; }
  .cap:nth-child(3n) { border-right: 1px solid rgba(255, 255, 255, .08); }
  .cap:nth-child(2n) { border-right: 0; }
  .cap:nth-child(n+4) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
  .cap:nth-child(n+5) { border-bottom: 0; }
  .caps__banner { flex-direction: column; align-items: flex-start; }
  .inds__panel { grid-template-columns: 1fr; gap: 36px; padding: 32px; }
  .inds__title { font-size: 32px; }
  .inds__lead { max-width: none; }
  .steps__title { font-size: 32px; }
  .steps__grid { grid-template-columns: repeat(2, 1fr); gap: 40px 34px; }
  .steps__connector { display: none; }
  .steps__banner-text { font-size: 32px; }
  .models__title { font-size: 32px; }
  .models__grid { grid-template-columns: 1fr; max-width: 480px; }
  .faq__title { font-size: 30px; }
  .faq-btn.accordion-button { grid-template-columns: auto 1fr auto; }
  .faq-item__preview { display: none; }
  .faq-item__a.accordion-body { padding-left: 26px; }
  .faq__banner-text { font-size: 28px; }
   .cases__title { font-size: 32px; }
  .case-card { grid-template-columns: 1fr; gap: 26px; padding: 26px; }
  .case-card__desc { max-width: none; }
  .quotes__title { font-size: 32px; }
   .hire__title { font-size: 32px; }
  .hire__grid { grid-template-columns: 1fr; max-width: 560px; }
  .powers__title { font-size: 32px; }
  .powers__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 190px; }
  .power-card--wide, .power-card--narrow { grid-column: span 1; }
  .blog__title { font-size: 32px; }
  .blog__grid { grid-template-columns: 1fr 1fr; }
  .faq2__layout { grid-template-columns: 1fr; gap: 36px; }
  .faq2__title { font-size: 38px; }
  .contact__panel { grid-template-columns: 1fr; gap: 44px; padding: 44px 40px; }
  .contact__stats { margin-top: 40px;gap: 40px; }
  .footer__top { grid-template-columns: 1fr; gap: 44px; }
  .inner-hero__card { padding: 44px 34px; }
  .inner-hero__title { font-size: 38px; }
  .inner-hero__lead { max-width: none; }
  .trusted__logos { grid-template-columns: repeat(3, 1fr); }
  .svc__body { grid-template-columns: 1fr; gap: 34px; }
  .svc-pane__desc { max-width: none; }
  .market { padding: 20px 0 70px; }
  .market__band {flex-direction: column;align-items: center;text-align: center;padding: 46px 30px 0;min-height: 0;overflow: hidden;}
  .market__phone {position: static;order: 2;transform: none;width: 240px;max-width: 62vw;margin: 30px auto -12px;}
  .market__copy { order: 1; }
  .market__title, .market__lead { max-width: none; }
  .contact__stat-label {font-size: 14px;}
  .contact__stat-num {font-size: 52px;margin-bottom: 0px;}
  .contact__trust {font-weight: 400;}
  .tech__body { grid-template-columns: 1fr; gap: 30px; }
  .tech-tabs { padding-right: 0; border-right: 0; }
  .tech-tabs__btn.active::after { display: none; }
  .tech-pane__desc { max-width: none; }
  .tech__title {max-width: 100%;}
  .allin__title { font-size: 32px; }
  .allin__title br { display: none; }
  .allin__tabs { flex-wrap: wrap; }
  .allin__tab { flex: 1 1 45%; }
  .ben__grid { grid-template-columns: 1fr; gap: 34px; }
  .ben__lead { max-width: none; }
  .ben__rail, .ben__scroll { max-height: 420px; }

}
@media (max-width: 768px) {
  .hero__title { font-size: 32px; }
  .hero__lead { font-size: 15px; }
  .hero__badge { font-size: 14px; }
  .btn-contact span:not(.btn-contact__icon) { display: none; }
  .btn-contact { padding: 7px; }
  .hero__slider { margin-top: 48px; }
  .portfolioSwiper .swiper-slide { width: 300px; margin-right: 20px; }
  .hero {min-height: auto;padding-bottom: 60px;}
  .faq__avatars img {width: 50px;height: 50px;}
}
@media (max-width: 576px) {
  .portfolioSwiper .swiper-slide { width: 250px; margin-right: 16px; }
  .hero__title {font-size: 42px;line-height: 44px;}
  .btn-cta { font-size: 14px; padding: 10px 10px 10px 22px; }
  .btn-cta__icon { width: 34px; height: 34px; }
  .glance { padding: 50px 0 50px; }
  .glance__panel { padding: 36px 22px 42px; }
  .glance__rule { width: 40px; }
  .nav-actions {gap: 6px !important;}
  .btn-ai {gap: 1px;font-size: 14px;padding: 9px 12px;}
  .logo-mark {height: 35px;}
  .hero:before,.hero:after {opacity: .3;}
  .hero__badge { font-size: 13px;gap: 5px; }
  .caps__title {font-size: 42px;}
  .caps__subtitle {font-size: 14px;margin-bottom: 20px;}
  .caps__panel { padding: 20px; }
  .caps__grid { grid-template-columns: 1fr; }
  .cap { padding: 24px 6px; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
  .cap:last-child { border-bottom: 0 !important; }
  .caps__banner-text {font-size: 28px;line-height: 32px;max-width: 100%;}
  .back-shadow {top: 0px;}
  .inds { padding: 0px 0 60px; }
  .inds__panel { padding: 22px; }
  .ind-row { padding: 18px 20px; gap: 14px; }
  .ind-row__name {font-size: 21px;}
  .steps__panel { padding: 32px 24px; }
  .steps__title,.models__title,.faq__title, .steps__banner-text, .inds__title, .glance__title, .cases__title, .hire__title, .quotes__title, .powers__title, .blog__title {font-size: 38px;margin: 0 0 20px;line-height: 42px;max-width: 100%;}
  .steps__grid { grid-template-columns: 1fr; gap: 34px; }
  .steps__banner-text br {display: none;}
  .faq-btn.accordion-button { grid-template-columns: auto 1fr auto; column-gap: 14px; padding: 18px; }
  .faq-item__preview { display: none; }
  .faq-item__a.accordion-body { padding: 0 18px 18px; }
  .faq__banner-text { font-size: 18px; }
  .faq__banner-text br {display: none;}
  .faq__avatars {display: none;}
  .faq__head {margin-bottom: 16px;}
  .faq-item__num {display: none;}
  .faq__panel {max-width: 100%;padding: 24px 24px 24px;border-radius: 15px;}
  .faq__banner {padding: 32px 24px 32px;border-radius: 15px;}
  .case-card__title {font-size: 36px;}
  .cases__pagination { gap: 10px; }
  .quotes__nav { position: static; transform: none; margin-left: 16px; }
  .quotes__foot { justify-content: space-between; }
  .hire-card__foot { flex-direction: column; align-items: flex-start; gap: 18px; }
  .powers__grid { grid-template-columns: 1fr; grid-auto-rows: 180px; }
  .power-card__name { font-size: 19px; }
  .blog__grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .faq2__title {font-size: 42px;}
  .faq2 .accordion-button {font-size: 28px;}
  .contact__panel { padding: 30px 22px; }
  .contact__title {font-size: 42px;}
  .contact__row { grid-template-columns: 1fr; gap: 0; }
  .contact__submit-row { flex-direction: column; align-items: flex-start; gap: 18px; }
  .footer__news-title {font-size: 32px;}
  .footer__cols { grid-template-columns: 1fr; gap: 32px; }
  .footer__bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
  .models, .caps, .steps, .faq, .quotes, .hire, .faq2 {padding: 0px 0 60px;}
  .yellow-gra {border-radius: 20px;}
  .cases, .powers, .blog {padding: 30px 0 60px;background: transparent}
  .hire__title br {display: none;}
  .contact {padding: 60px 0 0;}
  .footer {padding: 50px 0 30px;}
  .inner-hero__card { padding: 34px 22px; border-radius: 20px; }
  .inner-hero__title {font-size: 42px;}
  .inner-hero__lead { font-size: 14.5px; }
  .trusted { padding: 0 20px 30px; }
  .trusted__head { margin: 0 -20px 26px; gap: 14px; }
  .trusted__logos { grid-template-columns: repeat(2, 1fr); }
  .trusted__logo img { max-height: 24px; }
  .trusted__title {font-size: 18px;}
   .svc { padding: 20px 0 60px; }
  .svc__card { padding: 36px 20px 40px; border-radius: 20px; }
  .svc__title {font-size: 32px;}
  .svc__lead { font-size: 14.5px; }
  .svc-tabs { padding: 24px 18px 24px 40px; }
  .svc-tabs__btn { font-size: 14.5px; }
  .svc-pane__title {font-size: 32px;}
  .svc-pane__desc, .svc-pane__list li { font-size: 14.5px; }
  .market { padding: 10px 0 56px; }
  .market__band { padding: 34px 20px 0; border-radius: 20px; }
  .market__title {font-size: 32px;}
  .market__lead { font-size: 14.5px; }
  .market__phone { width: 200px; margin-top: 24px; }
  .market__cta { font-size: 15px; padding: 7px 7px 7px 22px; }
  .sols {padding: 10px 0 50px;}
  .sols__title {font-size: 32px;}
  .sols__lead { font-size: 14.5px; }
  .sols__controls { gap: 10px; margin-top: 28px; }
  .sol-arrow { width: 42px; height: 42px; }
  .case-card__media img {width: 100%;border-radius: 16px 16px 16px 16px;}
  .quote-card__text {font-size: 24px;}
  .blog-card__name {font-size: 28px;}
  .faq2 .accordion-body {padding: 0 0px 24px 0;font-size: 14px; line-height: 1.6;}
  .contact__lead-title {font-size: 42px;margin: 0 0 16px;}
  .tech { padding: 10px 0 60px; }
  .tech__card { padding: 34px 20px 38px; border-radius: 18px; }
  .tech__title {font-size: 32px;}
  .tech-tabs__btn { padding: 14px 16px; font-size: 14.5px; }
  .tech-pane__title {font-size: 32px;}
  .tech__cta { padding: 34px 20px 38px; }
  .tech__cta-title {font-size: 32px;}
  .tech__cta-lead { font-size: 14.5px; }
  .allin { padding: 10px 0 60px; }
  .allin__title {font-size: 32px;}
  .allin__lead { font-size: 14px; }
  .allin__lead br { display: none; }
  .allin__tabs { gap: 10px; }
  .allin__tab { flex: 1 1 100%; font-size: 13px; padding: 14px 16px; }
  .allin__accordion .accordion-button {font-size: 24px;}
  .allin__figure { min-height: 260px; }
  .ben { padding: 10px 0 60px; }
  .ben__title {font-size: 36px;}
  .ben__title br { display: none; }
  .ben__lead { font-size: 14px; }
  .ben__card { padding: 20px 20px; }
  .ben__card-title {font-size: 32px;}
  .ben__rail, .ben__scroll { max-height: 360px; }
  .caps {padding-top: 60px;}
  .contact img { border-radius: 60px 60px 0 0;}
  .case-arrow,.quote-arrow {width: 44px; height: 44px;}
  .blog-card__arrow {width: 50px;height: 50px;}
  .blog { padding-top: 0;}
  .quotes__foot { margin-top: 40px;}
}








.ind-row__icon p {
    margin-bottom: 0 !important;
}
.step__more {
    display: none;
}


@media (min-width:992px) {
  .quote-card { min-height: 255px;}
  .case-card__media img {min-height: 455px;}
}