.global-banner {
  padding: 0px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  width: 100%;
  align-items: center;
}

.global-banner + .nav{
  top: 80px;
}

.nav--filled .global-banner + .nav{
  top: 0px;
}

.global_banner_left {
  display: flex;
  gap: 12px;
  align-items: center;
}
.global_banner_data {
  text-decoration: underline;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.flex p a {
  position: relative;
  margin-right: 18px;
}

.arrow-up-right {
  position: absolute;
}
@media screen and (min-width: 1239px) {
  .global-banner {
    padding: 0px 160px;
  }
}

@media screen and (max-width: 676px) {
  .global-banner {
    padding: 0px 24px;
  }
  .arrow-up-right {
    display: none !important;
  }
}
@media screen and (max-width: 567px) {
  .mega {
    margin-top: 24px !important;
  }
}

.hero--fullscreen {
  height: calc(100vh + 80px) !important ;

  position: relative;
}

@media screen and (max-width: 574px) {
  .mega {
    font-size: 64px !important;
  }
}
@media screen and (max-width: 398px) {
  .hero__content {
    margin-bottom: 0 !important;
    margin-top: auto !important;
    padding-bottom: var(--nav-height);
    padding-top: var(--nav-height);
    position: relative;
    z-index: 1;
  }

  .mega {
    font-size: 36px !important;
  }
  .hero--fullscreen {
    height: 100vh !important;

    position: relative;
  }
}

/* Hero Banner Abyss Theme */
.b-hero-banner--abyss {
  --theme-color: #0072f8;
  background-color: var(--theme-color);
}

.b-hero-banner--abyss .hero-banner__text {
  color: white;
}

.b-hero-banner--abyss .breadcrumb {
  color: rgba(255, 255, 255, 0.8);
}

.b-hero-banner--abyss .btn {
  border-color: white;
  color: white;
}

.b-hero-banner--abyss .btn:hover {
  background-color: white;
  color: var(--theme-color);
}

/* Slideshow Image Fix - 100% Width & Height on ALL Devices */
.b-text-and-media-slideshow__thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 100% !important;
  height: 100% !important;
}

.b-text-and-media-slideshow__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: none !important;
  max-width: none !important;
  max-height: none !important;
}

/* Ensure all splide slides are 100% on all devices */
.b-text-and-media-slideshow__thumbnails .splide__slide {
  width: 100% !important;
  height: 100% !important;
}

.b-text-and-media-slideshow__thumbnails .splide__slide .b-text-and-media-slideshow__thumbnail {
  width: 100% !important;
  height: 100% !important;
}

/* Override any inline styles from Splide JS */
.b-text-and-media-slideshow__thumbnails .splide__slide[style*="width"] {
  width: 100% !important;
}

.b-text-and-media-slideshow__thumbnails .splide__slide[style*="height"] {
  height: 100% !important;
}

/* Force 100% on all screen sizes */
@media screen {
  .b-text-and-media-slideshow__thumbnail,
  .b-text-and-media-slideshow__thumbnail img,
  .b-text-and-media-slideshow__thumbnails .splide__slide {
    width: 100% !important;
    height: 100% !important;
  }
}

/* Mobile and Tablet Specific Fixes */
@media (max-width: 1024px) {
  .b-text-and-media-slideshow__thumbnail.splide__slide.no-select {
    height: 100% !important;
    max-height: none !important;
    min-height: auto !important;
  }
  
  .b-text-and-media-slideshow__thumbnail.splide__slide.no-select img {
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* Mobile Specific (≤768px) */
@media (max-width: 768px) {
  /* Let slideshow images display at natural size - these are main images, not small thumbnails */
  .b-text-and-media-slideshow__thumbnails {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__track {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__list {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__slide {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
  
  .b-text-and-media-slideshow__thumbnail.splide__slide.no-select {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
}

/* Small Mobile (≤480px) */
@media (max-width: 480px) {
  /* Let slideshow images display at natural size on small mobile too */
  .b-text-and-media-slideshow__thumbnails .splide__slide {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
  
  .b-text-and-media-slideshow__thumbnail.splide__slide.no-select {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
}

/* Override any 350px height styles */
.b-text-and-media-slideshow__thumbnail[style*="height: 350px"],
.b-text-and-media-slideshow__thumbnail.splide__slide[style*="height: 350px"] {
  height: 100% !important;
}

/* Tablet Specific (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Let slideshow images display at natural size - these are main images */
  .b-text-and-media-slideshow__thumbnails {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__track {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__list {
    height: auto !important;
    max-height: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .splide__slide {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
  
  .b-text-and-media-slideshow__thumbnail.splide__slide.no-select {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
}

/* Force object-fit cover on all devices */
.b-text-and-media-slideshow__thumbnail img[style*="object-fit: contain"] {
  object-fit: cover !important;
}

/* Responsive Slideshow Button Control */
/* Desktop: Show slide buttons, hide thumbnail buttons */
@media (min-width: 769px) {
  .b-text-and-media-slideshow__slides .b-text-and-media-slideshow__buttons {
    display: flex !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .b-text-and-media-slideshow__buttons {
    display: none !important;
  }
}

/* Mobile & Tablet: Hide slide buttons, show thumbnail buttons */
@media (max-width: 768px) {
  .b-text-and-media-slideshow__slides .b-text-and-media-slideshow__buttons {
    display: none !important;
  }
  
  .b-text-and-media-slideshow__thumbnails .b-text-and-media-slideshow__buttons {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    padding: 0 16px;
  }
  
  .b-text-and-media-slideshow__thumbnails .b-text-and-media-slideshow__buttons .splide--prev,
  .b-text-and-media-slideshow__thumbnails .b-text-and-media-slideshow__buttons .splide--next {
    width: 40px !important;
    height: 40px !important;
    background-size: 20px 20px !important;
    border-radius: 50%;
    border: none;
    cursor: pointer;
  }
}