.banner-paragraph{color:#fff!important;font-family:'Futura-PT-Light';font-size:24px;} 
	/* ========= Brand-neutral, modern polish ========= */
:root{
  --ink:#0f172a;            /* headings */
  --text:#475569;           /* body */
  --muted:#e7ecf3;          /* borders */
  --card:#ffffff;           /* surfaces */
  --accent:#5848f5;         /* primary accent */
  --accent-2:#17b3c1;       /* secondary accent */
}
/* =========================
   Base Shape System (consistent)
========================= */
:root{
  --gbt-purple:#5B2EFF;
  --gbt-blue:#3B82F6;
  --gbt-green:#10B981;
  --gbt-gold:#F59E0B;
  --gbt-red:#EF4444;
  --gbt-ink:#0F172A;
  --gbt-glass: rgba(255,255,255,.62);
}
:root{
  --gbt-navy: #0B1020;
  --gbt-ink: #0F172A;
  --gbt-white: #ffffff;

  /* Brand accents */
  --gbt-violet: #6D28D9;
  --gbt-blue: #2563EB;
  --gbt-cyan: #06B6D4;
  --gbt-emerald: #10B981;
  --gbt-amber: #F59E0B;

  /* Neutrals */
  --gbt-line: rgba(255,255,255,.14);
  --gbt-text: rgba(255,255,255,.88);
  --gbt-muted: rgba(255,255,255,.68);
}

.gbt-hasShapes{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.gbt-hasShapes .container,
.gbt-hasShapes .row,
.gbt-hasShapes [class*="col-"]{
  position: relative;
  z-index: 1;
}

/* Base layers */
.gbt-hasShapes::before,
.gbt-hasShapes::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  opacity: 1;
}

/* subtle grain (continuity) */
.gbt-hasShapes::after{
  background:
    radial-gradient(10px 10px at 20% 30%, rgba(91,46,255,.10), transparent 70%),
    radial-gradient(12px 12px at 80% 40%, rgba(59,130,246,.08), transparent 70%),
    radial-gradient(8px 8px at 65% 75%, rgba(16,185,129,.08), transparent 70%);
  opacity: .85;
}

/* Glass card base */
.gbt-glass{
  position: relative;
  background: var(--gbt-glass);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 24px 80px rgba(2,6,23,.10);
  border-radius: 18px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.gbt-glass::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 18px;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,255,255,0));
  opacity: .55;
}

/* Optional soft glow */
.gbt-glow{ position: relative; }
.gbt-glow::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 20px;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(91,46,255,.28), rgba(59,130,246,.20), rgba(16,185,129,.14));
  filter: blur(18px);
  opacity: .6;
  z-index:-1;
}
/* =========================
   Process: structured creative
========================= */
.gbt-process.gbt-hasShapes::before{
  background:
    radial-gradient(680px 340px at 12% 20%, rgba(91,46,255,.22), transparent 62%),
    radial-gradient(520px 320px at 82% 18%, rgba(59,130,246,.18), transparent 60%),
    linear-gradient(180deg, rgba(248,250,252,.9), rgba(248,250,252,0));
}
/* =========================
   Service: warmer + softer
========================= */
.gbt-service.gbt-hasShapes::before{
  background:
    radial-gradient(700px 360px at 10% 30%, rgba(59,130,246,.14), transparent 64%),
    radial-gradient(640px 360px at 92% 35%, rgba(245,158,11,.14), transparent 62%),
    radial-gradient(520px 320px at 70% 90%, rgba(91,46,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(248,250,252,.85), rgba(248,250,252,0));
}
/* =========================
   FAQ: minimal, calm
========================= */
.gbt-faq.gbt-hasShapes::before{
  background:
    radial-gradient(620px 320px at 18% 25%, rgba(16,185,129,.12), transparent 65%),
    radial-gradient(520px 320px at 88% 30%, rgba(91,46,255,.12), transparent 65%),
    linear-gradient(180deg, rgba(248,250,252,.95), rgba(248,250,252,0));
}
.gbt-sectionDivider{
  position: relative;
}
.gbt-sectionDivider::after{
  content:"";
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -22px;
  width: min(880px, 92%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(91,46,255,.20), rgba(59,130,246,.18), transparent);
  pointer-events:none;
}
.gbt-hasShapes::before{
  animation: gbtFloatBg 9s ease-in-out infinite alternate;
}
@keyframes gbtFloatBg{
  from{ transform: translate3d(0,0,0) scale(1); }
  to{ transform: translate3d(0,-10px,0) scale(1.02); }
}
@media (prefers-reduced-motion: reduce){
  .gbt-hasShapes::before{ animation: none; }
}

/* ----- Banner ----- */
.banner.logo-branding-banner{
  position:relative; min-height:56vh; display:flex; align-items:center;
  padding:72px 0; color:#fff; background-size:cover; background-position:center;
}
.banner.logo-branding-banner:before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(15,23,42,.75), rgba(15,23,42,.35));
}
.banner.logo-branding-banner .container{position:relative; z-index:1}
.banner.logo-branding-banner .banner-txt{
  max-width:960px; margin-inline:auto; text-align:center;
}
.banner-txt h1{
  font-weight:800; line-height:1.12;
  text-wrap:balance; letter-spacing:.1px;
}
.banner-txt .semi-bold{opacity:.9; font-size:1.05rem}
.medium-btn2.btn.btn-nofill{
  margin-top:18px; padding:12px 22px; border-radius:12px; font-weight:700;
  background:transparent; border:2px solid transparent; color:#fff;
  background-image:linear-gradient(#0000,#0000),linear-gradient(90deg,var(--accent),var(--accent-2));
  background-origin:border-box; box-shadow:0 2px 0 rgba(255,255,255,.18) inset;
}
.medium-btn2.btn.btn-nofill:hover{filter:saturate(1.1) brightness(1.05); transform:translateY(-1px)}

/* ----- Section typography & layout ----- */
.service-description-section{
  padding:56px 0 32px; color:var(--text);
}
.service-description-section h2{
  color:var(--ink); font-weight:900; margin:0 0 8px;
}
.service-description-section .dark-line{
  height:4px; width:84px; border:0; margin:14px 0 28px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  border-radius:6px;
}
.service-description-section h3,
.service-description-section h4{color:var(--ink); font-weight:800}
.service-description-section .regular-text{line-height:1.78}

.service-description-section ul{padding-left:0; margin:10px 0 22px; list-style:none}
.service-description-section li{
  display:flex; gap:10px; align-items:flex-start; margin:10px 0;
  background:var(--card); border:1px solid var(--muted); border-radius:12px; padding:12px 14px;
}
.service-description-section li .icon-leaf,
.service-description-section li .icon-users,
.service-description-section li .icon-road-sign{
  display:inline-block; width:28px; height:28px; flex:0 0 28px;
  border-radius:9px; background:linear-gradient(180deg,#f5f7ff,#eef2ff); border:1px solid #eef1f7;
}
.service-description-section li span+*{flex:1}

/* sticky quote form (whatever form.php outputs) */


/* ====== Process Tabs – Safe Scoped Patch ====== */
.design-process-section .nav.process-model{
  display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end;
  border-bottom:1px solid #e5e7eb; margin:0; padding:0 0 6px;
  width:100%;
      max-width: 100%;

}
.design-process-section .nav.process-model > li{
  list-style:none; margin:0; padding:0;width: 18.9%;
}
.design-process-section .nav.process-model > li > a{
  display:flex; flex-direction:column; align-items:center;
  text-decoration:none; background:transparent; border:0;
  padding:10px 12px; border-radius:10px; color:#0f172a;
  transition:color .15s ease, background .15s ease;
  white-space:nowrap;
}
.design-process-section .nav.process-model > li > a:hover{
  background:#f8fafc;
}
.design-process-section .nav.process-model > li > a span{
  width:44px; height:44px; border-radius:10px; display:grid; place-items:center;
  border:unset; font-size:20px; color:#475569; background:#fff;
}
.design-process-section .nav.process-model > li > a p{
  margin:8px 0 0; font-weight:700; letter-spacing:.2px; font-size:15px;
}

/* active */
.design-process-section .nav.process-model > li.active > a{
  color:#111827; position:relative;
}
.design-process-section .nav.process-model > li.active > a::after{
  content:""; position:absolute; left:6px; right:6px; bottom:-7px; height:3px;
  border-radius:2px; background:linear-gradient(90deg,#6366f1,#06b6d4);
}
.design-process-section .nav.process-model > li.active > a span{
  border-color:#c7d2fe; background:#ffffff;    background: transparent;
    box-shadow: unset;
    border: unset;
  box-shadow:unset;
}

/* panes */
.design-process-section .process-content .tab-pane{
  display:none; margin-top:16px; background:#fff; 
  border-radius:14px; padding:18px 18px; 
}
.design-process-section .process-content .tab-pane.active{ display:block }

.design-process-section .process-content h4{ margin:0 0 6px; font-weight:800; }
.design-process-section .process-content p{ margin:0 0 8px; color:#334155; }
.design-process-section .process-content ul{ margin:8px 0 0; padding:0; list-style:none; }
.design-process-section .process-content li{
  position:relative; padding:7px 0 7px 24px; color:#334155;
}
.design-process-section .process-content li::before{
  content:""; position:absolute; left:0; top:12px; width:8px; height:8px;
  border-radius:50%; background:#6366f1;
}

/* mobile */
@media (max-width:576px){
  .design-process-section .nav.process-model{ gap:10px; padding-bottom:8px }
  .design-process-section .nav.process-model > li > a{ padding:8px 10px }
  .design-process-section .nav.process-model > li > a span{ width:40px; height:40px }
  .design-process-section .process-content .tab-pane{ padding:14px }
}


/* ----- FAQ (Bootstrap 5) ----- */
.container .accordion .accordion-item{
  background:var(--card); border:1px solid var(--muted); border-radius:14px;
  overflow:hidden; box-shadow:0 10px 22px rgba(15,23,42,.06);
  margin-bottom: 18px;
}
.accordion-button{
  font-weight:700; color:var(--ink);
}
.accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){
  color:var(--ink); background:#f8faff; border-bottom:1px solid var(--muted);
}
.accordion-body{color:var(--text); line-height:1.7}
.process-content .tab-pane{display:none;background:#fff;border-radius:16px;padding:22px;margin-top:16px}
.process-content .tab-pane.active{display:block}
.process-content ul{margin:10px 0 0 0;padding-left:18px}
.process-content ul li{margin:6px 0}

/* ----- Utilities / responsive ----- */
.text-align-center{text-align:center}
@media (max-width:991px){
  .banner.logo-branding-banner{min-height:48vh; padding:52px 0}
  .service-description-section .col-lg-4 > *:first-child{position:static; margin-top:24px}
  .service-description-section li{padding:12px}
}
/* =========================
   NAV: variables
========================= */
.gbt-nav{
  --gbt-primary: #4b21d1;          /* purple tone */
  --gbt-ink: #0f172a;              /* near-black */
  --gbt-muted: #64748b;            /* slate */
  --gbt-border: rgba(15, 23, 42, .10);
  --gbt-bg: rgba(255, 255, 255, .92);
  --gbt-shadow: 0 18px 50px rgba(2, 6, 23, .14);
  --gbt-radius: 14px;
}

/* =========================
   NAV: base
========================= */
.gbt-nav{
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid var(--gbt-border);
  background: var(--gbt-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.gbt-nav .gbt-nav__header{ }
.gbt-nav .gbt-nav__brand{ padding: 14px 15px; }
.gbt-nav .gbt-nav__brand img{ max-height: 44px; width: auto; }

.gbt-nav .gbt-nav__menu{ padding: 12px 0; }
.gbt-nav .gbt-nav__item{ position: relative; }

.gbt-nav .gbt-nav__link{
  font-weight: 600;
  color: var(--gbt-ink);
  letter-spacing: .2px;
  padding: 16px 14px;
  border-radius: 10px;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.gbt-nav .gbt-nav__link:hover,
.gbt-nav .gbt-nav__link:focus{
  color: var(--gbt-primary);
  background: rgba(75, 33, 209, .06);
  outline: none;
}

.gbt-nav .gbt-nav__chev{
  display: inline-block;
  margin-left: 8px;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity: .7;
}

/* Active underline indicator */
.gbt-nav .active > .gbt-nav__link,
.gbt-nav .gbt-nav__item > .gbt-nav__link[aria-expanded="true"]{
  color: var(--gbt-primary);
  background: rgba(75, 33, 209, .08);
}

/* CTA button */
.gbt-nav .gbt-nav__item--cta{ padding-left: 10px; }
.gbt-nav .gbt-nav__cta{
  border: 2px solid var(--gbt-primary);
  color: var(--gbt-primary);
  background: transparent;
  border-radius: 12px;
  padding: 12px 18px !important;
  font-weight: 800;
  letter-spacing: .6px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.gbt-nav .gbt-nav__cta:hover,
.gbt-nav .gbt-nav__cta:focus{
  color: #fff;
  background: var(--gbt-primary);
  box-shadow: 0 14px 28px rgba(75, 33, 209, .22);
  transform: translateY(-1px);
}

/* =========================
   Dropdown base (single column)
========================= */
.gbt-nav .gbt-dd{
  border: 1px solid var(--gbt-border);
  border-radius: var(--gbt-radius);
  box-shadow: var(--gbt-shadow);
  padding: 10px;
  min-width: 240px;
}

.gbt-nav .gbt-dd__list{ margin: 0; padding: 6px; }
.gbt-nav .gbt-dd__link{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--gbt-ink);
  font-weight: 600;
  transition: background .2s ease, color .2s ease;
}
.gbt-nav .gbt-dd__link:hover,
.gbt-nav .gbt-dd__link:focus{
  background: rgba(75, 33, 209, .07);
  color: var(--gbt-primary);
  outline: none;
}

/* =========================
   Mega menu (premium)
========================= */
.gbt-nav .gbt-mega{
  width: min(1220px, calc(100vw - 34px));

  transform: translateX(-50%);
  border: 1px solid var(--gbt-border);
  border-radius: calc(var(--gbt-radius) + 4px);
  box-shadow: var(--gbt-shadow);

  margin-top: 8px;
}

.gbt-nav .gbt-mega__grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Column divider like your screenshot */
.gbt-nav .gbt-mega__col{
  padding: 10px 12px;
  position: relative;
}
.gbt-nav .gbt-mega__col:not(:last-child)::after{
  content: "";
  position: absolute;
  right: -5px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: rgba(15, 23, 42, .10);
}

.gbt-nav .gbt-mega__title{
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: var(--gbt-ink);
  margin-bottom: 10px;
}

.gbt-nav .gbt-mega__list{ margin: 0; padding: 0; list-style: none; }
.gbt-nav .gbt-mega__list li{ margin: 0; }

.gbt-nav .gbt-mega__link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 12px;
  font-weight: 650;
  color: var(--gbt-ink);
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.gbt-nav .gbt-mega__link i{
  font-size: 16px;
  opacity: .85;
}

.gbt-nav .gbt-mega__link:hover,
.gbt-nav .gbt-mega__link:focus{
  background: rgba(75, 33, 209, .07);
  color: var(--gbt-primary);
  transform: translateX(2px);
  outline: none;
}

/* =========================
   Desktop hover open (premium UX)
   (keeps Bootstrap click also working)
========================= */
@media (min-width: 992px){
  .gbt-nav .dropdown:hover > .dropdown-menu{
    display: block;
  }
  .gbt-nav .dropdown-menu{
    animation: gbtFadeUp .16s ease both;
  }
  @keyframes gbtFadeUp{
    from{ opacity: 0; transform: translateY(8px); }
    to{ opacity: 1; transform: translateY(0); }
  }
}

/* =========================
   Mobile polish
========================= */
@media (max-width: 991px){
  .gbt-nav .gbt-nav__menu{ padding: 8px 0; }
  .gbt-nav .gbt-nav__link{ padding: 14px 12px; border-radius: 10px; }

  .gbt-nav .gbt-mega{
    width: 100%;
    left: 0;
    transform: none;
    padding: 12px 10px;
    margin-top: 6px;
  }

  .gbt-nav .gbt-mega__grid{
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .gbt-nav .gbt-mega__col:not(:last-child)::after{ display: none; }

  .gbt-nav .gbt-nav__item--cta{ padding: 8px 12px 14px; }
  .gbt-nav .gbt-nav__cta{ width: 100%; text-align: center; }
}
/* =========================
   Global animation settings
========================= */
.gbt-anim{
  --gbt-ease: cubic-bezier(.2,.9,.2,1);
  --gbt-ease2: cubic-bezier(.16, 1, .3, 1);
  --gbt-dur: .45s;
}

/* Reduce motion accessibility */
@media (prefers-reduced-motion: reduce){
  .gbt-anim *{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* =========================
   Navbar entrance (subtle premium)
========================= */
.gbt-anim .gbt-nav{
  transform: translateY(0);
  transition: padding var(--gbt-dur) var(--gbt-ease), box-shadow var(--gbt-dur) var(--gbt-ease),
              background var(--gbt-dur) var(--gbt-ease), border-color var(--gbt-dur) var(--gbt-ease);
}

/* Scroll state: tighter + elevated */
.gbt-anim .gbt-nav.is-scrolled{
  box-shadow: 0 20px 55px rgba(2, 6, 23, .18);
  background: rgba(255,255,255,.96);
  border-bottom-color: rgba(15, 23, 42, .14);
}

/* Slight size tightening on scroll */
.gbt-anim .gbt-nav.is-scrolled .gbt-nav__brand{ padding-top: 10px; padding-bottom: 10px; }
.gbt-anim .gbt-nav.is-scrolled .gbt-nav__link{ padding-top: 14px; padding-bottom: 14px; }

/* =========================
   Nav links: premium hover
========================= */
.gbt-anim .gbt-nav__link{
  position: relative;
  transform: translateZ(0);
}

/* Underline glow sweep */
.gbt-anim .gbt-nav__link::after{
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--gbt-primary), transparent);
  opacity: 0;
  transform: scaleX(.6);
  transition: opacity .35s var(--gbt-ease2), transform .35s var(--gbt-ease2);
}

.gbt-anim .gbt-nav__link:hover::after,
.gbt-anim .gbt-nav__link:focus::after{
  opacity: 1;
  transform: scaleX(1);
}

/* =========================
   Dropdown / Mega open animations
========================= */
.gbt-anim .dropdown-menu{
  transform-origin: top center;
}

/* Base state for animation */
@media (min-width: 992px){
  .gbt-anim .dropdown > .dropdown-menu{
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px) scale(.985);
    filter: blur(6px);
    transition: opacity .22s var(--gbt-ease2),
                transform .22s var(--gbt-ease2),
                filter .22s var(--gbt-ease2),
                visibility 0s linear .22s;
  }

  /* Show on hover (Bootstrap click will still work) */
  .gbt-anim .dropdown:hover > .dropdown-menu,
  .gbt-anim .dropdown.open > .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    filter: blur(0);
    transition: opacity .28s var(--gbt-ease2),
                transform .28s var(--gbt-ease2),
                filter .28s var(--gbt-ease2),
                visibility 0s linear 0s;
  }
}

/* =========================
   Mega menu: premium background + spotlight
========================= */
.gbt-anim .gbt-mega{
  position: relative;
  overflow: hidden;
}

/* Soft animated gradient sheen */
.gbt-anim .gbt-mega::before{
  
  background: radial-gradient(500px 260px at 15% 20%, rgba(75, 33, 209, .10), transparent 60%),
              radial-gradient(480px 260px at 85% 35%, rgba(0, 140, 255, .08), transparent 60%);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .35s var(--gbt-ease2), transform .35s var(--gbt-ease2);
  pointer-events: none;
}

@media (min-width: 992px){
  .gbt-anim .dropdown:hover > .gbt-mega::before,
  .gbt-anim .dropdown.open > .gbt-mega::before{
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   Stagger reveal: columns + links
========================= */
@media (min-width: 992px){
  .gbt-anim .gbt-mega__col{
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s var(--gbt-ease2), transform .35s var(--gbt-ease2);
  }

  .gbt-anim .dropdown:hover .gbt-mega__col,
  .gbt-anim .dropdown.open .gbt-mega__col{
    opacity: 1;
    transform: translateY(0);
  }

  /* Column stagger */
  .gbt-anim .dropdown:hover .gbt-mega__col:nth-child(1),
  .gbt-anim .dropdown.open  .gbt-mega__col:nth-child(1){ transition-delay: .04s; }
  .gbt-anim .dropdown:hover .gbt-mega__col:nth-child(2),
  .gbt-anim .dropdown.open  .gbt-mega__col:nth-child(2){ transition-delay: .07s; }
  .gbt-anim .dropdown:hover .gbt-mega__col:nth-child(3),
  .gbt-anim .dropdown.open  .gbt-mega__col:nth-child(3){ transition-delay: .10s; }
  .gbt-anim .dropdown:hover .gbt-mega__col:nth-child(4),
  .gbt-anim .dropdown.open  .gbt-mega__col:nth-child(4){ transition-delay: .13s; }
  .gbt-anim .dropdown:hover .gbt-mega__col:nth-child(5),
  .gbt-anim .dropdown.open  .gbt-mega__col:nth-child(5){ transition-delay: .16s; }

  /* Links micro-stagger */
  .gbt-anim .gbt-mega__link{
    position: relative;
  }
  .gbt-anim .gbt-mega__link::before{
    content:"";
    position:absolute;
    inset: 0;
    border-radius: 12px;
    background: radial-gradient(220px 120px at var(--mx, 50%) var(--my, 50%), rgba(75,33,209,.12), transparent 60%);
    opacity: 0;
    transition: opacity .25s var(--gbt-ease2);
    pointer-events:none;
  }
  .gbt-anim .gbt-mega__link:hover::before{
    opacity: 1;
  }
}

/* =========================
   Mega menu items: richer hover
========================= */
.gbt-anim .gbt-mega__link{
  transition: transform .25s var(--gbt-ease2), background .25s var(--gbt-ease2),
              color .25s var(--gbt-ease2);
}

.gbt-anim .gbt-mega__link:hover{
  transform: translateX(4px) scale(1.01);
}

/* Icon pop */
.gbt-anim .gbt-mega__link i{
  transition: transform .25s var(--gbt-ease2), opacity .25s var(--gbt-ease2);
}
.gbt-anim .gbt-mega__link:hover i{
  transform: translateY(-1px) scale(1.08);
  opacity: 1;
}

/* =========================
   CTA button: "magnetic" feel (CSS only)
========================= */
.gbt-anim .gbt-nav__cta{
  position: relative;
  overflow: hidden;
}

.gbt-anim .gbt-nav__cta::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(260px 140px at 25% 30%, rgba(255,255,255,.22), transparent 60%);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s var(--gbt-ease2), transform .25s var(--gbt-ease2);
  pointer-events:none;
}

.gbt-anim .gbt-nav__cta:hover::after{
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 992px){
  .gbt-anim .dropdown > .dropdown-menu{
    transform: translateY(16px) rotateX(6deg) scale(.985);
  }
  .gbt-anim .dropdown:hover > .dropdown-menu,
  .gbt-anim .dropdown.open > .dropdown-menu{
    transform: translateY(0) rotateX(0deg) scale(1);
  }
}
/* =========================
   SECTION: Banner + Service
   Scoped premium layer
========================= */
.gbt-hero{
  position: relative;
  padding: 72px 0 64px;
  color: #fff;
  isolation: isolate;
}

/* Premium overlay so text stays readable on any background image */
.gbt-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 380px at 18% 20%, rgba(79,70,229,.35), transparent 60%),
    radial-gradient(700px 380px at 82% 30%, rgba(37,99,235,.25), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.75));
  z-index: -1;
}

/* Optional subtle grain for premium feel */
.gbt-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");
  opacity: .18;
  mix-blend-mode: overlay;
  pointer-events:none;
  z-index:-1;
}

.gbt-hero .gbt-hero__container{ position: relative; }
.gbt-hero .gbt-hero__content{ max-width: 860px; overflow: visible; }

.gbt-hero .gbt-hero__title{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: -0.6px;
  line-height: 1.08;
  font-size: clamp(28px, 3.6vw, 46px);
}

.gbt-hero .gbt-hero__subtitle{
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.6;
}

.gbt-hero .gbt-hero__actions{
  margin-top: 18px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

/* Button polish (keeps your btn classes too) */
.gbt-btn{
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 900;
  letter-spacing: .3px;
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1);
  display:inline-flex;
  align-items:center;
  gap: 10px;
}

.gbt-btn--primary{
  background: linear-gradient(135deg, #6d28d9, #2563eb);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(109,40,217,.22);
}

.gbt-btn--primary:hover{
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 22px 52px rgba(109,40,217,.28);
}

.gbt-btn__icon{
  font-size: 18px;
  opacity: .9;
}

/* =========================
   Service section layout
========================= */
.gbt-service{
  padding: 56px 0;
}

.gbt-service .gbt-service__head{
  margin-bottom: 18px;
}

.gbt-service .gbt-service__title{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: -0.3px;
  font-size: clamp(22px, 2.4vw, 30px);
}

.gbt-service .gbt-service__rule{
  max-width: 90px;
  border-top-width: 3px;
  opacity: .9;
}

.gbt-service .gbt-service__subtitle{
  margin: 0 0 12px;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.25;
  letter-spacing: -0.2px;
}

.gbt-service .regular-text{
  color: rgba(15, 23, 42, .80);

}

.gbt-service .gbt-service__h4{
  margin-top: 18px;
  font-weight: 900;
  letter-spacing: -0.2px;
}

/* Premium list style */
.gbt-service .gbt-list{
  list-style: none;
  padding: 0;
  margin: 12px 0 16px;
  display: grid;
  gap: 10px;
}

.gbt-service .gbt-list__item{
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.75);
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1), border-color .2s cubic-bezier(.16,1,.3,1);
}

.gbt-service .gbt-list__item:hover{
  transform: translateY(-2px);
  border-color: rgba(109,40,217,.22);
  box-shadow: 0 18px 50px rgba(2, 6, 23, .08);
}

.gbt-service .gbt-list__icon{
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(109,40,217,.10);
  border: 1px solid rgba(109,40,217,.18);
}

.gbt-service .gbt-list__dot{
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff, #6d28d9);
  box-shadow: 0 0 0 5px rgba(109,40,217,.10);
}

/* Form wrapper: sticky on desktop */
.gbt-service .gbt-formWrap{
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 20px 60px rgba(2, 6, 23, .10);
  padding: 14px;
}

@media (min-width: 992px){
  .gbt-service .gbt-service__col--form .gbt-formWrap{
    position: sticky;
    top: 92px; /* adjust based on your sticky header height */
  }
}

/* =========================
   Animations (CSS fallback)
========================= */
.gbt-reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1);
  will-change: transform, opacity;
}

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

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .gbt-reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* =========================
   SECTION: Banner + Service
   Scoped premium layer
