.revealed__icon{
  display:none;
}

.gated__content .t-section-description{
  max-height: 0;
  padding: 0;
  transition: all 1s;
  overflow: hidden;
  box-sizing: content-box;
}

section.revealed  .gated__content .t-section-description{
  padding: calc(var(--size) * .60) 0 calc(var(--size) * .93) 0;
}

.revealed_on_load .gated__content .t-section-description{
  max-height: none;
  padding: calc(var(--size) * .60) 0 calc(var(--size) * .93) 0;
}

section.revealed .revealed__icon {
    position: absolute;
    top: calc(var(--size)*-1);
    display: inline-block;
    background: linear-gradient(109.23deg, #EA51CD 18.44%, #490A75 89.31%);
    color: white;
    font-family: var(--funnel);
    font-weight: 600;
    font-size: calc( var(--font) * 0.20);
    padding:  calc(var(--size)*.13) calc(var(--size)*.17) calc(var(--size)*.13) calc(var(--size)*.64);
  &:before{
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='4' height='4' fill='white'/%3E%3Crect x='8' width='4' height='4' fill='white'/%3E%3Crect x='4' y='8' width='4' height='4' fill='white'/%3E%3Crect x='8' y='24' width='4' height='4' fill='white'/%3E%3Crect x='4' y='24' width='4' height='4' fill='white'/%3E%3Crect x='12' y='24' width='4' height='4' fill='white'/%3E%3Crect x='16' y='24' width='4' height='4' fill='white'/%3E%3Crect x='20' y='24' width='4' height='4' fill='white'/%3E%3Crect x='12' width='4' height='4' fill='white'/%3E%3Crect x='12' y='16' width='4' height='4' fill='white'/%3E%3Crect y='16' width='4' height='4' fill='white'/%3E%3Crect y='12' width='4' height='4' fill='white'/%3E%3Crect x='4' y='8' width='4' height='4' fill='white'/%3E%3Crect x='8' y='8' width='4' height='4' fill='white'/%3E%3Crect x='12' y='8' width='4' height='4' fill='white'/%3E%3Crect x='16' y='8' width='4' height='4' fill='white'/%3E%3Crect y='20' width='4' height='4' fill='white'/%3E%3Crect x='24' y='20' width='4' height='4' fill='white'/%3E%3Crect x='24' y='16' width='4' height='4' fill='white'/%3E%3Crect x='24' y='12' width='4' height='4' fill='white'/%3E%3Crect x='20' y='8' width='4' height='4' fill='white'/%3E%3Crect x='16' width='4' height='4' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    width: calc(var(--size)*0.28);
    height: calc(var(--size)*0.28);
    position: absolute;
    left: calc(var(--size)*0.20);
    top: 50%;
    transform: translate(0 , -50%);
  }
}

.gated__icon{
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='4' height='4' fill='white'/%3E%3Crect x='8' width='4' height='4' fill='white'/%3E%3Crect x='4' y='8' width='4' height='4' fill='white'/%3E%3Crect x='8' y='24' width='4' height='4' fill='white'/%3E%3Crect x='4' y='24' width='4' height='4' fill='white'/%3E%3Crect x='12' y='24' width='4' height='4' fill='white'/%3E%3Crect x='16' y='24' width='4' height='4' fill='white'/%3E%3Crect x='20' y='24' width='4' height='4' fill='white'/%3E%3Crect x='12' width='4' height='4' fill='white'/%3E%3Crect x='12' y='16' width='4' height='4' fill='white'/%3E%3Crect x='16' width='4' height='4' fill='white'/%3E%3Crect y='16' width='4' height='4' fill='white'/%3E%3Crect y='12' width='4' height='4' fill='white'/%3E%3Crect x='4' y='8' width='4' height='4' fill='white'/%3E%3Crect x='8' y='8' width='4' height='4' fill='white'/%3E%3Crect x='12' y='8' width='4' height='4' fill='white'/%3E%3Crect x='16' y='8' width='4' height='4' fill='white'/%3E%3Crect y='20' width='4' height='4' fill='white'/%3E%3Crect x='24' y='20' width='4' height='4' fill='white'/%3E%3Crect x='24' y='16' width='4' height='4' fill='white'/%3E%3Crect x='24' y='12' width='4' height='4' fill='white'/%3E%3Crect x='20' y='8' width='4' height='4' fill='white'/%3E%3Crect x='20' y='4' width='4' height='4' fill='white'/%3E%3Crect x='20' y='8' width='4' height='4' fill='white'/%3E%3C/svg%3E%0A");
  background-size: calc(var(--size)*0.28) calc(var(--size)*0.28);
  background-color: #EA51CD;
  background-repeat: no-repeat;
  width:calc(var(--size)*1);
  height: calc(var(--size)*1);
  background-position: center center;

}

.gated__header .t-section-title:before  {
  background: white;
}

@media (min-width: 767px) {
  .gated__header{
    position:relative;
    background-image: url("data:image/svg+xml,%3Csvg width='1200' height='300' viewBox='0 0 1200 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8623_22441)'%3E%3Cg clip-path='url(%23clip1_8623_22441)'%3E%3Cpath d='M1400 400H1200V200H1100V300H-100V400H-200V0H1000V100H1200V0H1400V400Z' fill='url(%23paint0_linear_8623_22441)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8623_22441' x1='-200' y1='91.7514' x2='410.69' y2='943.716' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.15' stop-color='%23EA51CD'/%3E%3Cstop offset='1' stop-color='%23490A75'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_8623_22441'%3E%3Crect width='1200' height='300' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_8623_22441'%3E%3Crect width='1600' height='300' fill='white' transform='translate(-200)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: calc(var(--size)*12) calc(var(--size)*3);
    height: calc(var(--size)*3);
    padding: calc(var(--size)*1);
    color: white;
  }
  .gated__form{
    padding-bottom: calc(var(--size)*1);
  }

}
@media (max-width: 767px) {
  .gated__header {
      background: linear-gradient(134.21deg, #EA51CD 20.08%, #490A75 74.53%);
      background-size: calc(var(--size) * 5) calc(var(--size) * 6);
      background-position: calc(var(--size) * -.05) 0;
      padding: calc(var(--size) * 0.5) calc(var(--size) * 0.5) calc(var(--size) * 0.30) calc(var(--size) * 0.5);
      color: white;
    position:relative;
  }
  .gated__header:before{
    width: var(--size);
    height: var(--size);
    background:white;
    position:aboslute;
    right: 0;
    top: 0;
    content: "";
  }
  .gated__header .t-section-title._small{
    min-height: 0;
    padding-bottom: 0;
  }
   .gated__header h2 {
        font-size: calc(var(--font) * .26);
  }
   .gated__header   .subtitle {
        font-size: calc(var(--font) * .20);
  }
}
.gated__form.t-form .hsfc-Button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='4' height='4' fill='black'/%3E%3Crect x='8' width='4' height='4' fill='black'/%3E%3Crect x='4' y='8' width='4' height='4' fill='black'/%3E%3Crect x='8' y='24' width='4' height='4' fill='black'/%3E%3Crect x='4' y='24' width='4' height='4' fill='black'/%3E%3Crect x='12' y='24' width='4' height='4' fill='black'/%3E%3Crect x='16' y='24' width='4' height='4' fill='black'/%3E%3Crect x='20' y='24' width='4' height='4' fill='black'/%3E%3Crect x='12' width='4' height='4' fill='black'/%3E%3Crect x='12' y='16' width='4' height='4' fill='black'/%3E%3Crect y='16' width='4' height='4' fill='black'/%3E%3Crect y='12' width='4' height='4' fill='black'/%3E%3Crect x='4' y='8' width='4' height='4' fill='black'/%3E%3Crect x='8' y='8' width='4' height='4' fill='black'/%3E%3Crect x='12' y='8' width='4' height='4' fill='black'/%3E%3Crect x='16' y='8' width='4' height='4' fill='black'/%3E%3Crect y='20' width='4' height='4' fill='black'/%3E%3Crect x='24' y='20' width='4' height='4' fill='black'/%3E%3Crect x='24' y='16' width='4' height='4' fill='black'/%3E%3Crect x='24' y='12' width='4' height='4' fill='black'/%3E%3Crect x='20' y='8' width='4' height='4' fill='black'/%3E%3Crect x='16' width='4' height='4' fill='black'/%3E%3C/svg%3E%0A")!important;
}

section:not(.revealed) .gated__content:after {
    content: "";
    position: absolute;
    top: calc(var(--size)*.42);
    width: 100%;
    height: calc(var(--size)*.37);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.660827) 30.84%, rgba(255, 255, 255, 0.98) 82.52%);
}

