.elementor-2381 .elementor-element.elementor-element-64bef53{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2381 .elementor-element.elementor-element-72f2936 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-2381{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a7e4e52 *//* ============================================================
   CAROUSEL ARROWS - drawn with CSS borders, no SVG needed
   Works regardless of theme SVG overrides
   ============================================================ */

/* hide the broken SVG completely */
.esa-platforms__arrow svg,
.esa-testi__arrow svg{
  display:none !important;
}

/* draw the chevron using a rotated border box */
.esa-platforms__arrow::before,
.esa-testi__arrow::before{
  content:"" !important;
  display:block !important;
  width:8px !important;
  height:8px !important;
  border-top:2px solid #F4F6F8 !important;
  border-right:2px solid #F4F6F8 !important;
  flex-shrink:0 !important;
}

/* PREV button: chevron points LEFT */
#esaPlatPrev::before,
#esaTestiPrev::before{
  transform:rotate(-135deg) translate(1px,-1px) !important;
}

/* NEXT button: chevron points RIGHT */
#esaPlatNext::before,
#esaTestiNext::before{
  transform:rotate(45deg) translate(-1px,1px) !important;
}

/* hover: accent color */
.esa-platforms__arrow:hover::before,
.esa-testi__arrow:hover::before{
  border-color:#2BC4E0 !important;
}

/* make sure buttons are flex so the pseudo element centers */
.esa-platforms__arrow,
.esa-testi__arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.2) !important;
  background:rgba(23,27,34,.8) !important;
  cursor:pointer !important;
}
/* ============================================
   PLATFORM CAROUSEL MOBILE SCROLL FIX
   Overrides global scroll fix for carousel
   ============================================ */
.esa-platforms__viewport {
  overflow: hidden !important;
}

.esa-platforms__track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

.esa-platforms__track * {
  touch-action: pan-x pan-y !important;
}

/* Fix card links blocking swipe */
.esa-pcard {
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d368c2f *//* ============================================
   TEAM SECTION MOBILE CAROUSEL FIX
   ============================================ */
@media (max-width: 560px) {
  .esa-team__grid {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
  }

  .esa-member {
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   ESA GLOBAL BUTTON SIZE NORMALIZER
   ============================================================ */
.esa-btn{
  padding:10px 20px !important;
  font-size:13px !important;
  border-radius:9px !important;
  letter-spacing:.02em !important;
}
.esa-btn--primary{
  background:#2BC4E0 !important;
  color:#06151A !important;
}
.esa-btn--ghost{
  background:transparent !important;
  color:#F4F6F8 !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
.esa-finalcta .esa-btn{
  padding:13px 28px !important;
  font-size:14px !important;
}
.esa-results__cta .esa-btn{
  min-width:160px !important;
}/* End custom CSS */