.elementor-kit-3{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-3 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-darkturquoise: #34d5e5;
  --color-deepskyblue-100: rgba(76, 201, 255, 0.8);
  --color-deepskyblue-200: rgba(76, 201, 255, 0.15);
  --color-deepskyblue-300: rgba(76, 201, 255, 0.06);
  --color-deepskyblue-400: rgba(76, 201, 255, 0.34);
  --color-dimgray: #707070;
  --color-ghostwhite: #f3f6ff;
  --color-gray-100: #15183d;
  --color-gray-200: #0f162b;
  --color-gray-300: #050b1f;
  --color-gray-400: rgba(255, 255, 255, 0.15);
  --color-gray-500: rgba(255, 255, 255, 0.08);
  --color-gray-600: rgba(255, 255, 255, 0.04);
  --color-gray-700: rgba(255, 255, 255, 0.12);
  --color-gray-800: rgba(255, 255, 255, 0.03);
  --color-lavender-100: #e4eafa;
  --color-lavender-200: #dbe2f6;
  --color-lightslategray: #8892b5;
  --color-lightsteelblue: #b9c2dc;
  --color-mediumslateblue-100: rgba(125, 109, 255, 0.35);
  --color-mediumslateblue-200: rgba(125, 109, 255, 0.25);
  --color-paleturquoise: #9cecff;
  --color-royalblue: #6782ff;
  --color-white: #fff;

  /* Gap */
  --gap-0: 0px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-14: 14px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-22: 22px;
  --gap-24: 24px;
  --gap-26: 26px;
  --gap-28: 28px;
  --gap-36: 36px;
  --gap-40: 40px;
  --gap-44: 44px;
  --gap-16_88: 16.88px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-7: 7px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-26: 26px;
  --padding-28: 28px;
  --padding-32: 32px;
  --padding-48: 48px;
  --padding-60: 60px;
  --padding-72: 72px;
  --padding-80: 80px;
  --padding-100: 100px;
  --padding-0_63: 0.63px;
  --padding-0_69: 0.69px;

  /* BorderRadius */
  --br-11: 11px;
  --br-12: 12px;
  --br-14: 14px;
  --br-18: 18px;
  --br-22: 22px;
  --br-24: 24px;
  --br-28: 28px;
  --br-40: 40px;
  --br-62: 62px;
  --br-69: 69px;
  --br-999: 999px;

  /* Font */
  --font-jetbrains-mono: JetBrains Mono, Arial, sans-serif;
  --font-nexa: Nexa, Arial, sans-serif;
  --font-poppins: Poppins, Arial, sans-serif;

  /* FontSize */
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-27: 27px;
  --fs-34: 34px;

  /* Borders */
  --border-1: 1px solid var(--color-deepskyblue-400);
  --border-2: 1px solid var(--color-gray-700);
  --border-3: 1px dashed var(--color-deepskyblue-200);
  --border-4: 1px solid var(--color-deepskyblue-100);
  --border-5: 1px solid var(--color-mediumslateblue-200);
  --border-6: 1px solid var(--color-gray-500);

  /* Shadows */
  --shadow-drop: 0px 0px 14px rgba(111, 83, 255, 0.7);
  --shadow-drop-1: 3px 2px 66.7px #6716ff;
  --shadow-drop-2: 0px 0px 43.5px #4cc9ff;
  --shadow-drop-3: 0px 20px 48px rgba(0, 0, 0, 0.35);
  --shadow-inner:
    0px 5px 30.6px rgba(125, 109, 255, 0.32),
    3px 2px 10.2px rgba(255, 255, 255, 0.25) inset;

  /* Gradients */
  --gradient-1: linear-gradient(90.45deg, var(--color-darkturquoise), #0068f0);
  --gradient-2: linear-gradient(
    106.18deg,
    var(--color-darkturquoise),
    #4c9bff 50%,
    #7d6dff
  );
  --gradient-3: radial-gradient(
    216.39% 128.39% at 28.83% -8.84%,
    var(--color-gray-300) 43.06%,
    #131639 64.59%,
    #11172d 88.39%,
    #040c21
  );
  --gradient-4: radial-gradient(
    20.45% 47.17% at 68.78% 50%,
    var(--color-gray-300),
    rgba(6, 15, 35, 0.5) 27.47%,
    rgba(6, 15, 35, 0) 52.4%,
    var(--color-gray-300)
  );
  --gradient-5: linear-gradient(180deg, #c500ff, var(--color-darkturquoise));
  --gradient-6: radial-gradient(
    70.71% 70.71% at 50% 50%,
    rgba(76, 201, 255, 0.12),
    rgba(76, 201, 255, 0) 62%
  );
  --gradient-7: linear-gradient(90deg, #c500ff, var(--color-darkturquoise));
  --gradient-8: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.02)
  );
  --gradient-9: radial-gradient(
    50% 50% at 50% 50%,
    rgba(125, 109, 255, 0.22),
    rgba(125, 109, 255, 0) 70%
  );
  --gradient-10: linear-gradient(
    135deg,
    rgba(197, 0, 255, 0.18),
    rgba(76, 201, 255, 0.14)
  );
  --gradient-11: linear-gradient(180deg, var(--color-darkturquoise), #c500ff);
  --gradient-12:
    radial-gradient(
      50.19% 58.1% at 6% 6%,
      rgba(60, 201, 255, 0.16),
      rgba(60, 201, 255, 0) 60%
    ),
    radial-gradient(
      46.33% 54.87% at 94% 100%,
      rgba(197, 0, 255, 0.16),
      rgba(197, 0, 255, 0) 60%
    ),
    linear-gradient(180deg, var(--color-gray-600), rgba(255, 255, 255, 0.02));
  --gradient-13: linear-gradient(
    135deg,
    rgba(142, 87, 255, 0.22),
    rgba(52, 213, 229, 0.14)
  );
  --gradient-14: linear-gradient(
    180deg,
    var(--color-gray-600),
    rgba(255, 255, 255, 0.02)
  );
  --gradient-15: linear-gradient(
    135deg,
    rgba(142, 87, 255, 0.3),
    rgba(52, 213, 229, 0.2)
  );
  --gradient-16:
    radial-gradient(
      123.41% 125.79% at 100% 0%,
      rgba(197, 0, 255, 0.15),
      rgba(197, 0, 255, 0) 60%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.02)
    );

  /* WidthHeights */
  --height-1: 1px;
  --height-8: 8px;
  --height-14: 14px;
  --height-15: 15px;
  --height-16: 16px;
  --height-18: 18px;
  --height-24: 24px;
  --height-28: 28px;
  --height-32: 32px;
  --height-35: 35px;
  --height-36: 36px;
  --height-40: 40px;
  --height-44: 44px;
  --height-45: 45px;
  --height-72: 72px;
  --height-100: 100px;
  --height-120: 120px;
  --height-124: 124px;
  --height-125: 125px;
  --height-138: 138px;
  --max-w-180: 180px;
  --max-w-301: 301px;
  --max-w-900: 900px;
  --max-w-1260: 1260px;
  --max-w-602_88: 602.88px;
  --min-w-26: 26px;
  --min-w-95: 95px;
  --min-w-226: 226px;
  --min-w-289: 289px;
  --min-w-478: 478px;
  --width-1: 1px;
  --width-8: 8px;
  --width-14: 14px;
  --width-15: 15px;
  --width-16: 16px;
  --width-18: 18px;
  --width-22: 22px;
  --width-28: 28px;
  --width-40: 40px;
  --width-44: 44px;
  --width-61: 61px;
  --width-100: 100px;
  --width-110: 110px;
  --width-124: 124px;
  --width-125: 125px;
  --width-138: 138px;
  --width-900: 900px;
  --width-1260: 1260px;
  --width-1920: 1920px;
  --width-340_7: 340.7px;
  --width-602_9: 602.9px;

  /* LineHeights */
  --lh-15: 15px;
  --lh-19: 19px;
  --lh-22: 22px;
  --lh-24: 24px;
  --lh-27: 27px;
  --lh-36: 36px;
  --lh-18_8: 18.8px;
  --lh-19_5: 19.5px;
  --lh-22_5: 22.5px;
  --lh-45_4: 45.4px;

  /* LetterSpacings */
  --ls--0_15: -0.15px;
  --ls--0_27: -0.27px;
  --ls--0_3: -0.3px;
  --ls--1_05: -1.05px;
  --ls-1_2: 1.2px;
  --ls-1_92: 1.92px;
  --ls-1_98: 1.98px;

  --left--61: -61px;
  --top-26: 26px;
}
.landing-age,
.landing-age:hover {
  display: flex;
  width: var(--width-1920);
  line-height: normal;
  letter-spacing: normal;
}
.landing-age {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  gap: var(--gap-0);
}
.landing-age:hover {
  justify-content: flex-start;
}
.header-section {
  align-self: stretch;
  background-color: var(--color-black);
  display: flex;
  top: 0;
  z-index: 99;
  position: sticky;
  width: 100%;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-nexa);
}
.header,
.header-section,
.header-section:hover,
.landing-age:hover {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  gap: var(--gap-0);
}
.header-section:hover {
  background-color: var(--color-black);
  justify-content: flex-start;
  top: 0;
  z-index: 99;
  position: sticky;
}
.header {
  backdrop-filter: blur(16px);
  background-color: var(--color-gray-300);
  padding: var(--padding-0) 358px;
  box-sizing: border-box;
}
.divnav,
.divnav:hover,
.header,
.header-section:hover,
.header:hover {
  align-self: stretch;
  display: flex;
  width: 100%;
}
.header:hover {
  background-color: var(--color-gray-300);
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) 358px;
  box-sizing: border-box;
  backdrop-filter: blur(16px);
}
.divnav,
.divnav:hover {
  height: var(--height-72);
  align-items: center;
  justify-content: space-between;
  gap: 136px;
}
.divnav:hover {
  flex-direction: row;
}
.partners-link-container,
.partners-link-container:hover {
  height: var(--height-36);
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  width: auto;
  align-self: unset;
}
.partners-link-container:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.partners-icon {
  position: relative;
}
.partners-icon,
.partners-icon:hover {
  display: block;
  width: var(--width-110);
  height: 27.6px;
}
.empty-container {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.empty-container,
.empty-container:hover {
  background-color: var(--color-white);
  display: block;
  width: var(--width-1);
  height: var(--height-24);
  gap: var(--gap-0);
}
.partners-link-text,
.partners-link-text:hover {
  letter-spacing: -0.02em;
  line-height: 140%;
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.partners-link-text {
  margin: 0;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
}
.partners-link-text:hover {
  font-family: var(--font-nexa);
  font-size: var(--fs-20);
  text-align: center;
  color: var(--color-white);
}
.navlinks,
.navlinks:hover {
  height: auto;
  gap: var(--gap-28);
}
.navlinks {
  display: flex;
  align-items: flex-start;
  width: auto;
  align-self: unset;
  text-align: left;
  font-size: var(--fs-13);
  color: var(--color-lightsteelblue);
  font-family: var(--font-poppins);
}
.navlinks:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.a,
.why-join {
  position: relative;
}
.a,
.a:hover,
.navlinks:hover {
  display: flex;
  width: auto;
  align-self: unset;
  align-items: flex-start;
}
.a,
.a:hover {
  height: var(--height-32);
  flex-direction: column;
  gap: var(--gap-0);
  padding: var(--padding-6) var(--padding-2);
  box-sizing: border-box;
}
.a {
  overflow: hidden;
  isolation: isolate;
}
.a:hover {
  justify-content: flex-start;
}
.why-join {
  font-weight: 600;
  z-index: 0;
  flex-shrink: 0;
}
.a-child {
  width: var(--width-61);
  height: var(--height-1);
  position: absolute;
  margin: 0 !important;
  top: 26px;
  left: -61px;
  background: var(--gradient-1);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.divnav-actions {
  gap: var(--gap-10);
  height: auto;
}
.button,
.button:hover,
.divnav-actions,
.divnav-actions:hover {
  display: flex;
  width: auto;
  align-self: unset;
  align-items: center;
}
.divnav-actions:hover {
  height: auto;
  flex-direction: row;
  gap: var(--gap-10);
  justify-content: flex-start;
}
.button,
.button:hover {
  background: var(--gradient-2);
  height: var(--height-45);
  gap: var(--gap-8);
  border-radius: var(--br-12);
  padding: var(--padding-11) var(--padding-18) var(--padding-12);
  box-sizing: border-box;
  box-shadow: var(--shadow-inner);
}
.button {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  overflow: hidden;
}
.button:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.apply-to-join {
  font-size: var(--fs-13);
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: left;
}
.apply-to-join,
.frame-icon {
  position: relative;
}
.frame-icon,
.frame-icon:hover {
  display: block;
  width: var(--width-14);
  height: var(--height-14);
  gap: var(--gap-0);
}
.abtn,
.abtn:hover {
  background-color: var(--color-deepskyblue-300);
  display: flex;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-8);
  align-items: center;
  border-radius: var(--br-12);
  padding: var(--padding-11) var(--padding-18) var(--padding-12);
  box-sizing: border-box;
  border: var(--border-1);
}
.abtn {
  cursor: pointer;
}
.abtn:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.view-commission-plans {
  position: relative;
  font-size: var(--fs-13);
  font-family: var(--font-poppins);
  color: var(--color-paleturquoise);
  text-align: left;
  flex-shrink: 0;
}
.main-content-container,
.main-content-container:hover {
  align-self: stretch;
  background: var(--gradient-3);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-100);
  box-sizing: border-box;
  gap: var(--gap-12);
  max-width: 100%;
  width: 100%;
  height: auto;
}
.main-content-container:hover {
  justify-content: flex-start;
}
.hero,
.hero:hover {
  background: var(--gradient-4);
  width: var(--width-1920);
  gap: var(--gap-0);
  padding: var(--padding-72) var(--padding-0) var(--padding-80) 358px;
  box-sizing: border-box;
}
.hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  height: auto;
}
.hero:hover {
  justify-content: flex-start;
}
.div {
  gap: 14.7px;
  width: auto;
  align-self: unset;
  z-index: 0;
  text-align: left;
  font-size: 40px;
  color: var(--color-ghostwhite);
  font-family: var(--font-poppins);
}
.div,
.div:hover,
.h1,
.h1:hover,
.hero:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: flex-start;
}
.div:hover {
  width: auto;
  align-self: unset;
  gap: 14.7px;
  justify-content: flex-start;
}
.h1,
.h1:hover {
  width: 529px;
  padding: var(--padding-0) var(--padding-0) 0.62px;
}
.h1 {
  box-sizing: border-box;
  gap: var(--gap-0);
}
.h1:hover {
  justify-content: flex-start;
}
.hero-headline {
  width: 940px;
  position: relative;
  letter-spacing: -1.86px;
  line-height: 60.9px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.h1:hover,
.plead,
.plead:hover {
  gap: var(--gap-0);
  box-sizing: border-box;
}
.plead,
.plead:hover {
  width: 522.5px;
  padding: 2.1px var(--padding-0) 0.59px;
  max-width: 522.5px;
}
.plead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  font-size: var(--fs-16);
  color: var(--color-lightsteelblue);
}
.plead:hover {
  justify-content: flex-start;
}
.hero-subheading {
  position: relative;
  line-height: 24.8px;
}
.divhero-chips,
.divhero-chips:hover,
.plead:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: flex-start;
}
.divhero-chips,
.divhero-chips:hover {
  align-self: stretch;
  width: 100%;
  gap: var(--gap-8);
}
.divhero-chips {
  font-size: var(--fs-12);
  color: var(--color-lavender-200);
}
.divhero-chips:hover {
  justify-content: flex-start;
}
.spanchip,
.spanchip-dot {
  border-radius: var(--br-999);
}
.spanchip,
.spanchip:hover {
  height: var(--height-35);
  background-color: var(--color-gray-800);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--padding-7) var(--padding-12) var(--padding-8);
  gap: var(--gap-10);
  width: auto;
  align-self: unset;
}
.spanchip:hover {
  flex-direction: row;
  justify-content: flex-start;
  border-radius: var(--br-999);
}
.spanchip-dot {
  height: var(--height-8);
  width: var(--width-8);
  position: relative;
  box-shadow: var(--shadow-drop);
  background: var(--gradient-5);
}
.casino-chip {
  position: relative;
  font-weight: 600;
}
.divhero-cta,
.divhero-cta:hover {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-12);
  width: 100%;
  height: auto;
}
.divhero-cta:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.view-commission-plans2 {
  position: relative;
  font-size: var(--fs-13);
  font-family: var(--font-poppins);
  color: var(--color-paleturquoise);
  text-align: left;
}
.frame-icon3 {
  position: relative;
}
.frame-icon3,
.frame-icon3:hover {
  display: block;
  width: var(--width-15);
  height: var(--height-15);
  gap: var(--gap-0);
}
.untitled-1-icon,
.untitled-2-icon {
  position: absolute;
  margin: 0 !important;
  top: 127px;
  left: 1233px;
  object-fit: cover;
}
.untitled-1-icon {
  width: 282px;
  height: 312px;
  z-index: 1;
}
.untitled-2-icon {
  max-height: 100%;
  z-index: 2;
}
.untitled-2-icon,
.untitled-2-icon:hover {
  mix-blend-mode: normal;
  box-shadow: none !important;
  display: block;
  width: 282px;
  height: 312px;
  box-shadow: var(--shadow-drop-1);
}
.divwrap,
.why-join-section {
  text-align: left;
  font-family: var(--font-poppins);
}
.why-join-section,
.why-join-section:hover {
  width: var(--width-1260);
  height: auto;
  gap: 42px;
  max-width: 100%;
}
.why-join-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--fs-11);
  color: var(--color-lavender-200);
}
.why-join-section:hover {
  justify-content: flex-start;
}
.divwrap {
  width: 100%;
  height: 327.5px;
  padding: var(--padding-0) var(--padding-28);
  box-sizing: border-box;
  gap: var(--gap-12);
  max-width: var(--max-w-1260);
  font-size: var(--fs-34);
  color: var(--color-ghostwhite);
}
.divsection-head,
.divsection-head:hover,
.divwrap,
.divwrap:hover,
.why-join-section:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divwrap:hover {
  width: 100%;
  height: 327.5px;
  gap: var(--gap-12);
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-28);
  box-sizing: border-box;
  max-width: var(--max-w-1260);
}
.divsection-head,
.divsection-head:hover {
  width: var(--width-900);
  gap: var(--gap-14);
  max-width: var(--max-w-900);
  height: auto;
}
.divsection-head:hover {
  justify-content: flex-start;
}
.spaneyebrowmargin {
  height: 20px;
  padding: var(--padding-0) var(--padding-0) var(--padding-2);
  box-sizing: border-box;
}
.h2,
.h2:hover,
.spaneyebrowmargin,
.spaneyebrowmargin:hover {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--gap-0);
}
.spaneyebrowmargin:hover {
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-2);
  box-sizing: border-box;
}
.h2,
.h2:hover {
  height: auto;
}
.h2:hover {
  justify-content: flex-start;
}
.why-join-title,
.why-join-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--1_05);
  line-height: var(--lh-45_4);
  display: block;
  align-self: stretch;
  width: 100%;
  height: auto;
}
.why-join-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.why-join-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-34);
  text-align: left;
  color: var(--color-ghostwhite);
}
.divfeatures,
.divfeatures:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: 203.5px;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: center;
  row-gap: var(--gap-20);
}
.divfeatures {
  position: relative;
  isolation: isolate;
  text-align: center;
  font-size: var(--fs-20);
}
.divfeatures:hover {
  flex-direction: row;
}
.before {
  height: calc(100% - 65.5px);
  width: calc(100% - 1066px);
  position: absolute;
  margin: 0 !important;
  top: 5px;
  right: 984.5px;
  bottom: 60.5px;
  left: 81.5px;
  border-radius: var(--br-69);
  border: var(--border-3);
  box-sizing: border-box;
  z-index: 0;
}
.dedicated-partner-support {
  flex: 1;
  padding: var(--padding-12);
  gap: var(--gap-16_88);
  min-width: var(--min-w-226);
  max-width: var(--max-w-301);
  width: 100%;
  height: auto;
  z-index: 1;
}
.dedicated-partner-support,
.dedicated-partner-support:hover,
.divbadge {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dedicated-partner-support:hover {
  width: 100%;
  height: auto;
  gap: var(--gap-16_88);
  justify-content: flex-start;
  padding: var(--padding-12);
  min-width: var(--min-w-226);
  max-width: var(--max-w-301);
}
.divbadge {
  gap: var(--gap-0);
}
.divbadge,
.divbadge:hover {
  background: var(--gradient-6);
  width: var(--width-124);
  height: var(--height-124);
  justify-content: center;
  border-radius: var(--br-62);
  border: var(--border-4);
  box-shadow: var(--shadow-drop-2);
}
.vector-icon {
  width: 29.3px;
  height: 29.3px;
  position: relative;
}
.divbadge:hover,
.h3,
.h3:hover {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  gap: var(--gap-0);
}
.h3,
.h3:hover {
  padding: var(--padding-0) var(--padding-22) var(--padding-0_63);
  max-width: var(--max-w-180);
  width: auto;
  align-self: unset;
  height: auto;
}
.h3:hover {
  justify-content: flex-start;
}
.dedicated-support-title,
.dedicated-support-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--0_3);
  line-height: var(--lh-18_8);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.dedicated-support-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  flex-shrink: 0;
}
.dedicated-support-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-20);
  text-align: center;
  color: var(--color-ghostwhite);
}
.conversion-focused-offers,
.conversion-focused-offers:hover {
  width: 100%;
  height: auto;
  gap: var(--gap-16_88);
  padding: var(--padding-12);
  min-width: var(--min-w-226);
  max-width: var(--max-w-301);
}
.conversion-focused-offers {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  z-index: 2;
}
.conversion-focused-offers:hover {
  justify-content: flex-start;
}
.divbadge2 {
  position: relative;
  isolation: isolate;
}
.conversion-focused-offers:hover,
.divbadge2,
.divbadge2:hover {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.divbadge2,
.divbadge2:hover {
  background: var(--gradient-6);
  width: var(--width-124);
  height: var(--height-124);
  gap: var(--gap-0);
  justify-content: center;
  border-radius: var(--br-62);
  border: var(--border-4);
  box-shadow: var(--shadow-drop-2);
}
.vector-icon2 {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}
.vector-icon2,
.vector-icon2:hover {
  display: block;
  width: 33px;
  height: 33px;
  border: 3.7px solid var(--color-white);
  box-sizing: border-box;
}
.before2 {
  position: absolute;
  margin: 0 !important;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  z-index: 1;
  flex-shrink: 0;
}
.before2,
.before2:hover {
  display: block;
  width: var(--width-138);
  height: var(--height-138);
  border-radius: var(--br-69);
  border: var(--border-3);
  box-sizing: border-box;
}
.h32 {
  padding: var(--padding-0) var(--padding-11) var(--padding-0_63);
  max-width: var(--max-w-180);
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
}
.flexible-deal-plans,
.flexible-deal-plans:hover,
.h32,
.h32:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.h32:hover {
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-11) var(--padding-0_63);
  max-width: var(--max-w-180);
}
.flexible-deal-plans,
.flexible-deal-plans:hover {
  width: 100%;
  gap: 17.88px;
  padding: var(--padding-12) var(--padding-12) 30.63px;
  min-width: var(--min-w-226);
  max-width: var(--max-w-301);
}
.flexible-deal-plans {
  flex: 1;
  z-index: 3;
}
.flexible-deal-plans:hover {
  justify-content: flex-start;
}
.vector-icon3 {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}
.vector-icon3,
.vector-icon3:hover {
  display: block;
  width: 29.3px;
  height: 27.5px;
  border: 3.7px solid var(--color-white);
  box-sizing: border-box;
}
.deal-plans-title,
.deal-plans-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--0_3);
  line-height: var(--lh-18_8);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.deal-plans-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.deal-plans-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-20);
  text-align: center;
  color: var(--color-ghostwhite);
}
.premium-player-experience,
.premium-player-experience:hover {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: var(--gap-16_88);
  align-items: center;
  padding: var(--padding-12);
  box-sizing: border-box;
  min-width: var(--min-w-226);
  max-width: var(--max-w-301);
}
.premium-player-experience {
  flex: 1;
  z-index: 4;
}
.premium-player-experience:hover {
  justify-content: flex-start;
}
.frame-icon4 {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}
.frame-icon4,
.frame-icon4:hover {
  display: block;
  width: var(--width-44);
  height: var(--height-44);
  gap: var(--gap-0);
}
.h33 {
  align-items: center;
  padding: var(--padding-0) 9px var(--padding-0_63);
  max-width: var(--max-w-180);
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
}
.commission,
.commission:hover,
.h33,
.h33:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  box-sizing: border-box;
}
.h33:hover {
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-0) 9px var(--padding-0_63);
  max-width: var(--max-w-180);
}
.commission,
.commission:hover {
  width: var(--width-1260);
  gap: var(--gap-44);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-28);
  max-width: var(--max-w-1260);
}
.commission {
  text-align: left;
  font-size: var(--fs-11);
  color: var(--color-lavender-200);
  font-family: var(--font-poppins);
}
.commission:hover {
  justify-content: flex-start;
}
.divsection-head2 {
  height: 117.2px;
  gap: 12.7px;
  max-width: var(--max-w-900);
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
}
.divsection-head2,
.divsection-head2:hover,
.spaneyebrowmargin2,
.spaneyebrowmargin2:hover {
  width: var(--width-900);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.divsection-head2:hover {
  height: 117.2px;
  gap: 12.7px;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  max-width: var(--max-w-900);
}
.spaneyebrowmargin2,
.spaneyebrowmargin2:hover {
  padding: var(--padding-0) var(--padding-0) var(--padding-2);
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
}
.spaneyebrowmargin2:hover {
  justify-content: flex-start;
}
.spaneyebrow,
.spaneyebrow:hover {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  box-sizing: border-box;
  gap: var(--gap-8);
  width: 100%;
  height: auto;
}
.spaneyebrow:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.before5 {
  height: var(--height-1);
  width: var(--width-22);
  position: relative;
  background: var(--gradient-7);
}
.commission-plans-text,
.commission-plans-text:hover {
  font-weight: 700;
  letter-spacing: var(--ls-1_98);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.commission-plans-text {
  position: relative;
  text-transform: uppercase;
}
.commission-plans-text:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-11);
  text-align: left;
  color: var(--color-lavender-200);
}
.h22,
.h22:hover {
  display: flex;
  width: var(--width-900);
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  max-width: 100%;
}
.h22 {
  font-size: var(--fs-34);
  color: var(--color-ghostwhite);
}
.h22:hover {
  justify-content: flex-start;
}
.commission-title,
.commission-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--1_05);
  line-height: var(--lh-45_4);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.commission-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.commission-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-34);
  text-align: left;
  color: var(--color-ghostwhite);
}
.divplans,
.plead2 {
  box-sizing: border-box;
}
.plead2,
.plead2:hover {
  display: flex;
  width: var(--width-602_9);
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 0.8px;
  max-width: var(--max-w-602_88);
}
.plead2 {
  font-size: var(--fs-16);
  color: var(--color-lightsteelblue);
}
.plead2:hover {
  justify-content: flex-start;
  box-sizing: border-box;
}
.divplans {
  grid-template-rows: 218.875px;
  column-gap: 15px;
  row-gap: var(--gap-20);
  font-size: var(--fs-22);
  color: var(--color-ghostwhite);
}
.divplans,
.divplans:hover {
  display: grid;
  align-self: stretch;
  width: 100%;
  height: 218.9px;
  flex-direction: column;
  gap: var(--gap-0);
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(398px, 1fr));
}
.divcard {
  overflow: hidden;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
  grid-column: 1;
  grid-row: 1;
  flex-shrink: 0;
}
.divcard,
.divcard:hover {
  background: var(--gradient-8);
  display: flex;
  flex: 1;
  height: auto;
  flex-direction: column;
  gap: var(--gap-40);
  align-items: flex-start;
  border-radius: var(--br-24);
  padding: var(--padding-28);
  box-sizing: border-box;
  border: var(--border-5);
  box-shadow: var(--shadow-drop-3);
  min-height: 220px;
  max-width: 100%;
}
.after {
  width: 220px;
  height: 220px;
  position: absolute;
  margin: 0 !important;
  right: -58.5px;
  bottom: 60.1px;
  background: var(--gradient-9);
  z-index: 0;
  flex-shrink: 0;
}
.divcard:hover,
.divplan-top {
  justify-content: space-between;
}
.divplan-top {
  align-self: stretch;
  gap: 105.66px;
  width: 100%;
  z-index: 1;
  flex-shrink: 0;
}
.div2,
.div2:hover,
.divplan-top,
.divplan-top:hover {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  height: auto;
}
.divplan-top:hover {
  align-self: stretch;
  width: 100%;
  flex-direction: row;
  gap: 105.66px;
  justify-content: space-between;
}
.div2,
.div2:hover {
  flex-direction: column;
  gap: 8.85px;
  min-width: 386.84px;
  width: auto;
  align-self: unset;
}
.div2:hover {
  justify-content: flex-start;
}
.revenue-share-title,
.revenue-share-title:hover {
  font-weight: 700;
  letter-spacing: -0.44px;
  line-height: 27.5px;
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.revenue-share-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.revenue-share-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-22);
  text-align: left;
  color: var(--color-ghostwhite);
}
.p,
.p:hover {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 0.54px;
  box-sizing: border-box;
  max-width: 386.85px;
}
.p {
  font-size: var(--fs-14);
  color: var(--color-lightsteelblue);
}
.p:hover {
  justify-content: flex-start;
}
.revenue-share-description {
  position: relative;
  line-height: 21.7px;
}
.divplan-ic,
.divplan-ic:hover {
  background: var(--gradient-10);
  display: flex;
  width: var(--width-44);
  height: var(--height-44);
  flex-direction: column;
  gap: var(--gap-0);
  align-items: center;
  justify-content: center;
  border-radius: var(--br-12);
  border: var(--border-5);
  box-sizing: border-box;
}
.frame-icon5 {
  position: relative;
}
.frame-icon5,
.frame-icon5:hover {
  display: block;
  width: 45px;
  height: var(--height-45);
  gap: var(--gap-0);
}
.spanpill,
.spanpill:hover {
  background-color: var(--color-gray-600);
  display: flex;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-10);
  align-items: center;
  border-radius: var(--br-999);
  padding: var(--padding-10) var(--padding-16) var(--padding-11);
  box-sizing: border-box;
  border: var(--border-6);
}
.spanpill {
  z-index: 2;
  flex-shrink: 0;
  font-size: var(--fs-12);
  color: var(--color-lavender-100);
}
.spanpill:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.divcard2 {
  overflow: hidden;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
  grid-column: 2;
  grid-row: 1;
  flex-shrink: 0;
}
.divcard2,
.divcard2:hover {
  background: var(--gradient-8);
  display: flex;
  flex: 1;
  height: 220.4px;
  flex-direction: column;
  gap: var(--gap-40);
  border-radius: var(--br-24);
  padding: var(--padding-28);
  box-sizing: border-box;
  border: var(--border-5);
  box-shadow: var(--shadow-drop-3);
}
.div3,
.divplan-top2 {
  display: flex;
  height: auto;
}
.divcard2:hover,
.divplan-top2,
.divplan-top2:hover {
  align-items: flex-start;
  justify-content: space-between;
}
.divplan-top2,
.divplan-top2:hover {
  align-self: stretch;
  width: 100%;
  gap: 275.5px;
}
.divplan-top2 {
  z-index: 0;
  flex-shrink: 0;
}
.divplan-top2:hover {
  display: flex;
  height: auto;
  flex-direction: row;
}
.div3 {
  gap: 9px;
  width: auto;
  align-self: unset;
}
.div3,
.div3:hover,
.p2,
.p2:hover {
  flex-direction: column;
  align-items: flex-start;
}
.div3:hover {
  display: flex;
  width: auto;
  align-self: unset;
  height: auto;
  gap: 9px;
  justify-content: flex-start;
}
.p2,
.p2:hover {
  width: 100%;
  gap: var(--gap-0);
  padding: var(--padding-0) var(--padding-0) var(--padding-0_69);
  max-width: 386.85px;
}
.p2 {
  display: flex;
  box-sizing: border-box;
  height: auto;
  font-size: var(--fs-14);
  color: var(--color-lightsteelblue);
}
.p2:hover {
  justify-content: flex-start;
}
.divplan-ic-icon {
  height: var(--height-44);
  width: var(--width-44);
  border-radius: var(--br-12);
}
.p2:hover,
.spanpill2,
.spanpill2:hover {
  display: flex;
  height: auto;
  box-sizing: border-box;
}
.spanpill2,
.spanpill2:hover {
  background-color: var(--color-gray-600);
  width: auto;
  align-self: unset;
  gap: var(--gap-10);
  align-items: center;
  border-radius: var(--br-999);
  padding: var(--padding-10) var(--padding-16) var(--padding-11);
  border: var(--border-6);
}
.spanpill2 {
  z-index: 1;
  flex-shrink: 0;
  font-size: var(--fs-12);
  color: var(--color-lavender-100);
}
.spanpill2:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.cpa-hybrid-approval {
  position: relative;
}
.after2 {
  width: 220px;
  height: 220px;
  position: absolute;
  margin: 0 !important;
  right: -51px;
  bottom: 59.1px;
  background: var(--gradient-9);
  z-index: 2;
  flex-shrink: 0;
}
.conversion {
  width: var(--width-1260);
  padding: var(--padding-0) var(--padding-28);
  gap: 43.99px;
  max-width: var(--max-w-1260);
  height: auto;
}
.conversion,
.conversion:hover,
.divsection-head3,
.divsection-head3:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.conversion:hover {
  width: var(--width-1260);
  height: auto;
  gap: 43.99px;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-28);
  max-width: var(--max-w-1260);
}
.divsection-head3,
.divsection-head3:hover {
  width: var(--width-900);
  height: 117.2px;
  gap: 12.7px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  max-width: var(--max-w-900);
}
.divsection-head3 {
  text-align: left;
  font-size: var(--fs-11);
  color: var(--color-lavender-200);
  font-family: var(--font-poppins);
}
.divsection-head3:hover {
  justify-content: flex-start;
}
.divgrid-3,
.divgrid-3:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
  gap: var(--gap-24);
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.divgrid-3 {
  text-align: center;
  font-size: var(--fs-18);
  color: var(--color-ghostwhite);
  font-family: var(--font-poppins);
}
.divgrid-3:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.localized-journeys-container,
.localized-journeys-container:hover {
  display: flex;
  flex: 1;
  height: 317px;
  flex-direction: column;
  gap: var(--gap-12);
  align-items: center;
  justify-content: center;
  border-radius: 99999px;
  min-width: var(--min-w-289);
}
.travel-around-the-world-1 {
  position: relative;
  max-height: 100%;
  flex-shrink: 0;
}
.travel-around-the-world-1,
.travel-around-the-world-1:hover {
  display: block;
  width: var(--width-125);
  height: var(--height-125);
  gap: var(--gap-0);
}
.h36,
.h36:hover {
  display: flex;
  width: var(--width-340_7);
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
}
.h36 {
  flex-shrink: 0;
}
.h36:hover {
  justify-content: flex-start;
}
.localized-journeys-title,
.localized-journeys-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--0_27);
  line-height: var(--lh-22_5);
  display: block;
  align-self: stretch;
  width: 100%;
  height: auto;
}
.localized-journeys-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.localized-journeys-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-18);
  text-align: center;
  color: var(--color-ghostwhite);
}
.p3,
.p3:hover {
  display: flex;
  width: var(--width-340_7);
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
}
.p3 {
  flex-shrink: 0;
  font-size: var(--fs-13);
  color: var(--color-lightsteelblue);
}
.p3:hover {
  justify-content: flex-start;
}
.localized-journeys-description {
  align-self: stretch;
  position: relative;
  line-height: 20.2px;
}
.retention-support-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.retention-support-container,
.retention-support-container:hover {
  flex: 1;
  height: 317px;
  gap: var(--gap-12);
  border-radius: var(--br-40);
  min-width: var(--min-w-289);
}
.asset-10-1 {
  overflow: hidden;
  flex-shrink: 0;
}
.asset-10-1,
.asset-10-1:hover,
.retention-support-container:hover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asset-10-1,
.asset-10-1:hover {
  width: var(--width-125);
  height: var(--height-125);
  gap: var(--gap-10);
}
.vector-icon4 {
  position: relative;
  max-height: 100%;
}
.vector-icon4,
.vector-icon4:hover {
  background: var(--gradient-11);
  display: block;
  width: var(--width-110);
  height: 87px;
}
.campaign-support-container,
.campaign-support-container:hover {
  display: flex;
  flex: 1;
  align-self: stretch;
  height: auto;
  flex-direction: column;
  gap: var(--gap-12);
  align-items: center;
  justify-content: center;
  border-radius: var(--br-40);
  min-width: var(--min-w-289);
}
.campaign-support-icon,
.campaign-support-icon:hover {
  display: flex;
  width: var(--width-125);
  height: var(--height-125);
  gap: var(--gap-10);
  align-items: center;
  justify-content: center;
}
.campaign-support-icon {
  flex-shrink: 0;
}
.campaign-support-icon:hover {
  flex-direction: row;
}
.vector-icon5 {
  position: relative;
}
.vector-icon5,
.vector-icon5:hover {
  display: block;
  width: var(--width-100);
  height: var(--height-100);
  border: 4px solid var(--color-darkturquoise);
  box-sizing: border-box;
}
.tools {
  width: var(--width-1260);
  flex-direction: column;
  padding: var(--padding-0) var(--padding-28);
  box-sizing: border-box;
  gap: var(--gap-44);
  max-width: var(--max-w-1260);
  height: auto;
}
.divsection-head4,
.tools,
.tools:hover {
  display: flex;
  align-items: flex-start;
}
.tools:hover {
  width: var(--width-1260);
  height: auto;
  gap: var(--gap-44);
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-28);
  max-width: var(--max-w-1260);
}
.divsection-head4 {
  width: var(--width-900);
  height: 187.3px;
  gap: 12.8px;
  max-width: var(--max-w-900);
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  text-align: left;
  font-size: var(--fs-11);
  color: var(--color-lavender-200);
  font-family: var(--font-poppins);
}
.divsection-head4,
.divsection-head4:hover,
.plead4,
.tools:hover {
  flex-direction: column;
  box-sizing: border-box;
}
.divsection-head4:hover {
  display: flex;
  width: var(--width-900);
  height: 187.3px;
  gap: 12.8px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  max-width: var(--max-w-900);
}
.plead4 {
  width: var(--width-602_9);
  padding: var(--padding-0) var(--padding-0) var(--padding-0_69);
  max-width: var(--max-w-602_88);
  gap: var(--gap-0);
  font-size: var(--fs-16);
  color: var(--color-lightsteelblue);
}
.divtools,
.divtools:hover,
.plead4,
.plead4:hover {
  display: flex;
  align-items: flex-start;
  height: auto;
}
.plead4:hover {
  width: var(--width-602_9);
  flex-direction: column;
  gap: var(--gap-0);
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_69);
  box-sizing: border-box;
  max-width: var(--max-w-602_88);
}
.divtools,
.divtools:hover {
  align-self: stretch;
  gap: var(--gap-24);
  max-width: 100%;
  width: 100%;
}
.divtools:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.divtools-feature,
.divtools-feature:hover {
  background: var(--gradient-12);
  display: flex;
  width: auto;
  align-self: stretch;
  height: auto;
  flex-direction: column;
  gap: var(--gap-26);
  align-items: center;
  border-radius: var(--br-28);
  padding: var(--padding-24) 25px;
  box-sizing: border-box;
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
  max-width: 100%;
}
.divtools-feature {
  overflow: hidden;
  text-align: left;
  font-size: var(--fs-11);
  color: var(--color-lavender-200);
  font-family: var(--font-poppins);
}
.divtools-feature:hover {
  justify-content: flex-start;
}
.marketing-tools-container,
.marketing-tools-container:hover {
  display: flex;
  width: 571.7px;
  flex: 1;
  flex-direction: column;
  gap: var(--gap-12);
  align-items: flex-start;
  justify-content: space-between;
}
.marketing-tools-header,
.marketing-tools-header:hover {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  width: 100%;
  height: auto;
}
.marketing-tools-header:hover {
  justify-content: flex-start;
}
.h39,
.h39:hover {
  align-self: stretch;
}
.h39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  gap: var(--gap-0);
  font-size: var(--fs-20);
  color: var(--color-ghostwhite);
}
.h39:hover {
  justify-content: flex-start;
}
.marketing-tools-description {
  position: relative;
  letter-spacing: -0.62px;
  line-height: 31.4px;
}
.h39:hover,
.p6,
.p6:hover {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
}
.p6,
.p6:hover {
  padding: var(--padding-0) var(--padding-0) 0.59px;
  box-sizing: border-box;
  max-width: 375.54px;
}
.p6 {
  font-size: var(--fs-13);
  color: var(--color-lightsteelblue);
}
.p6:hover {
  justify-content: flex-start;
}
.marketing-tools-body {
  position: relative;
  line-height: 20.8px;
}
.divpill-row,
.divpill-row:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
  gap: 270.7px;
  align-items: flex-end;
  justify-content: space-between;
}
.divpill-row {
  font-size: var(--fs-12);
}
.divpill-row:hover {
  flex-direction: row;
}
.real-time-reporting-chip,
.real-time-reporting-chip:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  width: auto;
  align-self: unset;
  height: auto;
}
.real-time-reporting-chip:hover {
  justify-content: flex-start;
}
.div4,
.div4:hover {
  display: flex;
  flex: 1;
  align-self: stretch;
  height: auto;
  gap: var(--gap-24);
  min-width: 361px;
}
.div4 {
  text-align: left;
  font-size: 17px;
  color: var(--color-ghostwhite);
  font-family: var(--font-poppins);
}
.div4:hover {
  justify-content: flex-start;
}
.div4,
.div4:hover,
.divmini-card,
.divmini-card:hover {
  flex-direction: column;
  align-items: flex-start;
}
.divmini-card,
.divmini-card:hover {
  background: var(--gradient-8);
  gap: var(--gap-14);
  border-radius: var(--br-22);
  padding: var(--padding-26);
  box-sizing: border-box;
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
}
.divmini-card {
  overflow: hidden;
}
.divmini-card:hover {
  justify-content: flex-start;
}
.divmini-card,
.divmini-card:hover,
.divmini-head,
.divmini-head:hover {
  align-self: stretch;
  display: flex;
  width: 100%;
  height: auto;
}
.divmini-head,
.divmini-head:hover {
  align-items: center;
  gap: var(--gap-12);
}
.divmini-head:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.div-icon {
  height: var(--height-40);
  width: var(--width-40);
  border-radius: var(--br-11);
}
.h4,
.h4:hover {
  display: flex;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}