========================= */
.gbt-hero{
  position: relative;
  padding: 72px 0 64px;
  color: #fff;
  isolation: isolate;
}

/* Premium overlay so text stays readable on any background image */
.gbt-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 380px at 18% 20%, rgba(79,70,229,.35), transparent 60%),
    radial-gradient(700px 380px at 82% 30%, rgba(37,99,235,.25), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.75));
  z-index: -1;
}

/* Optional subtle grain for premium feel */
.gbt-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");
  opacity: .18;
  mix-blend-mode: overlay;
  pointer-events:none;
  z-index:-1;
}

.gbt-hero .gbt-hero__container{ position: relative; }
.gbt-hero .gbt-hero__content{ max-width: 860px; }

.gbt-hero .gbt-hero__title{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: -0.6px;
  line-height: 1.08;
  font-size: clamp(28px, 3.6vw, 46px);
}

.gbt-hero .gbt-hero__subtitle{
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.6;
}

.gbt-hero .gbt-hero__actions{
  margin-top: 18px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

/* Button polish (keeps your btn classes too) */
.gbt-btn{
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 900;
  letter-spacing: .3px;
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1);
  display:inline-flex;
  align-items:center;
  gap: 10px;
}

.gbt-btn--primary{
  background: linear-gradient(135deg, #6d28d9, #2563eb);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(109,40,217,.22);
}

.gbt-btn--primary:hover{
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 22px 52px rgba(109,40,217,.28);
}

.gbt-btn__icon{
  font-size: 18px;
  opacity: .9;
}

/* =========================
   Service section layout
========================= */
.gbt-service{
  padding: 56px 0;
}

.gbt-service .gbt-service__head{
  margin-bottom: 18px;
}

.gbt-service .gbt-service__title{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: -0.3px;
  font-size: clamp(22px, 2.4vw, 30px);
}

.gbt-service .gbt-service__rule{
  max-width: 90px;
  border-top-width: 3px;
  opacity: .9;
}

.gbt-service .gbt-service__subtitle{
  margin: 0 0 12px;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.25;
  letter-spacing: -0.2px;
}

.gbt-service .regular-text{
  color: rgba(15, 23, 42, .80);

}
.common-form-section ul li span {
    font-size: 18px;

}
.gbt-service .gbt-service__h4{
  margin-top: 18px;
  font-weight: 900;
  letter-spacing: -0.2px;
}

/* Premium list style */
.gbt-service .gbt-list{
  list-style: none;
  padding: 0;
  margin: 12px 0 16px;
  display: grid;
  gap: 10px;
}

.gbt-service .gbt-list__item{
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.75);
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1), border-color .2s cubic-bezier(.16,1,.3,1);
}

.gbt-service .gbt-list__item:hover{
  transform: translateY(-2px);
  border-color: rgba(109,40,217,.22);
  box-shadow: 0 18px 50px rgba(2, 6, 23, .08);
}

.gbt-service .gbt-list__icon{
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(109,40,217,.10);
  border: 1px solid rgba(109,40,217,.18);
}

.gbt-service .gbt-list__dot{
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff, #6d28d9);
  box-shadow: 0 0 0 5px rgba(109,40,217,.10);
}

/* Form wrapper: sticky on desktop */
.gbt-service .gbt-formWrap{
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 20px 60px rgba(2, 6, 23, .10);
  padding: 14px;
}

@media (min-width: 992px){
  .gbt-service .gbt-service__col--form .gbt-formWrap{
    position: sticky;
    top: 92px; /* adjust based on your sticky header height */
  }
}

/* =========================
   Animations (CSS fallback)
========================= */
.gbt-reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1);
  will-change: transform, opacity;
}

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

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .gbt-reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* =========================
   gbt-reveal (must be last)
========================= */
.gbt-reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1);
  will-change: transform, opacity;
}
.gbt-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .gbt-reveal{ opacity: 1 !important; transform:none !important; transition:none !important; }
}

/* =========================
   Process Section (Premium)
========================= */
.gbt-process{
  padding: 52px 0;
}
.gbt-process__title{
  font-weight: 900;
  letter-spacing: -0.4px;
}
.gbt-process__sub{
  max-width: 820px;
  margin: 10px auto 0;
  color: rgba(15,23,42,.72);
}

/* Tabs layout like your screenshot */
.gbt-process__tabs{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  border: 0 !important;
  margin: 22px 0 18px !important;
  position: relative;
}

/* Each tab item */
.gbt-process__tab{
  float: none !important;
  flex: 1 1 0;
  text-align: center;
  position: relative;
}

/* link */
.gbt-process__tabs > li > a.gbt-process__link{
  border: 0 !important;
  background: transparent !important;
  padding: 8px 6px 12px !important;
  margin: 0 !important;
  color: rgba(15,23,42,.7) !important;
  font-weight: 800;
  transition: transform .2s cubic-bezier(.16,1,.3,1);
}

/* Icon circle */
.gbt-process__tabs > li > a.gbt-process__link span[class^="icon-"],
.gbt-process__tabs > li > a.gbt-process__link span[class*=" icon-"]{
  display: inline-flex;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(109,40,217,.18);
  background: #fff;
  box-shadow: 0 18px 55px rgba(2,6,23,.06);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1), border-color .25s cubic-bezier(.16,1,.3,1);
}

/* Label */
.gbt-process__tabs > li > a.gbt-process__link p{
  margin: 8px 0 0 !important;
  font-size: 12px;
  letter-spacing: .2px;
}

/* Horizontal connector line */
.gbt-process__tab::before{
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    height: unset;
    background: unset;
}
.gbt-process__tab:first-child::before{ display:none; }



/* Hover / active */
.gbt-process__tabs > li > a.gbt-process__link:hover{
  transform: translateY(-1px);
}
.gbt-process__tabs > li > a.gbt-process__link:hover span{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 22px 70px rgba(2,6,23,.10);
  border-color: rgba(109,40,217,.30);
}

.gbt-process__tab.active > a.gbt-process__link{
  color: rgba(15,23,42,.92) !important;
}
.gbt-process__tab.active > a.gbt-process__link span{
  border-color: rgba(109,40,217,.40);
  box-shadow: 0 24px 75px rgba(109,40,217,.12);
}

/* Content card */
.gbt-process__contentWrap{
  margin-top: 10px;
}
.gbt-process__card{
  background: #fff;

  border-radius: 16px;
  padding: 18px 18px;

}
.gbt-process__paneTitle{
  font-weight: 900;
  letter-spacing: -0.2px;
}
.gbt-process__text{
  color: rgba(15,23,42,.72);
  line-height: 1.7;
}

/* List style */
.gbt-process__list{
  margin: 12px 0 0;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.gbt-process__list li{
  position: relative;
  padding-left: 20px;
  color: rgba(15,23,42,.78);
}
.gbt-process__list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6d28d9;
  box-shadow: 0 0 0 5px rgba(109,40,217,.10);
}

/* Responsive tabs (wrap nicely on mobile) */
@media (max-width: 767px){
  .gbt-process__tabs{
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 8px;
  }
  .gbt-process__tab{
    flex: 0 0 33.333%;
  }
  .gbt-process__tab::before{ display:none; }
  .gbt-process__tab.active::after{
    left: 22%;
    right: 22%;
  }
}

/* =========================
   FAQ premium (works even if BS4/BS5)
========================= */
.gbt-faq__title{
  font-weight: 900;
  letter-spacing: -0.3px;
}

/* Accordion items (Bootstrap 5 uses .accordion-item/.accordion-button, but this will not break old) */
.gbt-faq .accordion-item{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 14px 45px rgba(2,6,23,.05);
}
.gbt-faq .accordion-button{
  font-weight: 850;
  letter-spacing: -0.2px;
}
.gbt-faq .accordion-button:focus{
  box-shadow: none;
}
/* Visually hidden label (a11y) */
.gbt-sr-only{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Form wrapper polish */
.gbt-form .form-element-wrapper{
  padding: 18px 16px;
}

.gbt-form__title{
  margin: 4px 0 6px;
  font-weight: 900;
  letter-spacing: -0.2px;
}

.gbt-form__note{
  margin: 0 0 14px;
  color: rgba(15,23,42,.70);
  font-size: 13.5px;
  line-height: 1.4;
}

/* Inputs */
.gbt-form .customised-formgroup{
  position: relative;
  margin-bottom: 12px;
}

.gbt-form .customised-formgroup > span[class^="icon-"],
.gbt-form .customised-formgroup > span[class*=" icon-"]{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .7;
  pointer-events: none;
}

.gbt-form .form-control,
.gbt-form select{
  border-radius: 14px;
  padding: 12px 12px 12px 40px; /* space for icon */
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 30px rgba(2,6,23,.04);
  transition: box-shadow .2s cubic-bezier(.16,1,.3,1), border-color .2s cubic-bezier(.16,1,.3,1), transform .2s cubic-bezier(.16,1,.3,1);
}

.gbt-form select{
  padding-left: 12px; /* no icon on select */
}

.gbt-form .form-control:focus,
.gbt-form select:focus{
  outline: none;
  border-color: rgba(109,40,217,.35);
  box-shadow: 0 18px 55px rgba(109,40,217,.12);
  transform: translateY(-1px);
}

.gbt-form__textarea{
  min-height: 100px;
  padding-left: 40px;
}

/* Submit button premium */
.gbt-form__submit{
  border-radius: 14px;
  width: 100%;
  font-weight: 900;
  letter-spacing: .3px;
  padding: 12px 14px;
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1);
}

.gbt-form__submit:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(2,6,23,.12);
}

/* Message line */
.gbt-form__msg{
  margin-top: 10px;
  font-size: 13px;
  color: rgba(15,23,42,.75);
}

/* Privacy microtext */
.gbt-form__privacy{
  margin: 10px 0 0;
  font-size: 12px;
  color: rgba(15,23,42,.55);
}

/* Honeypot hidden */
.gbt-hp{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  overflow:hidden;
}
/* Premium select field styling (native dropdown) */
.customise-form select.mdb-select,
.customise-form select.dropdown-primary,
.customise-form select.gbt-form__control{
  width: 100%;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 14px;
  padding: 12px 44px 12px 12px;  /* space for arrow */
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(2,6,23,.04);
  transition: border-color .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1), transform .2s cubic-bezier(.16,1,.3,1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

/* Custom arrow */
.customise-form .customised-formgroup{
  position: relative;
}
.customise-form .customised-formgroup select{
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(109,40,217,.9) 50%),
    linear-gradient(135deg, rgba(109,40,217,.9) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.customise-form select:focus{
  outline: none;
  border-color: rgba(109,40,217,.35);
  box-shadow: 0 18px 55px rgba(109,40,217,.12);
  transform: translateY(-1px);
}

/* Placeholder option styling */
.customise-form select option[value=""]{
  color: rgba(15,23,42,.45);
}
.gbt-faq__title{
  font-weight: 900;
  letter-spacing: -0.3px;
}

/* Card */
.gbt-faq__item{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 45px rgba(2,6,23,.05);
}

/* Button look */
.gbt-faq__btn{
  width: 100%;
  text-align: left;
  background: transparent;
      font-size: 15px;
  border: 0;
  padding: 14px 44px 14px 16px;
  font-weight: 850;
  color: rgba(15,23,42,.90);
  position: relative;
  transition: transform .2s cubic-bezier(.16,1,.3,1), background .2s cubic-bezier(.16,1,.3,1);
}

.gbt-faq__btn:hover{
  transform: translateY(-1px);
  background: #f3f4f6;
}

/* Arrow */
.gbt-faq__btn::after{
  content:"";
  position:absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(109,40,217,.9);
  border-bottom: 2px solid rgba(109,40,217,.9);
  transform: translateY(-50%) rotate(45deg);
  transition: transform .2s cubic-bezier(.16,1,.3,1);
}

/* When open (Bootstrap adds .collapsed removed? depends)
   We'll handle with jQuery too */
.gbt-faq__item.is-open .gbt-faq__btn::after{
  transform: translateY(-50%) rotate(-135deg);
}

.gbt-faq__body{
  padding: 14px 16px 16px;
  color: rgba(15,23,42,.72);
  line-height: 1.7;
  background: #fff;
}
/* =========================
   HERO: Glass + unique shapes
========================= */
.gbt-hero{
  position: relative;
  isolation: isolate;
}

/* unique hero composition */
.gbt-hasShapes--hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(820px 420px at 14% 26%, rgba(91,46,255,.32), transparent 62%),
    radial-gradient(680px 380px at 78% 22%, rgba(59,130,246,.22), transparent 60%),
    radial-gradient(520px 320px at 66% 88%, rgba(245,158,11,.16), transparent 62%),
    linear-gradient(180deg, rgba(2,6,23,.65), rgba(2,6,23,.35));
}

/* soft “lens” overlay (adds premium depth) */
.gbt-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 30% 60%, rgba(255,255,255,.06), transparent 70%),
    radial-gradient(520px 260px at 88% 64%, rgba(255,255,255,.05), transparent 72%);
  mix-blend-mode: screen;
  opacity: .9;
}

