/*----- COLLABORATION PAGE -------*/
.collaboration-page { 
  --collab-panel: rgba(255, 255, 255, .055); 
  --collab-border: #393939; 
  --collab-muted: rgba(238, 238, 238, .68); 
  background: #0d0d12;
}
.collab_main { 
  position: relative; 
  overflow: hidden;
}
.collab_shell { 
  position: relative; 
  width: min(1200px, calc(100% - 48px)); 
  margin: 0 auto;
}
.collab_section { 
  position: relative; 
  padding: 110px 0;
}
.collab_section-heading { 
  max-width: 820px; 
  margin: 0 auto 25px; 
  text-align: center;
}
.collab_section-heading h2 { 
  margin: 8px 0 0; 
  color: var(--white); 
  font-size: clamp(34px, 4vw, 56px); 
  font-weight: 600; 
  letter-spacing: -.035em; 
  line-height: 1.08;
}
.collab_section-heading p { 
  margin: 20px 0 0; 
  color: var(--collab-muted); 
  font-size: 18px; 
  font-weight: 400;
  line-height: 1.15;
}
.collab_section-kicker, .collab_eyebrow { 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  color: var(--black); 
  padding: 0 15px;
  border-radius: 99px;
  font-size: 12px; 
  font-weight: 700; 
  letter-spacing: .2em; 
  text-transform: uppercase;
  background: var(--active); 
}

