/* Global Styles */
::selection {
  background-color: var(--_primitives---opacity--brand-dark-50);;  /* your desired highlight background color */
  color: var(--_primitives---colors--white) !important;           /* text color on highlight */
}

/* For Firefox */
::-moz-selection {
  background-color: var(--_primitives---opacity--brand-dark-50);;
  color: var(--_primitives---colors--white) !important;
}
.hero-tint{
  background-color: var(--_primitives---opacity--neutral-darkest-70);
  width:100%;
  height:100%;
  z-index: 100;
  position: absolute;
}
body{
  background-color:var(--_primitives---colors--white);
}

.fade-in.button-group a, .fade-in.button-group-vert a,
.fade-in.button-group .w-button, .fade-in.button-group-vert .w-button,
.fade-in.button-group button, .fade-in.button-group-vert .button, .fade-in.button-group-sm, .fade-in.button-group-sm button {
  opacity: 0;
}

.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  scrollbar-gutter: stable; /* Reserves space for scrollbar */
}

.navbar3_dropdown-list.w--open {
  overflow-y: auto;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
  scrollbar-gutter: stable; /* Also reserves space in dropdown */
}

/* Alternative for broader browser support */
html {
  scrollbar-gutter: stable;
}
.w-dropdown-list {
  transition: opacity 0.3s ease, height 0.3s ease;
  will-change: opacity, height;
}
.w-dropdown-list, .slide-in-left {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.navbar3_dropdown-toggle.w--current, .nav-current{
  border-bottom: 4px solid var(--_brand---brand-light);
  color: var(--_primitives---colors--white) !important;
}
.navbar3_dropdown-list.w--open {
  overflow-y: auto;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
  scroll-behavior: smooth; /* Native smooth scrolling */
  scrollbar-gutter: stable;
}
  a, .navbar3_dropdown-toggle{
  transition: all .4s ease; 
  }
  a:hover .text-navbar-label, .navbar3_dropdown-toggle:hover .text-navbar-label, .navbar3_dropdown-toggle.nav-current .text-navbar-label, .w--current .text-navbar-label{
  color:var(--_primitives---colors--white);
  }
 .hero-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.section-video{
  width:100%;
  height:100%;
}
 .w-slider-dot:focus{
  border:0;
 }
  .w-slider-dot {
    border-radius: 0 !important;
    width: 4px !important;
    height:10%;
    background-color:var(--_primitives---opacity--white-70);
    transition:all .25s ease;
}
  .w-slider-dot:hover{
    background-color:var(--_primitives---colors--white) !important;
    width: 16px !important;
  }
  .w-slider-dot.w-active {
    background-color:var(--_brand---brand-light) !important;
}
  .w-slider {
    overflow: hidden !important;
}
.w-slider-mask {
    overflow: hidden !important;
}
.w-slides {
    overflow: hidden !important;
}
.w-slide {
    overflow: hidden !important;
}
 /* Trailing Cursor */
 .custom-cursor {
  position: fixed;
  display:block;
  top: -12px;
  left: -8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  transition: transform 0.05s linear, width 0.2s ease, height 0.2s ease, background-color 0.5s ease, opacity 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 13000;
  background-color:var(--_primitives---colors--neutral-darkest);
  mix-blend-mode:normal;
}
.cursor-scale {
  width: 68px !important;
  height: 68px !important;
  top: -30px;
  left: -30px;
  pointer-events: none;
  cursor:none;
  background-color:var(--_primitives---opacity--brand-light-50);
  z-index:999;
}
.cursor-text{
  width: auto !important;
  height: auto !important;
  top: -12px;
  left: 20px;
  pointer-events: none;
  cursor:none;
  background-color:var(--_primitives---opacity--brand-light-75);
  z-index:9999 !important;
  border-radius:20px;
}
.cursor-label{
  padding:0 20px;
}
.cursor-label.active{
  display:flex;
  text-transform:capitalize;
}
.cursor-arrow {
  opacity: 0;
  transform: translateX(0);
  transition: none;
  will-change: transform, opacity;
  pointer-events: none;
}

body.cursor-hidden,
html.cursor-hidden {
  cursor: none !important;
}
html.cursor-hidden *,
body.cursor-hidden * {
  cursor: none !important;
}
.submit-button .icon-arrow {
  will-change: transform, opacity;
  display: inline-block;
}
.list-item-tall .icon-arrow {
  margin-top:3px;
}
/*GSAP Styles*/

.split {
  opacity: 0;
}

.split.split-ready {
  opacity: 1;
}

.split-line {
  overflow: visible;
}

.split-word {
  display: inline-block;
  will-change: transform, opacity;
}

.image-wrap {
  height: 100%;
  overflow: visible;
  position: relative;
}

.image-stack {
  position: relative;
  height: 100%;
  overflow-y: visible;
  overflow-x: clip;
}

.image-stack img.photo-left, .image-stack .w-embed.photo-left  {
  left: 0;
  right: auto !important;
  margin-left: 0;
  margin-right: auto;
}

.image-stack img.photo-right, .image-stack .w-embed.photo-right {
  right: 0;
  left: auto;
  margin-right: 0;
  margin-left: auto;
}
.slide-in-left {
  opacity: 0;
  transform: translateX(100px);
}

.finsweet-slider_component {
  position: relative;
  z-index: 999;
}
.home_faqs_icon-wrapper svg path {
  transition: stroke 0.3s ease;
}
.home_faqs_icon-wrapper.is-open svg path {
  stroke: var(--_brand---brand-light);;
}

.media_hero-wrap{
  background-repeat: no-repeat;
  background-size:cover;
}
.section_timeline{
  height:100vh !important;
}
.timeline-video{
  width:100%;
  height:auto;
}
select#countries {
    color: var(--_primitives---colors--white);
}
.field_input, .field_input.is-select-input{
  color: var(--_primitives---colors--white);
}
.field_label{
  cursor:text !important;
}
.field_input.is-select-input{
  cursor:pointer !important;
  padding:0;

}
.feature-images-wrap {
    min-height: 680px;
    overflow: hidden;
}
.heading-style-h1.text-color-white.split {
    line-height: 1.19;
}


.range-locations{
  border:0 !important;
}
.range-label{
  font-family:"Switzer Variable", Arial, sans-serif !important;
  font-weight:400 !important;
  font-size:18px !important;
}
.tile-button{
  transition:all 200ms ease;
}
.tile-button:hover .tile-image{
  opacity:.75;
}

input:focus,
textarea:focus,
select:focus {
  outline: none; /* Removes the default blue outline */
  border-color: initial; /* Resets border color if it changes on focus */
  box-shadow: none; /* Removes any default box-shadow on focus */
}



@media (max-width: 991px) {
  .custom-cursor {
    display: none !important;
  }
}