[data-module="gated"] .gated__content{
  .gated__item + .gated__item{
    margin-top:
  }
  a[data-fancybox]>div:has(img){
    display: block;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
    img{
      position:absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover;
                  height: 100% !important;
            width: 100% !important;
    }
  }
  a[data-fancybox]>div:has(img):before{
   content: "";
   background-size:  calc(var(--size) * 0.28 ) calc(var(--size) * 0.28 );
   width: calc(var(--size) * 1 );
   height: calc(var(--size) * 1 );
   position: absolute;
   bottom: 0;
   right: 0;
   background-repeat: no-repeat;
   background-position: center;
    z-index: 1;
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 20 0)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 24 4)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 24 16)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 16 20)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 20 20)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 28 8)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 28 12)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 8 20)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 12 16)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 4 24)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 8 12)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 8 8)' fill='white'/%3E%3Crect width='4' height='4' transform='matrix(-1 0 0 1 12 4)' fill='white'/%3E%3C/svg%3E%0A");
  }
  .gated__gallery{
    gap: calc(var(--size) * 0.2 );
    a{
      text-decoration: none;
      display:flex;
      color: white;
      min-height: 100%;
      flex-direction: column;
    }
  }
  .img__alt{
    background: black;
    padding: calc(var(--size) * 1/4 );
    font-family: var(--jakarta);
    font-weight: 400;
    font-size: calc( var(--font) * 0.18);
    line-height: 140%;
    min-height: calc(var(--size) * 1);
    flex-grow: 1;
  }
  
  .section__title{
    background: var(--green);
    color:black;
    padding: calc(var(--size) * .37 ) calc(var(--size) * .5 );
    font-family: var(--funnel);
    font-weight: 600;
    font-size: calc( var(--font) * 0.26);
    line-height: 100%;
    min-height: calc(var(--size) * 1);
    display:flex;
    align-items: center;
    gap: calc( var(--size) * 0.25);
    margin-bottom: calc( var(--size) * 0.5);
    margin-top: 0;
    &._black{
      background: black;
      color:white;
    }
    .number{
      font-family: var(--jakarta);
      font-weight: 700;
      font-size: calc( var(--font) * 0.4);
    }
  }
  .step{
    display:flex;
    padding: calc(var(--size) * 1/4 ) 0;
    gap: calc(var(--size) * 0.54 );
    align-items: center;
    &:not(:last-child){
      border-bottom: 1px solid black;
    }
    &:last-child {
        padding-bottom: 0 !important;
    }
  }
  .step__number{
    color: var(--green);
    font-family: var(--jakarta);
    font-weight: 700;
    font-size: calc( var(--font) * 0.4);
    line-height: 100%;
    
  }
  .step__content, .step__content p{
    font-family: var(--jakarta);
    font-weight: 400;
    font-size: calc( var(--font) * 0.18);
    line-height: 140%;
  }
  .t-content + .gated__steps{
    margin-top:  calc(var(--size) * -.25 );
  }

  .t-content{
    
    h1, h2, h3, h4{
      font-family: var(--funnel);
      font-weight: 600;
      font-size: calc( var(--font) * 0.26);
      line-height: 100%;
      margin: 0  0 calc(var(--size) * .5 ) 0;
    }
    h5{
      font-family: var(--jakarta);
      font-weight: 700;
      font-size: calc( var(--font) * 0.18);
      line-height: 140%;
      margin: calc(var(--size) * .4 ) 0 calc(var(--size) * .2 ) 0 ;
    }
    h3{
      font-size: calc( var(--font) * 0.26);
      line-height: 100%;
    }
    ul, p{
      font-family: var(--jakarta);
      font-weight: 400;
      font-size: calc( var(--font) * 0.18);
      line-height: 140%;
      margin: 0 0 calc(var(--size) * .2 ) 0 ;
    }
    ul{
      padding-left: calc(var(--size) * .2 );
      li{
        margin: 0 0 calc(var(--size) * .2 ) 0 ;
      }
    }
  }
  .section_sub_title{
    font-family: var(--funnel);
    font-weight: 600;
    font-size: calc( var(--font) * 0.26);
    line-height: 100%;
  }
  .gated__bullets{
    .step{
      gap: 0;
      align-items: flex-start;
    }
  }
  .step__bulet{
    min-width: calc(var(--size) * .25 );
    margin-top: calc(var(--size) * .2 );
    &:before{
      width: calc(var(--size) * .04 );
      height: calc(var(--size) * .04 );
      background: black;
      content: "";
      display:block;
    } 
  }
  .gated__downloads{
   display: flex;
    
      gap: calc(var(--size) * .1);
      flex-direction: column;
    }
  
  }
  .download__image {
    min-width: calc(var(--size) * 1.36 );
    height: calc(var(--size) * 1.36 );
    position:relative;
    img{
      position:absolute;
      width: 100%;
      height: 100%!important;
      display: block;
      object-fit: cover;
    }
  }
  .gated__download{
    background: var(--green);
    padding: calc(var(--size) * .3 ) calc(var(--size) * .2 );

    &>div:first-child{
        display:flex;
        gap: calc(var(--size) * .2 );
    }
  }
  .download__content {
    h1, h2, h3, h4{
      font-family: var(--funnel);
      font-weight: 600;
      font-size: calc( var(--font) * 0.26);
      line-height: 100%;
      margin: 0 ;
    }
    p{
      margin-top:0;
      font-size: calc( var(--font) * 0.18);
      line-height: 140%;
    }
  }
  
}