/*----- HERO -------*/
.collab_hero { 
  position: relative;
  min-height: fit-content;
  padding-top: 60px;
  padding-bottom: 80px;
  display: flex; 
  align-items: center; 
  isolation: isolate; 
  background: radial-gradient(circle at 72% 35%, rgba(202, 80, 225, .24), transparent 27%), radial-gradient(circle at 18% 30%, rgba(27, 218, 231, .13), transparent 24%), linear-gradient(135deg, #0b0b10 0%, #17101d 54%, #0c0c11 100%);
}

.collab_hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: 1;
  background-image: url(../img/collab/bg1.png);
  background-size: cover;
}
.collab_hero::after { 
  content: ""; 
  position: absolute; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  height: 20%; 
  /* z-index: -1;  */
  background: linear-gradient(to bottom, transparent, #111);
}

.collab_hero-content{
  position: absolute;
  z-index: 15;
  bottom: 0;
}

.collab_hero-inner { 
  height: fit-content;
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
  gap: 25px;
}
.collab_hero-title { 
  position: relative; 
  z-index: 3; 
  width: min(720px, 62%); 
  margin: 18px 0 22px; 
  color: var(--white); 
  font-size: clamp(48px, 6vw, 82px); 
  font-weight: 650; 
  letter-spacing: -.05em; 
  line-height: .98; 
  text-shadow: 0 14px 60px rgba(0, 0, 0, .55);
}
.collab_hero-copy { 
  position: relative; 
  z-index: 3; 
  font-weight: 400; 
  margin: 0 0 15px; 
  max-width: 90%;
  color: rgba(255, 255, 255, .72); 
  font-size: 20px; 
  line-height: 1.15;
}
.collab_primary-btn, .collab_submit-btn { 
  position: relative; 
  z-index: 3; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  gap: 10px; 
  min-width: 190px; 
  padding: 15px 25px; 
  border: 1px solid rgba(255, 255, 255, .22); 
  border-radius: 8px; 
  color: #fff; 
  font-size: 15px; 
  font-weight: 650; 
  text-decoration: none; 
  background: var(--gradient2); 
  box-shadow: 0 12px 35px rgba(137, 26, 158, .25); 
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}
.collab_primary-btn:hover, .collab_submit-btn:hover { 
  color: #fff; 
  transform: translateY(-3px); 
  filter: brightness(1.08); 
  box-shadow: 0 16px 45px rgba(202, 80, 225, .42);
}
.collab_primary-btn svg, .collab_submit-btn svg { 
  width: 18px; 
  height: 18px;
}
.collab_hero-visual {
  position: relative;
  pointer-events: none;
  z-index: 0;
}
.collab_character {
  width: 100%;
  max-width: 650px;
  max-height: fit-content;
  z-index: 0;
  object-fit: contain;
  filter: drop-shadow(0 28px 65px rgba(0, 0, 0, .58));
}
.collab_float-tag { 
  position: absolute; 
  z-index: 4; 
  animation: collabFloat 2s ease-in-out infinite alternate;
  width: 20%;
}
.collab_float-tag--one { 
  top: 55%; 
  left: 3%;
  z-index: -1;
}
.collab_float-tag--two { 
  top: 39%; 
  right: 0; 
  animation-delay: -.8s;

}
.collab_float-tag--two img{ 
 transform: rotate(45deg);
}
.collab_float-tag--one img{ 
 transform: rotate(-125deg) scale(.85);
}

@keyframes collabRotate { 
  to { 
  transform: rotate(360deg);
}
}
@keyframes collabFloat { 
  from { 
  transform: translateY(-7px);
} to { 
  transform: translateY(7px);
}
}

/*----- WHY PARTNER -------*/
.collab_why { 
  padding-top: 80px;
  background: url(../img/showcase/bg.jpg) top center no-repeat;
  background-size: cover;
}
.collab_stats { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  margin: 0 0 34px; 
  border: 3px solid var(--collab-border); 
  border-radius: 35px; 
}
.collab_stat { 
  position: relative; 
  min-height: 150px; 
  display: flex; 
  flex-direction: column;
  align-items: center; 
  justify-content: center; 
  padding: 30px;
}
.collab_stat:not(:last-child)::after { 
  content: ""; 
  position: absolute; 
  right: 0; 
  height: 100%;
  width: 2px; 
  background: var(--collab-border);
}
.collab_stat strong { 
  color: transparent; 
  font-size: clamp(42px, 5vw, 68px); 
  font-weight: 750; 
  letter-spacing: -.045em; 
  line-height: 1; 
  background: var(--gradient); 
  background-clip: text; 
  -webkit-background-clip: text;
}
.collab_stat span { 
  color: rgba(255, 255, 255, .74); 
  font-size: 17px;
}
.collab_benefit-grid { 
  max-width: 1100px;
  margin: 0 auto;
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 18px;
}
.collab_benefit-card { 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative; 
  width: 100%;
  min-height: 210px; 
  padding: 30px 50px; 
  padding-right: 50%;
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.collab_benefit-card-bg{
  position: absolute; 
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 210px; 
  height: 100%;
  border-radius: 35px;
  overflow: hidden; 
  background: linear-gradient(135deg, #7b218c, #be51d4);
  clip-path: polygon(round 35px, 100% 10%, 96% 100%, 2% 100%, 0% 0%);
}
.collab_benefit-card:nth-child(2) .collab_benefit-card-bg{
  background: linear-gradient(135deg, #de7dbb, #be51d4);
  clip-path: polygon(round 35px, 100% 0%, 95% 100%, 3% 95%, 0% 10%);
}
.collab_benefit-card:nth-child(3) .collab_benefit-card-bg{
  background: linear-gradient(135deg, #ff7331, #be51d4);
  clip-path: polygon(round 35px, 100% 0%, 95% 100%, 3% 95%, 0% 10%);
}
.collab_benefit-card:nth-child(4) .collab_benefit-card-bg{
  background: linear-gradient(135deg, #5eacfa, #be51d4);
}
.collab_benefit-card:hover { 
  transform: translateY(-6px); 
  z-index: 1;
}

.collab_card-visual{
  position: absolute;
  max-width: 50%;
  right: 2%;
  bottom: 0;
  height: 115%;
  z-index: 5;
  transition: transform .5s;
}
.collab_card-visual img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.collab_benefit-card:hover .collab_card-visual{ 
  transform: scale(1.05); 
}

.collab_benefit-card h3 { 
  position: relative; 
  z-index: 15;
  margin: 1px 0 12px; 
  color: #fff; 
  font-size: 20px; 
  font-weight: 600;
}
.collab_benefit-card p { 
  position: relative; 
  z-index: 15;
  max-width: 440px; 
  margin: 0; 
  font-weight: 400;
  color: var(--collab-muted); 
  line-height: 1.15;
}

/*----- OPTIONS -------*/
.collab_options {
  position: relative;
  padding-bottom: 95px;
  background: radial-gradient(circle at 50% 52%, rgba(137, 26, 158, .18), transparent 38%), linear-gradient(180deg, #0d0d12 0%, #15101a 56%, #0d0d12 100%);
}
.collab_options::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/bg3.png) top no-repeat;
  background-size: cover;
  opacity: .15;
}


.collab_options-shell { 
  width: min(1660px, calc(100% - 48px)); 
  z-index: 10;
}

.collab_swiper { 
  overflow: visible; 
  padding: 50px 0; 
}

.collab_swiper .swiper-wrapper { 
  align-items: stretch;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.collab_option-slide { 
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.collab_option-card {
  --option-color-top: #ef4c65;
  --option-color-bottom: #991b37;
  --option-rotate: 0deg;

  position: relative;
  height: 100%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
  border-radius: 28px;
  background: linear-gradient(160deg, var(--option-color-top), var(--option-color-bottom));
  box-shadow: 0 24px 42px rgba(0, 0, 0, .35), 0 8px 0 rgba(0, 0, 0, .13);
  isolation: isolate;

  transform: rotate(var(--option-rotate)) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease;
}

.collab_option-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(circle at 24% 16%, rgba(255,255,255,.28), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.08), transparent 35%);
  pointer-events: none;
}

.collab_option-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: inherit;
  pointer-events: none;
}

/* COLOR + ROTATION */
.collab_option-slide--red .collab_option-card { 
  --option-rotate: .7deg;
  --option-color-top: #ef5267;
  --option-color-bottom: #a3193b; 
}

.collab_option-slide--blue .collab_option-card { 
  --option-rotate: -.8deg;
  --option-color-top: #2f9cff;
  --option-color-bottom: #1358bd; 
}

.collab_option-slide--orange .collab_option-card { 
  --option-rotate: 1.2deg;
  --option-color-top: #ff9d3b;
  --option-color-bottom: #b94c16; 
}

.collab_option-slide--purple .collab_option-card { 
  --option-rotate: -.7deg;
  --option-color-top: #8b6be8;
  --option-color-bottom: #46306f; 
}

.collab_option-slide--pink .collab_option-card { 
  --option-rotate: 1.7deg;
  --option-color-top: #f06ab9;
  --option-color-bottom: #9b2e75; 
}

.collab_option-slide--cyan .collab_option-card { 
  --option-rotate: -1.7deg;
  --option-color-top: #42d8e8;
  --option-color-bottom: #14758f; 
}

.collab_option-slide--green .collab_option-card { 
  --option-rotate: .7deg;
  --option-color-top: #65c67a;
  --option-color-bottom: #24713e; 
}

.collab_option-slide--violet .collab_option-card { 
  --option-rotate: -.7deg;
  --option-color-top: #a35ff2;
  --option-color-bottom: #562190; 
}

/* VISUAL */
.collab_option-visual {
  position: absolute;
  left: -6%;
  right: -6%;
  bottom: 20%;
  height: 100%;
  max-height: fit-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}

.collab_option-visual::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 12px;
  height: 25px;
  border-radius: 50%;
  background: rgba(0,0,0,.34);
  filter: blur(15px);
  z-index: -1;
}

.collab_option-visual img {
  width: 112%;
  height: 112%;
  object-fit: contain;
  object-position: center bottom;
  pointer-events: none;
  user-select: none;
  transform: translateZ(0);
  transform-origin: center bottom;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  will-change: transform;

  filter: drop-shadow(0 22px 20px rgba(0,0,0,.26));

  transition: transform .45s cubic-bezier(.2,.8,.2,1);
}

/* CONTENT */
.collab_option-content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding: 28px 26px 30px;
  border-radius: 0 0 28px 28px;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.11) 100%);
}

