.bg-canvas-dots {
    position: absolute;
    top: 0;
    z-index: 1;
}
.pages-influencer-hero {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.pages-influencer-hero__container {
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    position: absolute;
    text-align: center;
    top: 200px;
    transform: translate(-50%);
    width: 100%;
    width: 548px
}

@media only screen and (max-width:1500px) {
    .pages-influencer-hero__container {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-influencer-hero__container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (width <= 768px) {
    .pages-influencer-hero__container {
        left: inherit;
        position: relative;
        top: 130px;
        transform: inherit;
        width: 80%
    }
}

@media (width <= 425px) {
    .pages-influencer-hero__container {
        text-align: left;
        width: 100%
    }
}

.pages-influencer-hero__container__button {
    margin: auto;
    max-width: 200px
}

.pages-influencer-hero__image {
    align-items: center;
    display: flex;
    height: 550px;
    justify-content: center;
    margin: 380px auto 0
}

@media (width <= 768px) {
    .pages-influencer-hero__image {
        display: block;
        height: 450px;
        margin-top: 120px
    }
}

@media (width <= 425px) {
    .pages-influencer-hero__image {
        height: 383px
    }
}

.pages-influencer-ready {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 120px auto;
    max-width: 1400px;
    width: 100%;
}

@media only screen and (max-width:1500px) {
    .pages-influencer-ready {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-influencer-ready {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pages-influencer-ready__container {
    background: #B0CC19;
    background: radial-gradient(circle,rgba(176, 204, 25, 1) 0%, rgba(255, 255, 147, 1) 100%);
    border: 4px solid #000;
    border-radius: 40px;
    height: 370px;
    position: relative;
    width: 1143px
}

@media (width <= 1250px) {
    .pages-influencer-ready__container {
        width: 100%
    }
}

@media (width <= 768px) {
    .pages-influencer-ready__container {
        height: auto
    }
}

.pages-influencer-ready__container .bg-canvas-dots {
    border-radius: 40px
}

.pages-influencer-ready__container__left {
    height: 100%;
    margin-left: 83px;
    max-width: 350px;
    padding-top: 120px
}

@media (width <= 1024px) {
    .pages-influencer-ready__container__left {
        margin-left: 40px
    }
}

@media (width <= 899px) {
    .pages-influencer-ready__container__left {
        width: 350px
    }
}

@media (width <= 768px) {
    .pages-influencer-ready__container__left {
        margin: 150px auto 50px;
        text-align: center;
        width: 80%
    }
}

.pages-influencer-ready__container__left h2 {
    color: #000;
    line-height: 45px;
}

.pages-influencer-ready__container__left__button {
    max-width: 200px
}

@media (width <= 768px) {
    .pages-influencer-ready__container__left__button {
        margin: auto
    }
}

.pages-influencer-ready__container__influencer {
    position: absolute;
    right: 263px;
    top: -90px;
    z-index: 2;
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

@media (width <= 1250px) {
    .pages-influencer-ready__container__influencer {
        height: 300px;
        right: 183px;
        width: 300px
    }
}

@media (width <= 899px) {
    .pages-influencer-ready__container__influencer {
        height: 250px;
        right: 143px;
        top: -80px;
        width: 250px
    }
}

@media (width <= 768px) {
    .pages-influencer-ready__container__influencer {
        height: 214px;
        left: 30%;
        transform: translate(-50%);
        width: 214px
    }
}

@media (width <= 425px) {
    .pages-influencer-ready__container__influencer {
        left: -20px;
        transform: inherit
    }
}

.pages-influencer-ready__container__influencer.first {
    right: 164px;
    top: 131px;
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

@media (width <= 1250px) {
    .pages-influencer-ready__container__influencer.first {
        height: 280px;
        right: 104px;
        top: 95px;
        width: 280px
    }
}

@media (width <= 899px) {
    .pages-influencer-ready__container__influencer.first {
        height: 230px;
        right: 84px;
        top: 75px;
        width: 230px
    }
}

@media (width <= 768px) {
    .pages-influencer-ready__container__influencer.first {
        height: 188px;
        left: 50%;
        top: 30px;
        width: 188px
    }
}

@media (width <= 425px) {
    .pages-influencer-ready__container__influencer.first {
        left: 50%;
        transform: translate(-50%)
    }
}

.pages-influencer-ready__container__influencer.second {
    right: -5px;
    top: -20px;
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

@media (width <= 1250px) {
    .pages-influencer-ready__container__influencer.second {
        height: 220px;
        width: 220px
    }
}

@media (width <= 899px) {
    .pages-influencer-ready__container__influencer.second {
        height: 170px;
        width: 170px
    }
}

@media (width <= 768px) {
    .pages-influencer-ready__container__influencer.second {
        height: 158px;
        left: 70%;
        right: -10px;
        width: 158px
    }
}

@media (width <= 425px) {
    .pages-influencer-ready__container__influencer.second {
        left: auto;
        right: -20px;
        top: -50px
    }
}

.pages-influencer-ready__container__star {
    position: absolute;
    right: 220px;
    top: -120px;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@media (width <= 1250px) {
    .pages-influencer-ready__container__star {
        right: 120px
    }
}

@media (width <= 1024px) {
    .pages-influencer-ready__container__star {
        display: none
    }
}

.pages-influencer-ready__container__star.small {
    left: 572px;
    right: 0;
    top: 300px
}

.pages-influencer-why-apply {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 148px auto 254px;
    max-width: 1400px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .pages-influencer-why-apply {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-influencer-why-apply {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (width <= 425px) {
    .pages-influencer-why-apply {
        margin-bottom: 62px
    }
}

.pages-influencer-why-apply__container {
    text-align: center;
    width: 745px
}

@media (width <= 768px) {
    .pages-influencer-why-apply__container {
        width: 100%
    }
}

.pages-influencer-why-apply__container h2 {
    opacity: .5
}

.pages-influencer-why-apply__container__button {
    margin: auto;
    max-width: 200px
}

.pages-influencer-why-apply__icon {
    position: absolute;
    right: 78px;
    top: -40px
}

@media (width <= 1024px) {
    .pages-influencer-why-apply__icon {
        display: none
    }
}

.pages-influencer-why-apply__icon.left {
    left: 78px;
    top: 150px
}

.pages-influencer-creator {
    background: #f9fdfd;
    padding: 197px 0 276px
}

@media (width <= 425px) {
    .pages-influencer-creator {
        padding: 106px 0 239px
    }
}

.pages-influencer-creator__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .pages-influencer-creator__container {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-influencer-creator__container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pages-influencer-creator__top {
    margin: auto;
    text-align: center;
    width: 817px
}

@media (width <= 899px) {
    .pages-influencer-creator__top {
        width: 85%
    }
}

@media (width <= 425px) {
    .pages-influencer-creator__top {
        width: 100%
    }
}

.pages-influencer-creator__top p {
    color: #00a55e;
    margin: 0
}

.pages-influencer-creator__top h2 {
    margin: 24px 0
}

.pages-influencer-creator__bottom {
    margin-top: 15px;
    text-align: center
}

    .pages-influencer-creator__bottom svg {
        color: #7276bb;
        height: 30px;
        width: 30px
    }

    .pages-influencer-creator__bottom p {
        font-weight: 600;
        margin: 0
    }

    .pages-influencer-creator__bottom .base-button__content {
        border-bottom: 1px solid #000
    }

.pages-influencer-creator__form {
    margin: 100px auto 0;
    width: 817px
}

@media (width <= 899px) {
    .pages-influencer-creator__form {
        width: 85%
    }
}

@media (width <= 425px) {
    .pages-influencer-creator__form {
        width: 100%
    }
}

.pages-influencer-creator__form .base-form {
    max-width: 100%
}

.pages-influencer-creator__form .base-form__body {
    align-items: center;
    justify-content: center
}

.pages-influencer-creator__form .base-form .base-button {
    margin: 2rem auto;
    max-width: 30% !important
}

@media (width <= 425px) {
    .pages-influencer-creator__form .base-form .base-button {
        max-width: 100% !important
    }
}

.pages-influencer-creator__form .primary-highlight {
    color: #00a55e
}

@media (width <= 425px) {
    .pages-influencer-creator__form .container__col-10,
    .pages-influencer-creator__form .container__col-5 {
        flex-basis: 100%;
        max-width: 100%
    }
}

.pages-influencer-creator__form__box {
    margin: 10px 0
}

    .pages-influencer-creator__form__box span {
        white-space: nowrap
    }

    .pages-influencer-creator__form__box.nick {
        opacity: 0
    }

@media (width <= 425px) {
    .pages-influencer-creator__form__box.nick {
        display: none
    }
}

.referral-testimonials {
    margin-bottom: 100px;
    overflow: hidden;
    padding: 0 20px 60px;
    position: relative
}

.referral-testimonials__container {
    margin: auto;
    max-width: var(--max-page-width);
    width: 100%
}

.referral-testimonials__container__title {
    margin-bottom: 48px;
    text-align: center
}

.referral-testimonials__container__left {
    margin-right: auto;
    max-width: var(--text-width)
}

@media (width <= 1200px) {
    .referral-testimonials__container__left {
        margin-left: auto
    }
}

.referral-testimonials__container .box {
    overflow: hidden;
    position: relative;
    transform: skew(1deg,357deg);
    width: 100%
}

.referral-testimonials__container .twitter-entry {
    background: #ecf5fe;
    border-radius: 6px;
    color: #000;
    margin: 10px;
    padding: 16px;
    position: relative;
    width: 300px
}

.referral-testimonials__container .twitter-entry__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.referral-testimonials__container .twitter-entry__profile-info {
    align-items: center;
    display: flex;
    justify-content: center
}

.referral-testimonials__container .twitter-entry__profile-info__img {
    border-radius: 100%;
    height: 46px;
    margin-right: 5px;
    width: 46px
}

.referral-testimonials__container .twitter-entry__profile-info__username {
    margin: 0
}

.referral-testimonials__container .items {
    align-items: stretch;
    animation: carousel-anim 50s linear infinite alternate;
    display: flex;
    width: -moz-fit-content;
    width: fit-content
}

    .referral-testimonials__container .items.even {
        margin-left: -150px
    }

@media only screen and (width <= 768px) {
    .referral-testimonials__container .items {
        animation: carousel-anim 35s linear infinite alternate
    }

    @keyframes carousel-anim {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(calc(100% + 600px))
        }
    }
}

@keyframes carousel-nim {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-100% + 1500px))
    }
}

@media only screen and (width <= 672px) {
    .referral-testimonials {
        padding: 50px 16px
    }
}

.pages-affiliate-hero {
    background: #f9f2e5
}

.pages-affiliate-hero__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    overflow: hidden;
    padding-top: 150px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .pages-affiliate-hero__container {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-affiliate-hero__container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pages-affiliate-hero__top {
    margin: auto;
    max-width: 703px
}

.pages-affiliate-hero__top__button {
    margin: auto auto 17px;
    max-width: 327px
}

.pages-affiliate-hero__bottom {
    margin: 33px auto 59px;
    max-width: 961px
}

    .pages-affiliate-hero__bottom img {
        width: 100%
    }

.pages-affiliate-why-join {
    background-color: #fafafb;
}

@media (width <= 768px) {
    .pages-affiliate-why-join {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.pages-affiliate-why-join__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .pages-affiliate-why-join__container {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .pages-affiliate-why-join__container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pages-affiliate-why-join__container__top {
    margin-bottom: 40px;
    text-align: center
}

    .pages-affiliate-why-join__container__top .emphasize {
        background-image: url(../circle-bg.png);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: contain
    }

@media (width <= 899px) {
    .pages-affiliate-why-join__container__top .emphasize {
        background-image: url(../circle-sm-bg.png)
    }
}

.pages-affiliate-why-join__container__bottom {
    display: flex;
    gap: 36px;
    margin-top: 36px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom {
        flex-direction: column;
        justify-content: center
    }
}

@media (width <= 768px) {
    .pages-affiliate-why-join__container__bottom {
        margin-top: 40px
    }
}

.pages-affiliate-why-join__container__bottom__container-small {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    width: 520px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small {
        margin: auto;
        max-width: 652px;
        padding-bottom: 30px;
        text-align: center;
        width: 100%
    }

    .pages-affiliate-why-join__container__bottom__container-small__img-con {
        margin: 20px
    }
}

.pages-affiliate-why-join__container__bottom__container-small__img-con__box {
    right: -105px !important;
    top: -50px !important;
    width: 504px !important
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small__img-con__box {
        max-width: 435px !important;
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important
    }
}

.pages-affiliate-why-join__container__bottom__container-small img {
    position: absolute;
    right: -68px;
    top: -60px;
    width: 306px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small img {
        max-width: 235px;
        position: relative;
        right: 0;
        top: 0;
        width: 100%
    }
}

@media (width <= 768px) {
    .pages-affiliate-why-join__container__bottom__container-small img {
        max-width: 180px
    }
}

@media (width <= 425px) {
    .pages-affiliate-why-join__container__bottom__container-small img {
        max-width: 150px
    }
}

.pages-affiliate-why-join__container__bottom__container-small__text {
    margin: 0 30px 0 40px;
    padding-top: 176px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small__text {
        margin: 30px auto 10px;
        padding: 0 20px
    }
}

@media (width <= 425px) {
    .pages-affiliate-why-join__container__bottom__container-small__text {
        text-align: left
    }
}

.pages-affiliate-why-join__container__bottom__container-small__text__title {
    margin-top: 40px
}

.pages-affiliate-why-join__container__bottom__container-small__text h2 {
    width: 290px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small__text h2 {
        width: auto
    }
}

.pages-affiliate-why-join__container__bottom__container-small__text p {
    max-width: 330px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small__text p {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: 100%
    }
}

.pages-affiliate-why-join__container__bottom__container-small__text__first {
    max-width: 370px !important
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-small__text__first {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        width: 100% !important
    }
}

.pages-affiliate-why-join__container__bottom__container-large {
    border-radius: 12px;
    height: 395px;
    max-width: 750px;
    overflow: hidden;
    position: relative;
    width: 750px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large {
        display: flex;
        flex-direction: column;
        height: auto;
        margin: auto;
        max-width: 652px;
        padding-bottom: 40px;
        text-align: center;
        width: 100%
    }
}

.pages-affiliate-why-join__container__bottom__container-large__text {
    margin: 0 30px 0 40px;
    padding-top: 185px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__text {
        margin: 0 auto;
        padding: 0 20px;
        text-align: center
    }
}

@media (width <= 425px) {
    .pages-affiliate-why-join__container__bottom__container-large__text {
        text-align: left
    }
}

.pages-affiliate-why-join__container__bottom__container-large__text h2 {
    width: 325px
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__text h2 {
        width: auto
    }
}

.pages-affiliate-why-join__container__bottom__container-large__text p {
    width: 410px
}


@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__text p {
        width: auto
    }
}

.pages-affiliate-why-join__container__bottom__container-large__img-con {
    position: absolute;
    right: 0;
    top: 0;
    width: 369px;
    z-index: 3
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__img-con {
        margin: 20px auto;
        max-width: 369px;
        position: relative;
        width: 100%
    }
}

@media (width <= 768px) {
    .pages-affiliate-why-join__container__bottom__container-large__img-con {
        max-width: 280px;
        padding: 0 20px
    }
}

@media (width <= 425px) {
    .pages-affiliate-why-join__container__bottom__container-large__img-con {
        max-width: 209px;
        width: 100%
    }
}

.pages-affiliate-why-join__container__bottom__container-large__img-con__person {
    height: 395px;
    width: 544px !important;
    max-width: fit-content;
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__img-con__person {
        height: auto;
        margin: 20px auto !important;
        max-width: 250px !important;
        width: 100% !important
    }
}

.pages-affiliate-why-join__container__bottom__container-large__img-con img {
    width: 100%
}

.pages-affiliate-why-join__container__bottom__container-large__line {
    position: absolute;
    right: 0;
    top: 0
}

@media (width <= 1100px) {
    .pages-affiliate-why-join__container__bottom__container-large__line {
        display: none
    }
}

.pages-affiliate-why-join__container__button {
    margin: 36px auto 0;
    max-width: 327px
}

.affiliate-card {
    background: #fff;
    border: 1px solid #000;
    border-radius: 16px;
    box-shadow: 5px 5px #000;
    max-width: 303px;
    position: relative;
    width: 100%
}

.affiliate-eligible {
    margin-left: auto;
    margin-right: auto;
    max-width: 1155px;
    padding-bottom: 168px;
    padding-top: 168px;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .affiliate-eligible {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .affiliate-eligible {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (width <= 768px) {
    .affiliate-eligible {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.affiliate-eligible__container {
    background-color: #00a55e;
    border-radius: 12px;
    width: 100%
}

.affiliate-eligible__container__main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 73px;
    position: relative
}

@media (width <= 1150px) {
    .affiliate-eligible__container__main {
        flex-direction: column;
        justify-content: center;
        padding: 60px 20px
    }

    .affiliate-eligible__container__main__line {
        display: none
    }
}

.affiliate-eligible__container__main__text {
    width: 400px
}

@media (width <= 1150px) {
    .affiliate-eligible__container__main__text {
        text-align: center;
        width: 100%
    }
}

.affiliate-eligible__container__main__contents {
    align-items: center;
    display: flex;
    gap: 18px;
    position: absolute;
    right: 32px;
    text-align: center
}

@media (width <= 1150px) {
    .affiliate-eligible__container__main__contents {
        justify-content: center;
        margin-top: 30px;
        position: relative;
        right: 0;
        width: 100%
    }
}

@media (width <= 768px) {
    .affiliate-eligible__container__main__contents {
        flex-direction: column
    }
}

.affiliate-eligible__container__main__contents__right {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.affiliate-eligible__container__main__contents__right__followers {
    padding: 38px 48px
}

@media only screen and (width >= 2405px) {
    .affiliate-eligible__container__main__contents__right__followers {
        padding: 30px 48px
    }
}

.affiliate-eligible__container__main__contents__right__followers h1 {
    padding-bottom: 23px
}

@media (width <= 375px) {
    .affiliate-eligible__container__main__contents__right__followers {
        padding-left: 15px;
        padding-right: 15px
    }
}

.affiliate-eligible__container__main__contents__right__countries {
    padding: 37px 52px 110px
}

@media only screen and (width >= 2405px) {
    .affiliate-eligible__container__main__contents__right__countries {
        padding-bottom: 100px
    }
}

@media (width <= 375px) {
    .affiliate-eligible__container__main__contents__right__countries {
        padding: 37px 15px
    }
}

.affiliate-eligible__container__main__contents__right__countries__flags {
    margin-top: 15px;
    position: relative
}

    .affiliate-eligible__container__main__contents__right__countries__flags div {
        background-color: #fff;
        border-radius: 50%;
        padding: 3px;
        position: absolute;
        width: -moz-fit-content;
        width: fit-content
    }

.affiliate-eligible__container__main__contents__right__countries__flags--0 {
    left: 0
}

.affiliate-eligible__container__main__contents__right__countries__flags--1 {
    left: 47px
}

.affiliate-eligible__container__main__contents__right__countries__flags--2 {
    left: 94px
}

.affiliate-eligible__container__main__contents__right__countries__flags--3 {
    left: 141px
}

@media (width <= 375px) {
    .affiliate-eligible__container__main__contents__right__countries__flags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative
    }

        .affiliate-eligible__container__main__contents__right__countries__flags div {
            left: 0;
            position: relative
        }
}

.affiliate-eligible__container__main__contents__download {
    padding: 34px 24px
}

@media (width <= 375px) {
    .affiliate-eligible__container__main__contents__download {
        padding-left: 15px;
        padding-right: 15px
    }
}

.affiliate-eligible__container__main__contents__download__top {
    background-color: #fafafb;
    border: 1px solid #000;
    border-radius: 12px;
    padding-bottom: 33px
}

    .affiliate-eligible__container__main__contents__download__top p {
        margin: 33px auto 6px
    }

.affiliate-eligible__container__main__contents__download__top__buttons {
    display: flex;
    flex-direction: column
}

    .affiliate-eligible__container__main__contents__download__top__buttons .pages-home-cta__button {
        margin: 0
    }

    .affiliate-eligible__container__main__contents__download__top__buttons .base-button {
        margin: 6px auto 0;
        width: 176px
    }

.affiliate-eligible__container__main__contents__download__bottom {
    text-align: left
}

    .affiliate-eligible__container__main__contents__download__bottom h1 {
        margin-top: 24px
    }

    .affiliate-eligible__container__main__contents__download__bottom p {
        margin-top: 12px
    }

.join-affiliate {
    background: #f9f9f9;
    padding: 168px 0
}

@media (width <= 768px) {
    .join-affiliate {
        padding: 80px 0 60px
    }
}

.join-affiliate__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 100%
}

@media only screen and (max-width:1500px) {
    .join-affiliate__container {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width:425px) {
    .join-affiliate__container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

.join-affiliate__top {
    margin: auto;
    text-align: center;
    width: 817px
}

@media (width <= 899px) {
    .join-affiliate__top {
        width: 85%
    }
}

@media (width <= 425px) {
    .join-affiliate__top {
        width: 100%
    }
}

.join-affiliate__top p {
    margin: 0
}

.join-affiliate__top h2 {
    margin: 10px 0
}

.join-affiliate__form {
    margin: 77px auto 0;
    width: 817px
}

@media (width <= 899px) {
    .join-affiliate__form {
        margin-top: 40px;
        width: 85%
    }
}

@media (width <= 425px) {
    .join-affiliate__form {
        width: 100%
    }
}

.join-affiliate__form-container .base-notification-message--error {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 83%
}

.join-affiliate__form__star {
    color: #ee4746
}

.join-affiliate__form .base-form {
    max-width: 100%
}

.join-affiliate__form .base-form__body {
    align-items: center;
    justify-content: center
}

.join-affiliate__form .base-form .base-button {
    border: 2px solid #000;
    margin: 2rem auto;
    max-width: 30% !important
}

@media (width <= 650px) {
    .join-affiliate__form .base-form .base-button {
        max-width: 100% !important
    }
}

.join-affiliate__form .primary-highlight {
    color: #00a55e
}

@media (width <= 650px) {
    .join-affiliate__form .container__col-10,
    .join-affiliate__form .container__col-5 {
        flex-basis: 100%;
        max-width: 100%
    }
}

.join-affiliate__form__box {
    margin: 10px 0
}

    .join-affiliate__form__box span {
        white-space: nowrap
    }

    .join-affiliate__form__box.nick {
        opacity: 0
    }

@media (width <= 650px) {
    .join-affiliate__form__box.nick {
        display: none
    }
}

.affiliate-program {
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}







.a{
    text-decoration:underline;
}