.gbt-hero__container{ position: relative; z-index: 1; }
.gbt-hero__content{ max-width: 620px; }

.gbt-hero__title{
  color:#fff;
  font-weight: 900;
  letter-spacing: -0.5px;
}
.gbt-hero__sub{
  color: rgba(255,255,255,.82);
  line-height: 1.55;
  margin-top: 10px;
}

/* glass CTA */
.gbt-hero__cta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;

  color:#fff !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 70px rgba(0,0,0,.25);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.gbt-hero__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 28px 90px rgba(0,0,0,.32);
}
/* =========================
   PROCESS: unique background shapes
========================= */
.gbt-hasShapes--process{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.gbt-hasShapes--process::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(680px 360px at 18% 22%, rgba(91,46,255,.16), transparent 64%),
    radial-gradient(540px 320px at 85% 26%, rgba(59,130,246,.12), transparent 64%),
    radial-gradient(520px 320px at 48% 96%, rgba(16,185,129,.10), transparent 66%),
    linear-gradient(180deg, rgba(248,250,252,.96), rgba(248,250,252,0));
}
.gbt-process__container{ position: relative; z-index: 1; }

/* Tabs layout */
.gbt-process__tabs{
  display: flex;
  justify-content: center;
  gap: 34px;
  border: 0;
  margin-top: 14px;
}

/* Each tab */
.gbt-process__tabs > li{
  float: none; /* bootstrap override */
}
.gbt-process__link{
  position: relative;
  border: 0 !important;
  background: transparent !important;
  padding: 10px 6px;
  text-align: center;
}
.gbt-process__link span[class^="icon-"],
.gbt-process__link span[class*=" icon-"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.65);
  box-shadow: 0 16px 45px rgba(2,6,23,.06);
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1);
}

.gbt-process__link p{
  margin-top: 8px;
  font-weight: 800;
  font-size: 13px;
  color: rgba(15,23,42,.78);
}

/* Active tab */
.process-model > li.active .gbt-process__link span{
  border-color: rgba(91,46,255,.25);
  box-shadow: 0 20px 70px rgba(91,46,255,.15);
  transform: translateY(-1px);
}
.process-model > li.active .gbt-process__link p{
  color: rgba(15,23,42,.92);
}

/* Animated connector line under active tab */
.process-model > li{
  position: relative;
}
.process-model > li::after{
  content:"";
  position:absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  bottom: -8px;
  width: 110px;
  height: 3px;
  border-radius: 99px;
  background: unset;
  opacity: .95;
  transition: transform .35s cubic-bezier(.16,1,.3,1);
}
.process-model > li.active::after{
  transform: translateX(-50%) scaleX(1);
}

/* Content card */
.gbt-process__card{
  margin-top: 18px;
  padding: 18px 18px 8px;
}
.gbt-process__card h4{
  font-weight: 900;
  margin: 0 0 8px;
}
.gbt-process__card ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
.gbt-process__card li{
  margin: 8px 0;
  color: rgba(15,23,42,.75);
}
/* =========================
   FEATURE CARDS: unique shapes
========================= */
.gbt-hasShapes--feature{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-bottom: 10px;
}
.gbt-hasShapes--feature::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(720px 360px at 18% 18%, rgba(245,158,11,.12), transparent 64%),
    radial-gradient(620px 340px at 88% 34%, rgba(91,46,255,.12), transparent 66%),
    radial-gradient(560px 320px at 52% 92%, rgba(59,130,246,.10), transparent 66%),
    linear-gradient(180deg, rgba(248,250,252,.85), rgba(248,250,252,0));
}
.gbt-feature .container{ position: relative; z-index: 1; }

.gbt-featureCard{
  padding: 18px 18px 12px;
  border-radius: 18px;
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.gbt-featureCard:hover{
  transform: translateY(-3px);
  box-shadow: 0 28px 90px rgba(2,6,23,.12);
}
.gbt-featureCard__title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.2px;
  background: linear-gradient(90deg, rgba(91,46,255,.95), rgba(59,130,246,.85), rgba(16,185,129,.70));
  -webkit-background-clip: text;
  color: transparent;
}
.gbt-featureCard__list{
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.gbt-featureCard__list li{
  position: relative;
  padding-left: 22px;
  color: rgba(15,23,42,.75);
  line-height: 1.55;
}
.gbt-featureCard__list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 99px;
  background: linear-gradient(135deg, rgba(91,46,255,.95), rgba(59,130,246,.85));
  box-shadow: 0 10px 26px rgba(91,46,255,.18);
}
.responsive-list ul li {
    font-size: 15px;

    margin-bottom: 0;
}
/* =========================
   FOOTER: Premium UI Upgrade
========================= */

/* Unique footer shape composition (different from other sections) */
.gbt-hasShapes--footer{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.gbt-hasShapes--footer::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 460px at 18% 110%, rgba(91,46,255,.14), transparent 60%),
    radial-gradient(720px 420px at 88% 20%, rgba(59,130,246,.12), transparent 62%),
    radial-gradient(640px 360px at 56% 40%, rgba(16,185,129,.10), transparent 65%),
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.94));
}

/* ensure content above shapes */
.gbt-footer .container,
.gbt-hasShapes--footer .container{
  position: relative;
  z-index: 1;
}

/* overall footer area polish */
#footer .light-ash-bg{
  background: transparent; /* we handle bg via shapes */
  padding: 56px 0 28px;
}

/* columns alignment and spacing */
#footer .light-ash-bg > .container > ul{
  display: grid;
  grid-template-columns: 1.05fr 1.05fr 1.15fr 1.35fr;
  gap: 28px;
  margin: 0;
  padding: 0;
}
#footer .light-ash-bg > .container > ul > li{
  list-style: none;
      width: 100%;
}
footer .light-ash-bg ul li.big-width {
    width: 100%;
}
.content-management-system .content h3{
        background: transparent;
}
.content-management-system .content .content_inner {
    background: unset;

}
#footer .light-ash-bg ul ul{
  margin: 0;
  padding: 0;
}
#footer .light-ash-bg ul ul li{
  list-style: none;
  margin: 0;
}

/* headings */
#footer .regular-text.text-color-light{
  display: inline-block;
  font-weight: 900;
  letter-spacing: .2px;
  margin-bottom: 14px;
  color: rgba(255,255,255,.92) !important;
}

/* links */
#footer a.extra-small-text{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: rgba(255,255,255,.72) !important;
  text-decoration: none;
  transition: transform .18s cubic-bezier(.16,1,.3,1), color .18s cubic-bezier(.16,1,.3,1);
}
#footer a.extra-small-text:hover{
  color: rgba(255,255,255,.95) !important;
  transform: translateX(3px);
}

/* contact list icons */
#footer .list-f03 a{
display: inline-flex;
    align-items: center;
    margin: auto;
    margin-left: 45px;
    vertical-align: middle;
    gap: 10px;
    padding: 10px 0;
    color: rgba(255, 255, 255, .78) !important;
}
#footer .list-f03 i{
  width: 36px;
      margin-top: 13px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
}
.laksnfont {
    font-family: unset;
    font-weight: 700;
}
/* socials: round glass buttons */
#footer .social-links{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
#footer .social-links li{ list-style:none; }
#footer .social-links a{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  transition: transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s cubic-bezier(.16,1,.3,1);
}
#footer .social-links a:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}

/* newsletter glass card */
#footer .newsletter-box{
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 26px 90px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
#footer .newsletter-box .txt-box{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(15,23,42,.25);
  color: rgba(255,255,255,.92);
  padding: 0 14px;
  outline: none;
}
#footer .newsletter-box .txt-box::placeholder{
  color: rgba(255,255,255,.55);
}
#footer .newsletter-box .subscribe-btn{
  height: 46px;
  border-radius: 12px;
  border: 0;
  padding: 0 16px;
  margin-top: 10px;
  width: 100%;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, rgba(91,46,255,.95), rgba(59,130,246,.88));
  box-shadow: 0 18px 60px rgba(91,46,255,.22);
}
#footer .subscribepara{
  margin-top: 10px;
  color: rgba(255,255,255,.62);
}

/* bottom bar */
#footer .grey-dark-bg{
  background: rgba(2,6,23,.55);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 16px 0;
}
#footer .grey-dark-bg p{
  margin: 0;
  color: rgba(255,255,255,.75);
}
#footer .grey-dark-bg a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
}
#footer .grey-dark-bg a:hover{
  text-decoration: underline;
}

/* responsive */
@media (max-width: 991px){
  #footer .light-ash-bg > .container > ul{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px){
  #footer .light-ash-bg > .container > ul{
    grid-template-columns: 1fr;
  }
  #footer .grey-dark-bg .pull-left,
  #footer .grey-dark-bg .pull-right{
    float: none !important;
    text-align: center;
    display: block;
  }
}
/* =========================
   CMS SERVICE: unique shapes + clean
========================= */
.gbt-hasShapes--cmsService{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.gbt-hasShapes--cmsService::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(760px 420px at 12% 30%, rgba(16,185,129,.14), transparent 64%),
    radial-gradient(640px 380px at 92% 42%, rgba(59,130,246,.12), transparent 62%),
    radial-gradient(520px 320px at 52% 96%, rgba(245,158,11,.10), transparent 66%),
    linear-gradient(180deg, rgba(248,250,252,.96), rgba(248,250,252,0));
}

.gbt-service__container{ position: relative; z-index: 1; }

/* list icon for CMS (different from other pages, still consistent) */
.gbt-list__icon--cms{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  background:
    radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.7), transparent 60%),
    linear-gradient(135deg, rgba(16,185,129,.22), rgba(59,130,246,.18));
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 16px 50px rgba(2,6,23,.08);
  position: relative;
}
.gbt-list__icon--cms::after{
  content:"";
  position:absolute;
  inset: 9px;
  border-radius: 8px;
  border: 1px dashed rgba(255,255,255,.55); /* gives “CMS panel” feel */
  opacity: .85;
}
.content-management-system .content_intro{
  margin: 10px 0 14px;

}
/* =========================
CMS PLATFORM CARDS
========================= */
.content-management-system{
  position: relative;
  isolation: isolate;
}

.content-management-system::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(59,130,246,.12), transparent 65%),
    radial-gradient(700px 380px at 80% 40%, rgba(91,46,255,.14), transparent 65%),
    linear-gradient(180deg, #f8fafc, #eef2ff);
  z-index:0;
}

.content-management-system .container{
  position:relative;
  z-index:1;
}

.content-management-system .content{
  background:
    linear-gradient(180deg, #0b3b82, #0a2c60);
  border-radius: 20px;
  padding: 28px 28px 30px;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 100px rgba(2,6,23,.35);
  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1);
}

.content-management-system .content::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(300px 200px at 80% 20%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), transparent);
  pointer-events:none;
}

.content-management-system .content:hover{
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 40px 130px rgba(2,6,23,.45);
}

.content-management-system h3{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size: 22px;
  font-weight: 900;
}

.content-management-system h3 img{
  width: 36px;
  filter: drop-shadow(0 0 12px rgba(255,255,255,.5));
}

.content-management-system .content_inner{
  margin-top: 12px;
}

.content-management-system .content_inner li{
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.88);
}

.content-management-system .content_inner li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background: linear-gradient(135deg, #60a5fa, #a78bfa);
  box-shadow: 0 0 8px rgba(96,165,250,.8);
}
.content-management-system{
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, #F8FAFF, #F6F7FF);
}

.content-management-system::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(820px 420px at 12% 18%, rgba(109,40,217,.10), transparent 64%),
    radial-gradient(760px 420px at 92% 32%, rgba(37,99,235,.10), transparent 62%),
    radial-gradient(640px 360px at 64% 102%, rgba(6,182,212,.08), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.65));
}

.content-management-system .container{
  position:relative;
  z-index:1;
}
/* Card base - glass dark */
.content-management-system .content{
  position: relative;
  border-radius: 22px;
  padding: 28px 26px 30px;
  color: var(--gbt-text);
  background:
    linear-gradient(180deg, rgba(11,16,32,.92), rgba(15,23,42,.90));
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 26px 90px rgba(2,6,23,.18);
  overflow: hidden;
  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1);
}

/* glass highlight */
.content-management-system .content::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(380px 220px at 78% 18%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), transparent);
  opacity:.85;
}

/* hover */
.content-management-system .content:hover{
  transform: translateY(-10px);
  box-shadow: 0 40px 130px rgba(2,6,23,.28);
}

/* Heading line */
.content-management-system .content h3{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 10px;
  color: rgba(255,255,255,.95);
}

/* icon */
.content-management-system .content h3 img{
  width: 34px;
  height: 34px;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
  opacity: .95;
}

/* list */
.content-management-system .content_inner{
  margin: 12px 0 0;
  padding: 0;
}
.content-management-system .content_inner li{
  list-style: none;
  position: relative;
  padding-left: 22px;
  margin: 0 0 10px;
  color: var(--gbt-muted);
  line-height: 1.5;
}
.content-management-system .content_inner li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: linear-gradient(135deg, var(--gbt-cyan), var(--gbt-violet));
  box-shadow: 0 0 12px rgba(6,182,212,.35);
}

/* short intro text */
.content-management-system .content_intro{
  margin: 0 0 12px;
  color: rgba(255,255,255,.78);
}

/* ====== unique accent per card (no repetition, still consistent) ====== */
.content-management-system .row:first-of-type .col-sm-6:first-child .content::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 22% 10%, rgba(109,40,217,.40), transparent 62%),
    radial-gradient(520px 260px at 92% 78%, rgba(37,99,235,.26), transparent 62%);
  z-index:0;
  opacity:.55;
}
.content-management-system .row:first-of-type .col-sm-6:last-child .content::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 18% 18%, rgba(6,182,212,.34), transparent 60%),
    radial-gradient(520px 260px at 88% 70%, rgba(109,40,217,.24), transparent 64%);
  z-index:0;
  opacity:.55;
}
.content-management-system .row:last-of-type .col-sm-6:first-child .content::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 25% 15%, rgba(37,99,235,.32), transparent 62%),
    radial-gradient(520px 260px at 85% 85%, rgba(16,185,129,.20), transparent 66%);
  z-index:0;
  opacity:.55;
}
.content-management-system .row:last-of-type .col-sm-6:last-child .content::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 20% 20%, rgba(109,40,217,.34), transparent 62%),
    radial-gradient(520px 260px at 88% 78%, rgba(245,158,11,.18), transparent 66%);
  z-index:0;
  opacity:.55;
}

/* ensure content text above ::before */
.content-management-system .content > *{
  position: relative;
  z-index: 1;
}
.gbt-hasShapes--appHero{ position:relative; isolation:isolate; }
.gbt-hasShapes--appHero::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(820px 420px at 18% 30%, rgba(109,40,217,.26), transparent 62%),
    radial-gradient(720px 420px at 86% 22%, rgba(6,182,212,.20), transparent 62%),
    radial-gradient(640px 420px at 76% 90%, rgba(34,197,94,.14), transparent 66%),
    linear-gradient(180deg, rgba(2,6,23,.68), rgba(2,6,23,.38));
}

/* mobile-app unique “app bubbles” overlay */
.gbt-hero__bg--app{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(26px 26px at 18% 44%, rgba(255,255,255,.12), transparent 70%),
    radial-gradient(18px 18px at 30% 26%, rgba(255,255,255,.10), transparent 70%),
    radial-gradient(22px 22px at 74% 32%, rgba(255,255,255,.10), transparent 70%),
    radial-gradient(16px 16px at 84% 58%, rgba(255,255,255,.10), transparent 70%),
    radial-gradient(22px 22px at 64% 78%, rgba(255,255,255,.08), transparent 70%);
  opacity:.9;
  mix-blend-mode: screen;
}
.gbt-hero__container{ position:relative; z-index:1; }

.gbt-hero__cta{

  color:#fff !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 22px 80px rgba(0,0,0,.28);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.gbt-hero__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 34px 110px rgba(0,0,0,.34);
}
.gbt-hasShapes--appIntro{ position:relative; isolation:isolate; }
.gbt-hasShapes--appIntro::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(760px 420px at 14% 22%, rgba(6,182,212,.10), transparent 64%),
    radial-gradient(720px 420px at 92% 30%, rgba(109,40,217,.10), transparent 62%),
    radial-gradient(520px 320px at 70% 96%, rgba(37,99,235,.08), transparent 66%);
}

.gbt-appIntro .container{ position:relative; z-index:1; }

/* upgraded yellow box -> premium glass highlight */
.gbt-highlightCard{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 26px 90px rgba(2,6,23,.10);
}
.gbt-highlightCard h4{ margin: 0; line-height: 1.55; }

/* app list icon - different from CMS */
.gbt-list__icon--app{
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display:inline-flex;
  background:
    radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.75), transparent 60%),
    linear-gradient(135deg, rgba(6,182,212,.18), rgba(109,40,217,.18));
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 55px rgba(2,6,23,.08);
  position:relative;
}
.gbt-list__icon--app::after{
  content:"";
  position:absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.60);
  opacity:.9;
}

/* image subtle premium framing */
.gbt-appIntro__img{
  filter: drop-shadow(0 18px 50px rgba(2,6,23,.18));
  transform-origin: center;
}
/* =========================
GLOBAL helpers (safe add)
========================= */
.section-space{ padding: 70px 0; }
.gbt-glass{
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(15,23,42,.10);
}
.gbt-shadowXL{ box-shadow: 0 28px 90px rgba(2,6,23,.12); }
.gbt-softText{ color: rgba(2,6,23,.72); }

/* =========================
FEATURES GRID (unique shapes)
========================= */
.features{
  position: relative;
  isolation: isolate;
}
.features::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(760px 420px at 16% 18%, rgba(109,40,217,.10), transparent 64%),
    radial-gradient(720px 420px at 88% 30%, rgba(6,182,212,.10), transparent 62%),
    radial-gradient(520px 320px at 60% 104%, rgba(37,99,235,.08), transparent 66%);
}
.features .container{ position:relative; z-index:1; }