.collab_option-content h3 { 
  margin: 0;
  color: #fff; 
  font-size: clamp(21px, 1.8vw, 28px); 
  font-weight: 650;
  line-height: 1.05; 
  text-shadow: 0 4px 18px rgba(0,0,0,.28);
}

/* HOVER */
.collab_option-slide:hover {
  z-index: 5;
}

.collab_option-slide:hover .collab_option-card { 
  transform: translateY(-12px) rotate(0deg) scale(1.015) translateZ(0);
  box-shadow: 0 42px 74px rgba(0,0,0,.44), 0 10px 0 rgba(0,0,0,.14);
}

.collab_option-slide:hover .collab_option-visual img { 
  transform: translateY(-14px) scale(1.06) rotate(-1deg) translateZ(0);
}

/* NAVIGATION */
.collab_navigation { 
  display: flex; 
  justify-content: flex-end; 
  align-items: center; 
  gap: 10px;
  margin-top: 6px; 
}

.collab_nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 15px;
  border: 1px solid rgba(255, 255, 255, .72);
  color: rgba(255, 255, 255, .72);
  border-radius: 50px;
  font-family: var(--font);
  font-size: 22px; 
  background: transparent;
  cursor: pointer;
  transition: transform .25s ease, border-color .25s ease, color .25s ease;
}

