.main-affiliate-banner {
  width: 100%;
  margin-top: 70px;
  background-image: url("/assets/img/affiliates-club/general/main-background-page.jpg");
  background-repeat: repeat-x;
  background-size: contain;
}

.why-affiliate-desktop {
  display: flex !important;
}

.why-affiliate-mobile {
  display: none !important;
}

.revenue-share-desktop {
  display: flex !important;
}

.revenue-share-mobile {
  display: none !important;
}

.box-banner {
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0;
}

.section-content {
  display: flex;
  width: 100%;
  padding: 0;
  background-color: #ebebeb;
}

.player-image {
  position: absolute;
  height: 447px;
  margin-top: -109px;
}

.ball-col-content {
  display: flex;
  justify-content: center;
}

.lotto-ball {
  position: absolute;
  width: 433px;
  height: 368px;
  margin-top: 125px;
}

.casino-coins {
  width: 225.077px;
  height: 209px;
}

.row-content > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-top: var(--bs-gutter-y);
}

.middle-col-content {
  display: flex;
  height: 338px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.right-col-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.right-col-content li {
  color: #fff;
  list-style-image: url("/assets/img/affiliates-club/general/arrow-bullet.svg");
  font-size: 14px;
  font-style: normal;
  margin-bottom: 24px;
  padding-inline-start: 12px;
}

.right-col-content li:last-child {
  margin-bottom: 0px;
}

.box-image {
  width: 41.66%;
  overflow: hidden;
}

.box-image img {
  width: 100%;
  height: auto;
}

.box-right {
  width: 58.34%;
  color: #000;
  display: flex;
  align-items: center;
  padding-left: 40px;
}

.affiliate-club-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.box-content {
  color: #fff;
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.box-content span.firstTitle {
  padding: 0;
  margin: 0;
  font-size: 52.986px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  filter: drop-shadow(5px 8px 5.2px rgba(0, 0, 0, 0.25));
}

.box-content span.secondTitle {
  padding: 0;
  margin: 0;
  filter: drop-shadow(5px 8px 5.2px rgba(0, 0, 0, 0.25));
  font-size: 61.817px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.today-svg {
  width: 185px;
  height: 26px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="185" height="30" viewBox="0 0 185 30" fill="none"><g filter="url(%23filter0_d_5_7989)"><path d="M107.956 2.72301C107.956 2.72301 45.6262 -1.28011 11.7758 2.72301C11.7758 2.72301 -1.04828 4.1557 1.28336 6.00978H20.6443C20.6443 6.00978 20.2696 7.52676 12.7334 7.94814C12.7334 7.94814 5.61355 7.73745 5.03064 10.9399C5.03064 10.9399 3.24027 13.3418 9.7772 13.9317C9.7772 13.9317 151.674 12.5412 169.869 15.7437C169.869 15.7437 173.034 16.5443 173.825 14.9431C173.825 14.9431 175.407 11.5299 165.123 11.3613C165.123 11.3613 169.661 8.58021 173.908 8.95945C173.908 8.95945 174.824 6.72613 170.869 6.72613C170.869 6.72613 173.825 4.11357 168.121 4.11357C168.121 4.11357 122.487 3.52364 116.95 2.9337L107.956 2.72301Z" fill="url(%23paint0_linear_5_7989)"/></g><defs><filter id="filter0_d_5_7989" x="0.8" y="0.943848" width="183.4" height="28.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="5" dy="8"/><feGaussianBlur stdDeviation="2.6"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_7989"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_7989" result="shape"/></filter><linearGradient id="paint0_linear_5_7989" x1="1.00001" y1="8.19384" x2="54.4952" y2="87.9394" gradientUnits="userSpaceOnUse"><stop stop-color="%23DEAB4F"/><stop stop-color="%23DEAB4F"/><stop offset="0.265" stop-color="%23EFD08D"/><stop offset="0.57" stop-color="%23FFF8B6"/><stop offset="1" stop-color="%23D49524"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.box-content > h1 {
  margin: 0;
  font-size: 105.973px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px;
  background: var(
    --Website-Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(3px 8px 5px rgba(0, 0, 0, 0.25));
}

.box-content .lowText {
  font-size: 88.311px;
}

.buttons-box {
  width: 100%;
  display: flex;
  margin-top: 40px;
}

.box-content .btn-become-affiliate {
  height: 54px;
  background-color: #1bb96b;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
  border-radius: 4px;
  margin-right: 10px !important;
  color: #fff;
  font-size: 18px !important;
  padding: 12px 40px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
}

.box-content .btn-become-affiliate:hover {
  background: #007102;
}

.box-content .btn-log-in {
  font-size: 14px !important;
  border-width: 2px;
  border-radius: 4px;
  font-weight: 700;
  height: 54px;
  padding: 12px 40px;
  margin-right: 10px !important;
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
}

.box-content .btn-log-in:hover {
  border: #1bb96b 2px solid !important;
  background: transparent !important;
  color: #1bb96b !important;
}

.gold-bar-top {
  width: 100%;
  height: 35px;
  border-radius: 0px 0px 5px 5px;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.gold-bar-bottom {
  width: calc(100% - 444px);
  height: 35px;
  border-radius: 5px 5px 0px 0px;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.gold-bar-bottom-flip {
  width: calc(100% - 444px);
  height: 35px;
  border-radius: 0px 0px 5px 5px;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.page-separator {
  display: flex;
  justify-content: center;
}

.welcome-container {
  display: flex;
  padding: 184px 135px;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.welcome-content {
  width: 800px;
  margin-right: 5px;
}

.welcome-content h2 {
  margin-bottom: 60px;
}

.title-2 {
  color: var(--Primary-Dark-Blue, var(--Primary-Dark-Blue, #192666));
  font-size: 41.8px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.152px;
  margin-bottom: 0px;
}

.title-3 {
  font-size: 41.8px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.152px;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-4 {
  color: #0d2085;
  font-size: 34.84px;
  font-style: normal;
  font-weight: 800;
  line-height: 37.5px;
  letter-spacing: -0.3px;
}

.welcome-content > p {
  color: var(--Primary-Dark-Blue, var(--Primary-Dark-Blue, #192666));
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.126px;
}

.welcome-logo {
  display: flex;
  width: 470px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.welcome-logo img {
  width: 309.712px;
  height: 346px;
}

.partnership-container {
  display: flex;
  color: #000;
  width: 100%;
  padding: 110px 0px;
  flex-direction: column;
}

.partnership-content {
  display: flex;
  color: #000;
  width: 100%;
  padding: 80px 0px;
  flex-direction: column;
  align-items: center;
}

.partnership-content > h2 {
  margin-bottom: 60px;
}

.partnership-content > p {
  width: 800px;
  color: #0d2085;
  font-size: 14px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.126px;
}
.partnership-content > p a {
  color:#0d2085;
  font-weight: bold;
  
}

.revenue-container {
  display: flex;
  flex-direction: column;
  padding: 80px 0px;
}

.revenue-content {
  color: #fff;
  width: 800px;
}

.revenue-content p {
  margin-top: 40px;
  margin-bottom: 0px;
  font-size: 14px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.126px;
}

.commission-content .partnership-content .revenue-content > strong {
  font-weight: 700;
}

.commission-container {
  display: flex;
  border-radius: 20px;
  background: #f4f4f4;
  box-shadow: 0px 8px 12.8px 0px rgba(0, 0, 0, 0.25);
  margin-top: 100px;
  padding: 112px 0px;
  flex-direction: column;
  align-items: center;
}

.commission-content > p {
  width: 530px;
  color: #010568;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  margin: 0px;
  margin-bottom: 80px;
}

.commission-content > h2 {
  margin-bottom: 60px;
}

.cards-container {
  display: flex;
  align-items: center;
}

.cards-container div:last-child {
  margin-right: 0px;
}

.cards-container div:last-child {
  margin-right: 0px;
}

.card-box {
  width: 200px;
  height: 200px;
  font-size: 16px;
  color: #fff;
  margin-right: 12px;
  border-radius: 12px;
  background: #010568;
  box-shadow: 0px 8px 12.8px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.num-player-content,
.percentage-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.percentage-content {
  margin-top: 12px;
  margin-bottom: 6px;
}

.percentage-content span {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: var(
    --Website-Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.percentage-content span.percentage-text {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}

.vip-card {
  width: 300px;
  height: 300px;
  background: var(
    --Website-Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.vip-card > span {
  color: #0d2085;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0px 20px;
}

.vip-card > span.vip-title {
  font-size: 80px;
  line-height: normal;
}

.general-faqs-container {
  display: flex;
  padding: 112px 0px;
  justify-content: center;
}

.general-faqs-content {
  display: flex;
  width: 1070px;
  flex-direction: column;
  align-items: flex-start;
}

.general-faqs-content > h4 {
  margin-bottom: 80px;
}

.general-faqs-content .accordion {
  width: 100%;
  --bs-accordion-border-color: none;
  --bs-accordion-btn-focus-border-color: #d7d9db;
}

.general-faqs-content .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.general-faqs-content .accordion-button::after {
  background-image: url("../../assets/img/affiliates-club/general/accordion-icon-collapsed.svg");
  background-size: 1.5rem;
  width: 24px;
  height: 24px;
}

.general-faqs-content .accordion-button:not(.collapsed)::after {
  background-image: url("../../assets/img/affiliates-club/general/accordion-icon-not-collapsed.svg");
  background-size: 1.5rem;
  width: 24px;
  height: 24px;
}

.general-faqs-content .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.general-faqs-content .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.general-faqs-content .accordion-button {
  font-size: 22px;
  color: #010568;
  line-height: normal;
  padding: 30px 0px;
}

.general-faqs-content .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-bottom: #fff;
}

.general-faqs-content .accordion-button.collapsed {
  border-bottom: 1px solid #d7d9db;
}

.general-faqs-content .accordion-item .accordion-header {
  border: none;
}

.general-faqs-content #accordion3D .accordion-body {
  border-bottom: none;
}

.general-faqs-content .accordion-body {
  border-bottom: 1px solid #d7d9db;
}

.general-faqs-content .accordion-body p {
  color: #010568;
  font-size: 14px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.126px;
  margin: 0px 0px 20px 20px;
}

.bar-gold-primary {
  width: 282px;
  height: 30px;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.bar-gold-secondary {
  width: 195px;
  height: 28px;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  opacity: 0.5;
  background: var(
    --Gradient-GoldNEW,
    linear-gradient(
      97deg,
      #deab4f 5.53%,
      #deab4f 5.53%,
      #efd08d 28.91%,
      #fff8b6 55.82%,
      #d49524 93.77%
    )
  );
}

.blue-bar-page {
  background-color: var(--Primary-Dark-Blue, #192666);
}

.white-bar-page {
  background-color: #fff;
}

.divider-content {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.divider-row {
  display: flex;
  color: #000;
  width: 100%;
  justify-content: space-between;
}

@media only screen and (min-width: 1536px) and (max-width: 1919px) {
  .box-content span.firstTitle {
    font-size: 48.89px;
  }

  .box-content > h1 {
    font-size: 97.78px;
  }

  .box-content .lowText {
    font-size: 81.483px;
  }

  .box-content span.secondTitle {
    font-size: 57.038px;
  }

  .today-svg {
    width: 170px;
    height: 23px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="170" height="27" viewBox="0 0 170 27" fill="none"><g filter="url(%23filter0_d_5_8462)"><path d="M99.0622 1.91651C99.0622 1.91651 41.5513 -1.77711 10.3179 1.91651C10.3179 1.91651 -1.51468 3.23844 0.636696 4.94917H18.5008C18.5008 4.94917 18.155 6.34887 11.2015 6.73767C11.2015 6.73767 4.63211 6.54327 4.09426 9.49817C4.09426 9.49817 2.44232 11.7143 8.47386 12.2587C8.47386 12.2587 139.4 10.9756 156.189 13.9305C156.189 13.9305 159.109 14.6693 159.839 13.1918C159.839 13.1918 161.298 10.0425 151.809 9.88698C151.809 9.88698 155.997 7.32087 159.915 7.67079C159.915 7.67079 160.761 5.61014 157.111 5.61014C157.111 5.61014 159.839 3.19956 154.575 3.19956C154.575 3.19956 112.47 2.65524 107.36 2.11092L99.0622 1.91651Z" fill="url(%23paint0_linear_5_8462)"/></g><defs><filter id="filter0_d_5_8462" x="0.190707" y="0.274902" width="169.221" height="26.0198" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4.61343" dy="7.3815"/><feGaussianBlur stdDeviation="2.39899"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_8462"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_8462" result="shape"/></filter><linearGradient id="paint0_linear_5_8462" x1="0.375252" y1="6.96438" x2="49.7346" y2="80.5446" gradientUnits="userSpaceOnUse"><stop stop-color="%23DEAB4F"/><stop stop-color="%23DEAB4F"/><stop offset="0.265" stop-color="%23EFD08D"/><stop offset="0.57" stop-color="%23FFF8B6"/><stop offset="1" stop-color="%23D49524"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1535px) {
  .today-svg {
    width: 150px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="24" viewBox="0 0 150 24" fill="none"><g filter="url(%23filter0_d_5_8107)"><path d="M87.3445 2.18493C87.3445 2.18493 36.7064 -1.06729 9.20562 2.18493C9.20562 2.18493 -1.2129 3.34888 0.681379 4.85517H16.4106C16.4106 4.85517 16.1062 6.08759 9.98362 6.42993C9.98362 6.42993 4.19932 6.25877 3.72575 8.86054C3.72575 8.86054 2.27122 10.8119 7.58195 11.2911C7.58195 11.2911 122.862 10.1614 137.644 12.7632C137.644 12.7632 140.215 13.4136 140.858 12.1128C140.858 12.1128 142.143 9.33982 133.788 9.20288C133.788 9.20288 137.475 6.94344 140.925 7.25154C140.925 7.25154 141.67 5.43715 138.456 5.43715C138.456 5.43715 140.858 3.31465 136.224 3.31465C136.224 3.31465 99.1499 2.83538 94.651 2.3561L87.3445 2.18493Z" fill="url(%23paint0_linear_5_8107)"/></g><defs><filter id="filter0_d_5_8107" x="0.288688" y="0.739502" width="148.998" height="22.9102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="4.0621" dy="6.49937"/><feGaussianBlur stdDeviation="2.11229"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_8107"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_8107" result="shape"/></filter><linearGradient id="paint0_linear_5_8107" x1="0.451178" y1="6.62955" x2="43.9118" y2="71.4165" gradientUnits="userSpaceOnUse"><stop stop-color="%23DEAB4F"/><stop stop-color="%23DEAB4F"/><stop offset="0.265" stop-color="%23EFD08D"/><stop offset="0.57" stop-color="%23FFF8B6"/><stop offset="1" stop-color="%23D49524"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }

  .box-content span.firstTitle {
    font-size: 43.047px;
  }

  .box-content span.secondTitle {
    font-size: 50.222px;
  }

  .box-content > h1 {
    font-size: 86.095px;
  }

  .box-content .lowText {
    font-size: 71.745px;
  }

  .welcome-container {
    padding: 184px 123px;
  }

  .welcome-content {
    width: 730px;
  }

  .revenue-container {
    padding: 80px 80px;
  }

  .revenue-content p {
    width: 794px;
  }

  .ball-col-content {
    display: flex;
    justify-content: flex-end;
  }

  .gold-bar-bottom {
    width: calc(100% - 380px);
  }

  .gold-bar-bottom-flip {
    width: calc(100% - 380px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
  .today-svg {
    width: 104px;
    height: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="104" height="17" viewBox="0 0 104 17" fill="none"><g filter="url(%23filter0_d_5_8225)"><path d="M60.6673 1.75596C60.6673 1.75596 25.434 -0.506897 6.29925 1.75596C6.29925 1.75596 -0.949831 2.56582 0.368183 3.61388H11.3124C11.3124 3.61388 11.1006 4.47138 6.84057 4.70958C6.84057 4.70958 2.81592 4.59048 2.48642 6.40076C2.48642 6.40076 1.47437 7.75847 5.16952 8.09194C5.16952 8.09194 85.3801 7.3059 95.6653 9.11619C95.6653 9.11619 97.454 9.56876 97.9012 8.66362C97.9012 8.66362 98.7956 6.73424 92.9822 6.63896C92.9822 6.63896 95.5476 5.06687 97.9483 5.28124C97.9483 5.28124 98.4661 4.01881 96.2301 4.01881C96.2301 4.01881 97.9012 2.542 94.6768 2.542C94.6768 2.542 68.8814 2.20853 65.7511 1.87506L60.6673 1.75596Z" fill="url(%23paint0_linear_5_8225)"/></g><defs><filter id="filter0_d_5_8225" x="0.0949533" y="0.750244" width="103.671" height="15.9406" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2.82636" dy="4.52218"/><feGaussianBlur stdDeviation="1.46971"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_8225"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_8225" result="shape"/></filter><linearGradient id="paint0_linear_5_8225" x1="0.208012" y1="4.84847" x2="30.4474" y2="49.9264" gradientUnits="userSpaceOnUse"><stop stop-color="%23DEAB4F"/><stop stop-color="%23DEAB4F"/><stop offset="0.265" stop-color="%23EFD08D"/><stop offset="0.57" stop-color="%23FFF8B6"/><stop offset="1" stop-color="%23D49524"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }
  .box-right {
    padding-left: 0px;
}

.box-image img {
  width: 115%;
  height: auto;
  margin-bottom: -29px;
  margin-left: -64px;
}

  .box-content span.firstTitle {
    font-size: 29.952px;
  }

  .box-content span.secondTitle {
    font-size: 34.944px;
  }

  .box-content > h1 {
    font-size: 59.904px;
    line-height: 40px;
  }

  .box-content .lowText {
    font-size: 49.92px;
  }

  .box-content .btn-become-affiliate {
    height: 45.474px;
    padding: 10.105px 33.684px;
    font-size: 15.158px !important;
    border-radius: 3.368px;
  }

  .box-content .btn-log-in {
    height: 45.474px;
    padding: 10.105px 33.684px;
    font-size: 15.158px !important;
    border-radius: 3.368px;
  }

  .gold-bar-top {
    height: 20px;
  }

  .welcome-container {
    padding: 80px 115px;
    align-self: stretch;
    flex-direction: column-reverse;
  }

  .welcome-content {
    width: 100%;
    margin-right: 0px;
  }

  .welcome-logo {
    width: 100%;
  }

  .title-2 {
    text-align: center;
  }

  .title-3 {
    padding: 60px 20px;
    text-align: center;
  }

  .why-affiliate-desktop {
    display: none !important;
  }

  .why-affiliate-mobile {
    display: flex !important;
  }

  .middle-col-content {
    display: flex;
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .player-image-content {
    text-align: center;
  }

  .player-image {
    position: relative;
    height: 447px;
    margin-top: 0px;
  }

  .bar-gold-primary {
    width: 120px;
    height: 20px;
  }

  .bar-gold-secondary {
    width: 80px;
    height: 15px;
  }

  .partnership-content > p {
    width: 100%;
  }

  .gold-bar-bottom {
    width: 100%;
    height: 20px;
  }

  .revenue-share-desktop {
    display: none !important;
  }
  
  .revenue-share-mobile {
    display: flex !important;
  }

  .revenue-container {
    padding: 80px 20px 0px 20px;
  }

  .revenue-container .title-3 {
    padding: 0px 20px 40px 20px;
  }

  .revenue-content p:first-child{
    margin-top: 0px;
  }

  .revenue-content {
    width: 100%;
    padding: 0px 115px;
  }

  .revenue-share-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 368px;
  }

  .lotto-ball {
    position: absolute;
    width: auto;
    height: 368px;
    margin-top: 74px;
}

.cards-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.card-box:nth-child(3n) {
  flex-basis: 100%;
  margin: 20px calc(78% - 300px);
}

.gold-bar-bottom-flip {
  width: 80%;
  height: 20px;
}
.general-faqs-container {
  padding: 112px 80px;
}

.partnership-container {
  padding: 110px 115px;
}

}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .main-affiliate-banner {
    margin-top: 0px;
  }

  .box-content span.firstTitle {
    font-size: 34px;
  }

  .box-content span.secondTitle {
    font-size: 34px;
  }

  .box-content > h1 {
    font-size: 46.069px;
  }

  .box-content .lowText {
    font-size: 38.391px;
  }

  .box-content .btn-become-affiliate {
    height: 45px;
    padding: 10.105px 33.684px;
    font-size: 15.158px !important;
    border-radius: 3.368px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .box-banner {
    justify-content: space-between;
    flex-direction: column-reverse;
}

.main-affiliate-banner {
  background-size: cover;
}

  .today-svg {
    width: 102px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="102" height="16" viewBox="0 0 102 16" fill="none"><g filter="url(%23filter0_d_5_8341)"><path d="M60.3513 1.41467C60.3513 1.41467 25.7637 -0.987206 6.97961 1.41467C6.97961 1.41467 -0.13662 2.27428 1.15724 3.38673H11.9009C11.9009 3.38673 11.693 4.29691 7.51101 4.54974C7.51101 4.54974 3.56012 4.42333 3.23666 6.34483C3.23666 6.34483 2.24316 7.78594 5.87059 8.13991C5.87059 8.13991 84.6112 7.30558 94.7079 9.22707C94.7079 9.22707 96.4639 9.70745 96.9029 8.7467C96.9029 8.7467 97.7808 6.69879 92.074 6.59766C92.074 6.59766 94.5924 4.92898 96.9491 5.15653C96.9491 5.15653 97.4574 3.81654 95.2624 3.81654C95.2624 3.81654 96.9029 2.249 93.7375 2.249C93.7375 2.249 68.4148 1.89504 65.3419 1.54108L60.3513 1.41467Z" fill="url(%23paint0_linear_5_8341)"/></g><defs><filter id="filter0_d_5_8341" x="0.913054" y="0.347168" width="100.521" height="14.7384" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2.17364" dy="3.47782"/><feGaussianBlur stdDeviation="1.13029"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_8341"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_8341" result="shape"/></filter><linearGradient id="paint0_linear_5_8341" x1="1" y1="4.69717" x2="33.9745" y2="50.1587" gradientUnits="userSpaceOnUse"><stop stop-color="%23DEAB4F"/><stop stop-color="%23DEAB4F"/><stop offset="0.265" stop-color="%23EFD08D"/><stop offset="0.57" stop-color="%23FFF8B6"/><stop offset="1" stop-color="%23D49524"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }

  .box-content span.firstTitle {
    font-size: 34px;
  }

  .box-content span.secondTitle {
    font-size: 34px;
  }

  .box-content > h1 {
    font-size: 46.069px;
    line-height: 40px;
  }

  .box-content .lowText {
    font-size: 38.391px;
  }

  .box-content .btn-become-affiliate {
    height: 45.474px;
    padding: 10.105px 33.684px;
    font-size: 15.158px !important;
    border-radius: 3.368px;
  }

  .box-content .btn-log-in {
    height: 45.474px;
    padding: 10.105px 33.684px;
    font-size: 15.158px !important;
    border-radius: 3.368px;
  }

  .box-right {
    width: 100%;
    padding: 72px 15px 45px 15px;
  }

  .buttons-box {
    flex-direction: column;
    gap: 10px;
}

.buttons-box button{
  width: 100%;
}

  .box-image {
    width: 100%;
  }

  .box-image img {
    margin-left: -30px;
    margin-bottom: -34px;
}

  .gold-bar-top {
    height: 20px;
  }

  .welcome-container {
    padding: 80px 0px;
    align-self: stretch;
    flex-direction: column-reverse;
  }

  .welcome-content {
    width: 100%;
    margin-right: 0px;
  }

  .welcome-logo {
    width: 100%;
  }

  .welcome-logo img {
    width: auto;
    height: 346px;
  }

  .title-2 {
    text-align: center;
    font-size: 34.84px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .title-3 {
    padding: 40px 0px;
    text-align: center;
    font-size: 34.84px;
  }

  .row-content {
    flex-direction: column-reverse;
  }

  .why-affiliate-desktop {
    display: none !important;
  }

  .why-affiliate-mobile {
    display: flex !important;
  }

  .middle-col-content {
    display: flex;
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .player-image-content {
    text-align: center;
  }

  .player-image {
    position: relative;
    height: 346px;
    margin-top: 0px;
  }

  .bar-gold-primary {
    width: 120px;
    height: 20px;
  }

  .bar-gold-secondary {
    width: 80px;
    height: 15px;
  }

  .partnership-content > p {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .gold-bar-bottom {
    width: 100%;
    height: 20px;
  }

  .revenue-share-desktop {
    display: none !important;
  }
  
  .revenue-share-mobile {
    display: flex !important;
  }

  .revenue-container {
    padding: 80px 0px;
  }

  .revenue-container .title-3 {
    padding: 0px 20px 40px 20px;
  }

  .revenue-content p:first-child{
    margin-top: 0px;
  }

  .revenue-content {
    width: 100%;
    padding: 0px 15px;
  }

  .revenue-share-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 225px;
  }

  .lotto-ball {
    position: absolute;
    width: 375px;
    height: 308px;
    margin-top: 54px;
}

.cards-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.card-box {
  width: 160px;
  height: 160px;
  color: #fff;
  margin-right: 8px;
}

.vip-card {
  width: 300px;
  height: 300px;
}

.percentage-content {
  margin-top: 8px;
  margin-bottom: 0px;
}

.card-box:nth-child(3n) {
  flex-basis: 100%;
  margin: 20px calc(100% - 300px);
}

.gold-bar-bottom-flip {
  width: 80%;
  height: 20px;
}
.general-faqs-container {
  padding: 112px 15px;
}

.partnership-container {
  padding: 110px 10px;
}

.commission-content {
  width: 100%;
}

.commission-content > p {
  width: 100%;
  padding: 0px 10px 0px 10px
}

}

@media only screen and (min-width: 1920px) {
  .box-content span.firstTitle {
    padding: 0;
    margin: 0;
    font-size: 52.986px;

    font-style: normal;
    font-weight: 700;
    line-height: normal;
    filter: drop-shadow(5px 8px 5.2px rgba(0, 0, 0, 0.25));
  }

  .box-content span.secondTitle {
    padding: 0;
    margin: 0;
    filter: drop-shadow(5px 8px 5.2px rgba(0, 0, 0, 0.25));
    font-size: 61.817px;

    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
  }

  .box-content > h1 {
    margin: 0;
    font-size: 105.973px;

    font-style: normal;
    font-weight: 700;
    line-height: 85px;
    background: var(
      --Website-Gradient-GoldNEW,
      linear-gradient(
        97deg,
        #deab4f 5.53%,
        #efd08d 28.91%,
        #fff8b6 55.82%,
        #d49524 93.77%
      )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(3px 8px 5px rgba(0, 0, 0, 0.25));
  }

  .box-content .lowText {
    font-size: 88.311px;
  }

  .revenue-content {
    color: #fff;
    width: 800px;
  }
}

/*
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
}
*/