.feature-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}
.feature-card{
  position: relative;
  border-radius: 18px;
  padding: 20px 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 26px 70px rgba(2,6,23,.08);
  transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
.feature-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  opacity:.55;
  pointer-events:none;
  background:
    radial-gradient(240px 180px at 20% 18%, rgba(109,40,217,.16), transparent 60%),
    radial-gradient(220px 160px at 92% 88%, rgba(6,182,212,.12), transparent 62%);
}
.feature-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 40px 110px rgba(2,6,23,.12);
}
.feature-card h3{ margin: 12px 0 8px; font-weight: 900; }
.feature-card p{ margin:0; color: rgba(2,6,23,.70); line-height:1.6; }

/* Icon badge (multi-colour, consistent) */
.feature-ic{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.85), transparent 60%),
    linear-gradient(135deg, rgba(109,40,217,.14), rgba(6,182,212,.14));
  box-shadow: 0 18px 60px rgba(2,6,23,.08);
}

/* responsive grid */
@media (max-width: 991px){
  .feature-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px){
  .feature-grid{ grid-template-columns: 1fr; }
}

/* =========================
PLATFORM TABS (unique shapes)
========================= */
.platform{
  position:relative;
  isolation:isolate;
}
.platform::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(720px 420px at 20% 10%, rgba(37,99,235,.08), transparent 62%),
    radial-gradient(680px 420px at 92% 26%, rgba(109,40,217,.10), transparent 62%),
    radial-gradient(520px 320px at 50% 100%, rgba(16,185,129,.07), transparent 66%);
}
.platform .container{ position:relative; z-index:1; }

.platform__tabs.process-model{
  display:flex;    max-width: 100%;
  gap: 12px;    width: 100%;
  justify-content:center;width: 100%;
  flex-wrap:wrap;
  border: 0 !important;
  margin: 18px 0 22px;
}
.platform__tabs.process-model > li{
  float:none !important;    width: 20%;
}
.platform__tabs.process-model > li > a{
  border:0 !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(2,6,23,.07);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.platform__tabs.process-model > li.active > a{
  background: linear-gradient(135deg, rgba(109,40,217,.18), rgba(6,182,212,.14)) !important;
  box-shadow: 0 30px 90px rgba(109,40,217,.16);
  transform: translateY(-2px);
}
.platform__tabs.process-model p{ margin: 6px 0 0; font-weight: 800; }

/* tab panel glass */
.platform .process-content{
  border-radius: 18px;
  padding: 22px 20px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 26px 80px rgba(2,6,23,.08);
}
.platform .process-content h4{ font-weight: 900; margin-top:0; }
.platform .process-content li{ margin-bottom: 10px; color: rgba(2,6,23,.72); }

/* =========================
FAQ (custom accordion skin)
========================= */
.faq{
  position:relative;
  isolation:isolate;
}
.faq::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(760px 420px at 10% 30%, rgba(245,158,11,.08), transparent 64%),
    radial-gradient(720px 420px at 92% 24%, rgba(6,182,212,.08), transparent 62%);
}
.faq .container{ position:relative; z-index:1; }

#faqMobile .acc-item{
  border-radius: 16px;
  overflow:hidden;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 70px rgba(2,6,23,.07);
  margin-bottom: 12px;
}
#faqMobile .acc-toggle{
  width:100%;
  text-align:left;
  padding: 16px 16px;
  font-weight: 900;
  background: transparent;
  border: 0;
  position: relative;
}
#faqMobile .acc-toggle::after{
  content:"+";
  position:absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: rgba(109,40,217,.95);
}
#faqMobile .acc-item.is-open .acc-toggle::after{
  content:"–";
}
#faqMobile .acc-panel{
  display:none;
  padding: 0 16px 16px;
  color: rgba(2,6,23,.72);
  line-height:1.6;
}

/* =========================
CTA BAND (premium gradient + glass button)
========================= */
.cta-band{
  position:relative;
  isolation:isolate;
  padding: 0;
}
.cta-band__wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding: 26px 24px;
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(420px 240px at 18% 30%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(135deg, rgba(109,40,217,.96), rgba(6,182,212,.92));
  box-shadow: 0 34px 120px rgba(2,6,23,.22);
}
.cta-band__wrap h2{ margin:0 0 4px; font-weight: 900; }
.cta-band__wrap p{ margin:0; color: rgba(255,255,255,.88); }

.cta-band__wrap .btn{
  border-radius: 999px;
  padding: 5px 18px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color:#fff;
  font-weight: 900;
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.cta-band__wrap .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 70px rgba(0,0,0,.18);
}

@media (max-width: 767px){
  .cta-band__wrap{ flex-direction:column; align-items:flex-start; }
}

/* =========================
PROCESS section (tabs premium)
========================= */
.design-process-section{
  position:relative;
  isolation:isolate;
}
.design-process-section::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(720px 420px at 20% 18%, rgba(109,40,217,.08), transparent 62%),
    radial-gradient(680px 420px at 92% 36%, rgba(37,99,235,.08), transparent 62%),
    radial-gradient(520px 320px at 56% 104%, rgba(6,182,212,.07), transparent 66%);
}
.design-process-section .container{ position:relative; z-index:1; }

/* keep your process-model but make it modern */
.design-process-section .process-model{
  border:0 !important;
  display:flex;
  justify-content:center;
  gap: 14px;
  flex-wrap:wrap;
  margin-top: 18px;
}
.design-process-section .process-model > li{ float:none !important; }
.design-process-section .process-model > li > a{
  border: 1px solid rgba(15,23,42,.10) !important;
  background: rgba(255,255,255,.72) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(2,6,23,.07);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.design-process-section .process-model > li.active > a{
  background: linear-gradient(135deg, rgba(109,40,217,.16), rgba(6,182,212,.12)) !important;
  transform: translateY(-2px);
  box-shadow: 0 30px 90px rgba(109,40,217,.14);
}
.design-process-section .process-content{
  margin-top: 16px;
  border-radius: 18px;
  padding: 22px 20px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 26px 80px rgba(2,6,23,.08);
}
.gbt-ambient-bg{
  position: fixed;
  inset: -20%;
  z-index: -1;
  background:
    radial-gradient(1200px 800px at 15% 20%, rgba(109,40,217,.18), transparent 65%),
    radial-gradient(900px 600px at 85% 30%, rgba(6,182,212,.18), transparent 60%),
    radial-gradient(700px 500px at 50% 80%, rgba(37,99,235,.14), transparent 65%),
    radial-gradient(600px 400px at 90% 90%, rgba(16,185,129,.12), transparent 65%);
  filter: blur(80px) saturate(120%);
  animation: gbtAmbientMove 30s linear infinite alternate;
  pointer-events:none;
}
@keyframes gbtAmbientMove{
  0%{ transform: translate(0,0) scale(1); }
  100%{ transform: translate(-120px,-80px) scale(1.08); }
}
.gbt-ambient-bg{
  position: fixed;
  inset: -20%;
  z-index: -1;
  background:
    radial-gradient(1200px 800px at 15% 20%, rgba(109,40,217,.18), transparent 65%),
    radial-gradient(900px 600px at 85% 30%, rgba(6,182,212,.18), transparent 60%),
    radial-gradient(700px 500px at 50% 80%, rgba(37,99,235,.14), transparent 65%),
    radial-gradient(600px 400px at 90% 90%, rgba(16,185,129,.12), transparent 65%);
  filter: blur(80px) saturate(120%);
  animation: gbtAmbientMove 30s linear infinite alternate;
  pointer-events:none;
}
@keyframes gbtAmbientMove{
  0%{ transform: translate(0,0) scale(1); }
  100%{ transform: translate(-120px,-80px) scale(1.08); }
}
.features,
.platform,
.faq,
.cta-band,
.design-process-section{
  position: relative;
  isolation: isolate;
}
.features::after,
.platform::after,
.faq::after,
.cta-band::after,
.design-process-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.85));
  pointer-events:none;
}
.features .container,
.platform .container,
.faq .container,
.cta-band__wrap,
.design-process-section .container{
  position: relative;
  z-index:1;
}
/* === Global ambient background (eCom palette) === */
.gbt-ambient-bg.gbt-ambient-bg--ecom{
  position: fixed;
  inset: -20%;
  z-index: -1;
  pointer-events:none;

  background:
    radial-gradient(1200px 800px at 12% 18%, rgba(124,58,237,.22), transparent 65%), /* violet */
    radial-gradient(900px 650px at 85% 22%, rgba(56,189,248,.18), transparent 60%),  /* sky */
    radial-gradient(850px 600px at 55% 85%, rgba(16,185,129,.16), transparent 62%),  /* emerald */
    radial-gradient(700px 500px at 92% 90%, rgba(245,158,11,.12), transparent 60%);  /* amber */
  filter: blur(85px) saturate(120%);
  transform: translate3d(0,0,0);
}

/* subtle ambient motion (lightweight) */
@media (prefers-reduced-motion: no-preference){
  .gbt-ambient-bg.gbt-ambient-bg--ecom{
    animation: gbtAmbientEcom 28s ease-in-out infinite alternate;
  }
  @keyframes gbtAmbientEcom{
    0%{ transform: translate3d(0,0,0) scale(1); }
    100%{ transform: translate3d(-110px,-70px,0) scale(1.08); }
  }
}
.common-form-section.service-description-section,
.content-management-system,
.design-process-section,
.features-of-ecommerce-webiste{
  position: relative;
  isolation: isolate;
}

/* Glass sheet overlay so ambient bg feels continuous */
.common-form-section.service-description-section::before,
.content-management-system::before,
.design-process-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
  pointer-events:none;
}

/* Keep real content above overlay */
.common-form-section.service-description-section .container,
.content-management-system .container,
.design-process-section .container{
  position: relative;
  z-index: 1;
}
.banner.effective-ecommerce-website-banner{
  position: relative;
  overflow:hidden;
}

.banner.effective-ecommerce-website-banner::after{
  content:"";
  position:absolute;
      z-index: inherit;
  inset:0;
  background:
    radial-gradient(900px 380px at 18% 35%, rgba(124,58,237,.35), transparent 62%),
    radial-gradient(700px 320px at 80% 45%, rgba(56,189,248,.25), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  pointer-events:none;
}
.banner.effective-ecommerce-website-banner .banner-txt{
  position: relative;
  z-index: 1;
}
.gbt-glass{
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(15,23,42,.14);
}
.gbt-glow{
  position: relative;
}


/* Premium focus */
.customise-form .form-control:focus,
.gbt-form__control:focus{
  outline: none;
  border-color: rgba(124,58,237,.55);
  box-shadow: 0 0 0 6px rgba(124,58,237,.12);
}
.content-management-system .content{
  position: relative;
  border-radius: 18px;
  background: rgba(15,23,42,.92);
  color: rgba(255,255,255,.9);
  overflow: hidden;
  padding: 22px 22px 16px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 45px rgba(2,6,23,.35);
  transform: translateZ(0);
}

/* each card gets a different highlight (no same shape repeated) */
.content-management-system .col-sm-6:nth-child(1) .content::before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(500px 300px at 25% 20%, rgba(124,58,237,.40), transparent 60%),
    radial-gradient(380px 260px at 80% 75%, rgba(56,189,248,.22), transparent 62%);
  filter: blur(10px);
}
.content-management-system .col-sm-6:nth-child(2) .content::before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(520px 320px at 70% 18%, rgba(16,185,129,.28), transparent 62%),
    radial-gradient(380px 260px at 18% 78%, rgba(245,158,11,.18), transparent 62%);
  filter: blur(12px);
}
.content-management-system .row.clearfix:nth-of-type(2) .col-sm-6:nth-child(1) .content::before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(520px 320px at 18% 22%, rgba(56,189,248,.26), transparent 62%),
    radial-gradient(380px 260px at 82% 82%, rgba(124,58,237,.22), transparent 62%);
  filter: blur(12px);
}
.content-management-system .row.clearfix:nth-of-type(2) .col-sm-6:nth-child(2) .content::before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(520px 320px at 82% 22%, rgba(245,158,11,.18), transparent 62%),
    radial-gradient(380px 260px at 22% 82%, rgba(16,185,129,.20), transparent 62%);
  filter: blur(12px);
}

.content-management-system .content h3,
.content-management-system .content p,
.content-management-system .content ul{
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference){
  .content-management-system .content{
    transition: transform .35s ease, box-shadow .35s ease;
  }
  .content-management-system .content:hover{
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 25px 70px rgba(2,6,23,.48);
  }
}
.features-of-ecommerce-webiste{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 15% 35%, rgba(124,58,237,.28), transparent 60%),
    radial-gradient(700px 360px at 80% 45%, rgba(56,189,248,.22), transparent 60%),
    linear-gradient(180deg, #0b1220 0%, #0a1020 100%);
}

.features-of-ecommerce-webiste::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: .20;
  pointer-events:none;
}

/* floating unique blobs */
.features-of-ecommerce-webiste::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(140px 140px at 12% 22%, rgba(16,185,129,.22), transparent 62%),
    radial-gradient(180px 180px at 72% 20%, rgba(245,158,11,.18), transparent 62%),
    radial-gradient(220px 220px at 88% 80%, rgba(56,189,248,.18), transparent 62%),
    radial-gradient(180px 180px at 25% 85%, rgba(124,58,237,.22), transparent 62%);
  filter: blur(10px);
  pointer-events:none;
}
/* =========================
   Banner consistency fix
   Only for eCommerce banner
   ========================= */

.banner.effective-ecommerce-website-banner{
  position: relative;
  min-height: 360px;              /* desktop consistent height */
  display: flex;
  align-items: center;
  padding: 90px 0 75px;           /* match older banner spacing */
}

.banner.effective-ecommerce-website-banner .container{
  width: 100%;
}

.banner.effective-ecommerce-website-banner .banner-txt{
  max-width: 720px;               /* similar text width as earlier pages */
}

.banner.effective-ecommerce-website-banner .banner-txt h1{
  margin: 0 0 12px;
  line-height: 1.15;
}

.banner.effective-ecommerce-website-banner .banner-txt p{
  margin: 0 0 18px;
}

/* Button: match older format (height + padding + border + hover) */
.banner.effective-ecommerce-website-banner .banner-txt .medium-btn3.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;           /* premium pill like earlier designs */
  font-weight: 600;
  letter-spacing: .2px;
  text-transform: uppercase;
}

/* If your old "btn-nofill" is outline style, enforce consistency */
.banner.effective-ecommerce-website-banner .banner-txt .btn.btn-nofill{
  background: transparent;
  border: 2px solid rgba(255,255,255,.85);
  color: #fff;
}

/* Hover same feel as earlier */
.banner.effective-ecommerce-website-banner .banner-txt .btn.btn-nofill:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.95);
  transform: translateY(-1px);
}

/* Mobile: reduce height + spacing */
@media (max-width: 767px){
  .banner.effective-ecommerce-website-banner{
    min-height: 280px;
    padding: 70px 0 55px;
  }
  .banner.effective-ecommerce-website-banner .banner-txt{
    max-width: 100%;
  }
  .banner.effective-ecommerce-website-banner .banner-txt .medium-btn3.btn{
    height: 44px;
    padding: 0 18px;
  }
}
.banner.effective-ecommerce-website-banner{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* === Global helpers (no class removal) === */
.gbt-bg{ position:relative; overflow:hidden; }
.gbt-glass{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
}
.gbt-glow{ box-shadow: 0 18px 60px rgba(0,0,0,.18); }
.gbt-muted{ opacity:.92; }
.gbt-h3{ margin-top:0; }
.gbt-ul{ margin:12px 0 0; padding-left:18px; }
.gbt-ul li{ margin:8px 0; }

/* Reveal base (works with GSAP + fallback) */
.gbt-reveal{ opacity:0; transform: translateY(18px); }

/* Process background continuity */
.gbt-bg--process{
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(110,73,255,.10), transparent 60%),
    radial-gradient(900px 500px at 85% 25%, rgba(0,205,255,.10), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #f6f8ff 100%);
}
.gbt-bg--process:before{
  content:"";
  position:absolute; inset:-120px -120px auto auto;
  width:380px; height:380px; border-radius: 120px;
  background: radial-gradient(circle at 30% 30%, rgba(110,73,255,.22), rgba(110,73,255,0) 60%);
  transform: rotate(18deg);
  pointer-events:none;
}
.gbt-bg--process:after{
  content:"";
  position:absolute; left:-120px; bottom:-140px;
  width:520px; height:520px; border-radius: 180px;
  background: radial-gradient(circle at 40% 40%, rgba(0,205,255,.18), rgba(0,205,255,0) 62%);
  transform: rotate(-12deg);
  pointer-events:none;
}

/* Features continuity (dark section like your screenshot) */
.features-of-ecommerce-webiste.gbt-bg--features{
  background:
    radial-gradient(900px 520px at 18% 35%, rgba(110,73,255,.35), transparent 60%),
    radial-gradient(780px 520px at 85% 70%, rgba(0,205,255,.28), transparent 62%),
    linear-gradient(135deg, #0a1022 0%, #0b1430 45%, #071225 100%);
  padding: 55px 0 60px;
}
.features-of-ecommerce-webiste.gbt-bg--features:before{
  content:"";
  position:absolute; top:-80px; left:12%;
  width:220px; height:220px; border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  transform: rotate(12deg);
  pointer-events:none;
}
.features-of-ecommerce-webiste.gbt-bg--features:after{
  content:"";
  position:absolute; bottom:-90px; right:10%;
  width:260px; height:260px; border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,180,0,.18), rgba(255,180,0,0) 60%);
  pointer-events:none;
}

/* Feature cards */
.gbt-featureCard{
  padding:18px 12px;
  min-height: 120px;
  color: rgba(255,255,255,.92);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.features-of-ecommerce-webiste .content span, .join-our-team .content span {
    color: #ffffff;
}    
.features-of-ecommerce-webiste h2{
        margin: 0 0 20px;
}

.design-process-section{
    padding-bottom:100px;
     padding-top:80px;
}
.features-of-ecommerce-webiste p{
        margin: 0 0 50px;
}
.gbt-featureCard .icon_holder{
     width: 100%;
    min-height: 200px; margin:0 auto 10px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
}
.gbt-featureCard:hover{
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 18px 50px rgba(0,0,0,.32);
}

/* small note card in dark section */
.gbt-featuresNote{
  color: rgba(255,255,255,.90);
  padding:14px 16px;
  border-radius: 14px;
}

/* Make process content look premium without breaking old layout */
.design-process-section .process-content{
  padding:18px 18px 10px;
  margin-top: 14px;
}

/* Mobile tweaks */
@media (max-width: 767px){
  .features-of-ecommerce-webiste.gbt-bg--features{ padding: 40px 0 45px; }
  .gbt-featureCard{ min-height: 110px; }
}

.gbt-service__col--form .gbt-formWrap{
  position:sticky; top:92px;
  border-radius:16px; background:var(--card);
  box-shadow:0 18px 40px rgba(15,23,42,.12); border:1px solid var(--muted);
  padding:18px;
}
.content-management-system {
    padding: 30px 0 60px 0;
}
/* ======================================
   GBT Banner System (Layer on top)
   ====================================== */

.gbt-banner{
  position: relative;
  display: flex;
  align-items: center;
  min-height: 280px;
  padding: 64px 0;
  isolation: isolate;
}

/* Dark glass overlay */
.gbt-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(10,15,30,.88) 0%,
      rgba(10,15,30,.75) 45%,
      rgba(10,15,30,.35) 100%);

}