.collab_nav-btn span:first-child,
.collab_nav-btn span:last-child { 
  font-size: 15px;
}

.collab_nav-btn:hover { 
  border-color: var(--active);
  color: var(--active); 
  transform: translateY(-2px); 
}

/*----- PROCESS -------*/
.collab_process { 
  background: linear-gradient(180deg, #111, #18121c 50%, #111);
  background: url(../img/showcase/bg.jpg) top center no-repeat;
  background-size: cover;
}
.collab_timeline { 
  display: grid; 
  grid-template-columns: 1fr 54px 1fr 54px 1fr 54px 1fr 54px 1fr; 
  align-items: start;
}
.collab_step { 
  text-align: center;
}
.collab_step-number { 
  width: fit-content; 
  aspect-ratio: 1/1; 
  padding: 15px;
  display: grid; 
  place-items: center; 
  margin: 0 auto 18px; 
  border: 1px solid rgba(27, 218, 231, .35); 
  border-radius: 50%; 
  color: var(--active); 
  font-weight: 700; 
  background: rgba(27, 218, 231, .07); 
  box-shadow: inset 0 0 18px rgba(27, 218, 231, .05);
}

.collab_step-number img{
  filter: sepia(1) hue-rotate(106deg) saturate(5);
}
.collab_step h3 { 
  margin: 0 0 9px; 
  color: #fff; 
  font-size: 20px; 
  font-weight: 600;
}
.collab_step p { 
  margin: 0 auto; 
  color: var(--collab-muted); 
  font-size: 16px; 
  line-height: 1.15;
}
.collab_step-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  color: rgba(255, 255, 255, .45);
  width: 100%;
  aspect-ratio: 9 / 8;
  background: url(../img/collab/arrow_line.png) center no-repeat;
  background-size: contain;
  filter: brightness(.35);
}

/*----- FORM -------*/
.collab_form-section { 
  padding-bottom: 130px; 
  background: radial-gradient(circle at 50% 18%, rgba(202, 80, 225, .12), transparent 35%), #0d0d12;
  background-image: url(../img/collab/bg1.png);
  background-size: cover;
  background-attachment: fixed;
}
.collab_form-shell { 
  width: min(980px, calc(100% - 48px));
}

.collab_form {
  position: relative;
  padding: 52px;
  border-top: 1px solid #ffffff70;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
  background: linear-gradient(271deg, rgb(191 111 255 / 90%), rgb(165 49 255 / 90%));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .2);
  overflow: visible;
  z-index: 1;
}