.h4 {
  flex-direction: column;
  align-items: flex-start;
}
.h4:hover {
  justify-content: flex-start;
}
.partner-dashboard-title {
  position: relative;
  letter-spacing: -0.17px;
  line-height: 23px;
}
.h4:hover,
.ul {
  flex-direction: column;
  align-items: flex-start;
}
.ul {
  gap: var(--gap-10);
  font-size: var(--fs-13);
  color: var(--color-lightsteelblue);
}
.li,
.li:hover,
.ul,
.ul:hover {
  align-self: stretch;
  display: flex;
  width: 100%;
  height: auto;
}
.ul:hover {
  flex-direction: column;
  gap: var(--gap-10);
  align-items: flex-start;
  justify-content: flex-start;
}
.li,
.li:hover {
  align-items: flex-end;
  gap: var(--gap-12);
}
.li:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.frame-icon8 {
  position: relative;
}
.frame-icon8,
.frame-icon8:hover {
  display: block;
  width: var(--width-18);
  height: var(--height-18);
  gap: var(--gap-0);
}
.real-time-reporting-feature {
  position: relative;
  line-height: var(--lh-19_5);
}
.div-icon2,
.div-icon2:hover {
  background: var(--gradient-13);
  display: grid;
  width: var(--width-40);
  height: var(--height-40);
  flex-direction: column;
  gap: var(--gap-0);
  border-radius: var(--br-11);
  border: var(--border-2);
  box-sizing: border-box;
}
.divtools-feature2,
.divtools-feature2:hover {
  background: var(--gradient-12);
  flex-direction: column;
  border-radius: var(--br-28);
  padding: var(--padding-24) 25px;
  box-sizing: border-box;
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
}
.divtools-feature2 {
  overflow: hidden;
}
.divtools-feature2:hover {
  justify-content: flex-start;
}
.divtools-feature2,
.divtools-feature2:hover,
.tools-analytics-container,
.tools-analytics-container:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
  gap: var(--gap-26);
  align-items: flex-start;
  max-width: 100%;
}
.tools-analytics-container {
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-white);
  font-family: var(--font-poppins);
}
.tools-analytics-container:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.tools-analytics-header,
.tools-analytics-header:hover {
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  height: auto;
  gap: var(--gap-12);
}
.tools-analytics-header:hover {
  justify-content: flex-start;
}
.divtools-feature3,
.divtools-feature3:hover {
  background: var(--gradient-12);
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: var(--gap-26);
  align-items: center;
  border-radius: var(--br-28);
  padding: var(--padding-6) var(--padding-7);
  box-sizing: border-box;
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
}
.divtools-feature3 {
  overflow: hidden;
}
.divtools-feature3:hover {
  justify-content: flex-start;
}
.metrics-container,
.metrics-container:hover {
  display: flex;
  width: 100%;
  height: auto;
  gap: var(--gap-36);
  align-items: flex-start;
  border-radius: var(--br-12);
  padding: var(--padding-16);
  box-sizing: border-box;
}
.metrics-container {
  max-width: 100%;
}
.metrics-container:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.clicks-metric,
.clicks-metric:hover {
  display: flex;
  flex: 1;
  height: var(--height-120);
  flex-direction: column;
  gap: var(--gap-24);
  align-items: center;
  justify-content: center;
  min-width: var(--min-w-95);
}
.text {
  position: relative;
}
.text,
.text2,
.text2:hover,
.text:hover {
  font-weight: 500;
  line-height: var(--lh-24);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.text:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-16);
  text-align: left;
  color: var(--color-white);
}
.text2,
.text2:hover {
  font-size: var(--fs-24);
  background: var(--gradient-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text2 {
  margin: 0;
  position: relative;
  font-family: inherit;
}
.text2:hover {
  font-family: var(--font-poppins);
  text-align: left;
}
.divtools-feature4 {
  box-shadow: var(--shadow-drop-3);
  border-radius: var(--br-28);
  background: var(--gradient-12);
  border: var(--border-6);
  overflow-x: auto;
  align-items: flex-start;
  padding: var(--padding-6) var(--padding-7);
  gap: var(--gap-26);
  min-width: 477px;
}
.day-filter,
.day-filter:hover,
.divtools-feature4,
.divtools-feature4:hover {
  flex: 1;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: auto;
}
.divtools-feature4:hover {
  background: var(--gradient-12);
  flex-direction: row;
  gap: var(--gap-26);
  align-items: flex-start;
  border-radius: var(--br-28);
  padding: var(--padding-6) var(--padding-7);
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
  min-width: 477px;
}
.day-filter,
.day-filter:hover {
  border-radius: var(--br-12);
  align-items: center;
  padding: var(--padding-6) var(--padding-11);
  gap: var(--gap-36);
}
.day-filter:hover {
  flex-direction: row;
}
.week-filter,
.week-filter:hover {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24);
  align-items: center;
  justify-content: center;
}
.text10,
.text10:hover,
.week-filter,
.week-filter:hover {
  width: auto;
  align-self: unset;
  height: auto;
}
.text10,
.text10:hover {
  font-weight: 700;
  line-height: var(--lh-24);
  display: block;
}
.text10 {
  position: relative;
}
.text10:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-16);
  text-align: left;
  color: var(--color-white);
}
.month-filter,
.month-filter:hover {
  flex: 1;
  border-radius: var(--br-12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-6) var(--padding-12);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-36);
}
.month-filter:hover {
  flex-direction: row;
}
.text11 {
  position: relative;
  line-height: var(--lh-24);
  display: block;
  background: var(--gradient-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  width: auto;
  align-self: unset;
  height: auto;
}
.faq-container,
.text11:hover {
  font-size: var(--fs-16);
  font-family: var(--font-poppins);
}
.text11:hover {
  font-weight: 700;
  line-height: var(--lh-24);
  text-align: left;
  background: var(--gradient-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.faq-container {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-12);
  text-align: center;
  color: var(--color-white);
}
.faq-container,
.faq-container:hover,
.faq-header,
.faq-header:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
}
.faq-container:hover {
  flex-direction: column;
  gap: var(--gap-12);
  align-items: flex-start;
  justify-content: flex-start;
}
.faq-header,
.faq-header:hover {
  gap: 27px;
  align-items: center;
}
.faq-header {
  position: relative;
  isolation: isolate;
}
.faq-header:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.vector-icon6 {
  position: absolute;
  margin: 0 !important;
  top: 13.8px;
  bottom: 14.2px;
  left: 43px;
  max-height: 100%;
  z-index: 0;
}
.vector-icon6,
.vector-icon6:hover {
  background-color: var(--color-gray-100);
  display: block;
  width: 1165px;
  height: 326px;
  border: 1px solid var(--color-darkturquoise);
  box-sizing: border-box;
}
.faq-eyebrow {
  z-index: 1;
}
.faq-eyebrow,
.faq-eyebrow:hover {
  display: flex;
  width: var(--width-16);
  height: auto;
  flex-direction: column;
  gap: 42px;
  align-items: center;
  justify-content: center;
}
.text15 {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-24);
  font-weight: 500;
}
.vector-icon7 {
  position: relative;
  z-index: 2;
}
.vector-icon7,
.vector-icon7:hover {
  display: block;
  width: 1165px;
  height: 325px;
  border: 1px dashed var(--color-dimgray);
  box-sizing: border-box;
}
.faq-title,
.faq-title:hover {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-48);
  box-sizing: border-box;
  gap: 148px;
  width: 100%;
  height: auto;
}
.faq-title:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.text21,
.text22,
.text23 {
  position: relative;
  line-height: var(--lh-24);
  font-weight: 500;
}
.spaneyebrowmargin5,
.spaneyebrowmargin5:hover {
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-0);
  padding: var(--padding-0) var(--padding-0) var(--padding-2);
  box-sizing: border-box;
}
.spaneyebrowmargin5 {
  display: flex;
  align-items: flex-start;
  height: auto;
}
.spaneyebrowmargin5:hover {
  justify-content: flex-start;
}
.divfaq-layout,
.h25 {
  color: var(--color-ghostwhite);
}
.h25,
.h25:hover,
.spaneyebrowmargin5:hover {
  display: flex;
  height: auto;
  align-items: flex-start;
}
.h25 {
  align-self: stretch;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-0);
  font-size: var(--fs-34);
}
.h25:hover {
  justify-content: flex-start;
}
.divfaq-layout {
  box-sizing: border-box;
  grid-template-columns: 1fr 320px;
  grid-template-rows: 518.7969970703125px;
  font-size: var(--fs-13);
}
.divfaq-layout,
.divfaq-layout:hover,
.h25:hover {
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-0);
}
.divfaq-layout,
.divfaq-layout:hover {
  display: grid;
  height: 518.8px;
  overflow: auto;
}
.divfaq-list {
  gap: var(--gap-12);
  flex: 1;
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  font-size: var(--fs-12);
  color: var(--color-lightslategray);
  font-family: var(--font-jetbrains-mono);
}
.detailsfaq,
.divfaq-list,
.divfaq-list:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
.divfaq-list:hover {
  flex: 1;
  gap: var(--gap-12);
  justify-content: flex-start;
}
.detailsfaq {
  box-shadow: var(--shadow-drop-3);
  border-radius: var(--br-18);
  background: var(--gradient-14);
  border: 1px solid var(--color-mediumslateblue-100);
  box-sizing: border-box;
  gap: -0.73px;
}
.detailsfaq,
.detailsfaq:hover,
.summary {
  align-self: stretch;
  width: 100%;
}
.detailsfaq:hover {
  background: var(--gradient-14);
  flex-direction: column;
  gap: -0.73px;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: var(--br-18);
  border: 1px solid var(--color-mediumslateblue-100);
  box-shadow: var(--shadow-drop-3);
}
.summary {
  align-items: center;
  padding: 10.2px var(--padding-14) 10.2px var(--padding-20);
  gap: 8.2px;
}
.detailsfaq:hover,
.spannum,
.spannum:hover,
.summary,
.summary:hover {
  display: flex;
  box-sizing: border-box;
  height: auto;
}
.summary:hover {
  align-self: stretch;
  width: 100%;
  flex-direction: row;
  gap: 8.2px;
  align-items: center;
  justify-content: flex-start;
  padding: 10.2px var(--padding-14) 10.2px var(--padding-20);
}
.spannum,
.spannum:hover {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-7) var(--padding-0) var(--padding-0);
  min-width: var(--min-w-26);
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
}
.spannum:hover {
  justify-content: flex-start;
}
.faq-item-number,
.faq-item-number:hover {
  font-weight: 700;
  letter-spacing: var(--ls-1_2);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.faq-item-number {
  position: relative;
}
.faq-item-number:hover {
  font-family: var(--font-jetbrains-mono);
  font-size: var(--fs-12);
  text-align: left;
  color: var(--color-lightslategray);
}
.span,
.span:hover {
  display: flex;
  width: 741.8px;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) var(--padding-1) var(--padding-5);
  box-sizing: border-box;
}
.span {
  font-size: var(--fs-15);
  color: var(--color-ghostwhite);
  font-family: var(--font-poppins);
}
.span:hover {
  justify-content: flex-start;
}
.faq-item-question {
  position: relative;
  letter-spacing: var(--ls--0_15);
}
.spanpluscss-transform,
.spanpluscss-transform:hover {
  display: flex;
  width: auto;
  align-self: unset;
  height: 39.6px;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: center;
}
.spanplus-icon {
  width: 39.6px;
  height: 39.6px;
  border-radius: var(--br-14);
  object-fit: contain;
  background: var(--gradient-15);
  display: grid;
  padding: var(--padding-0) var(--padding-0);
  border: 1px solid var(--color-gray-400);
}
.div5,
.div5:hover,
.spanplus-icon,
.spanplus-icon:hover {
  flex-direction: column;
  gap: var(--gap-0);
  box-sizing: border-box;
}
.spanplus-icon:hover {
  background: var(--gradient-15);
  display: grid;
  width: 39.6px;
  height: 39.6px;
  border-radius: var(--br-14);
  padding: var(--padding-0) var(--padding-0);
  border: 1px solid var(--color-gray-400);
}
.div5,
.div5:hover {
  display: flex;
  width: 665.4px;
  height: auto;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-20) 20.53px var(--padding-60);
  max-width: 665.4px;
}
.div5 {
  margin-top: -0.7px;
  position: relative;
  font-size: 13.5px;
  color: var(--color-lightsteelblue);
  font-family: var(--font-poppins);
}
.div5:hover {
  justify-content: flex-start;
}
.faq-item-answer {
  position: relative;
  line-height: 22.3px;
}
.detailsfaq2,
.summary2 {
  align-self: stretch;
  width: 100%;
}
.detailsfaq2,
.detailsfaq2:hover {
  background: var(--gradient-14);
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  border-radius: var(--br-18);
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
}
.detailsfaq2 {
  box-sizing: border-box;
  display: flex;
  height: auto;
}
.detailsfaq2:hover {
  align-self: stretch;
  width: 100%;
  justify-content: flex-start;
}
.summary2 {
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-16) var(--padding-20);
  gap: var(--gap-14);
}
.detailsfaq2:hover,
.span2,
.span2:hover,
.summary2,
.summary2:hover {
  display: flex;
  height: auto;
  box-sizing: border-box;
}
.summary2:hover {
  align-self: stretch;
  width: 100%;
  flex-direction: row;
  gap: var(--gap-14);
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  padding: var(--padding-16) var(--padding-20);
}
.span2,
.span2:hover {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0);
  min-width: var(--min-w-478);
}
.span2 {
  font-size: var(--fs-15);
  color: var(--color-ghostwhite);
  font-family: var(--font-poppins);
}
.span2:hover {
  justify-content: flex-start;
}
.faq-item-question2 {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--ls--0_15);
}
.spanplus-icon2,
.spanplus-icon2:hover {
  background-color: var(--color-gray-600);
  display: grid;
  width: var(--width-28);
  height: var(--height-28);
  flex-direction: column;
  gap: var(--gap-0);
  border-radius: var(--br-14);
  border: var(--border-2);
  box-sizing: border-box;
}
.asidecontact-card,
.asidecontact-card:hover {
  background: var(--gradient-16);
  display: flex;
  width: 320px;
  height: auto;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  border-radius: var(--br-22);
  padding: var(--padding-24) var(--padding-26);
  box-sizing: border-box;
  border: var(--border-6);
  box-shadow: var(--shadow-drop-3);
}
.asidecontact-card {
  grid-column: 2;
  grid-row: 1;
}
.asidecontact-card:hover {
  justify-content: flex-start;
}
.div6,
.div6:hover {
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  gap: var(--gap-10);
}
.div6:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.div7,
.div7:hover {
  width: auto;
  align-self: unset;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  box-sizing: border-box;
}
.div7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  gap: var(--gap-0);
}
.div7:hover {
  justify-content: flex-start;
}
.usually-replies-within {
  font-size: var(--fs-11);
  color: var(--color-lightslategray);
}
.div7:hover,
.h310,
.h310:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
}
.h310,
.h310:hover {
  align-self: stretch;
  width: 100%;
}
.h310 {
  font-size: var(--fs-18);
}
.h310:hover {
  justify-content: flex-start;
}
.contact-card-title,
.contact-card-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls--0_27);
  line-height: var(--lh-22_5);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.contact-card-title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.contact-card-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-18);
  text-align: left;
  color: var(--color-ghostwhite);
}
.p7 {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_69);
  height: auto;
  gap: var(--gap-0);
  color: var(--color-lightsteelblue);
}
.button3,
.button3:hover,
.p7,
.p7:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}
.p7:hover {
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_69);
}
.button3,
.button3:hover {
  background: var(--gradient-2);
  height: var(--height-45);
  gap: var(--gap-8);
  align-items: center;
  justify-content: center;
  border-radius: var(--br-12);
  padding: var(--padding-11) var(--padding-18) var(--padding-12);
  box-shadow: var(--shadow-inner);
}
.button3 {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  overflow: hidden;
  flex-shrink: 0;
}
.button3:hover {
  flex-direction: row;
}
.footer {
  width: var(--width-1920);
  height: 399px;
  background-color: var(--color-gray-200);
  border-top: var(--border-6);
  padding: 54px 330px var(--padding-32);
  gap: var(--gap-0);
  text-align: left;
  font-size: var(--fs-12);
  color: var(--color-lightslategray);
  font-family: var(--font-poppins);
}
.divwrap2,
.divwrap2:hover,
.footer,
.footer:hover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.footer:hover {
  background-color: var(--color-gray-200);
  width: var(--width-1920);
  height: 399px;
  gap: var(--gap-0);
  justify-content: flex-start;
  padding: 54px 330px var(--padding-32);
}
.divwrap2,
.divwrap2:hover {
  width: 100%;
  height: auto;
  gap: var(--gap-40);
  padding: var(--padding-0) var(--padding-28);
  max-width: var(--max-w-1260);
}
.divwrap2 {
  flex-shrink: 0;
}
.divwrap2:hover {
  justify-content: flex-start;
}
.divfoot-grid {
  box-sizing: border-box;
  grid-template-columns: 1.399999976158142fr 1fr 1fr 1fr;
  grid-template-rows: 152.875px;
  text-align: left;
  font-size: var(--fs-13);
  color: var(--color-lavender-200);
  font-family: var(--font-poppins);
}
.divfoot-grid,
.divfoot-grid:hover {
  display: grid;
  align-self: stretch;
  width: 100%;
  height: 230px;
  flex-direction: column;
  gap: var(--gap-0);
  overflow: auto;
}
.divfoot-brand,
.divfoot-brand:hover {
  display: flex;
  flex: 1;
  height: auto;
  flex-direction: column;
  gap: var(--gap-16);
  align-items: flex-start;
}
.divfoot-brand {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-nexa);
}
.divfoot-brand:hover {
  justify-content: flex-start;
}
.abrand,
.abrand:hover {
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  gap: var(--gap-14);
}
.abrand:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.partners-logo-container,
.partners-logo-container:hover {
  height: var(--height-36);
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  width: auto;
  align-self: unset;
}
.partners-logo-container:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.empty-container2 {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.empty-container2,
.empty-container2:hover {
  background-color: var(--color-white);
  display: block;
  width: var(--width-1);
  height: var(--height-24);
  gap: var(--gap-0);
}
.partners-logo-text,
.partners-logo-text:hover {
  letter-spacing: -0.02em;
  line-height: 140%;
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.partners-logo-text {
  margin: 0;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
}
.partners-logo-text:hover {
  font-family: var(--font-nexa);
  font-size: var(--fs-20);
  text-align: center;
  color: var(--color-white);
}
.p8,
.p8:hover {
  display: flex;
  width: 342.9px;
  height: auto;
  max-width: 342.89px;
}
.p8 {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-0);
  text-align: left;
  font-size: var(--fs-13);
  color: var(--color-lightsteelblue);
  font-family: var(--font-poppins);
}
.p8:hover {
  justify-content: flex-start;
}
.footer-description {
  width: 343px;
  position: relative;
  line-height: 21.5px;
  display: flex;
  align-items: center;
}
.divfoot-col,
.p8:hover {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-0);
}
.divfoot-col {
  padding: var(--padding-0) var(--padding-0) 8.88px;
  flex: 1;
  grid-column: 2;
  grid-row: 1;
}
.divfoot-col,
.divfoot-col:hover,
.h5,
.h5:hover {
  display: flex;
  height: auto;
  box-sizing: border-box;
}
.divfoot-col:hover {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 8.88px;
}
.h5,
.h5:hover {
  align-self: stretch;
  width: 100%;
  gap: var(--gap-6);
  align-items: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
}
.h5 {
  font-size: var(--fs-12);
  color: var(--color-lightslategray);
}
.h5:hover {
  flex-direction: row;
  justify-content: flex-start;
}
.before10 {
  height: var(--height-1);
  width: var(--width-14);
  position: relative;
  background-color: var(--color-royalblue);
}
.program-title,
.program-title:hover {
  font-weight: 700;
  letter-spacing: var(--ls-1_92);
  display: block;
  width: auto;
  align-self: unset;
  height: auto;
}
.program-title {
  position: relative;
  text-transform: uppercase;
}
.program-title:hover {
  font-family: var(--font-poppins);
  font-size: var(--fs-12);
  text-align: left;
  color: var(--color-lightslategray);
}
.a6,
.a6:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  padding: var(--padding-18) var(--padding-0) var(--padding-5);
  box-sizing: border-box;
}
.a6 {
  align-self: stretch;
  width: 100%;
}
.a6:hover {
  justify-content: flex-start;
}
.why-join-link {
  align-self: stretch;
  position: relative;
}
.a6:hover,
.a7,
.a7:hover {
  align-self: stretch;
  width: 100%;
}
.a7,
.a7:hover {
  padding: var(--padding-4) var(--padding-0) var(--padding-5);
}
.a7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}
.a7:hover {
  justify-content: flex-start;
}
.divfoot-col2 {
  padding: var(--padding-0) var(--padding-0) 64.88px;
  grid-column: 3;
  grid-row: 1;
}
.a7:hover,
.divfoot-col2,
.divfoot-col2:hover,
.divfoot-col3,
.divfoot-col3:hover {
  display: flex;
  height: auto;
  flex-direction: column;
  gap: var(--gap-0);
  align-items: flex-start;
  box-sizing: border-box;
}
.divfoot-col2,
.divfoot-col2:hover,
.divfoot-col3,
.divfoot-col3:hover {
  flex: 1;
}
.divfoot-col2:hover {
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 64.88px;
}
.divfoot-col3,
.divfoot-col3:hover {
  padding: var(--padding-0) var(--padding-0) 36.88px;
}
.divfoot-col3 {
  grid-column: 4;
  grid-row: 1;
}
.divfoot-col3:hover {
  justify-content: flex-start;
}
.divfoot-bottom,
.divfoot-bottom:hover {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: auto;
  gap: 905px;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-24) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.divfoot-bottom {
  border-top: var(--border-6);
}
.divfoot-bottom:hover {
  flex-direction: row;
}
@media screen and (max-width: 1275px) {
  .main-content-container {
    padding-bottom: 42px;
    box-sizing: border-box;
  }
  .commission,
  .conversion,
  .divwrap,
  .tools {
    max-width: 100%;
  }
  .faq-title {
    gap: 74px;
    flex-wrap: wrap;
    padding-left: var(--padding-24);
    box-sizing: border-box;
  }
  .text21 {
    width: 100%;
    height: 12px;
  }
  .text22,
  .text23 {
    width: 100%;
    height: var(--height-15);
  }
  .text23 {
    height: var(--height-16);
  }
  .divwrap2 {
    max-width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .header {
    padding-left: 179px;
    padding-right: 179px;
    box-sizing: border-box;
  }
  .navlinks {
    display: none;
  }
  .main-content-container {
    padding-bottom: 27px;
    box-sizing: border-box;
  }
  .hero {
    padding-left: 179px;
    box-sizing: border-box;
  }
  .divwrap {
    height: auto;
  }
  .divsection-head {
    max-width: 100%;
  }
  .divfeatures {
    height: auto;
    flex-wrap: wrap;
  }
  .divsection-head2,
  .divsection-head3,
  .divsection-head4 {
    max-width: 100%;
  }
  .divtools {
    flex-wrap: wrap;
  }
  .divtools-feature {
    flex: 1;
  }
  .tools-analytics-container {
    flex-wrap: wrap;
  }
  .tools-analytics-header {
    flex: 1;
  }
  .footer {
    padding-left: 165px;
    padding-right: 165px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .header {
    padding-left: 89px;
    padding-right: 89px;
    box-sizing: border-box;
  }
  .main-content-container {
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .hero {
    padding-top: 47px;
    padding-bottom: 52px;
    box-sizing: border-box;
  }
  .hero-headline {
    font-size: 32px;
    line-height: 49px;
  }
  .plead {
    max-width: 100%;
  }
  .why-join-section {
    gap: 21px;
  }
  .why-join-title {
    font-size: var(--fs-27);
    line-height: var(--lh-36);
  }
  .commission {
    gap: var(--gap-22);
  }
  .commission-title {
    font-size: var(--fs-27);
    line-height: var(--lh-36);
  }
  .plead2 {
    max-width: 100%;
  }
  .divplans {
    height: auto;
    min-height: 218.9px;
  }
  .divplan-top {
    flex-wrap: wrap;
    gap: var(--gap-20);
  }
  .conversion,
  .tools {
    gap: var(--gap-22);
  }
  .plead4 {
    max-width: 100%;
  }
  .divtools-feature {
    min-width: 100%;
  }
  .divtools-feature2 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .tools-analytics-header {
    min-width: 100%;
  }
  .metrics-container {
    gap: var(--gap-18);
  }
  .divtools-feature4 {
    min-width: 100%;
  }
  .faq-title {
    gap: 37px;
  }
  .divfaq-layout {
    height: auto;
    min-height: 518.8px;
  }
  .div5 {
    max-width: 100%;
  }
  .span2 {
    min-width: 100%;
  }
  .footer {
    padding-left: 82px;
    padding-right: 82px;
    box-sizing: border-box;
  }
  .divfoot-bottom,
  .divwrap2 {
    gap: var(--gap-20);
  }
  .divfoot-bottom {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .divnav-actions {
    display: none;
  }
  .hero {
    padding-left: var(--padding-20);
    box-sizing: border-box;
  }
  .hero-headline {
    font-size: var(--fs-24);
    line-height: 37px;
  }
  .divhero-cta {
    flex-wrap: wrap;
  }
  .why-join-title {
    font-size: var(--fs-20);
    line-height: var(--lh-27);
  }
  .deal-plans-title,
  .dedicated-support-title {
    font-size: var(--fs-16);
    line-height: var(--lh-15);
  }
  .commission-title {
    font-size: var(--fs-20);
    line-height: var(--lh-27);
  }
  .revenue-share-title {
    font-size: var(--fs-18);
    line-height: var(--lh-22);
  }
  .p {
    max-width: 100%;
  }
  .divcard2 {
    height: auto;
    gap: var(--gap-20);
  }
  .divplan-top2 {
    flex-wrap: wrap;
    gap: var(--gap-20);
  }
  .p2 {
    max-width: 100%;
  }
  .divtools-feature {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .marketing-tools-description {
    font-size: var(--fs-16);
    line-height: 25px;
  }
  .divpill-row {
    flex-wrap: wrap;
    gap: var(--gap-20);
  }
  .real-time-reporting-chip {
    flex: 1;
  }
  .div4 {
    min-width: 100%;
  }
  .divmini-head,
  .metrics-container {
    flex-wrap: wrap;
  }
  .text2 {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
  }
  .faq-title {
    gap: var(--gap-18);
  }
  .footer {
    height: auto;
    padding-top: 35px;
    padding-bottom: 21px;
    box-sizing: border-box;
  }
  .divfoot-grid {
    height: auto;
    min-height: 230px;
  }
  .partners-logo-container {
    height: auto;
    flex-wrap: wrap;
  }
  .empty-container2 {
    width: 100%;
    height: var(--height-1);
  }
  .partners-logo-text {
    font-size: var(--fs-16);
    line-height: var(--lh-22);
  }
}

/* === Custom fixes === */
html { scroll-behavior: smooth; }

/* Nav */
a.nav-anchor { text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; }
.a-child { transition: left 0.3s ease !important; }
.a:hover .a-child { left: 0 !important; }
.a:hover .why-join { color: var(--color-lightslategray); }

/* Button hovers */
.button { transition: box-shadow 0.3s ease, transform 0.2s ease; }
.button:hover { box-shadow: 0 0 32px 8px rgba(125,109,255,0.55) !important; transform: translateY(-1px); }
.abtn { transition: border-color 0.3s ease, background 0.3s ease; }
.abtn:hover { border-color: rgba(76,201,255,0.8) !important; background: rgba(76,201,255,0.08) !important; }
.abtn:hover .view-commission-plans, .abtn:hover .view-commission-plans2 { color: #4cc9ff; }

/* FAQ */
details.faq-item {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.03);
  margin-bottom: 14px;
  transition: border-color 0.3s ease;
  overflow: visible !important;
}
details.faq-item[open] { border-color: rgba(100,120,255,0.45); }
details.faq-item summary {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 26px 28px;
  gap: 24px;
  cursor: pointer;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item summary::marker { display: none; }

.faq-item .faq-item-number {
  font-size: 13px;
  font-weight: 600;
  color: rgba(136,146,181,0.7);
  min-width: 22px;
  flex-shrink: 0;
}
.faq-item .span2 { flex: 1; }
.faq-item .faq-item-question2 {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

/* Icon button */
.faq-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
  transition: background 0.25s ease, border-color 0.25s ease;
}
.faq-icon-x { display: none; }
.faq-icon-down { display: block; font-size: 14px; }
details.faq-item[open] .faq-icon-btn { background: rgba(76,201,255,0.1); border-color: rgba(76,201,255,0.3); }
details.faq-item[open] .faq-icon-down { display: none; }
details.faq-item[open] .faq-icon-x { display: block; font-size: 20px; line-height: 1; }

/* Answer */
.faq-answer-wrap { padding: 0 28px 26px 74px; }
.faq-answer-wrap .faq-item-answer {
  color: var(--color-lightslategray);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}

/* divplans gap */
.divplans { gap: 15px !important; }
.hero-video-wrap {
  position: absolute;
  top: 0;
  left: 40%;
  width: 60%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: radial-gradient(ellipse 75% 90% at 52% 50%, black 10%, rgba(0,0,0,0.7) 45%, transparent 78%);
  mask-image: radial-gradient(ellipse 75% 90% at 52% 50%, black 10%, rgba(0,0,0,0.7) 45%, transparent 78%);
}
.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
}
.landing-age { width: 100% !important; }
.hero, .hero:hover { width: 100% !important; isolation: auto !important; }
.vector-icon4, .vector-icon4:hover { background: none !important; }
.main-content-container { width: 100% !important; }
.divfaq-layout { gap: 48px !important; height: auto !important; overflow: visible !important; grid-template-rows: auto !important; align-items: start !important; }

/* Footer responsive fix */
.footer, .footer:hover { width: 100% !important; height: auto !important; padding: 54px clamp(20px, 5vw, 330px) 32px !important; }
.divfoot-grid, .divfoot-grid:hover { height: auto !important; overflow: visible !important; grid-template-rows: auto !important; }
.footer-description, .p8, .p8:hover { width: 100% !important; max-width: 340px !important; }

/* Header responsive fix */
.header, .header:hover { padding-left: clamp(20px, 5vw, 358px) !important; padding-right: clamp(20px, 5vw, 358px) !important; }
.divnav, .divnav:hover { gap: clamp(16px, 3vw, 80px) !important; }/* End custom CSS */