/* Soft animated glow */
.gbt-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 50%,
      rgba(80,120,255,.15),
      transparent 60%);
  z-index:2;
  pointer-events:none;
}

.gbt-banner__content{
  position: relative;
  z-index: 3;
  max-width: 820px;
}

/* Headings */
.gbt-banner h1{
  font-weight: 700;
  letter-spacing: -0.4px;
}

.gbt-banner .semi-bold{
  opacity:.9;
  max-width:720px;
}

/* Buttons */
.gbt-btn--banner{
  border-radius: 12px;
  padding: 12px 22px;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 0 0 rgba(80,120,255,0);
  transition: all .35s ease;
}

.gbt-btn--banner:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(120,160,255,.6);
  box-shadow: 0 12px 40px rgba(80,120,255,.35);
  transform: translateY(-2px);
}

/* Mobile consistency */
@media(max-width:768px){
  .gbt-banner{
    min-height: 240px;
    padding: 48px 0;
  }
}/* =========================================================
   GBT FLOW SYSTEM (continuity + glass + shapes)
   Only additive classes - safe with existing theme
   ========================================================= */

.gbt-flow{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Base surface: subtle gradient + depth */
.gbt-surface{
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

/* Continuous background bridge (helps “one-page” feel) */
.gbt-surface.gbt-flow::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-1px;
  height:120px;
  background: radial-gradient(1200px 120px at 50% 0%,
    rgba(95,120,255,.10), transparent 70%);
  z-index:0;
  pointer-events:none;
}

/* section bottom soft fade to connect to next */
.gbt-surface.gbt-flow::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-1px;
  height:140px;
  background: radial-gradient(1000px 140px at 50% 100%,
    rgba(120,80,255,.10), transparent 70%);
  z-index:0;
  pointer-events:none;
}

/* Keep real content above */
.gbt-flow > .container,
.gbt-flow > .container-fluid{
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------
   Unique shapes per section (different, but consistent)
   --------------------------------------------------------- */

.gbt-surface--1 .container,
.gbt-surface--2 .container-fluid,
.gbt-surface--3 .container,
.gbt-surface--4 .container-fluid{
  position: relative;
}

/* Shape layer */
.gbt-surface--1::marker{ content:""; } /* harmless */
.gbt-surface--1 .container::before,
.gbt-surface--2 .container-fluid::before,
.gbt-surface--3 .container::before,
.gbt-surface--4 .container-fluid::before{
  content:"";
  position:absolute;
  inset:-40px -20px auto -20px;
  height:260px;
  z-index:0;
  pointer-events:none;
  opacity:.9;
  filter: blur(0px);
}

/* 1) Process: soft blob + ring */
.gbt-surface--1 .container::before{
  background:
    radial-gradient(140px 140px at 12% 35%, rgba(92,114,255,.16), transparent 70%),
    radial-gradient(180px 180px at 78% 30%, rgba(164,110,255,.14), transparent 75%),
    radial-gradient(220px 220px at 88% 70%, rgba(60,200,255,.10), transparent 75%);
}

/* 2) Success Strategy: diagonal aura */
.gbt-surface--2 .container-fluid::before{
  background:
    linear-gradient(135deg, rgba(92,114,255,.14) 0%, transparent 55%),
    radial-gradient(200px 200px at 70% 25%, rgba(164,110,255,.14), transparent 70%),
    radial-gradient(240px 240px at 20% 80%, rgba(60,200,255,.10), transparent 75%);
}

/* 3) Bullet list: gentle center glow */
.gbt-surface--3 .container::before{
  background:
    radial-gradient(260px 260px at 50% 30%, rgba(92,114,255,.14), transparent 70%),
    radial-gradient(220px 220px at 18% 75%, rgba(164,110,255,.10), transparent 75%),
    radial-gradient(220px 220px at 84% 78%, rgba(60,200,255,.10), transparent 75%);
}

/* 4) OL LRCW: bottom lift */
.gbt-surface--4 .container-fluid::before{
  background:
    radial-gradient(300px 240px at 50% 95%, rgba(92,114,255,.14), transparent 70%),
    radial-gradient(220px 220px at 15% 35%, rgba(164,110,255,.12), transparent 75%),
    radial-gradient(220px 220px at 85% 30%, rgba(60,200,255,.10), transparent 75%);
}

/* ---------------------------------------------------------
   Glass card upgrade for your “content” boxes
   Works with existing .content class
   --------------------------------------------------------- */

.gbt-flow .content{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(92,114,255,.14);
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(8,16,40,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.gbt-flow .content:hover{
  transform: translateY(-4px);
  border-color: rgba(120,80,255,.24);
  box-shadow: 0 24px 60px rgba(8,16,40,.12);
}

/* Improve the number badge look */
.search-engine .content .list,
.search-engine .content .list2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(92,114,255,.20), rgba(164,110,255,.18));
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 12px 26px rgba(92,114,255,.12);
}

/* Remove harsh borders feel without breaking existing */
.gbt-flow .border-right,
.gbt-flow .border-bottom{
  border-color: rgba(92,114,255,.12) !important;
}

/* Responsive comfort */
@media(max-width: 768px){
  .gbt-surface.gbt-flow::before{ height: 90px; }
  .gbt-surface.gbt-flow::after{ height: 110px; }
  .gbt-flow .content{ border-radius: 14px; }
}
/* =========================================
   SEO SECTION CLEAN-UP (fix blank cards + huge gaps)
   ========================================= */

/* 1) Make container-fluid behave like container (keeps theme aligned) */
.search-engine.content .container-fluid{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* 2) Kill unnecessary huge vertical gaps */
.search-engine.content .margin-bottom,
.search-engine.content .margin-top,
.search-engine.content .margin-top-40,
.search-engine.content .margin-top-10{
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

/* 3) Fix the “blank card” issue: enforce visible text colors */
.search-engine.content .content,
.search-engine.content .content h2,
.search-engine.content .content h3,
.search-engine.content .content p,
.search-engine.content .content li{
  color: #2c2c2c !important;
}

/* 4) Improve card spacing and remove oversized padding */
.search-engine.content .content{
  padding: 18px 18px !important;
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(92,114,255,.12);
  box-shadow: 0 14px 35px rgba(8,16,40,.06);
}

/* Remove any forced min-heights that create “white boxes” */
.search-engine.content .content,
.search-engine.content .content_inner{
  min-height: auto !important;
  height: auto !important;
}

/* 5) Better typography rhythm */
.search-engine.content .content h2{
  font-size: 18px;
  margin: 8px 0 8px !important;
  line-height: 1.3;
}
.search-engine.content .content p{
  font-size: 14px;
  margin: 0 0 10px !important;
}
.search-engine.content .content ul{
  margin: 10px 0 0 !important;
  padding-left: 0 !important;
}
.responsive-list ul li {
    color: #343434;

}
/* 6) Softer borders (your current border-right/bottom looks harsh) */
.search-engine.content .border-right,
.search-engine.content .border-bottom{
  border-color: rgba(92,114,255,.10) !important;
}

/* 7) Number badges: consistent + theme match */
.search-engine.content .list,
.search-engine.content .list2{
  width: 38px;
  height: 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(92,114,255,.20), rgba(164,110,255,.18));
  border: 1px solid rgba(255,255,255,.60);
  box-shadow: 0 10px 22px rgba(92,114,255,.10);
}

/* Mobile tightening */
@media(max-width: 768px){
  .search-engine.content .content{ padding: 16px !important; }
}
.search-engine.content{
  position: relative;
  overflow: hidden;
}
.search-engine.content::before{
  content:"";
  position:absolute;
  inset:-120px -120px auto -120px;
  height:260px;
  background:
    radial-gradient(280px 220px at 18% 40%, rgba(92,114,255,.12), transparent 70%),
    radial-gradient(300px 260px at 86% 30%, rgba(164,110,255,.10), transparent 75%);
  pointer-events:none;
  z-index:0;
}
.search-engine.content .container-fluid{ position:relative; z-index:2; }


/* =====================================================
   PPC INTRO – VISUAL ENHANCEMENTS (Non-destructive)
   Uses existing classes only, no overrides of base system
===================================================== */

/* Soft background glow shapes */
.gbt-hasShapes--ppcIntro::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  left:-120px;
  top:40px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(43,92,255,.25), rgba(43,92,255,0) 70%);
  pointer-events:none;
}

.gbt-hasShapes--ppcIntro::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-150px;
  bottom:-120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(100,181,246,.28), rgba(100,181,246,0) 70%);
  pointer-events:none;
}

/* PPC benefit cards look */
.gbt-hasShapes--ppcIntro .gbt-list__item{
  background:#fff;
  border:1px solid #e6ecf5;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}

.gbt-hasShapes--ppcIntro .gbt-list__item:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(15,23,42,.10);
}

/* Icon pill look */
.gbt-hasShapes--ppcIntro .gbt-list__icon{
  background:#f2f6ff;
  border-radius:10px;
  color:#2b5cff;
  box-shadow:inset 0 0 0 1px rgba(43,92,255,.08);
}

/* Glass card for form */
.gbt-hasShapes--ppcIntro .gbt-formWrap{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border:1px solid rgba(230,236,245,.9);
  box-shadow:0 25px 60px rgba(15,23,42,.12);
}

/* Form focus glow */
.gbt-hasShapes--ppcIntro .gbt-form__control:focus{
  box-shadow:0 0 0 3px rgba(43,92,255,.12);
}

/* CTA button lift */
.gbt-hasShapes--ppcIntro .gbt-form__submit{
  box-shadow:0 14px 28px rgba(43,92,255,.25);
}

.gbt-hasShapes--ppcIntro .gbt-form__submit:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 36px rgba(43,92,255,.32);
}
/* =====================================================
   PPC BANNER – FIX HEIGHT + CONSISTENT LOOK (Overrides only)
   Add this AFTER your existing banner CSS
===================================================== */

/* Standard height + vertical centering */
.banner-inner.pay-per-click-banner{
  min-height: 340px;              /* desktop standard */
  display: flex;
  align-items: center;
  padding: 70px 0;                /* prevents thin/short banner */
  background-position: center center;
  background-size: cover;
}

/* Ensure text stays readable and aligned */
.banner-inner.pay-per-click-banner .banner-txt{
  max-width: 880px;
}

/* Keep heading readable across screens */
.banner-inner.pay-per-click-banner .banner-txt h1{
  line-height: 1.15;
  margin-bottom: 10px;
}

/* Fix overlay if your :before exists (keeps same style, better contrast) */
.banner-inner.pay-per-click-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.10) 100%);
  pointer-events:none;
}

/* Make sure overlay doesn’t hide content */
.banner-inner.pay-per-click-banner .container{
  position: relative;
  z-index: 2;
}

/* Responsive standard heights */
@media (max-width: 991px){
  .banner-inner.pay-per-click-banner{
    min-height: 300px;
    padding: 60px 0;
  }
}

@media (max-width: 767px){
  .banner-inner.pay-per-click-banner{
    min-height: 260px;
    padding: 46px 0;
  }
  .banner-inner.pay-per-click-banner .banner-txt h1{
    font-size: 26px; /* only if your base makes it too big on mobile */
  }
}
/* =====================================================
   PPC “WHY PROFESSIONAL” + FAQ – Enhancement Layer (delta only)
   Scope: .responsive-list3 + .gbt-faq
   Note: I’m not touching global .gbt-list/.btn/.container defaults.
===================================================== */

/* ---------- WHY PROFESSIONAL SECTION (blue panel look) ---------- */
.responsive-list3{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, #0b5fd7 0%, #0a4fb3 55%, #08408f 100%);
  box-shadow: 0 18px 44px rgba(2, 6, 23, .18);
}

.responsive-list3 .container{
  position: relative;
  z-index: 2;
}

.responsive-list3::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 12% 28%, rgba(255,255,255,.18), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 86% 18%, rgba(0, 255, 214, .10), rgba(0,255,214,0) 44%),
    radial-gradient(circle at 78% 84%, rgba(255, 200, 0, .10), rgba(255,200,0,0) 46%);
  pointer-events:none;
}

.responsive-list3 h2{
  color: #fff;
  letter-spacing: .2px;
}

.responsive-list3 .semi-bold2{
  color: rgba(255,255,255,.92);
}

.responsive-list3 .gbt-list__item{
    color: #ffffff;
  box-shadow: none;
}

.responsive-list3 .gbt-list__icon{
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.responsive-list3 .img-center1{
  filter: drop-shadow(0 20px 26px rgba(2, 6, 23, .22));
  transform: translateY(6px);
}

/* spacing control without touching your existing margins */
.responsive-list3 .row.margin-top-10{
  padding: 34px 10px;
}

/* ---------- FAQ SECTION (button-grid look like screenshot) ---------- */
.gbt-faq{
  position: relative;    padding: 60px 0 100px 0;
}

.gbt-faq.gbt-hasShapes::before{
  content:"";
  position:absolute;
  width: 360px;
  height: 360px;
  right: -140px;
  top: -140px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(43,92,255,.14), rgba(43,92,255,0) 68%);
  pointer-events:none;
}

.gbt-faq__title{
  letter-spacing: .2px;
}

/* remove “card” feel; make them look like boxed question buttons */
.gbt-faq .accordion-item{
  border: 0;
  background: transparent;
}

.gbt-faq .accordion-header{
  margin: 0;
      font-size: 18px;
    font-weight: 200;
}

.gbt-faq .accordion-button{
  width: 100%;
  text-align: left;
  border-radius: 10px;
  border: 1px solid #d7deea;
  background: #fff;
  padding: 12px 44px 12px 14px;
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
}

.gbt-faq .accordion-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(15,23,42,.08);
  border-color: #c7d3ea;
}
.p-t-b-5{
    padding:80px 0;
}
/* plus icon on right like “expand” */
.gbt-faq .accordion-button::after{
  content:"+";
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f3f6fb;
  color: #1f2a37;
  font-weight: 700;
}

/* when open -> show minus */
.gbt-faq .accordion-button:not(.collapsed)::after{
  content:"–";
}

/* answer panel */
.gbt-faq .accordion-collapse{
  border: 0;
}

.gbt-faq .accordion-body{
  margin-top: 8px;
  border-radius: 10px;
  border: 1px solid #e6ecf5;
  background: #fff;
  box-shadow: 0 10px 22px rgba(15,23,42,.05);
}

/* Tighten spacing between Q blocks */
.gbt-faq .accordion-item.mb-3{
  margin-bottom: 12px !important;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 767px){
  .responsive-list3 .row.margin-top-10{
    padding: 26px 8px;
  }
  .responsive-list3 .img-center1{
    transform: none;
    margin-top: 14px;
  }
}
  /* -----------------------------
     THEME TOKENS (match your site)
  ------------------------------ */
  :root{
    --gbt-ink:#0b1220;
    --gbt-muted:#5b677a;
    --gbt-surface:#ffffff;
    --gbt-line:rgba(17, 24, 39, .08);

    /* accent blend (teal + purple like your screenshots) */
    --gbt-a1:#16c7b9;
    --gbt-a2:#6d28d9;
    --gbt-a3:#2563eb;

    --gbt-radius:18px;
    --gbt-shadow:0 18px 48px rgba(2, 10, 25, .12);
    --gbt-shadow2:0 10px 22px rgba(2, 10, 25, .10);
  }

  /* -----------------------------
     BACKGROUND CONTINUITY WRAPPER
  ------------------------------ */
  .gbt-smm-wrap{ position:relative; overflow:hidden; }
  .gbt-smm-wrap::before{
    content:"";
    position:absolute; inset:-220px -120px auto -120px;
    height:520px;
    background:
      radial-gradient(520px 240px at 12% 18%, rgba(22,199,185,.25), transparent 70%),
      radial-gradient(520px 240px at 88% 20%, rgba(109,40,217,.22), transparent 70%),
      radial-gradient(420px 200px at 72% 82%, rgba(37,99,235,.16), transparent 70%);
    pointer-events:none;
    z-index:0;
    filter:saturate(1.05);
  }
  .gbt-smm-wrap::after{
    content:"";
    position:absolute; inset:auto -120px -260px -120px;
    height:520px;
    background:
      radial-gradient(520px 260px at 18% 70%, rgba(109,40,217,.16), transparent 72%),
      radial-gradient(520px 260px at 85% 75%, rgba(22,199,185,.14), transparent 72%);
    pointer-events:none;
    z-index:0;
  }
  .gbt-smm-wrap > *{ position:relative; z-index:1; }

  /* -----------------------------
     BANNER (consistent height + button)
  ------------------------------ */
  .social-media-marketing-banner{
    position:relative;
    min-height:280px;
    display:flex;
    align-items:center;
    padding:70px 0 64px;
  }
  .social-media-marketing-banner::before{
    content:"";
    position:absolute; inset:0;
    background:
      linear-gradient(90deg, rgba(3,7,18,.78) 0%, rgba(3,7,18,.55) 48%, rgba(3,7,18,.30) 100%),
      radial-gradient(900px 360px at 70% 35%, rgba(22,199,185,.18), transparent 60%),
      radial-gradient(860px 340px at 35% 20%, rgba(109,40,217,.18), transparent 60%);
    pointer-events:none;
  }
  .social-media-marketing-banner .banner-txt{ max-width:860px; margin:0 auto; }
  .social-media-marketing-banner .banner-txt h2{
    color:#fff;
    font-weight:800;
    letter-spacing:.2px;
    margin:0 0 10px;
    font-size:42px;
    line-height:1.12;
  }
  .social-media-marketing-banner .banner-txt p{ color:rgba(255,255,255,.88); }
  .gbt-btn-gradient{
    border:0 !important;
    background:linear-gradient(90deg, var(--gbt-a2), var(--gbt-a3));
    color:#fff !important;
    box-shadow:0 12px 26px rgba(109,40,217,.25);
    border-radius:999px;
    padding:12px 22px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transform:translateZ(0);
  }
  .gbt-btn-gradient:hover{ filter:brightness(1.05); box-shadow:0 14px 30px rgba(109,40,217,.30); }

  /* -----------------------------
     SECTION HEAD
  ------------------------------ */
  .gbt-smm-head{
    max-width:920px;
    margin:0 auto 18px;
  }
  .gbt-smm-kicker{
    display:inline-flex;
    gap:10px;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(109,40,217,.08);
    color:#3b2a7a;
    font-weight:700;
    font-size:13px;
  }
  .gbt-smm-kicker::before{
    content:"";
    width:10px; height:10px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--gbt-a1), var(--gbt-a2));
  }

  /* -----------------------------
     GLASS CARD (for content blocks)
  ------------------------------ */
  .gbt-glassCard{
    border-radius:var(--gbt-radius);
    background:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.38);
    box-shadow:var(--gbt-shadow2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding:22px 22px;
  }
  .gbt-glassCard--tight{ padding:18px 18px; }
  .gbt-softLine{ border-top:1px solid var(--gbt-line); margin:14px 0; }

  /* -----------------------------
     ICON BULLETS (keep your .bullets but improve look)
  ------------------------------ */
  .gbt-bullets{ margin:14px 0 0; padding-left:0; list-style:none; }
  .gbt-bullets li{
    position:relative;
    padding:12px 12px 12px 46px;
    border-radius:14px;
    background:rgba(255,255,255,.55);
    border:1px solid rgba(17,24,39,.06);
    margin-bottom:10px;
  }
  .gbt-bullets li::before{
    content:"";
    position:absolute;
    left:14px; top:14px;
    width:22px; height:22px;
    border-radius:8px;
    background:linear-gradient(135deg, rgba(22,199,185,.95), rgba(109,40,217,.95));
    box-shadow:0 10px 22px rgba(22,199,185,.18);
  }
  .gbt-bullets li::after{
    content:"";
    position:absolute;
    left:20px; top:20px;
    width:10px; height:10px;
    border-radius:3px;
    background:rgba(255,255,255,.92);
    transform:rotate(45deg);
  }

  /* -----------------------------
     IMAGE FRAME (to match modern cards)
  ------------------------------ */
  .gbt-imgFrame{
    position:relative;
    border-radius:22px;
    overflow:hidden;

  }
  .gbt-imgFrame::before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(420px 220px at 30% 20%, rgba(22,199,185,.22), transparent 62%),
      radial-gradient(420px 220px at 80% 70%, rgba(109,40,217,.20), transparent 62%);
    pointer-events:none;
    z-index:0;
  }
  .gbt-imgFrame img{ position:relative; z-index:1; width:100%; height:auto; display:block; }

  /* -----------------------------
     REVEAL (SAFE): visible by default, hidden only when JS adds html.gsap-ready
  ------------------------------ */
  .gbt-reveal{ opacity:1; transform:none; }
  html.gsap-ready .gbt-reveal{ opacity:0; transform: translateY(16px); }

  /* small responsive */
  @media (max-width: 768px){
    .social-media-marketing-banner{ padding:56px 0 52px; min-height:auto; }
    .social-media-marketing-banner .banner-txt h2{ font-size:32px; }
  }
  /* =========================================
   WHY SMM WORKS — PANEL UPGRADE
   (keeps existing classes intact)
========================================= */

