.elementor-37685 .elementor-element.elementor-element-94f8dc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-37685 .elementor-element.elementor-element-94f8dc4:not(.elementor-motion-effects-element-type-background), .elementor-37685 .elementor-element.elementor-element-94f8dc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_4 );}.elementor-37685 .elementor-element.elementor-element-a2bd310{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;}.elementor-37685 .elementor-element.elementor-element-a2bd310 .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-37685 .elementor-element.elementor-element-94f8dc4{--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-37685 .elementor-element.elementor-element-a2bd310{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-37685 .elementor-element.elementor-element-94f8dc4{--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-37685 .elementor-element.elementor-element-a2bd310{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-a2bd310 *//* Smooth movement */
.elementor-37685 .elementor-element.elementor-element-a2bd310 .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Set consistent slide height */
.logos-carousel .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 120px;              /* <<< MAKE THIS THE UNIFORM HEIGHT */
  padding: 0 20px;
  box-sizing: border-box;
}

/* Make logos scale proportionally inside */
.logos-carousel .swiper-slide img {
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: block;
}

.elementor-37685 .elementor-element.elementor-element-a2bd310::after {
  content: "";
  position: absolute;
  inset: 0;
  /* solid #00263F at edges, fully transparent in the center */
  background: linear-gradient(
    90deg,
    rgba(0, 38, 63, 1) 5%,
    rgba(0, 38, 63, 0) 50%,
    rgba(0, 38, 63, 1) 95%
  );
  pointer-events: none; /* keep carousel swipe/clicks working */
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94f8dc4 */.elementor-37685 .elementor-element.elementor-element-94f8dc4 {
  position: relative;
  overflow: hidden; /* keep overlay inside */
}/* End custom CSS */
/* Start custom CSS *//*******************************
 * Globe Background — Full CSS
 * Section ID: #globe-section
 *******************************/
:root {
  /* Width of the right-side globe pane */
  --globe-pane-width-desktop: min(56%, 820px);
  --globe-pane-width-laptop:  min(60%, 720px);
  --globe-pane-width-tablet:  min(65%, 640px);
  --globe-pane-width-mobile:  92%;

  /* Brand background color behind canvas */
  --globe-bg-color: #001320;

  /* Overlay settings */
  --overlay-left-color: rgba(0, 19, 32, 0.9);  /* 100% at 0–65% */
  --overlay-right-color: rgba(0, 19, 32, 0.1); /* 0% at 100% */
  --overlay-stop: 65%;
}

/* Ensure the section can host an absolutely-positioned background pane */
#globe-section {
  position: relative;
  background: var(--globe-bg-color);
  overflow: clip;            /* behaves like hidden where unsupported */
  isolation: isolate;        /* keep blending contained */
}

/* Content stays on top and interactive */
#globe-section > *:not(.globe-bg) {
  position: relative;
  z-index: 2;                /* ABOVE overlay */
}

/* Right-side background pane that will contain the canvas */
#globe-section > .globe-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  /* Right-side width (responsive; JS also syncs this) */
  width: var(--globe-pane-width-desktop);

  /* Don’t block clicks to content; sits visually behind */
  pointer-events: none;
  z-index: 0;                /* BELOW overlay */

  /* If your section has rounded corners or masks */
  overflow: hidden;
  background: transparent;
}

/* Make sure the canvas fills the pane cleanly */
#globe-section > .globe-bg > canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Overlay on top of the globe, below content */
#globe-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1; /* between globe (0) and content (2) */

  /* Left (0–65%) opaque brand, fade to transparent by 100% */
  background: linear-gradient(
    to right,
    var(--overlay-left-color) 0%,
    var(--overlay-left-color) var(--overlay-stop),
    var(--overlay-right-color) 100%
  );
}

/* -------------------------
   Responsive width tuning
   ------------------------- */
@media (max-width: 1200px) {
  #globe-section > .globe-bg { width: var(--globe-pane-width-laptop); }
}
@media (max-width: 992px) {
  #globe-section > .globe-bg { width: var(--globe-pane-width-tablet); }
}
@media (max-width: 768px) {
  #globe-section > .globe-bg { width: var(--globe-pane-width-mobile); }
}

/* Optional helper: if your theme injects z-index on inner sections/columns,
   you can enforce stacking with these (uncomment if needed) */
/*
#globe-section .elementor-container,
#globe-section .elementor-row,
#globe-section .elementor-column,
#globe-section .elementor-widget-wrap {
  position: relative;
  z-index: 2;
}
*//* End custom CSS */