/* Custom for GSAP */

/* section.template-original = Bild auf linker Seite, Text rechts */
/* section.template-reverse = Bild auf rechte Seite, Text links */
.rd-button-container{
  display:flex;
  gap:50px;
  align-items: center; /* opzionale, per vertical alignment */
  width: 100%; /* o quanto ti serve */
}

.rd-more-details{
  color:black;
  background:white;
}

.partner-overview-sticky-gsap {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media ( min-width: 768px ) {
  .partner-overview-sticky-gsap .two-columns {
      display: flex;
      gap: 1em;
  }
}

.partner-overview-sticky-gsap .two-columns > div {
    flex: 1;
}

.w-full {
  padding-top: 10em;
}

.partner-overview-sticky-gsap h2 {
    position: relative;
}

@media (min-width: 768px ) {
  .partner-overview-sticky-gsap {
    height: calc( 100vh - 5.4rem - 60px );
    padding-bottom: calc(var(--brand-section-spacing) + 2.5rem);
  }
}

.section-color-light.partner-overview-sticky-gsap {
  background: radial-gradient(farthest-corner at 50% 70%, var(--brand-secondary-color) 0, var(--brand-tertiary-color) 100%) no-repeat 50% / 400% 400%;
}

.section-color-light.partner-overview-sticky-gsap h2,
.section-color-light.partner-overview-sticky-gsap .scrolling-container .section-subtitle,
.section-color-light.partner-overview-sticky-gsap .scrolling-container p,
.section-color-light.partner-overview-sticky-gsap .section-image a
{
  color: var(--brand-primary-color);
}

.partner-overview-sticky-gsap.template-reverse .section-image {
  order: 1;
  align-items: end;
}

.partner-overview-sticky-gsap {
  --cover-img-tx: -140px;
  --cover-img-scale: 1.7;
}

.partner-overview-sticky-gsap.template-reverse {
  --cover-img-tx: -40px;
}

@media (min-height:700px) {  .partner-overview-sticky-gsap { --cover-img-scale: 1.3; } }
@media (min-height:800px) {  .partner-overview-sticky-gsap { --cover-img-scale: 1.5; } }
@media (min-height:930px) {  .partner-overview-sticky-gsap { --cover-img-scale: 1.7; } }

@media (max-width:767.99px) {  
  .partner-overview-sticky-gsap {
    --cover-img-scale: 1.0;
    --cover-img-tx: 0;
  }
}

@media (max-height:700px) {  
  .partner-overview-sticky-gsap {
    --cover-img-scale: 1.0;
    --cover-img-tx: 0;
  }
}

@media (min-width: 1300px) and (max-width: 1700px) {
  .partner-overview-sticky-gsap {
    --cover-img-tx: clamp(-60px, -8vw, -140px);
  }
  .partner-overview-sticky-gsap.template-reverse {
    --cover-img-tx: clamp(-20px, -4vw, -40px);
  }
}

.partner-overview-sticky-gsap .section-image img {
  transform: scale( var(--cover-img-scale) ) translateX( var(--cover-img-tx) );
  transform-origin: top left;
}

@media (min-width: 768px ) {
  .partner-overview-sticky-gsap .scrolling-container  {
      margin-left: 2em;
  }
}

.partner-overview-sticky-gsap .scrolling-section,
.partner-overview-sticky-gsap .scrolling-section > .container {
  display: flex;
  height: 100%;
}

.partner-overview-sticky-gsap .scrollbar {
    position: absolute;
    inset: 20% 0 20% 0;
    background-color: var(--brand-tertiary-color);
    width: 4px;
    z-index: 200;
    border-radius: 2px 2px 2px 2px;
}

.partner-overview-sticky-gsap .scrollbar-face {
    position: absolute;
    inset: 20% 0 20% 0;
    background-color: #888;
    width: 4px;
    z-index: 199;
    border-radius: 2px 2px 2px 2px;
}

.partner-overview-sticky-gsap.section-color-light .scrollbar-face {
    background-color: #fff;
}

@media (max-width: 767.99px ) {
  .partner-overview-sticky-gsap .scrollbar-face,
  .partner-overview-sticky-gsap .scrollbar
  {
    display: none;
  }
}

.partner-overview-sticky-gsap .section-image {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.scrolling-container-wrapper {
  position: relative;
  display: block;
}

@media ( min-width: 768px ) {
  .partner-overview-sticky-gsap .section-content {
    display: flex;
    flex-direction: column;
  }
  .scrolling-container-wrapper {
    overflow: hidden;
    height: 100%;
    mask-image: linear-gradient(180deg, transparent 0px, #fff 30px );
  }
}

.section-subtitle {
  text-transform: uppercase;
  letter-spacing: var(--brand-letter-spacing);
}
.section-color-light ul li::marker {
  color: #00aeef;
}


}