/* section padding + backdrop continuity */
.responsive-list.responsive-list3{
  position: relative;
  overflow: hidden;
  padding: 26px 0;
}

/* the blue panel container */
.responsive-list.responsive-list3 .container{
  position: relative;
  border-radius: 14px;
  padding: 34px 34px;

}

/* soft glow borders (subtle) */
.responsive-list.responsive-list3 .container::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events:none;
  border: 1px solid rgba(255,255,255,.12);
}

/* small floating shapes (different every section possible by changing IDs if you want later) */
.responsive-list.responsive-list3::before{
  content:"";
  position:absolute;
  width: 320px;
  height: 320px;
  left: -120px;
  top: -120px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%);
  filter: blur(1px);
  opacity: .9;
}
.responsive-list.responsive-list3::after{
  content:"";
  position:absolute;
  width: 420px;
  height: 260px;
  right: -160px;
  bottom: -120px;
  background: radial-gradient(circle at 30% 30%, rgba(0,255,220,.12), transparent 60%);
  filter: blur(1px);
  opacity: .9;
}

/* text colors on blue */
.responsive-list.responsive-list3 h2{
  color: #ffffff;
  margin-bottom: 12px;
}
.responsive-list.responsive-list3 .semi-bold2{
  color: rgba(255,255,255,.86);
  line-height: 1.7;
}

/* bullets: modern tick style */
.responsive-list.responsive-list3 .bullets{
  margin-top: 16px;
  padding-left: 0;
}
.responsive-list.responsive-list3 .bullets li{
  list-style: none;
  position: relative;
  padding: 10px 12px 10px 40px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
}
.responsive-list.responsive-list3 .bullets li::before{
  content:"";
  position:absolute;
  left: 14px;
  top: 12px;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(0,255,220,.9), rgba(140,90,255,.9));
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
}
.responsive-list.responsive-list3 .bullets li strong{
  color: #ffffff;
}

/* image frame like screenshot */
.responsive-list.responsive-list3 .img-center1{
  border-radius: 12px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 44px rgba(2,10,25,.18);
  padding: 12px;
}

/* spacing on small screens */
@media (max-width: 767px){
  .responsive-list.responsive-list3 .container{
    padding: 22px 16px;
  }
  .responsive-list.responsive-list3 .img-center1{
    margin-top: 16px;
  }
}
/* =========================
   GBT Theme: Strategy Block
   ========================= */

.gbt-bg-flow{
  position: relative;
  overflow: hidden;
}

.gbt-hero{
  position: relative;
}

.gbt-hero__bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.gbt-hero__content{
  position: relative;
  z-index: 2;
}

.gbt-hero__title{
  letter-spacing: 0.2px;
}

.gbt-hero__sub{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.gbt-section{
  position: relative;
  isolation: isolate;
}

.gbt-section__head{
  margin-bottom: 22px;
}

.gbt-section__intro{
  max-width: 980px;
}

.gbt-row{
  margin-top: 26px;
}

.gbt-glass{
  border-radius: 16px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.gbt-card{
  padding: 20px 18px;
  position: relative;
}

.gbt-card__title{
  margin-top: 0;
  margin-bottom: 10px;
}

.gbt-card--soft::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(79,70,229,0.18), rgba(14,165,233,0.12), rgba(34,197,94,0.10));
  z-index: -1;
}

.gbt-card--accent::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(236,72,153,0.14), rgba(99,102,241,0.16), rgba(14,165,233,0.12));
  z-index: -1;
}

.gbt-card--grid{
  background-image:
    radial-gradient(circle at 20% 20%, rgba(99,102,241,0.16), transparent 45%),
    radial-gradient(circle at 80% 30%, rgba(14,165,233,0.14), transparent 46%),
    radial-gradient(circle at 70% 85%, rgba(34,197,94,0.12), transparent 48%);
  background-color: rgba(255,255,255,0.72);
}

.gbt-bullets{
  margin-top: 10px;
}

.gbt-bullets li{
  margin-bottom: 10px;
}

.gbt-bullets--twoCol{
  column-count: 2;
  column-gap: 22px;
}

@media (max-width: 767px){
  .gbt-bullets--twoCol{
    column-count: 1;
  }
}

.gbt-note{
  margin-top: 12px;
}

.gbt-highlight{
  margin-bottom: 6px;
}

.gbt-media{
  padding: 10px;
}

.gbt-media__img{
  border-radius: 12px;
}

/* Steps */
.gbt-steps{
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}

.gbt-step{
  display: flex;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(2, 6, 23, 0.07);
}

.gbt-step:last-child{
  border-bottom: 0;
}

.gbt-step__num{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: rgba(79,70,229,0.14);
  color: #2b2b6e;
}

.gbt-step__body span{
  display: block;
  opacity: 0.85;
  margin-top: 2px;
}

.gbt-btn--glow{
  position: relative;
}

.gbt-btn--glow::after{
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 14px;
  background: radial-gradient(circle at 30% 30%, rgba(99,102,241,0.25), transparent 55%);
  z-index: -1;
}

/* Background continuity + unique shapes */
.gbt-shape{
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
  filter: blur(0.2px);
}

.gbt-shape--a{
  width: 320px; height: 320px;
  left: -120px; top: -110px;
  border-radius: 40% 60% 55% 45% / 50% 45% 55% 50%;
  background: radial-gradient(circle at 30% 35%, rgba(99,102,241,0.35), rgba(99,102,241,0) 60%);
}

.gbt-shape--b{
  width: 220px; height: 220px;
  right: -90px; top: 40px;
  border-radius: 58% 42% 35% 65% / 55% 45% 55% 45%;
  background: radial-gradient(circle at 45% 45%, rgba(14,165,233,0.30), rgba(14,165,233,0) 62%);
}

.gbt-shape--c{
  width: 260px; height: 260px;
  left: 12%; bottom: -140px;
  border-radius: 62% 38% 58% 42% / 45% 58% 42% 55%;
  background: radial-gradient(circle at 40% 40%, rgba(34,197,94,0.22), rgba(34,197,94,0) 64%);
}

.gbt-shape--d{
  width: 180px; height: 180px;
  right: 18%; bottom: -90px;
  border-radius: 45% 55% 60% 40% / 58% 42% 55% 45%;
  background: radial-gradient(circle at 40% 40%, rgba(236,72,153,0.20), rgba(236,72,153,0) 65%);
}

.gbt-shape--e{
  width: 520px; height: 520px;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(15,23,42,0.10), rgba(15,23,42,0) 60%);
  opacity: 0.55;
}

.gbt-shape--f{
  width: 260px; height: 260px;
  left: -120px; top: 140px;
  border-radius: 70% 30% 45% 55% / 50% 60% 40% 50%;
  background: radial-gradient(circle at 40% 40%, rgba(99,102,241,0.16), rgba(99,102,241,0) 70%);
  opacity: 0.65;
}

.gbt-shape--g{
  width: 240px; height: 240px;
  right: -110px; top: 360px;
  border-radius: 35% 65% 55% 45% / 55% 45% 60% 40%;
  background: radial-gradient(circle at 45% 45%, rgba(14,165,233,0.14), rgba(14,165,233,0) 70%);
  opacity: 0.7;
}

.gbt-shape--h{
  width: 420px; height: 420px;
  right: 8%; bottom: -220px;
  border-radius: 50% 50% 45% 55% / 55% 45% 50% 50%;
  background: radial-gradient(circle at 35% 35%, rgba(34,197,94,0.10), rgba(34,197,94,0) 70%);
  opacity: 0.65;
}

/* Reveal: IMPORTANT - content should be visible even without GSAP */
.gbt-reveal{
  opacity: 1;
  transform: none;
  will-change: transform, opacity;
}
.concepts .flex-wrapper .flex-content ul li {

    padding-left: 47px;
}
@media (prefers-reduced-motion: reduce){
  .gbt-reveal{
    opacity: 1 !important;
    transform: none !important;
  }
}
/* =========================
   CTA - Start Project
   ========================= */

.gbt-cta{
  position: relative;
  overflow: hidden;
  padding: 34px 0;
  background: rgba(2,6,23,0.02);
}

.gbt-cta__wrap{
  position: relative;
  padding: 34px 34px 40px;
  border-radius: 16px;
}

.gbt-cta__text{
  max-width: 720px;
}

.gbt-cta__title{
  margin: 0 0 6px;
  letter-spacing: 0.2px;
}

.gbt-cta__sub{
  margin: 0;
  opacity: 0.9;
}

.gbt-cta__btn{
  min-width: 240px;
  text-align: center;
  letter-spacing: 0.6px;
  border-radius: 10px;
  box-shadow: 0 16px 35px rgba(15,23,42,0.14);
}

.gbt-cta__line{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  height: 2px;
  background: linear-gradient(90deg, rgba(79,70,229,0), rgba(79,70,229,0.95), rgba(79,70,229,0));
  opacity: 0.9;
}

/* Button shine (no inline) */
.gbt-btn--shine{
  position: relative;
  overflow: hidden;
}

.gbt-btn--shine::after{
  content: "";
  position: absolute;
  top: -30%;
  left: -40%;
  width: 50%;
  height: 160%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.25), rgba(255,255,255,0));
  opacity: 0.9;
  transition: transform 0.6s ease;
}

.gbt-btn--shine:hover::after{
  transform: translateX(260%) rotate(18deg);
}

/* CTA shapes (unique, consistent theme) */
.gbt-shape--ctaA{
  width: 320px;
  height: 320px;
  left: -150px;
  top: -170px;
  border-radius: 40% 60% 50% 50% / 55% 45% 55% 45%;
  background: radial-gradient(circle at 35% 35%, rgba(99,102,241,0.18), rgba(99,102,241,0) 65%);
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
}

.gbt-shape--ctaB{
  width: 260px;
  height: 260px;
  right: -130px;
  bottom: -170px;
  border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
  background: radial-gradient(circle at 40% 40%, rgba(14,165,233,0.16), rgba(14,165,233,0) 68%);
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 767px){
  .gbt-cta__wrap{
    padding: 22px 18px 34px;
  }

  .gbt-cta__btn{
    float: none !important;
    display: inline-block;
    margin-top: 14px;
    min-width: 100%;
  }

  .gbt-cta__text{
    float: none !important;
    max-width: 100%;
  }
}
/* =========================
   Business Consulting - Modern layer (no inline)
   ========================= */

.gbt-bg-flow{
  position: relative;
  overflow: hidden;
}

.gbt-shape{
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
}

.gbt-shape--a{
  width: 360px;
  height: 360px;
  left: -160px;
  top: 90px;
  border-radius: 40% 60% 55% 45% / 55% 45% 55% 45%;
  background: radial-gradient(circle at 35% 35%, rgba(99,102,241,0.14), rgba(99,102,241,0) 65%);
}

.gbt-shape--b{
  width: 320px;
  height: 320px;
  right: -150px;
  bottom: 120px;
  border-radius: 60% 40% 45% 55% / 45% 55% 40% 60%;
  background: radial-gradient(circle at 40% 40%, rgba(14,165,233,0.12), rgba(14,165,233,0) 68%);
}

.gbt-consulting{
  padding-top: 70px;
}

.gbt-card{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(15,23,42,0.08);
  border: 1px solid rgba(15,23,42,0.06);
  padding: 22px 22px;
  margin-bottom: 22px;
}

.gbt-card--soft{
  background: linear-gradient(180deg, rgba(99,102,241,0.05), rgba(14,165,233,0.03));
  border: 1px solid rgba(99,102,241,0.10);
}

.gbt-consulting__hero{
  margin-top: 10px;
}

.gbt-consulting__points{
  margin-top: 14px;
}

.gbt-mini{
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 12px;
  padding: 14px 14px;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06);
  height: 100%;
}

.gbt-mini__head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.gbt-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.gbt-dot--1{ background: rgba(99,102,241,0.95); }
.gbt-dot--2{ background: rgba(14,165,233,0.95); }
.gbt-dot--3{ background: rgba(168,85,247,0.95); }

.gbt-mini__title{
  margin: 0;
  font-weight: 700;
}

.gbt-mini__text{
  margin: 0;
  opacity: 0.92;
}

.gbt-card__title{
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 800;
}

.gbt-list{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.gbt-list__item{
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(15,23,42,0.06);
}

.gbt-list__item:first-child{
  border-top: 0;
  padding-top: 0;
}

.gbt-bullet{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 6px;
  background: rgba(99,102,241,0.9);
  flex: 0 0 10px;
}

.gbt-list__title{
  margin: 0 0 2px;
  font-weight: 700;
}

.gbt-list__text{
  margin: 0;
  opacity: 0.92;
}

.gbt-process{
  margin-top: 8px;
  padding-top: 18px;
}

.gbt-tabs__content{
  margin-top: 10px;
}

.gbt-tabcard{
  background: #fff;

  padding: 18px 18px;
}

.gbt-check{
  margin: 10px 0 0;
  padding-left: 18px;
}

.gbt-check li{
  margin: 6px 0;
}

/* Reveal helper (safe defaults) */
.gbt-reveal{
  will-change: transform, opacity;
}

/* Mobile */
@media (max-width: 767px){
  .gbt-card{
    padding: 16px 14px;
  }
  .gbt-mini{
    margin-bottom: 12px;
  }
}
/* =========================
   Start Project CTA - upgraded
   ========================= */

.start-project{
  background: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 46px 0;
}

/* subtle themed backdrop */
.start-project:before{
  content: "";
  position: absolute;
  left: -120px;
  top: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(92, 43, 226, 0.12), rgba(92, 43, 226, 0) 65%);
  pointer-events: none;
}

.start-project:after{
  content: "";
  position: absolute;
  right: -160px;
  bottom: -170px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(0, 185, 255, 0.10), rgba(0, 185, 255, 0) 70%);
  pointer-events: none;
}

/* inner card look */
.start-project .content{
  position: relative;
  background: #f7f8fb;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 14px;
  padding: 34px 34px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}


/* typography */
.start-project .text-content h2{
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -0.3px;
}

.start-project .text-content p{
  margin: 0;
  font-size: 16px;
  opacity: 0.9;
}

/* button refinement (keeps your btn-fill class) */
.start-project .btn.btn-fill{
  padding: 14px 26px;
  border-radius: 10px;
  font-weight: 700;    color: #fff;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  box-shadow: 0 12px 25px rgba(92, 43, 226, 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.start-project .btn.btn-fill:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(92, 43, 226, 0.28);
  filter: brightness(1.02);
}

.start-project .btn.btn-fill:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(92, 43, 226, 0.18), 0 16px 32px rgba(92, 43, 226, 0.22);
}

/* alignment */
.start-project .pull-left{
  max-width: 70%;
}

.start-project .pull-right{
  margin-top: 6px;
}

/* responsive */
@media (max-width: 767px){
  .start-project{
    padding: 26px 0;
  }

  .start-project .content{
    padding: 22px 16px;
  }

  .start-project .pull-left,
  .start-project .pull-right{
    float: none !important;
    max-width: 100%;
  }

  .start-project .pull-right{
    display: inline-block;
    margin-top: 14px;
    width: 100%;
    text-align: center;
  }

  .start-project .btn.btn-fill{
    width: 100%;
  }

  .start-project .content:after{
    left: 16px;
    right: 16px;
  }
}
.start-project{
  background:#ffffff;
  padding:46px 0;
}

.start-project .gbt-cta__card{
  background:#f7f8fb;
  border:1px solid rgba(15,23,42,0.06);
  border-radius:14px;
  padding:34px;
  box-shadow:0 18px 45px rgba(15,23,42,0.08);
  position:relative;
  overflow:hidden;
}

.start-project .gbt-cta__card:after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:0;
  height:3px;
  border-radius:3px;
  background:linear-gradient(90deg, rgba(92,43,226,1), rgba(0,185,255,1));
}

.start-project .gbt-cta__row{
  display:flex;
  align-items:center;
}

.start-project .gbt-cta__text h2{
  margin:0 0 8px;
  font-weight:800;
  letter-spacing:-0.3px;
}

.start-project .gbt-cta__text p{
  margin:0;
  font-size:16px;
  opacity:0.9;
}

/* Right column button alignment */
.start-project .gbt-cta__action{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

/* Button refine (still uses your btn-fill) */
.start-project .gbt-cta__btn{
  padding:14px 26px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:0.4px;
  text-transform:uppercase;
  box-shadow:0 12px 25px rgba(92,43,226,0.22);
  transition:transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.start-project .gbt-cta__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(92,43,226,0.28);
  filter:brightness(1.02);
}

/* Mobile stacking */
@media (max-width: 767px){
  .start-project{ padding:26px 0; }

  .start-project .gbt-cta__card{
    padding:22px 16px;
  }

  .start-project .gbt-cta__row{
    display:block;
  }

  .start-project .gbt-cta__action{
    justify-content:flex-start;
    margin-top:14px;
  }

  .start-project .gbt-cta__btn{
    width:100%;
    text-align:center;
  }

  .start-project .gbt-cta__card:after{
    left:16px;
    right:16px;
  }
}
/* =======================
  Content Writing (Add to app3.css)
  - No inline styles
  - Keeps your theme; only adds gbt-* enhancements
======================= */

.gbt-banner__title{
  margin:0 0 10px;
}

.gbt-sectionHead--tight{
  margin-top:18px;
}

.gbt-split{
  margin-top:10px;
}

.gbt-media{
  border-radius:14px;
  overflow:hidden;
}

.gbt-media__img{
  width:100%;
  height:auto;
  display:block;
}

.gbt-copy__title{
  margin-top:0;
}

.gbt-copy__text{
  margin-bottom:12px;
}

.gbt-bullets{
  margin:14px 0 0;
}

.gbt-offerGrid{
  margin-top:14px;
}

.gbt-card{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.08);
  border-radius:14px;
  padding:18px 18px 16px;
  box-shadow:0 14px 34px rgba(15,23,42,0.06);
  height:100%;
}

