.elementor-kit-4{--e-global-color-primary:#623FCE;--e-global-color-secondary:#FF0054;--e-global-color-text:#6B6577;--e-global-color-accent:#5170FF;--e-global-color-gt_ink:#1A1523;--e-global-color-gt_border:#ECE7F3;--e-global-color-gt_light:#FAF9FC;--e-global-color-gt_dark:#0A0A0A;--e-global-color-gt_footer:#0E0D12;--e-global-color-gt_wa:#25D366;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:600;font-family:"Inter Tight", Sans-serif;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   GODTIVE — global styles (layout reference: lopokopi.co)
   Site Settings > Custom CSS. Classes are set in each
   element's Advanced > CSS Classes.
   ========================================================= */
:root{
  --gt-ink:#1a1523; --gt-ink2:#221d2b; --gt-muted:#6b6577;
  --gt-purple:#623fce; --gt-pink:#ff0054; --gt-coral:#5170ff;
  --gt-border:#ece7f3;
  --gt-grad:linear-gradient(100deg,#623fce,#ff0054);
  --gt-grad-text:linear-gradient(90deg,#623fce 0%,#ff0054 50%,#5170ff 100%);
}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:80px}
body{font-family:"Inter Tight",sans-serif}

/* ---------- shared ---------- */
.elementor-widget.gt-eyebrow,.elementor-widget.gt-eyebrow > .elementor-widget-container{font-size:0;line-height:0}
.gt-p p{margin:0}
.gt-p p + p{margin-top:.8em}
.gt-eyebrow .elementor-heading-title,
.gt-grad{
  background:var(--gt-grad-text);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  display:inline-block;
}
.gt-btn .elementor-button{transition:transform .18s,box-shadow .18s,background .18s}
.gt-btn .elementor-button:hover{transform:translateY(-2px)}
.gt-btn .elementor-button-content-wrapper{align-items:center}
.gt-wrap1320{max-width:1320px;margin-left:auto !important;margin-right:auto !important}
.elementor .gt-mw-780{max-width:780px !important;margin-inline:auto}
.elementor .gt-mw-560{max-width:560px !important;margin-inline:auto}
.elementor .gt-mw-540{max-width:540px !important}

/* ---------- header ---------- */
.gt-header{transition:min-height .25s,box-shadow .25s}
.gt-header.elementor-sticky--effects{box-shadow:0 2px 14px rgba(26,21,35,.07)}
@media (min-width:1025px){.gt-header.elementor-sticky--effects{min-height:70px !important}}
@media (max-width:1024px){
  .gt-header .e-con-inner,.gt-header .e-con,.gt-header .gt-menu,.gt-menu .e-n-menu{position:static !important}
  .gt-menu .e-n-menu-wrapper{background:#fff;box-shadow:0 14px 24px -12px rgba(26,21,35,.18);border-top:1px solid #eaeaea;
    left:0 !important;right:0 !important;width:auto !important;top:100% !important;margin-top:0 !important}
  .gt-menu .e-n-menu-toggle{border:1px solid transparent;border-radius:3px;padding:6px}
  .gt-menu .e-n-menu-heading{justify-content:flex-start !important;align-items:stretch !important}
  .gt-menu .e-n-menu-item{width:100%}
  .gt-menu .e-n-menu-title{justify-content:space-between !important;width:100%;padding:16.5px 16px !important;
    border-bottom:1px solid #f0f0f0}
  .gt-menu .e-n-menu-title-text{font-size:15px !important;line-height:28.05px !important;color:#3a3a3a}
  .gt-menu .e-n-menu-toggle[aria-expanded="true"]{border-color:#d9d9d9}
}
.gt-logo .elementor-heading-title a{color:inherit}
.gt-mm-box{border-top:2px solid transparent;
  border-image:linear-gradient(90deg,#623fce,#ff0054) 1;box-shadow:0 24px 40px -24px rgba(26,21,35,.25)}
.gt-mm-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gt-mm-row,.gt-svc-row{transition:opacity .2s;flex-wrap:nowrap !important}
.gt-mm-row > .e-con,.gt-svc-row > .e-con{flex:1 1 0% !important;min-width:0;width:auto !important}
.gt-mm-row:hover,.gt-svc-row:hover{opacity:.75}
.gt-arrow .elementor-icon{transition:transform .25s,background .2s,color .2s}
.gt-mm-row:hover .gt-arrow .elementor-icon,
.gt-svc-row:hover .gt-arrow .elementor-icon{background:var(--gt-grad) !important;color:#fff !important;transform:translateX(3px)}
.gt-mm-row:hover .gt-arrow .elementor-icon svg,
.gt-svc-row:hover .gt-arrow .elementor-icon svg{fill:#fff}

/* ---------- hero ---------- */
.gt-hero-title .gt-grad{
  display:block;
  font-size:min(59.8px, calc((100vw - 48px) * .0767));
  line-height:1.5; margin-top:4px; letter-spacing:0;
}
.gt-btn-mouse .elementor-button-icon{
  width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-size:13px}
.gt-btn-mouse .elementor-button-icon svg{width:13px;height:13px}
.gt-trust-item{min-width:0}
@media (max-width:560px){
  .gt-hero-title .gt-grad{font-size:calc((100vw - 36px) * .0767)}
  .gt-divider{display:none !important}
  .gt-hero .gt-btns > .elementor-element,
  .gt-cta .gt-btns > .elementor-element{width:100%}
  .gt-hero .gt-btns .elementor-button,
  .gt-cta .gt-btns .elementor-button{width:100%;justify-content:center}
}

/* ---------- logo marquee ---------- */
.gt-marquee-row{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}
.gt-marquee-track{--width:max-content;width:max-content !important;max-width:none !important;
  flex-wrap:nowrap !important;animation:gt-scroll-left 60s linear infinite}
.gt-marquee-track.gt-right{animation-name:gt-scroll-right}
.gt-marquee:hover .gt-marquee-track{animation-play-state:paused}
.gt-marquee-track > .elementor-widget-image{width:auto !important;flex:0 0 auto;margin:0 36px}
.gt-marquee-track img{height:56px !important;width:auto !important;max-width:180px !important;object-fit:contain}
@keyframes gt-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gt-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.elementor-editor-active .gt-marquee-track{animation:none}
@media (max-width:560px){
  .gt-marquee-track > .elementor-widget-image{margin:0 22px}
  .gt-marquee-track img{height:42px !important;max-width:150px !important}
}

/* ---------- case study ---------- */
.gt-card{position:relative;overflow:hidden;transition:transform .25s}
.gt-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,0) 40%,rgba(0,0,0,.75) 100%)}
.gt-card > .elementor-element{position:relative;z-index:2}
.gt-card .elementor-heading-title{text-shadow:0 2px 8px rgba(0,0,0,.6)}
.gt-card .gt-p{text-shadow:0 1px 6px rgba(0,0,0,.5)}
.gt-card .gt-tags{margin-top:6px}
.gt-cases{grid-template-rows:none !important;grid-auto-rows:130px}
.gt-tag .elementor-heading-title{display:block;font:700 8.5px/28.05px "Inter Tight",sans-serif !important;color:#fff !important;
  padding:3px 8px;border-radius:999px;background:linear-gradient(100deg,#623fce,#ff0054)}
.gt-tags > .gt-tag:nth-child(3n+2) .elementor-heading-title{background:linear-gradient(100deg,#ff0054,#5170ff)}
.gt-tags > .gt-tag:nth-child(3n) .elementor-heading-title{background:linear-gradient(100deg,#5170ff,#f59e0b)}
@media (max-width:560px){
  .gt-cases{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;
    margin:0 -18px !important;width:calc(100% + 36px) !important;max-width:none !important;
    padding:4px 18px 8px !important;scrollbar-width:none}
  .gt-tags > .gt-tag:nth-child(n+3){display:none}
  .gt-cases::-webkit-scrollbar{display:none}
  .gt-cases > .gt-card{flex:0 0 68% !important;scroll-snap-align:start;aspect-ratio:3/4;height:auto !important}
}

/* ---------- CTA ---------- */
.gt-cta{background-image:
  radial-gradient(circle at 50% 30%,rgba(98,63,206,.28),transparent 60%),
  radial-gradient(circle at 80% 80%,rgba(255,0,84,.18),transparent 55%) !important}

/* ---------- FAQ ---------- */
.gt-faq-head{position:sticky;top:100px;align-self:start}
.gt-faq .e-n-accordion-item:last-child{border-bottom:1px solid var(--gt-border)}
.gt-faq .e-n-accordion-item-title{cursor:pointer}
.gt-faq .e-n-accordion-item[open] > .e-n-accordion-item-title{padding-bottom:0 !important}
.gt-faq .e-n-accordion-item-title-icon span > svg{width:14px;height:14px}
@media (max-width:860px){
  .gt-faq-grid{grid-template-columns:1fr !important;gap:28px !important}
  .gt-faq-head{position:static}
}

/* ---------- footer ---------- */
.gt-footer .gt-lead b{font-weight:700}
.gt-footer .gt-links ul{list-style:none;margin:0;padding:0}
.gt-footer .gt-links li{margin-bottom:2px}
.gt-footer .gt-links a{display:inline-block;padding:5px 0;color:#a39fb0;font-size:13px;line-height:28.05px;
  transition:color .15s,transform .15s}
.gt-footer .gt-links a:hover{color:#ff0054;transform:translateX(2px)}
.gt-footer .gt-office a{color:#a39fb0;transition:color .15s}
.gt-footer .gt-office a:hover{color:#ff0054}
.gt-caps > .e-con:last-child{border-right:0 !important}
@media (max-width:1000px){
  .gt-caps{grid-template-columns:1fr 1fr !important}
  .gt-caps > .gt-about{grid-column:1 / -1;border-right:0 !important;border-bottom:1px solid rgba(237,234,227,.10) !important}
  .gt-caps > .e-con:nth-child(2){border-right:1px solid rgba(237,234,227,.10) !important}
}
@media (max-width:767px){
  .gt-footer .gt-links a{line-height:24.75px}
  .gt-tag .elementor-heading-title{line-height:24.75px !important}
}
@media (max-width:640px){
  .gt-footer .gt-links li{margin-bottom:6px}
  .gt-footer .gt-links a{font-size:12.5px;padding:3px 0}
  .gt-ftop{flex-direction:column !important;align-items:flex-start !important}
  .gt-ftop .gt-fcta{align-items:flex-start !important}
  .gt-ftop .gt-fcta .elementor-widget-heading{text-align:left}
}

/* ---------- WhatsApp float ---------- */
.gt-wa{transition:transform .18s,box-shadow .18s}
.gt-wa:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.2) !important}
.gt-wa .elementor-heading-title{white-space:nowrap}/* End custom CSS */