.collab_form input, .iti__selected-dial-code{
  background: unset;
  font-weight: 400;
  color: black;
}
#iti-0__country-selector li{
  color: #7a7a7a;
}
.collab_form-char{
  position: absolute;
  bottom: -5%;
}
.collab_form-char img{
  max-width: fit-content;
  max-height: fit-content;
}
.collab_form-char:first-child{
  right: 98%;
}

.collab_form-char:nth-child(2){
  left: 95%;
}


.collab_form-row { 
  display: grid; 
  grid-template-columns: 220px 1fr; 
  align-items: center; 
  margin-bottom: 17px;
}
.collab_form-row--top { 
  align-items: start; 
  margin-top: 26px;
}
.collab_form label, .collab_label { 
  color: rgba(255, 255, 255, .84); 
  font-size: 18px; 
  font-weight: 400; 
  line-height: 1.35;
}
.collab_label-wrap { 
  display: flex; 
  flex-direction: column; 
  gap: 2px;
}
.collab_label-wrap small {
  color: rgba(255, 255, 255, .8);
  font-size: 12px;
  font-style: italic;
}

.collab_form input[type="text"], .collab_form input[type="email"], .collab_form input[type="tel"], .collab_form input[type="url"], .collab_form textarea { 
  width: 100%; 
  min-height: 45px; 
  padding: 11px 14px; 
  border: 2px solid rgb(143 143 143 / 25%);
  border-radius: 6px; 
  outline: none; 
  /* color: #fff;  */
  color: #000;
  font-family: var(--font); 
  font-size: 16px;
  font-weight: 400;
  background: rgba(8, 8, 12, .72); 
  background: white;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.collab_form textarea { 
  min-height: 124px; 
  resize: vertical;
}
.collab_form input::placeholder, .collab_form textarea::placeholder { 
  color: rgba(39, 39, 39, 0.8);
}
.collab_form input:focus, .collab_form textarea:focus { 
  border-color: rgb(143 143 143 / 50%);; 
  background: rgba(10, 16, 20, .86); 
  background: rgba(255, 255, 255, 0.85); 
  box-shadow: 0 0 0 3px rgba(23, 224, 238, .09), 0 0 24px rgba(23, 224, 238, .08);
}
.collab_checks { 
  display: grid; 
  gap: 13px 30px;
}
.collab_checks--two-col { 
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collab_checks--radio { 
  grid-template-columns: 1fr;
}
.collab_checks label, .collab_consent { 
  display: flex; 
  align-items: center; 
  gap: 9px; 
  cursor: pointer;
}
.collab_checks input[type="checkbox"], .collab_checks input[type="radio"], .collab_consent input[type="checkbox"] { 
  flex: 0 0 auto; 
  width: 17px; 
  height: 17px; 
  margin: 0; 
  accent-color: var(--active);
}
.collab_checks span { 
  color: rgba(255, 255, 255, .68); 
  font-size: 16px;
}
.collab_other { 
  grid-column: 1 / -1;
}
.collab_other input[type="text"] { 
  min-height: 24px; 
  padding: 2px 5px; 
  border: 0; 
  border-bottom: 1px solid rgba(255, 255, 255, .4); 
  border-radius: 0; 
  background: transparent;
  color: white;
}
.collab_consent {
  align-items: flex-start;
  margin: 20px 0 15px;
}
.collab_consent span { 
  color: rgba(255, 255, 255, .5); 
  font-size: 14px; 
  font-weight: 400;
  line-height: 1.55;
}
.collab_consent a { 
  color: var(--active);
}
.collab_submit-wrap { 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  text-align: center;
}
.collab_submit-btn { 
  border: 0; 
  cursor: pointer;
}
.collab_submit-wrap > strong { 
  margin: 20px 0 3px; 
  color: #fff; 
  font-size: 18px;
}
.collab_submit-wrap > p { 
  margin: 0; 
  color: #fff; 
  font-size: 16px; 
  font-weight: 400;
  line-height: 1.15;
}
.collab_form-status { 
  min-height: 20px; 
  margin-top: 12px !important; 
  color: var(--active) !important;
}
.collab_form .is-invalid { 
  border-color: #ff6b8c !important; 
  box-shadow: 0 0 0 3px rgba(255, 107, 140, .08) !important;
}

/*----- RESPONSIVE -------*/
@media (max-width: 1400px) {
 .collab_form-char{
  display: none;
 }
}

@media (max-width: 1100px) {
  .collab_hero-title { 
    width: 65%; 
    font-size: clamp(46px, 7vw, 72px);
  }
  .collab_timeline { 
    grid-template-columns: repeat(5, 1fr); 
    gap: 12px;
  }
  .collab_step-line { 
    display: none;
  }
}

@media (max-width: 768px) {
  .collab_options-shell { 
    width: min(100%, calc(100% - 28px)); 
  }
  .collab_navigation { 
    justify-content: center; 
  }
  .collab_hero{
    padding-bottom: 100px;
  }
  .collab_shell, .collab_form-shell { 
    flex-direction: column-reverse;
  }
  .collab_section { 
    padding: 82px 0;
  }
  .collab_hero-inner { 
    justify-content: flex-start; 
    text-align: center; 
    align-items: center;
  }
  .collab_hero-title { 
    width: 100%; 
    margin-top: 14px; 
    font-size: clamp(44px, 12vw, 66px);
  }
  .collab_hero-content{
    position: unset;
  }

  .collab_hero-copy { 
    font-size: 15px;
  }
  .collab_hero-visual { 
    margin-bottom: -15%;
    z-index: -1;
  }
  .collab_stats { 
    grid-template-columns: 1fr;
  }
  .collab_stat { 
    min-height: 112px;
  }
  .collab_stat:not(:last-child)::after { 
    top: auto; 
    bottom: 0; 
    width: 100%; 
    height: 2px;
  }
  .collab_benefit-grid { 
    grid-template-columns: 1fr;
  }
  .collab_timeline { 
    grid-template-columns: 1fr; 
    gap: 20px;
  }
  .collab_step { 
    padding: 22px; 
    border-radius: 35px;
    border: 3px solid #393939; 
  }
  .collab_form { 
    padding: 30px 24px;
  }
  .collab_form-row { 
    grid-template-columns: 1fr; 
    margin-bottom: 20px;
    gap: 7px;
  }
}
@media (max-width: 520px) {
  .collab_section { 
    padding: 70px 0;
  }
  .collab_section-heading h2 { 
    font-size: 36px;
  }
  .collab_hero-title { 
    font-size: 46px;
  }
  .collab_stat { 
    flex-direction: column; 
    gap: 6px;
  }
  .collab_option-content { 
    padding: 22px 21px 24px; 
    border-radius: 0 0 24px 24px; 
  }
  .collab_checks--two-col { 
    grid-template-columns: 1fr;
  }
  .collab_form { 
    padding: 26px 18px;
  }
}
@media (max-width: 480px) {
  .collab_benefit-card { 
    padding: 0 32px 32px;
  }
  .collab_card-visual{
    order: -1;
    position: relative;
    max-width: 100%;
    max-height: 150px;
    align-self: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collab_disc img, .collab_float-tag { 
    animation: none;
  }
  .collab_primary-btn, .collab_submit-btn, .collab_benefit-card, .collab_option-card { 
    transition: none;
  }
}

/* Required markers + reserved field-level validation space */
.collab_required-mark {
  color: #ffa0a0;
  margin-left: 4px;
}

.collab_form-row {
  position: relative;
}

.collab_field-error {
  width: 100%;
  min-height: 16px;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #ffa0a0;
}

.collab_consent .collab_field-error{
  margin-bottom: 25px;
}

.collab_field-error:empty {
  visibility: hidden;
}

.collab_consent-field .collab_field-error,
.collab_captcha-field .collab_field-error {
  bottom: 4px;
}

.collab_captcha-label {
  display: block;
  margin-bottom: 8px;
}