.gbt-card--offer{
  min-height:260px;
}

.gbt-card--muted{
  background:#f7f8fb;
}

.gbt-card__title{
  margin:0 0 10px;
}

.gbt-card__text{
  margin:0 0 12px;

}

.gbt-miniList{
  margin:0;
  padding-left:18px;
}

.gbt-miniList li{
  margin:6px 0;
}

.gbt-split--reverse{
  margin-top:18px;
}

@media (max-width: 767px){
  .gbt-card--offer{
    min-height:auto;
  }
}
.concepts .flex-wrapper .flex-content p, .gbt-card__text {
    margin-bottom: 25px;
    text-align: left;
    color: #6b6b6b!important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-size: 30px;
    color: inherit;
    text-align: left;
    position: relative;
    letter-spacing: inherit;
    padding-bottom: inherit;
    text-transform: inherit;
    margin-bottom: 20px;
    font-weight: inherit;
    font-family: inherit;
    animation: anim_tab_rht 4s ease;
    z-index: 99;
    margin-top: unset;
}
/* Main body text inside content cards */
.gbt-card__text{
  font-size: 15px;
  line-height: 1.65;
  color: #3b4455;                 /* softer than pure black */
  margin: 0 0 14px;
  letter-spacing: 0.2px;
  font-weight: 400;
}

/* Improve readability on large screens */
@media (min-width: 1200px){
  .gbt-card__text{
    font-size: 16px;
    line-height: 1.7;
  }
}

/* For dark cards if you use them later */
.gbt-card--dark .gbt-card__text{
  color: rgba(255,255,255,0.88);
}
.gbt-card__title{
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 8px;
  letter-spacing: 0.2px;
}

.gbt-card--dark .gbt-card__title{
  color: #ffffff;
}
.gbt-card__desc,.gbt-card__text {
font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    color: #5f6b7a !important;
    text-transform: unset !important;
    /* font-family: aun !important; */
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px!important;
}
/* ✅ BANNER: match your site’s consistent height + spacing (no inline styles) */
.domain-hosting-banner{
  background-size: cover;
  background-position: center;
  position: relative;
}

.domain-hosting-banner:before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.55);
}

.domain-hosting-banner .container{
  position: relative;
  z-index: 2;
}

.domain-hosting-banner.banner-inner{
  min-height: 320px;
  display: flex;
  align-items: center;
}

.domain-hosting-banner .banner-txt{
  max-width: 720px;
}

.domain-hosting-banner .banner-txt h1{
  margin: 0 0 12px;
}

.domain-hosting-banner .banner-txt .semi-bold{
  margin: 0 0 18px;
}

/* ✅ SECTION BACKGROUND CONTINUITY + subtle “theme shapes” */
.gbt-service.gbt-hasShapes{
  position: relative;
}

.gbt-hasShapes--hostingIntro:before,
.gbt-hasShapes--hostingIntro:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius: 999px;
  opacity: 0.16;
  filter: blur(0px);
}

.gbt-hasShapes--hostingIntro:before{
  width: 420px;
  height: 420px;
  left: -180px;
  top: -120px;
  background: radial-gradient(circle at 30% 30%, rgba(77,69,255,0.55), rgba(77,69,255,0));
}

.gbt-hasShapes--hostingIntro:after{
  width: 520px;
  height: 520px;
  right: -220px;
  bottom: -220px;
  background: radial-gradient(circle at 40% 40%, rgba(112,61,255,0.40), rgba(112,61,255,0));
}

/* ✅ CONTENT SPACING */
.gbt-service__head{
  margin-bottom: 18px;
}

.gbt-service__title{
  margin: 0;
}

.gbt-service__subtitle{
  margin: 0 0 12px;
}

/* ✅ LIST: modern, consistent bullets (works with your icon font) */
.gbt-list{
  list-style: none;
  padding: 0;
  margin: 18px 0 16px;
}

.gbt-list__item{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(15,23,42,0.08);
}

.gbt-list__item:last-child{
  border-bottom: 0;
}

.gbt-list__icon{
  font-size: 18px;
  line-height: 1;
  margin-top: 2px;
  color: #4b2bd6; /* keep theme purple */
}

/* ✅ FORM COLUMN “card feel” without touching your existing form HTML */
.gbt-service__col--form .gbt-formWrap{
  border-radius: 14px;
  overflow: hidden;
}

/* ✅ RESPONSIVE: keep balance */
@media (max-width: 991px){
  .domain-hosting-banner.banner-inner{
    min-height: 280px;
  }
}

@media (max-width: 767px){
  .domain-hosting-banner.banner-inner{
    min-height: 260px;
  }
  .domain-hosting-banner .banner-txt{
    max-width: 100%;
  }
  .gbt-list__item{
    padding: 9px 0;
  }
}
/* ===== Hosting Features: dark overlay like screenshot ===== */
.hosting-features.main {
  position: relative;
  overflow: hidden;
  background: #0b0f1a; /* fallback */
  padding: 70px 0;
}

/* Background image + overlay gradient */
.hosting-features.main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/your-hosting-bg.jpg") center/cover no-repeat;
  z-index: 0;
}

/* Left-to-right dark overlay (THIS is what you're missing) */


/* Keep content above overlays */
.hosting-features.main .container {
  position: relative;
  z-index: 2;
}

/* Heading/text to be readable on dark bg */
.hosting-features.main .hosting-content .b-clor,
.hosting-features.main .hosting-content .regular-text {
  color: #fff;
}

.hosting-features.main .dark-line {
  border-color: rgba(255, 255, 255, 0.35);
}

/* ===== Cards style (semi transparent like screenshot) ===== */
.gbt-hostingCard {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  padding: 22px 22px;
  margin-bottom: 22px;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.gbt-hostingCard:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

.hosting-features.main .hosting-features-inner h3 {
  color: #fff;
  margin-top: 0;
}

.hosting-features.main .hosting-features-inner span {
  display: block;
  color: rgba(255, 255, 255, 0.85);
  margin: 9px 0;
  line-height: 1.45;
}

.hosting-features.main .gbt-hostingCard > i {
  display: inline-block;
  font-size: 28px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.9);
}

/* Icon inside each line */
.hosting-features.main .hosting-features-inner span i {
  margin-right: 10px;
  opacity: 0.9;
}

/* Mobile spacing */
@media (max-width: 767px) {
  .hosting-features.main {
    padding: 55px 0;
  }
}
/* ===== Hosting Offerings redesign ===== */
.gbt-hostingOfferings {
  padding: 70px 0;
}

.gbt-hostingOfferings__head {
  margin-bottom: 30px;
}

.gbt-hostingOfferings__grid {
  margin-top: 25px;
}

.gbt-offerCard {
  background: #ffffff;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  margin-bottom: 22px;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.gbt-offerCard:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
}

.gbt-offerCard__top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.gbt-offerCard__icon {
  font-size: 26px;
  color: #4f2bd6; /* your purple vibe */
}

.gbt-offerCard__title {
  margin: 0;
  font-weight: 700;
}

.gbt-offerCard__note {
  margin-top: 12px;
  color: rgba(17, 24, 39, 0.75);
}

/* checklist */
.gbt-checklist {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}

.gbt-checklist__item {
  position: relative;
  padding-left: 26px;
  margin: 10px 0;
  line-height: 1.5;
  color: rgba(17, 24, 39, 0.85);
}

.gbt-checklist__item:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #4f2bd6;
  font-weight: 700;
}

/* Why block */
.gbt-hostingWhy {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid rgba(17, 24, 39, 0.10);
}

.gbt-hostingWhy__head {
  margin-bottom: 20px;
}

.gbt-whyCard {
  background: linear-gradient(180deg, rgba(79, 43, 214, 0.06), rgba(79, 43, 214, 0.02));
  border: 1px solid rgba(79, 43, 214, 0.14);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.gbt-whyCard__title {
  margin-top: 0;
  font-weight: 700;
}

/* bullets */
.gbt-bullets {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}

.gbt-bullets__item {
  padding-left: 18px;
  position: relative;
  margin: 10px 0;
  color: rgba(17, 24, 39, 0.85);
  line-height: 1.55;
}

.gbt-bullets__item:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #4f2bd6;
  font-weight: 900;
}

/* mobile */
@media (max-width: 767px) {
  .gbt-hostingOfferings {
    padding: 55px 0;
  }
}
/* Hosting plans gradient section */
.responsive-list {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: linear-gradient(
        90deg,
        #043b1f 0%,
        #0a7a3f 45%,
        #012313 100%
    );
}

/* Soft dark overlay to keep text readable */
.responsive-list::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.45) 0%,
        rgba(0,0,0,0.15) 50%,
        rgba(0,0,0,0.55) 100%
    );
    z-index: 1;
}

/* Content should sit above overlay */
.responsive-list .container {
    position: relative;
    z-index: 2;
}

/* Section headings */
.responsive-list h2,
.responsive-list h3 {
    color: #ffffff;
}

/* Body text */
.responsive-list p,
.responsive-list li {
    color: rgba(255,255,255,0.88);
}

/* Hosting lists */
.responsive-list ul {
    padding-left: 0;
    list-style: none;
}

.responsive-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
}

.responsive-list li::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 0;
    color: #7affb2;
    font-size: 20px;
}

/* Glass effect for columns */
.responsive-list .col-sm-6 {
    background: rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 28px 32px;
    backdrop-filter: blur(12px);    margin: 0 2%;
    width: 46%;
    box-shadow: 0 30px 60px rgba(0,0,0,0.35);
}
/* Hosting Features section background (left dark -> right light) */
.hosting-features.main{
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  background: #4a4a4a;
}

/* Optional soft overlay so text stays readable on the light side */
.hosting-features.main::before{
  content:"";
  position:absolute;
  inset:0;
  background:#1d1d1d;
  z-index:0;
}

.hosting-features.main .container{
  position:relative;
  z-index:1;
}

.hosting-features.main .hosting-content h2,
.hosting-features.main .hosting-content p{
  color:#fff;
}

.hosting-features.main .dark-line{
  border-color: rgba(255,255,255,.35);
}

/* Cards */
.hosting-features.main .content{
  position: relative;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
  border-radius: 6px;
  padding: 26px 22px;
  margin-bottom: 22px;
  box-shadow: 0 16px 30px rgba(0,0,0,.18);
}

/* Icon on left */
.hosting-features.main .content > i{
  font-size: 26px;
  color: #7d4dff; /* your purple accent */
  position: absolute;
  left: 22px;
  top: 22px;
}

/* Inner spacing because icon is absolute */
.hosting-features.main .hosting-features-inner{
  padding-left: 44px;
}

.hosting-features.main .hosting-features-inner h3{
  margin: 0 0 12px 0;
  color:#fff;
  font-weight: 600;
  font-size: 18px;
}

/* Feature rows */
.hosting-features.main .hosting-features-inner span{
  display:block;
  color: rgba(255,255,255,.85);
  font-size: 13px;
  line-height: 1.5;
  margin: 8px 0;
  padding-left: 18px;
  position: relative;
}

/* bullet look like screenshot */
.hosting-features.main .hosting-features-inner span::before{
  content:"•";
  position:absolute;
  left: 0;
  top: 0;
  color: rgba(255,255,255,.65);
}

/* Responsive: avoid tight padding */
@media (max-width: 767px){
  .hosting-features.main{ padding: 50px 0; }
  .hosting-features.main .content{ padding: 22px 18px; }
  .hosting-features.main .content > i{ left: 18px; top: 18px; }
  .hosting-features.main .hosting-features-inner{ padding-left: 40px; }
}
/* HERO spacing */
.gbt-contactHero__services { margin-top: 10px; }
.gbt-contactHero__trust { margin-top: 14px; padding-left: 18px; }

/* Form heading layout */
.gbt-contactForm__title { text-align: center; }
.gbt-contactForm__line { max-width: 360px; margin-left: auto; margin-right: auto; }

/* Helper text + privacy text */
.gbt-contactForm__helper { margin-bottom: 14px; text-align: center; }
.gbt-contactForm__privacy { margin-top: 10px; font-size: 13px; text-align: center; }

/* Button alignment like screenshot */
.gbt-contactForm__cta { text-align: center; }
.gbt-contactForm__btn { min-width: 180px; }

/* Right cards visual consistency */
.gbt-contactCard { background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 10px; padding: 18px; }
.gbt-contactCard + .gbt-contactCard { margin-top: 16px; }
.gbt-contactCard__note { font-size: 13px; margin-top: 6px; }

/* Social row */
.gbt-contactCard--social { padding-top: 14px; padding-bottom: 14px; }
.gbt-socialLinks { display: flex; gap: 10px; justify-content: center; }
.gbt-socialLinks li { display: inline-flex; }

/* Errors (no inline display none) */
.gbt-formError { display: none; }
.gbt-formError.is-show { display: block; }
/* ===== Contact Hero ===== */
.gbt-hero--contact { position: relative; overflow: hidden; }
.gbt-hero__content { position: relative; z-index: 2; max-width: 980px; }
.gbt-hero__title { letter-spacing: .2px; }
.gbt-hero__sub { max-width: 720px; }
.gbt-hero__meta { max-width: 980px; margin-top: 10px; opacity: .92; }

.gbt-hero__trust { margin-top: 14px; padding-left: 18px; }
.gbt-hero__trust li { margin: 6px 0; }

/* hero shapes */
.gbt-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.gbt-shape { position: absolute; border-radius: 999px; filter: blur(0); opacity: .28; }
.gbt-shape--a { width: 360px; height: 360px; left: -120px; top: -90px; background: radial-gradient(circle at 30% 30%, rgba(120,120,255,.8), rgba(120,120,255,0)); }
.gbt-shape--b { width: 420px; height: 420px; right: -140px; top: 10px; background: radial-gradient(circle at 40% 40%, rgba(0,220,255,.7), rgba(0,220,255,0)); }
.gbt-shape--c { width: 520px; height: 520px; right: 10%; bottom: -320px; background: radial-gradient(circle at 40% 40%, rgba(180,80,255,.65), rgba(180,80,255,0)); }

/* ===== Contact Section Continuity ===== */
.gbt-contactSection { position: relative; overflow: hidden; }
.gbt-contactSection__container { position: relative; z-index: 2; }
.gbt-sectionGlow { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.gbt-glow { position: absolute; border-radius: 999px; opacity: .22; filter: blur(20px); }
.gbt-glow--1 { width: 520px; height: 520px; left: -240px; top: 10%; background: radial-gradient(circle, rgba(120,120,255,.6), rgba(120,120,255,0)); }
.gbt-glow--2 { width: 620px; height: 620px; right: -260px; top: 18%; background: radial-gradient(circle, rgba(0,220,255,.45), rgba(0,220,255,0)); }
.gbt-glow--3 { width: 540px; height: 540px; left: 25%; bottom: -260px; background: radial-gradient(circle, rgba(180,80,255,.45), rgba(180,80,255,0)); }

/* ===== Heading block ===== */
.gbt-contactHead { text-align: center; margin-bottom: 18px; }
.gbt-contactHead__line { max-width: 340px; margin-left: auto; margin-right: auto; }
.gbt-contactHead__desc { max-width: 860px; margin-left: auto; margin-right: auto; }

/* ===== Glass Cards ===== */
.gbt-glassCard{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(90,90,120,.12);
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(15, 20, 45, .08);
  backdrop-filter: blur(10px);
}

/* Left form */
.gbt-contactForm { padding: 18px; }
.gbt-field { position: relative; }
.gbt-field .form-control { border-radius: 10px; }
.gbt-field--textarea textarea { min-height: 140px; resize: vertical; }
.gbt-privacyNote { margin-top: 10px; font-size: 13px; opacity: .9; text-align: center; }

.gbt-contactCTA { text-align: center; margin-top: 8px; }
.gbt-btnPrimary { min-width: 200px; border-radius: 10px; }

/* Right cards */
.gbt-contactSide { display: grid; gap: 14px; }
.gbt-sideCard { padding: 16px; display: flex; gap: 12px; align-items: flex-start; }
.gbt-sideCard__icon { font-size: 20px; opacity: .9; }
.gbt-sideCard__title { margin: 0 0 6px; }
.gbt-sideCard__main { margin: 0 0 6px; font-weight: 600; }
.gbt-sideCard__note { margin: 0; font-size: 13px; opacity: .9; }

.gbt-sideCard--social { justify-content: center; }
.gbt-socialLinks { display: flex; justify-content: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.gbt-socialLinks a{
  display: inline-flex;
  width: 40px; height: 40px;
  align-items: center; justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(90,90,120,.14);
  background: rgba(255,255,255,.8);
}

/* Outline button for meeting */
.gbt-btnOutline { border-radius: 10px; padding-left: 14px; padding-right: 14px; }

/* Errors */
.gbt-formError { display: none; font-size: 12px; margin-top: 6px; color: #c03232; }
.gbt-formError.is-show { display: block; }

/* Responsive polish */
@media (max-width: 991px){
  .gbt-contactHead { text-align: left; }
  .gbt-contactHead__line { margin-left: 0; }
}
.contact-info-box.gbt-glassCard{
  display: flex;
}
    .dispay-acordian {
        display: unset;
    }
/* ===== HERO (About) ===== */
.gbt-hero--about { position: relative; overflow: hidden; }
.gbt-hero__content { position: relative; z-index: 2; }
.gbt-hero__cta { margin-top: 14px; }
.gbt-btnOutline { border-radius: 10px; }

.gbt-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.gbt-shape { position: absolute; border-radius: 999px; opacity: .28; }
.gbt-shape--a { width: 360px; height: 360px; left: -120px; top: -90px; background: radial-gradient(circle at 30% 30%, rgba(120,120,255,.8), rgba(120,120,255,0)); }
.gbt-shape--b { width: 420px; height: 420px; right: -140px; top: 10px; background: radial-gradient(circle at 40% 40%, rgba(0,220,255,.7), rgba(0,220,255,0)); }
.gbt-shape--c { width: 520px; height: 520px; right: 10%; bottom: -320px; background: radial-gradient(circle at 40% 40%, rgba(180,80,255,.65), rgba(180,80,255,0)); }

/* ===== Intro Split ===== */
.gbt-aboutIntro { position: relative; }
.gbt-splitRow { margin-top: 18px; }
.gbt-spacer { height: 36px; }

/* ===== Glass Card ===== */
.gbt-glassCard{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(90,90,120,.12);
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(15, 20, 45, .08);
  backdrop-filter: blur(10px);
}
.gbt-aboutCard { padding: 18px; }

/* ===== Accordion Wrap ===== */
.gbt-accordionWrap { padding-top: 12px; padding-bottom: 28px; }
.gbt-accordion .panel { border-radius: 14px; overflow: hidden; border: 0; box-shadow: 0 18px 55px rgba(15, 20, 45, .08); }
.gbt-panel__head { padding: 0; }
.gbt-accLink {
  display: block;
  padding: 16px 16px;
  text-decoration: none;
  position: relative;
}
.gbt-accLink:after{
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .8;
}
.panel-heading4 .gbt-accLink[aria-expanded="true"]:after{ content: "–"; }

.gbt-panel__body { padding: 18px; }

/* ===== Credentials Grid ===== */
.gbt-credGrid { display: block; }
.gbt-credBlock{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(90,90,120,.12);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
}
.gbt-credBlock h3 { margin-top: 0; margin-bottom: 6px; }
.gbt-credBlock p { margin: 0; opacity: .92; }

/* ===== Lists ===== */
.gbt-list li { margin: 8px 0; }

/* ===== Subhead ===== */
.gbt-subHead { margin-top: 10px; margin-bottom: 10px; }

/* Responsive */
@media (max-width: 767px){
  .gbt-aboutCard { margin-bottom: 12px; }
}
/* HERO: improve contrast + spacing */
.about-banner.gbt-hero--about { position: relative; }
.about-banner.gbt-hero--about:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(10,8,24,.78) 0%, rgba(10,8,24,.45) 55%, rgba(10,8,24,.20) 100%);
  z-index:1;
}
.about-banner.gbt-hero--about .container,
.about-banner.gbt-hero--about .banner-txt{ position: relative; z-index:2; }

.gbt-hero__title{ max-width: 920px; margin-left:auto; margin-right:auto; }
.gbt-hero__sub{ max-width: 900px; margin-left:auto; margin-right:auto; opacity:.92; }
.gbt-hero__cta{ margin-top: 16px; }
.about-banner .btn.gbt-btnOutline{ border-radius: 12px; }
/* INTRO CARDS: stronger elevation + consistent spacing */
.gbt-aboutIntro{ padding-top: 18px; padding-bottom: 10px; }
.gbt-aboutCard{ min-height: 118px; }

.gbt-glassCard.gbt-aboutCard{
  box-shadow: 0 22px 70px rgba(10, 12, 30, .10);
  border: 1px solid rgba(120,130,170,.18);
}

@media (max-width: 767px){
  .gbt-aboutCard{ min-height: auto; }
}
/* ACCORDION WRAP: give a subtle background so panels pop */
.why-laksn.gbt-accordionWrap{
  position: relative;
  padding-top: 26px;
  padding-bottom: 32px;
}

.why-laksn.gbt-accordionWrap .dispay-acordian{ position: relative; z-index:1; }

/* PANEL: stronger contrast + clickable feel */
.gbt-accordion .gbt-panel{
  background: rgba(255,255,255,.92);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(12, 18, 45, .10);
  margin-bottom: 14px;
}

.gbt-panel__head{
  background: linear-gradient(90deg, rgba(70,40,200,.10), rgba(0,220,255,.06));
  border-bottom: 1px solid rgba(120,130,170,.18);
}
.gbt-accLink{
  padding: 18px 18px;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Plus/minus indicator */
.gbt-accLink:after{
  content:"+";
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items:center;
  background: rgba(70,40,200,.10);
  border: 1px solid rgba(70,40,200,.18);
  opacity: 1;
}
.gbt-accLink[aria-expanded="true"]:after{
  content:"–";
  background: rgba(0,220,255,.10);
  border-color: rgba(0,220,255,.18);
}

/* BODY spacing */
.gbt-panel__body{ padding: 18px 18px 6px; }

/* Small content blocks inside */
.gbt-credBlock{
  background: rgb(255 255 255 / 10%);
  border: 1px solid rgba(120,130,170,.16);
  border-radius: 14px;
  padding: 14px;
}
.gbt-accLink{ transition: transform .18s ease, background .18s ease; }
.gbt-panel:hover .gbt-accLink{ transform: translateY(-1px); }
.gbt-panel:hover{ box-shadow: 0 22px 70px rgba(12, 18, 45, .14); }

/* ========== VALUES HERO (keeps your theme, improves readability) ========== */
.gbt-hero.gbt-hero--values{ position:relative; }
.gbt-hero.gbt-hero--values:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(10,8,24,.72) 0%, rgba(10,8,24,.35) 55%, rgba(10,8,24,.18) 100%);
  z-index:1;
}
.gbt-hero.gbt-hero--values .container,
.gbt-hero.gbt-hero--values .gbt-hero__content{ position:relative; z-index:2; }