.gated__sections{
  gap: var(--size);
}

.custom-video-player {
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1200 / 675;
}

.video-element {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: white;
}

.play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for better visibility */
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.play-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

.play-button {
  background: var(--green);
  width:  calc(var(--size) * 1 );
  height: calc(var(--size) * 1 );
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
}
.play-button:before{
  content: "";
  display:block;
  background-size: 100% 100%;
  width:  calc(var(--size) * 0.28 );
  height: calc(var(--size) * 0.28  );
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 8 28)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 4 24)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 4 8)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 16 12)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 12 8)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 8 4)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 12 24)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 4 16)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 4 20)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 4 12)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 20 16)' fill='black'/%3E%3Crect width='4' height='4' transform='matrix(1 -4.37114e-08 -4.37114e-08 -1 16 20)' fill='black'/%3E%3C/svg%3E%0A");
}

.play-button:hover {
}

.custom-video-player:before {
    opacity: 0;
    transition: 1s opacity;
    content: "";
    position: absolute;
    right: calc(var(--size) * -1 );
    top: calc(var(--size) * -1.5 );
    display: block;
    width: calc(var(--size) * 3 );
    height: calc(var(--size) * 3 );
    background-size: 100% 100%;
      z-index: -1;
background-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200 200H300V300H100V200H0V0H100V100H200V200Z' fill='url(%23paint0_linear_9918_29662)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9918_29662' x1='-1.42514e-06' y1='68.8136' x2='338.558' y2='276.322' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304F5C4'/%3E%3Cstop offset='0.3' stop-color='%2304F5C4'/%3E%3Cstop offset='0.6' stop-color='%23FFDCDB'/%3E%3Cstop offset='0.8' stop-color='%23E945CC'/%3E%3Cstop offset='1' stop-color='%23490A75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}

.custom-video-player-wrapper{
  position:relative
}
.custom-video-player-wrapper:before {
    content: "";
    position: absolute;
    left: calc(var(--size) * -1 );
    bottom:0;
    display: block;
    width: calc(var(--size) * 1 );
    height: calc(var(--size) * 2 );
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='200' viewBox='0 0 100 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 200L-8.74228e-06 200L0 -4.37114e-06L100 0L100 200Z' fill='url(%23paint0_linear_9918_29695)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9918_29695' x1='-188.5' y1='-20.5' x2='152.324' y2='336.302' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304F5C4'/%3E%3Cstop offset='0.3' stop-color='%2304F5C4'/%3E%3Cstop offset='0.6' stop-color='%23FFDCDB'/%3E%3Cstop offset='0.8' stop-color='%23E945CC'/%3E%3Cstop offset='1' stop-color='%23490A75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.custom-video-player-wrapper._simple:before,
.custom-video-player-wrapper._simple .custom-video-player:before{
  display:none;
}
.video__title{
  color: white;
  background: black;
  padding: calc(var(--size) * 0.25 );
  font-family: var(--jakarta);
  font-weight: 400;
  font-size: calc( var(--font) * 0.18);
  line-height: 140%;
}
.revealed .custom-video-player:before{
  opacity: 1;
}

@media (max-width: 767px) {
  .custom-video-player:before {
    display:none;
  }
}


/* Ensure the sections container is a flex container for equal height columns */
.gated__sections {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap; /* Prevent wrapping on larger screens */
}

/* Basic styling for the menu container */
.gated__menu {
    position: sticky;
    top: 0;
    height: fit-content; /* Ensures it floats vertically in parent */
    z-index: 10; /* Ensure it stays above other content */
  /* Menu title styling */
  .menu__title {
      font-family: var(--funnel);
      cursor: default;
      margin-bottom: calc(var(--size) * 0.5 );
      background: linear-gradient(90deg, #04F5C4 -55.25%, #FFDCDB 20.94%, #E945CC 88.68%, #490A75 173.38%);
      padding: calc(var(--size) * 0.37 ); calc(var(--size) * 0.25 );
      font-family: Funnel Display;
      font-weight: 600;
      font-size: calc(var(--font) * 0.26 );
      line-height: 100%;
  }

  /* Menu list styling */
  .menu__list {
      list-style: none;
      padding: 0;
      margin: 0;
      border-left: 1px solid #EA51CD;
  }

  /* Menu item styling */
  .menu__item {
      margin-bottom: 0.5rem;
      posiion:relative;

  }

  .menu__item a {
      font-family: var(--jakarta);
      font-size: calc(var(--font) * .18);
      line-height: 140%;
      text-decoration: none;
      color: inherit; /* Inherits from parent */
      display: block;
      padding: calc(var(--size) * .03);
      margin-bottom:calc(var(--size) * .09);
      padding-left: calc(var(--size) * .25);
      .item-number {
        color: #EA51CD;
        font-weight: 700;
        padding-right: calc(var(--size) * .25);
        width: calc(var(--size) * .25);
      }
      .item-title{
      }
  }

  /* Active state for highlighting */
  .menu__item._active, .menu__item a:hover {
      font-weight: bold;
      color: #EA51CD; /* Example: blue for active, adjust as needed */
        .item-number {
        color: #000;
        }
        .item-title{
          color: #EA51CD;
        }
  }
  .menu__item{
    position:relative;
  }
  .menu__item._active:after{
    width: calc(var(--size) * .04 );
    height: calc(var(--size) * .32 );
    content: "";
    background-color:#EA51CD;
    position: absolute;
    top: 50%;
    left:0;
    transform: translate(0, -50%);
  }

  /* Black class for menu items */
  .menu__item._black {
      color: black;
      font-weight: 700;
    padding-bottom: calc(var(--size) * .07 );
      &:before {
        content: "";
        display: block;
        /* width: 100%; */
        border-top: 1px solid black;
        margin: calc(var(--size) * .17 ) 0 calc(var(--size) * .16 ) calc(var(--size) * .25 );
    }
    a{
        padding-left: calc(var(--size) * .78 );
      &:before{
        width: calc(var(--size) * .04 );
        height: calc(var(--size) * .04 );
        background: black;
        content: "";
        display:block;
        position: absolute;
        margin: calc(var(--size) * .11 );
        margin-left: calc(var(--size) * -.42 );
      } 
    }

  }
}



/* Mobile-specific styles */
@media (max-width: 767px) { /* Adjust breakpoint as needed */
    .gated__sections {
        flex-direction: column; /* Stack columns on mobile */
        align-items: flex-start;

    }
    ._4:has(.gated__menu ){
        order: -1;
        position: sticky;
        top: 0;
        z-index: 10;
        width: 100%;
    }
  
    .gated__menu {
        position: relative; /* Unset sticky on mobile, as it may not be needed */
        top: auto;
        margin-bottom: calc(var(--size) * 1);
    }

    .gated__menu._mobile .menu__title {
        cursor: pointer;
        position: relative;
        padding: calc(var(--size) * 0.2);
        margin-bottom: 0;
    }

    .gated__menu._mobile .menu__title::after {
        content: ''; /* Down arrow for closed */
        position: absolute;
      display:block;
        top:50%;
        margin-top: calc(var(--size) * -.14 );
        right: calc(var(--size) * .20 );
        transition: transform 0.3s;
        width: calc(var(--size) * .28 );
        height: calc(var(--size) * .28 );
        background-size: 100% 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28H12V24H16V28ZM12 24H8V20H12V24ZM20 24H16V20H20V24ZM8 20H4V16H8V20ZM16 20H12V0H16V20ZM24 20H20V16H24V20ZM4 16H0V12H4V16ZM28 16H24V12H28V16Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .gated__menu._mobile._open .menu__title::after {
        transform: rotate(180deg); /* Optional rotation effect */
    }

    .gated__menu._mobile .menu__list {
        display: none; /* Hidden by default on mobile */
    }

    .gated__menu._mobile._open .menu__list {
        display: block; /* Shown when open */
        position:absolute;
        box-shadow: 10px 10px 0px 0px #0000001A;
        padding: calc(var(--size) * .25) 0 0 0;
        background: white;
        width: 100%;
    }
}

/* Additional tweaks for vertical floating */
/* (Already included above) */