.gbt-hero__title{ margin:0 auto 10px; max-width: 980px; }
.gbt-hero__sub{ margin:0 auto; max-width: 980px; opacity:.94; }
.gbt-hero__meta{ margin-top:10px; opacity:.92; }
.gbt-hero__cta{ margin-top:14px; }
.gbt-ctaIcon{ display:inline-flex; align-items:center; margin-left:8px; }

/* ========== SECTION HEAD ========== */
.gbt-sectionHead{ margin-bottom: 18px; }
.gbt-sectionTitle{ margin: 0; }

/* ========== MISSION LAYOUT ========== */
.gbt-valuesMission{ padding-top: 26px; padding-bottom: 10px; }
.gbt-missionRow{ display:flex; flex-wrap:wrap; align-items:center; }
.gbt-missionIcon{ max-width: 220px; margin: 0 auto; }
.gbt-missionHeadline{ margin-top: 8px; line-height: 1.35; }
.gbt-missionText{ margin-top: 10px; }

/* Trust list without inline styles */
.gbt-trustList{
  margin-top: 14px;
  padding-left: 18px;
}
.gbt-trustList li{ margin-bottom: 8px; }

/* Spacer instead of inline height */
.gbt-spacer{ width:100%; }
.gbt-spacer-70{ height:70px; }

/* Mobile tidy */
@media (max-width: 767px){
  .gbt-missionIcon{ max-width: 180px; }
  .gbt-valuesMission{ padding-top: 18px; }
}
/* ================= HERO: restore premium look + continuity ================= */
.gbt-hero.gbt-hero--values{ position:relative; overflow:hidden; }
.gbt-hero.gbt-hero--values:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 12% 35%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    linear-gradient(90deg, rgba(10,8,24,.78) 0%, rgba(10,8,24,.35) 58%, rgba(10,8,24,.18) 100%);
  z-index:1;
}
.gbt-hero.gbt-hero--values .container,
.gbt-hero.gbt-hero--values .gbt-hero__content{ position:relative; z-index:2; }

.gbt-hero__title{ margin:0 auto 10px; max-width: 980px; }
.gbt-hero__sub{ margin:0 auto; max-width: 980px; opacity:.94; }
.gbt-hero__meta{ opacity:.92; }
.gbt-hero__cta{ margin-top:14px; }
.gbt-ctaIcon{ display:inline-flex; align-items:center; margin-left:8px; }

.gbt-heroGlow{
  position:absolute;
  right:-180px; top:-180px;
  width:520px; height:520px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(98,0,255,.35), rgba(98,0,255,0) 62%);
  filter: blur(2px);
  z-index:0;
}

/* ================= Mission card look (matches your modern pages) ================= */
.gbt-valuesMission{ padding-top: 26px; padding-bottom: 10px; }
.gbt-sectionHead{ margin-bottom: 18px; }
.gbt-sectionTitle{ margin: 0; }

.gbt-card{
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(16,24,40,.10);
  border: 1px solid rgba(98,0,255,.10);
  padding-top: 18px;
  padding-bottom: 18px;
}

.gbt-missionRow{ display:flex; flex-wrap:wrap; align-items:center; }
.gbt-missionIcon{ max-width: 220px; margin: 0 auto; }

.gbt-iconCard{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  max-width: 260px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(98,0,255,.08), rgba(98,0,255,.02));
  border: 1px solid rgba(98,0,255,.10);
  box-shadow: 0 10px 22px rgba(98,0,255,.10);
  padding: 18px;
  margin: 0 auto;
}

.gbt-missionHeadline{ margin-top: 8px; line-height: 1.35; }
.gbt-missionText{ margin-top: 10px; }

.gbt-trustList{ margin-top: 14px; padding-left: 18px; }
.gbt-trustList li{ margin-bottom: 8px; }

/* Spacer */
.gbt-spacer{ width:100%; }
.gbt-spacer-70{ height:70px; }

/* Mobile */
@media (max-width: 767px){
  .gbt-missionIcon{ max-width: 180px; }
  .gbt-valuesMission{ padding-top: 18px; }
  .gbt-card{ padding-left: 10px; padding-right: 10px; }
}
/* ===== Vision / Values block (no inline styles, same theme, modern cards) ===== */
.gbt-visionWrap{ position:relative; }
.gbt-visionRow{ display:flex; flex-wrap:wrap; }

.gbt-visionCard{
  border-radius: 14px;
  padding: 28px 26px;
  box-shadow: 0 18px 40px rgba(16,24,40,.18);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  height: 100%;
}

.gbt-visionTitle{
  margin: 0 0 14px;
  font-weight: 700;
  letter-spacing: .2px;
}

.gbt-visionLead{
  margin: 0 0 14px;
  line-height: 1.45;
  font-weight: 600;
}

.gbt-visionBar{
  display:inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 10px;
  transform: translateY(2px);
}

.gbt-visionText{ margin: 0 0 12px; line-height: 1.75; }
.gbt-visionText--muted{ opacity: .92; }

.gbt-visionList{
  margin: 14px 0 0;
  padding-left: 18px;
}
.gbt-visionList li{ margin-bottom: 8px; line-height: 1.6; }

/* Colors that match your dark-green theme (cards slightly different for depth) */
.gbt-visionCard--left{
  background: linear-gradient(180deg, rgba(13,78,49,.82), rgba(10,58,37,.74));
}
.gbt-visionCard--right{
  background: linear-gradient(180deg, rgba(14,92,58,.80), rgba(9,54,35,.72));
}

/* Accent dot colors (subtle) */
.gbt-visionCard--left .gbt-visionBar{
  background: radial-gradient(circle at 30% 30%, rgba(127,255,212,.95), rgba(127,255,212,.25));
}
.gbt-visionCard--right .gbt-visionBar{
  background: radial-gradient(circle at 30% 30%, rgba(120,170,255,.95), rgba(120,170,255,.25));
}

/* Ensure text stays readable on dark */
.gbt-visionCard,
.gbt-visionCard p,
.gbt-visionCard li,
.gbt-visionCard h2,
.gbt-visionCard h3{ color: #fff; }

/* Spacing between columns on desktop without breaking Bootstrap grid */
@media (min-width: 768px){
  .gbt-visionRow > .col-sm-6:first-child .gbt-visionCard{ margin-right: 10px; }
  .gbt-visionRow > .col-sm-6:last-child  .gbt-visionCard{ margin-left: 10px; }
}

/* Mobile */
@media (max-width: 767px){
  .gbt-visionCard{ padding: 22px 18px; }
  .gbt-visionRow > .col-sm-6 .gbt-visionCard{ margin: 0 0 14px; }
}
/* ===== Jobs list accordion cards ===== */
.gbt-jobs .gbt-acc{ margin-top: 6px; }

.gbt-acc__item{
  margin-bottom: 12px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, .08);
  box-shadow: 0 10px 24px rgba(16,24,40,.06);
  background: #fff;
}

.gbt-acc__link{
  display: block;
  text-decoration: none;
}

.gbt-acc__header{
  margin: 0;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  transition: transform .18s ease, background-color .18s ease;
}

.gbt-acc__title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
  color: #0f172a;
}

.gbt-acc__icon{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(79,70,229,.08);
  color: #4f46e5;
  transition: transform .18s ease, background-color .18s ease;
}

.gbt-acc__item:hover .gbt-acc__header{
  background: rgba(79,70,229,.04);
  transform: translateY(-1px);
}

.gbt-acc__item:hover .gbt-acc__icon{
  background: rgba(79,70,229,.12);
  transform: translateX(2px);
}

/* Make existing pagination look cleaner */
.gbt-paginationNav{ margin-top: 12px; }
.gbt-pagination .page-link,
.gbt-pagination a{
  border-radius: 10px;
}

/* Mobile */
@media (max-width: 767px){
  .gbt-acc__header{ padding: 14px 14px; }
  .gbt-acc__title{ font-size: 16px; }
}
/* ===== Job Detail Page (no inline styles) ===== */
.gbt-jobTitle{
  background: #2f3640;
  padding: 26px 0;
}
.gbt-jobTitle__h1{
  margin: 0;
  color: #fff;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 26px;
  line-height: 1.25;
}

.gbt-jobDetail{ padding-top: 34px; padding-bottom: 34px; }

.gbt-jobDetail__card{
  background: #fff;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 14px;
  box-shadow: 0 16px 42px rgba(16,24,40,.08);
  overflow: hidden;
}

.gbt-jobDetail__body{
  padding: 22px 22px 14px;
  color: #0f172a;
}

/* Make default HTML from editor look consistent */
.gbt-jobDetail__body h2,
.gbt-jobDetail__body h3{
  margin: 18px 0 10px;
  font-weight: 800;
  color: #0f172a;
}
.gbt-jobDetail__body p{ margin: 0 0 10px; color: rgba(15,23,42,.84); }
.gbt-jobDetail__body ul{ margin: 10px 0 14px; padding-left: 18px; }
.gbt-jobDetail__body li{ margin-bottom: 6px; color: rgba(15,23,42,.86); }
.gbt-jobDetail__body strong{ color: #0f172a; }

/* Share */
.gbt-jobDetail__share{
  border-top: 1px solid rgba(17, 24, 39, .08);
  padding: 14px 18px;
  background: rgba(79,70,229,.03);
}

.gbt-share{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gbt-share__label{
  font-weight: 700;
  color: rgba(15,23,42,.7);
  margin-right: 6px;
}
.gbt-share__link{
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(79,70,229,.18);
  background: #fff;
  transition: transform .18s ease, background-color .18s ease;
}
.gbt-share__link:hover{
  background: rgba(79,70,229,.06);
  transform: translateY(-1px);
}

/* Accessible helper */
.gbt-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Mobile */
@media (max-width: 767px){
  .gbt-jobTitle{ padding: 18px 0; }
  .gbt-jobTitle__h1{ font-size: 20px; }
  .gbt-jobDetail__body{ padding: 16px 14px 10px; }
  .gbt-jobDetail__share{ padding: 12px 14px; }
}
/* ===== Blog Listing (adds classes, keeps your structure) ===== */

/* Banner */
.gbt-blogBanner{
  position: relative;
}
.gbt-blogBanner__title{
  margin: 0;
  font-weight: 900;
  letter-spacing: .2px;
}
.gbt-blogBanner__sub{
  margin-top: 10px;
  max-width: 760px;
  color: rgba(255,255,255,.85);
}

/* List wrapper */
.gbt-blogList__wrap{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

/* Card */
.gbt-postCard{
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(16,24,40,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.gbt-postCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(16,24,40,.12);
}

.gbt-postCard__title{
  padding: 18px 18px 8px;
  margin: 0;
}
.gbt-postCard__link{
  color: #0f172a;
  text-decoration: none;
}
.gbt-postCard__link:hover{
  text-decoration: underline;
}

.gbt-postCard__meta{
  padding: 0 18px 12px;
  color: rgba(15,23,42,.7);
}
.gbt-postCard__cat{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.gbt-postCard__media{
  display: block;
  position: relative;
  background: rgba(15,23,42,.03);
}
.gbt-postCard__img{
  width: 100%;
  height: auto;
  display: block;
}

.gbt-postCard__body{
  padding: 14px 18px 0;
}
.gbt-postCard__excerpt{
  margin: 0 0 14px;
  color: rgba(15,23,42,.82);
}

.gbt-postCard__foot{
  padding: 0 18px 18px;
}
.gbt-postCard__cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  color: #4f46e5;
}
.gbt-postCard__cta:hover{
  text-decoration: underline;
}
.gbt-postCard__arrow{
  transition: transform .18s ease;
}
.gbt-postCard:hover .gbt-postCard__arrow{
  transform: translateX(2px);
}

/* Sidebar widgets */
.gbt-widget{
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16,24,40,.06);
  overflow: hidden;
}
.gbt-widget + .gbt-widget{ margin-top: 16px; }

.gbt-widget__title{
  margin: 0;
  padding: 14px 14px 0;
  font-weight: 900;
  color: #0f172a;
}
.gbt-widget__body{
  padding: 10px 14px 14px;
}

.gbt-searchWrap{
  display: flex;
  align-items: center;
  border: 1px solid rgba(79,70,229,.18);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.gbt-searchBtn{
  width: 44px;
  height: 44px;
  border: 0;
  background: rgba(79,70,229,.06);
}
.gbt-searchField{
  border: 0;
  height: 44px;
  box-shadow: none;
}

/* Recent list */
.gbt-recentList{ margin: 0; padding: 0; }
.gbt-recentList__item{ list-style: none; padding: 10px 0; border-bottom: 1px solid rgba(17, 24, 39, .08); }
.gbt-recentList__item:last-child{ border-bottom: 0; }
.gbt-recentList__link{ font-weight: 700; text-decoration: none; color: #0f172a; }
.gbt-recentList__link:hover{ text-decoration: underline; }
.gbt-recentList__date{ display: block; margin-top: 4px; color: rgba(15,23,42,.6); font-size: 12px; }

/* Responsive */
@media (max-width: 767px){
  .gbt-blogBanner__sub{ max-width: 100%; }
  .gbt-postCard__title{ padding: 14px 14px 8px; }
  .gbt-postCard__meta{ padding: 0 14px 10px; }
  .gbt-postCard__body{ padding: 12px 14px 0; }
  .gbt-postCard__foot{ padding: 0 14px 14px; }
}
/* Hero */
.gbt-blog-hero { position: relative; }
.gbt-blog-hero__title {
  margin: 0;
  font-weight: 700;
  letter-spacing: .2px;
}
.gbt-blog-meta { margin-top: 10px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.gbt-blog-meta__item { display: inline-flex; gap: 8px; align-items: center; }

/* Reading progress */
.gbt-reading-bar {
  margin-top: 14px;
  height: 3px;
  background: rgba(0,0,0,.08);
  border-radius: 999px;
  overflow: hidden;
}
.gbt-reading-bar__fill {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: #5b2bd1;
}

/* Layout */
.gbt-blog__wrap {

  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width: 992px) {
  .gbt-blog__wrap {

    align-items: start;
  }
}

/* TOC */
.gbt-toc {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px 14px 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  position: relative;
}
@media (min-width: 992px) {
  .gbt-toc { position: sticky; top: 90px; }
}
.gbt-toc__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.gbt-toc__title { font-weight: 700; }
.gbt-toc__toggle {
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
}
.gbt-toc__list { margin: 0; padding-left: 18px; }
.gbt-toc__list li { margin: 6px 0; }
.gbt-toc__list a { display: inline-block; text-decoration: none; }

/* Content */
.gbt-blog__content {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.gbt-blog__content h2 { margin-top: 18px; font-weight: 700; }
.gbt-blog__content h3 { margin-top: 14px; font-weight: 700; }
.gbt-blog__content img { max-width: 100%; height: auto; border-radius: 12px; }

/* Share */
.gbt-share {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.gbt-share__list { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; }
.gbt-share__label { font-weight: 600; }

/* Related cards */
.gbt-related__grid { margin-top: 10px; }
.gbt-related__card {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
  background: #fff;
}
.gbt-related__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 34px rgba(0,0,0,.10);
}
.gbt-related__imgWrap { overflow: hidden; }
.gbt-related__img { transition: transform .35s ease; }
.gbt-related__card:hover .gbt-related__img { transform: scale(1.04); }
.gbt-related__body { padding: 12px 14px 14px; }
.gbt-related__heading { margin: 6px 0 6px; }

/* Safe reveal (GSAP will enhance) */
.gbt-reveal { opacity: 1; transform: none; }
.gbt-toc.is-collapsed #gbtTocList { display: none; }