@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    background: #000;
    overflow-x: hidden;
}
html{
    scroll-behavior: smooth;
}

#how-it-works,
#faq {
    scroll-margin-top: 8vh;
}
#bonus-structure{
    scroll-margin-top: 20vh;
}

a {
    text-decoration: none;
    color: inherit;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {
    border: none;
    background: none;
    cursor: pointer;
}

/*main content*/
body {
    font-size: 0.8333vw;
}

.wrapper {
    color: #fff;
    font-style: normal;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    height: auto;
    font-family: Roboto;
}
.promo-hero {
    padding: 8px;
    border: 1.25em solid #ffbc00;
    background-image: url("img/bg_main.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;

    min-height: 100vh;
}

/*header*/

.header {
    width: 83.56%;
    max-width: 83.56%;
    min-height: 8.75em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: fixed;
    top: 1.25em;
    left: 50%;
    z-index: 1000;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: rgba(0, 0, 0, 0.9);
    padding:  0 2em;
    border-radius: 1em;
}

.header__logo {
    display: block;
    width: 13em;
    line-height: 0;
}

.header__logo svg {
    display: block;
    width: 100%;
    height: auto;
}
.header__navigation{
    width: 100%;
}
.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: 32px;

    margin: 0;
    padding: 0;
    list-style: none;
}

.header__menu a {

    position: relative;
    display: block;

    color: #FFF;
    font-family: Roboto;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;

    -webkit-transition:
            color 0.25s ease,
            opacity 0.25s ease;

    transition:
            color 0.25s ease,
            opacity 0.25s ease;
}

.header__menu a::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;

    height: 2px;

    background-color: #ffbc00;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.header__menu a:hover,
.header__menu a:focus-visible {
    color: #ffbc00;
}

.header__menu a:hover::after,
.header__menu a:focus-visible::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
}

.header__terms {
    width: 12em;
    height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: #000;
    background: #ffbc00;
    border-radius: 5em;

    font-family: "Roboto", sans-serif;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    -webkit-transition:
            background-color 0.25s ease,
            -webkit-transform 0.25s ease;

    transition:
            background-color 0.25s ease,
            -webkit-transform 0.25s ease;

    transition:
            background-color 0.25s ease,
            transform 0.25s ease;

    transition:
            background-color 0.25s ease,
            transform 0.25s ease,
            -webkit-transform 0.25s ease;
}

.header__terms:hover,
.header__terms:focus-visible {
    background-color: #ffd148;
}

.language-select-wrapper {
    position: relative;
    width: 5.5em;
    height: 4em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.language-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2.5em;

    font-size: 1.25em;

    overflow: hidden;
    z-index: 100;

    -webkit-transition:
            border-radius 0.25s ease,
            border-color 0.25s ease,
            background-color 0.25s ease;

    transition:
            border-radius 0.25s ease,
            border-color 0.25s ease,
            background-color 0.25s ease;
}

.language-select.is-open {
    border-color: rgba(255, 255, 255, 0.8);
    border-radius: 1.7em;
    background-color: #000;
}

.language-switcher,
.language-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;

    width: 100%;
    height: 3em;
    padding: 0 0.8em;

    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 2.5em;

    font: inherit;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: lowercase;

    cursor: pointer;
}

.language-select.is-open .language-switcher {
    width: calc(100% - 0.8em);
    height: 2.2em;
    margin: 0.4em;

    background-color: rgba(255, 255, 255, 0.3);
}

.language-select__menu {
    display: none;
    padding-bottom: 0.3em;
}

.language-select.is-open .language-select__menu {
    display: block;
}

.language-option {
    height: 2.5em;
}

.language-option:hover,
.language-option:focus-visible {
    background-color: rgba(255, 255, 255, 0.12);
}

.language-switcher__flag,
.language-option__flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    width: 1.2em;
    height: 1.2em;
}

.language-switcher__flag img,
.language-option__flag img {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.language-switcher__code,
.language-option__code {
    min-width: 1.4em;
    text-align: left;
}
/*burger menu*/
.header__burger {
    display: none;
}

.mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
/*main*/
.promo-main{
    width: 83.56%;
    margin: 0 auto;
    padding-top: 8.75em;
}
.promo-hero__content{
    margin-top: 0.8em;
}

.promo-hero__label {
    color: #000;
    font-size: 1.5625em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    padding: 0.545em 0.7em;

    background: #ff7200;
    white-space: nowrap;

    font-family: "Helvetica Neue Condensed", sans-serif;
}
.promo-hero__title{
    margin-top: 1.4em;
}
.promo-hero__title-small{
    color: #fff;
    font-size: 1.575em;
    font-style: normal;
    line-height: 0.95;
    text-transform: uppercase;
    display: block;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-weight: 300;

}
.promo-hero__title-main{
    color: #fff;
    font-size: 5.5em;
    font-style: normal;
    font-weight: 900;
    line-height: 0.95;
    text-transform: uppercase;
    font-family: "Helvetica Neue Condensed", sans-serif;
}
.promo-hero__subtitle {
    color: #FFBC00;
    font-family: "Helvetica Neue Condensed", sans-serif;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2em;
}
.promo-hero__description{
    color: #fff;
    font-family: "Helvetica Neue";
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: 1.8em;

}
.promo-hero__description {
    white-space: pre-line;
}
.promo-hero__description {
    white-space: pre-line;
}

.promo-hero__orange {
    color: #ff7200;
    font-weight: 700;
}
.promo-hero__button {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 3.3424em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    padding: 0.5em 1.0333em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-radius: 3.3333em;
    background: #FFBC00;

    margin-top: 0.6875em;
}
.img-money{
    width: 33.9375em;
    height: auto;
}
/*info*/
.info{
    min-height: 100vh;
    background-image: url("img/info_bg.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 -1px 0 #FFBC00;
    box-shadow: 0 -1px 0 #FFBC00;

}
.info-wrapper{
    width: 83%;
}


.info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end;
    margin-bottom: 4em;
}


.info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    -ms-flex-item-align: start;

    align-self: flex-start;
    max-width: 92%;
}

.info-right .info-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    color: #ffbc00;
    background: #000;

    font-size: 4.375em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.3em 0.16em 0.1em;
}
.info-left .info-title {
    color: #ffbc00;
    background: #000;

    font-size: 4.375em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;

    padding: 0.3em 0.16em 0.1em;
    white-space: nowrap;
}

.info-text {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 0.5em;
}

.info-left .info-text {
    text-align: right;
}
.benefits{
    background: black;
    width: 100%;
}
.benefits-wrapper{
    padding: 9em 0 9em 11.1em;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;

}
.benefits-title{
    font-family: "Helvetica Neue Condensed", sans-serif;
}
.benefits-title span:nth-child(1){
    color: #FFBC00;
    font-size: 2.875em;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
}
.benefits-title span:nth-child(2){
    color: #FFBC00;
    font-size: 7em;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
}
.benefits-title span:nth-child(3){
    color: #FFF;
    font-size: 2.875em;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;

}
.benefits-text{
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    width: 86%;
    word-spacing: 0.2em;
}
.benefits-text:first-of-type{
    margin-top: 1.7em;
}
.benefits-text:nth-of-type(2) {
    margin-top: 0.45em;
}
.benefits-cta{
    color: #FFF;
    font-family: Roboto;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.455em;
    text-transform: uppercase;
    margin-top: 1.55em;
}
.bonus-structure{
    background: #000;

}
.bonus-structure-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 83%;
    margin: 0 auto;
    gap: 6.25em;

}
.bonus-structure-wrapper>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.25em;

}
.bonus-structure-title{
    font-family: "Helvetica Neue Condensed", sans-serif;
    color: #FFBC00;
    font-size: 7.1875em;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
}
.bonus-structure-subtitle{
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
    margin-bottom: 0.6em;
}
.img-domino{
    width: 33.9375em;
    height: auto;
}
html[lang="fr"] .bonus-structure-subtitle,
html[lang="sw-KE"] .bonus-structure-subtitle {
    white-space: normal;
    width: 100%;

}

.bonus-structure-caption{
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    width: 80%;
}
.bonus-structure-win{
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.bonus-structure-total{
    color: #FFF;
    font-family: "Helvetica Neue Condensed", sans-serif;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.21em;
    word-spacing: 0.103em;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 0.3em;
}
.yellow-text{
    color: #FFBC00;
}
.qualify{
    background:
            url("img/bg-money.png") center bottom / 100% auto no-repeat,
            #000;
    padding: 19.775em 0 0em 0;
    height: auto;
}
.qualify-wrapper{
    margin: 0 auto;
    width: 65%;
}
.qualify-title{
    color: #FFBC00;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 4.375em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.45em;
    text-transform: uppercase;
    text-align: center;
}
.qualify__subtitle{
    text-align: center;
    color: #FFF;
    font-family: Roboto;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 1.8em 0 0.9em;
}
.qualify__list{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.qualify__item{
    width: 30%;
    height: auto;

}
.qualify__item-title{
    color: #FFBC00;
    font-family: Roboto;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;

}
.qualify__item-text{
    color: #FFF;
    font-family: Roboto;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15em;
    margin-top: 1em;
    width: 90%;
}
.qualify__bonus-title{
    color: #FF7200;
    font-family: Roboto;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 1.25em 0 1em;
}
.qualify__bonus-list{
    margin: 0 auto;
    width: 50%;
    list-style-type: decimal;
}
.qualify__bonus-item{
    color: #FFF;
    font-family: Roboto;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 0.4em;
}
.how-it-works__title{
    margin: 4.5em 0 1em;
    text-align: center;
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 4.375em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.45em;
    text-transform: uppercase;
}
.process__list{
    width: 60%;
    margin: 6em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
html[lang="fr"] .process__list,
html[lang="sw-KE"] .process__list {
    width: 70%;
}
.process__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 16%;
    background: #FFBC00;
    width: 21.875em;
    height: 21.875em;
    gap: 2.5em;
    aspect-ratio: 1 / 1;
}
html[lang="fr"] .process__item{
    width: 25em;
    height: 24em;
}
html[lang="sw-KE"] .process__item {
    width: auto;
    height: auto;
}

html[lang="sw-KE"] .process__item {
    width: 26.875em;
    height: 28.875em;
}
html[lang="sw-KE"] .process__item-title{
    font-size: 2em;
}
.process__item-title{
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.15em;
    text-transform: uppercase;
}
.process__item-text{
    color: #000;
    text-align: center;
    font-family: "Helvetica Neue Condensed", sans-serif;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.15em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    width: 65%;

}

.process__terms{
    display: block;
    text-align: center;
    color: #FFF;
    text-shadow: 0 0 0.4em rgba(0, 0, 0, 0.50);
    font-family: Roboto;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.69em;
    text-transform: uppercase;
}
.process__terms > a {
    text-decoration: underline;
}

.process__button {
    margin: 3em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10.66em;
    padding: 0.5348em 1.4261em;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: #FF7200;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    border: 0.06em solid #FF7200;
    border-radius: 3.5652em;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    -webkit-transition:
            color 0.3s ease,
            border-color 0.3s ease,
            text-shadow 0.3s ease,
            -webkit-box-shadow 0.3s ease;
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            text-shadow 0.3s ease,
            -webkit-box-shadow 0.3s ease;
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            box-shadow 0.3s ease,
            text-shadow 0.3s ease;
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            box-shadow 0.3s ease,
            text-shadow 0.3s ease,
            -webkit-box-shadow 0.3s ease;

}
.process__button:hover {
    color: #FFBC00;
    background: transparent;

    border-color: #FFBC00;

    -webkit-box-shadow:
            0 0 0.06em 0 #FFBC00,
            0 0 0.2em 0 #FFBC00,
            0 0 0.6em 0 rgba(255, 188, 0, 0.75);

    box-shadow:
            0 0 0.06em 0 #FFBC00,
            0 0 0.2em 0 #FFBC00,
            0 0 0.6em 0 rgba(255, 188, 0, 0.75);

    text-shadow:
            0 0 0.2em #FFBC00,
            0 0 0.4em rgba(255, 188, 0, 0.8);
}
.cta__wrapper{
    width: 81%;
    margin: 0 auto 12.8968em;

}
.cta__eyebrow{
    color: #FFF;
    font-family: "Helvetica Neue Condensed", sans-serif;
    font-size: 4.375em;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}
.cta__title{
    color: #FFF;
    font-family: "Helvetica Neue Condensed", sans-serif;
    font-size: 10.625em;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}
.cta__text{
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
}

.cta__button[hidden],
.cta__partner-options[hidden] {
    display: none;
}
.cta__actions {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.7em;
}

.cta__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12.7192em;
    padding: 0.625em 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 4.0097em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;

    border-radius: 4.1667em;
    background: #FFBC00;


}

.cta__button.is-hidden {
    visibility: hidden;
    pointer-events: none;
}

.cta__partner-options {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6667em;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.cta__partner-options.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cta__partner-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 11.6667em;
    height: 3.6177em;
    padding: 0.625em 1.6667em;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    border-radius: 4.1716em;
    background: #FF7200;

    color: #000;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 2.2174em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cta__partner-option:hover {
    background: #FFBC00;
}

.cta__partner-option:hover {
    background-color: #FFBC00;
    -webkit-transform: translateY(-0.1em);
    -ms-transform: translateY(-0.1em);
    transform: translateY(-0.1em);
}
.cta__dollars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 2em 0;
    height: auto;
    margin-top: 3em;
}
.cta__img{
    height: 16.1151em;
    position: absolute;
    right: -10%;
}

.partner-info {
    padding: 8px;
    border: 1.25em solid #ffbc00;
    background-image: url("img/question_mark.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.partner-info__wrapper{
    width: 81%;
    margin: 10em auto;
}
.partner-info__title {
    color: #FFF;
    font-family: "Helvetica Neue Cyr", sans-serif;
    font-size: 4.375em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.44em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 2em;
}
.partner-info__item{
    border-radius: 2.4936em;
    border: 0.1496em solid #FFBC00;
    background: #FFBC00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17.4551em;
    height: 17.4551em;
    padding: 7.0818em 3.1419em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.9949em;
    aspect-ratio: 1 / 1;
}
.partner-info__item img{
    height: 10em;
}
.partner-info__item p{
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.15em;
    text-transform: uppercase;
}
.partner-info__benefits-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10em 0;
}
.partner-info__faq-title{
    color: #FFBC00;
    font-family: "Helvetica Neue";
    font-size: 4.375em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.44em;
    text-transform: uppercase;
    text-align: center;
    margin: 2em 0;
}
.partner-info__faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.75em;
    width: 90%;
    margin:  0 auto;
}

.partner-info__faq-item {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2em;
    padding: 1.2em 2em;
}

.partner-info__faq-question {
    position: relative;
    padding-left: 2em;

    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 1.5625em;
    font-weight: 400;

    cursor: pointer;
    list-style: none;
}

.partner-info__faq-question::-webkit-details-marker {
    display: none;
}

.partner-info__faq-question::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 50%;

    color: #FF7200;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.partner-info__faq-item[open] .partner-info__faq-question::before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.partner-info__faq-answer {
    margin-top: 1em;
    padding-left: 3em;

    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    line-height: 1.3;
}

.partner-info__faq-answer strong {
    color: #FFBC00;
}

.footer {
    background: #FFBC00;
    color: #000;
    -webkit-box-shadow: 0 -1px 0 #FFBC00;
    box-shadow: 0 -1px 0 #FFBC00;
}

.footer__wrapper {
    width: 100%;
    max-width: 105em;
    margin: 0 auto;
    padding: 6em 3em;

    display: -ms-grid;

    display: grid;
    -ms-grid-columns: 2.7fr 3em 1fr 3em 1fr 3em 1fr;
    grid-template-columns: 2.7fr 1fr 1fr 1fr;
    gap: 3em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.footer__logo {
    display: inline-block;
    width: 9.5em;
}

.footer__logo img {
    display: block;
    width: 100%;
    height: auto;

}

.footer__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__column-title {
    color: #000;
    font-family: Roboto;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.15em;
    margin: 1em 0;
}

.footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.9em;
}

.footer__link,
.footer__email {
    color: #000;
    font-family: Roboto;
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15em;

    -webkit-transition: opacity 0.25s ease;

    transition: opacity 0.25s ease;
}

.footer__link:hover,
.footer__email:hover {
    opacity: 0.6;
}

.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;

    margin-top: 1.25em;
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 2.5341em;

    -webkit-transition: opacity 0.25s ease,
    -webkit-transform 0.25s ease;

    transition: opacity 0.25s ease,
    -webkit-transform 0.25s ease;

    transition: transform 0.25s ease,
    opacity 0.25s ease;

    transition: transform 0.25s ease,
    opacity 0.25s ease,
    -webkit-transform 0.25s ease;
}

.footer__social img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__social:hover {

    opacity: 0.65;
}
.footer__social img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;

    -webkit-transition: -webkit-filter 0.25s ease;

    transition: -webkit-filter 0.25s ease;

    transition: filter 0.25s ease;

    transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.footer__social:hover img {
    -webkit-filter:
            invert(47%)
            sepia(100%)
            saturate(3693%)
            hue-rotate(1deg)
            brightness(103%)
            contrast(105%);
    filter:
            invert(47%)
            sepia(100%)
            saturate(3693%)
            hue-rotate(1deg)
            brightness(103%)
            contrast(105%);
}
.promo-hero__button,
.header__terms,
.cta__button {
    -webkit-transition:
            background-color 0.3s ease,
            -webkit-box-shadow 0.3s ease,
            -webkit-transform 0.3s ease;
    transition:
            background-color 0.3s ease,
            -webkit-box-shadow 0.3s ease,
            -webkit-transform 0.3s ease;
    transition:
            background-color 0.3s ease,
            box-shadow 0.3s ease,
            transform 0.3s ease;
    transition:
            background-color 0.3s ease,
            box-shadow 0.3s ease,
            transform 0.3s ease,
            -webkit-box-shadow 0.3s ease,
            -webkit-transform 0.3s ease;
}

.promo-hero__button:hover,
.header__terms:hover,
.cta__button:hover {
    background-color: #FF7200;
    -webkit-box-shadow: 0 0 0.6em rgba(255, 114, 0, 0.55);
    box-shadow: 0 0 0.6em rgba(255, 114, 0, 0.55);
}

@media (orientation: portrait) {
    .promo-hero {
        min-height: auto;
    }
    .info {
        min-height: 50vh;
    }
    .partner-info__item img {
        height: 5em;
    }
    .promo-hero__button {
        margin: 0.6875em 0;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .promo-hero__title-main {
        color: #fff;
        font-size: 4.7em;
    }
    html[lang="fr"] .header__menu a,
    html[lang="sw-KE"] .header__menu a {
        font-size: 1em;
    }
    html[lang="fr"] .partner-info__item img,
    html[lang="sw-KE"] .partner-info__item img {
        height: 5em;
    }
}
@media (orientation: landscape)
and (min-width: 768px)
and (max-width: 1366px)
and (max-height: 1000px) {
    .promo-hero__label {
        font-size: 2.5625em;
    }
    .promo-hero__title-small {
        color: #fff;
        font-size: 1.875em;
    }
    .promo-hero__title {
        margin-top: 2em;
    }
    .promo-hero__title-main {
        font-size: 5.7em;
    }
    .promo-hero__subtitle {
        font-size: 3.525em;
    }
    .promo-hero__description {
        font-size: 1.9625em;
    }
    .promo-hero__title-small,
    .promo-hero__title,
    .promo-hero__subtitle,
    .promo-hero__description{
        margin: 1em 0;

    }
    .promo-hero__button {
        margin-top: 1.6875em;
    }
}
@media (orientation: landscape)
and (min-width: 1024px)
and (max-width: 1366px)
and (max-height: 768px)
and (min-aspect-ratio: 5/3) {

    .promo-hero {
        font-size: 0.72vw;
    }

    .promo-hero__title {
        margin-top: 1em;
    }

    .promo-hero__description {
        margin-top: 1em;
    }

    .promo-hero__button {
        margin-top: 0.5em;
    }
}

/*-------- adaptive mobile --------*/
@media (max-width: 480px) and (orientation: portrait) {

    .header {
        width: 95%;
        max-width: none;
        min-height: 4.5rem;

        position: fixed;
        top: 0.65rem;
        left: 2.5%;
        z-index: 1000;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        background: #000;
        border-radius: 1.5em;
    }


    .header__logo {
        position: relative;
        z-index: 103;
        width: 5rem;
    }

    /* BURGER */
    body.menu-open {
        overflow: hidden;
    }

    .header__burger {
        position: relative;
        z-index: 103;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        width: 2.5rem;
        height: 2.5rem;
        gap: 0.35rem;

        margin-left: auto;
    }

    .header__burger span {
        display: block;

        width: 1.5rem;
        height: 0.125rem;

        margin: 0 auto;

        background: #fff;
        border-radius: 1rem;

        -webkit-transition:
                opacity 0.3s ease,
                -webkit-transform 0.3s ease;

        transition:
                opacity 0.3s ease,
                -webkit-transform 0.3s ease;

        transition:
                transform 0.3s ease,
                opacity 0.3s ease;

        transition:
                transform 0.3s ease,
                opacity 0.3s ease,
                -webkit-transform 0.3s ease;
    }


    .header__burger.is-open span:nth-child(1) {
        -webkit-transform: translateY(0.475rem) rotate(45deg);
        -ms-transform: translateY(0.475rem) rotate(45deg);
        transform: translateY(0.475rem) rotate(45deg);
    }

    .header__burger.is-open span:nth-child(2) {
        opacity: 0;
    }

    .header__burger.is-open span:nth-child(3) {
        -webkit-transform: translateY(-0.475rem) rotate(-45deg);
        -ms-transform: translateY(-0.475rem) rotate(-45deg);
        transform: translateY(-0.475rem) rotate(-45deg);
    }



    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;

        width: 100vw;
        height: 100dvh;

        z-index: 100;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        padding: 7rem 1.5rem 2rem;

        background:
                radial-gradient(
                        circle at 50% 85%,
                        rgba(255, 188, 0, 0.18),
                        transparent 28%
                ),
                #000;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        -webkit-transition:
                opacity 0.3s ease,
                visibility 0.3s ease;

        transition:
                opacity 0.3s ease,
                visibility 0.3s ease;
    }

    .mobile-menu.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .mobile-menu.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .header__actions {
        display: contents;
    }

    .header__terms {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;

        width: 80%;
        max-width: 19rem;
        height: 3.5rem;

        font-size: 1rem;

        margin-bottom: 3rem;

        background: #FFBC00;
        color: #000;
        border-radius: 5rem;
    }


    .header__navigation {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        gap: 2.2rem;
    }

    .header__menu a {
        color: #fff;

        font-size: 0.875rem;
        font-weight: 400;

        letter-spacing: 0.18em;
        text-align: center;
        text-transform: uppercase;

        -webkit-transition:
                color 0.25s ease,
                text-shadow 0.25s ease;

        transition:
                color 0.25s ease,
                text-shadow 0.25s ease;
    }

    .header__menu a::after {
        display: none;
    }


    .header__menu a.is-active {
        color: #FFBC00;
        text-shadow: 0 0 1rem rgba(255, 188, 0, 0.65);
    }


    .language-select-wrapper {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;

        width: 9rem;
        height: 3.5rem;

        margin-top: auto;
    }

    .language-select {
        position: static;
        width: 100%;
        height: 100%;

        margin-top: 0;

        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 5rem;

        overflow: visible;
        font-size: 1rem;
    }

    .language-switcher {
        height: 3.5rem;
    }


    .language-select__menu {
        display: none !important;
    }

    .language-switcher__flag {
        width: 1.2rem;
        height: 1.2rem;
    }

    .language-switcher__code {
        min-width: auto;
        font-size: 1rem;
        text-transform: lowercase;
    }
    .promo-hero {
        min-height: 100vh;
    }
    .header__logo svg {
        width: 120%;
    }
    .promo-hero__label {
        font-size: 3.2625em;
        margin: 0 auto;
    }
    .promo-hero__title {
        margin-top: 6.4em;
    }
    .promo-main {
        width: 93%;
        margin: 0 auto;

        padding-top: 5.15rem;
    }
    .promo-hero__title-small {

        font-size: 3.575em;
    }
    .promo-hero__title-main {

        font-size: 7.5em;
        line-height: 1.15;
    }
    .promo-hero__subtitle {
        font-size: 8.125em;
    }
    .promo-hero__description {
        font-size: 5.5625em;
    }

    .br-space {
        display: block;
        height: 1em;
    }
    .promo-hero__button {
        font-size: 7.0424em;
        padding: 0.8em 2.333em;
        margin: 1.0875em auto;
    }
    .promo-hero {
        padding: 8px;
        border: 1.25em solid #ffbc00;
        background-image: url("img/320px.png");
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }

    .info{
        min-height: 95vh;
        background-image: url("img/Info_mobile.png");
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0 -1px 0 #FFBC00;
        box-shadow: 0 -1px 0 #FFBC00;
    }
    .info-wrapper {
        width: 90%;
    }
    .info-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 4em;
    }
    .info-right{
        width: 100%;
        max-width: 100%;
        margin-top: 12em;
    }

    .info-left .info-title {
        font-size: 8.775em;
    }
    .info-right .info-title {
        font-size: 8.775em;
        width: 100%;
    }
    html[lang="fr"]  .info-right .info-title,
    html[lang="sw-KE"]  .info-right .info-title {
        font-size: 8.475em;
        width: 100%;
    }
    html[lang="fr"]  .partner-info__title,
    html[lang="sw-KE"]  .partner-info__title {
        letter-spacing: 0.22em;
    }
    .info-right .info-title {
        font-size: 8.775em;
        width: 100%;
    }
    .info-text {
        font-size: 3.3em;
    }
    .benefits-wrapper {
        padding: 38em 0;
        min-height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
    }
    .img-money {
        display: block;
        width: 100%;

    }

    .img-money img {
        display: block;
        width: 100%;
        height: auto;
        margin: 20em 0 0;

    }
    .benefits-title span:nth-child(1) {
        color: #FFBC00;
        font-size: 4.875em;
    }
    .benefits-title span:nth-child(2) {
        font-size: 16em;
    }
    .benefits-title span:nth-child(3) {
        font-size: 4.875em;
    }
    .benefits-text {
        font-size: 5.025em;
    }
    .benefits-cta {
        font-size: 5.125em;
    }
    .bonus-structure-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 83%;
        margin: 0 auto;
        gap: 6.25em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .bonus-structure-title {
        font-family: "Helvetica Neue Condensed", sans-serif;
        color: #FFBC00;
        font-size: 19.1875em;
        font-style: normal;
        font-weight: 900;
        line-height: 1.05;
        text-transform: uppercase;
        white-space: normal;
    }
    .bonus-structure-subtitle {
        color: #FFF;
        font-family: "Helvetica Neue Cyr", sans-serif;
        font-size: 6.5625em;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        white-space: normal;
        margin-bottom: 0.6em;
        margin-top: 2.3em;
    }
    .bonus-structure-caption {
        color: #FFF;
        font-family: "Helvetica Neue Cyr", sans-serif;
        font-size: 6.65em;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
        width: 80%;
        margin: 1.2em 0 0;
    }
    .bonus-structure-win {
        color: #FFF;
        font-size: 6.5em;
    }
    .bonus-structure-total {
        color: #FFF;
        font-size: 13.125em;
        white-space: normal;
    }
    .img-domino {
        width: 100%;
    }
    .qualify{
        background:
                url("img/requirements_bg_mobile.png") center top / 100% auto no-repeat,
                #000;
        padding: 80.775em 0 0em 0;
        height: auto;
    }
    .qualify-title {
        font-size: 10.375em;
    }
    .qualify-wrapper {
        margin: 0 auto;
        width: 85%;
    }
    .qualify__subtitle {
        font-size: 14.125em;
    }
    .qualify__list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25em;
    }
    .qualify__item {
        width: 100%;
        height: auto;
    }
    .qualify__item-title {
        font-size: 14.5em;
    }
    .qualify__item-text {
        font-size: 7.5625em;
        font-weight: 400;
        line-height: 1.15em;
        margin-top: 1em;
        width: 95%;
    }
    .qualify__bonus-title {
        font-size: 14.125em;
        margin: 1.55em 0 1em;
    }
    .qualify__bonus-list {
        margin: 0 auto;
        width: 80%;
        list-style-type: decimal;
    }
    .qualify__bonus-item {
        font-size: 12.125em;
    }
    .how-it-works__title {
        margin: 3.5em 0 1em;
        font-size: 12.375em;
    }
    .process__list {
        width: 90%;
        margin: 6em auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20em;
    }
    .process__item-title {
        font-size: 12em;
        padding: 0 0.5em;
    }
    .process__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 18%;
        background: #FFBC00;
        width: 100%;
        height: 100%;
        gap: 10.5em;
        aspect-ratio: 1 / 1;
    }
    /*html[lang="fr"] .process__item {*/
    /*    display: -webkit-box;*/
    /*    display: -ms-flexbox;*/
    /*    display: flex;*/
    /*    -webkit-box-pack: center;*/
    /*    -ms-flex-pack: center;*/
    /*    justify-content: center;*/
    /*    -webkit-box-align: center;*/
    /*    -ms-flex-align: center;*/
    /*    align-items: center;*/
    /*    -webkit-box-orient: vertical;*/
    /*    -webkit-box-direction: normal;*/
    /*    -ms-flex-direction: column;*/
    /*    flex-direction: column;*/
    /*    border-radius: 18%;*/
    /*    background: #FFBC00;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    gap: 10.5em;*/
    /*    aspect-ratio: 1 / 1;*/
    /*}*/
    html[lang="fr"] .process__list,
    html[lang="sw-KE"] .process__list {
        width: 80%;
    }
    html[lang="fr"] .how-it-works__title,
    html[lang="sw-KE"] .how-it-works__title {
        letter-spacing: 0.22em;
        font-size: 8.375em;
    }
    html[lang="fr"] .process__item-text,
    html[lang="sw-KE"] .process__item-text {
        font-size: 6.5625em;
    }
    html[lang="fr"] .process__item-title,
    html[lang="sw-KE"] .process__item-title {
        font-size: 8em;
    }
    html[lang="fr"] .qualify-title,
    html[lang="sw-KE"] .qualify-title {
        letter-spacing: 0.25em;
    }
    html[lang="fr"] .qualify__subtitle,
    html[lang="sw-KE"] .qualify__subtitle {
        font-size: 12.125em;
    }
    .process__item-text {
        color: #000;
        text-align: center;
        font-family: "Helvetica Neue Condensed", sans-serif;
        font-size: 8.5625em;
        font-style: normal;
        font-weight: 700;
        line-height: 1.15em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        width: 70%;
    }
    .process__terms {
        display: block;
        text-align: center;
        color: #FFF;
        text-shadow: 0 0 0.4em rgba(0, 0, 0, 0.50);
        font-family: Roboto;
        font-size: 6.5625em;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2em;
        letter-spacing: 0.69em;
        text-transform: uppercase;
        width: 80%;
        margin: 3em auto;
    }

    .process__button {
        margin: 3.7em auto;
        font-size: 10.125em;
    }
    .cta__eyebrow {
        font-size: 14.375em;
    }
    .cta__title {
        font-size: 20.625em;
    }
    .cta__text {
        font-size: 8.5em;
        margin: 1em 0;
    }
    .cta__dollars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: static;
        padding: 2em 0;
        height: auto;
        margin-top: 3em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 6em;
    }
    .cta__img {
        width: 90%;
        height: auto;
        position: static;
    }
    .cta__button {
        font-size: 8.0097em;
        margin:  0 auto;
    }
    .cta__partner-option {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 20.6667em;
        height: 3.0177em;
        padding: 0.625em 1.6667em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 4.1716em;
        background: #FF7200;
        color: #000;
        text-align: center;
        font-family: Roboto, sans-serif;
        font-size: 4.7174em;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .cta__partner-option br {
        display: none;
    }
    .cta__partner-options {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.6667em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

    }
    .cta__actions {
        padding: 10em 0;
    }
    .partner-info__title {
        font-size: 12.375em;
        margin-top: 2.2em;
    }
    .partner-info__benefits-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10em 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10em;
    }
    .partner-info__item {
        border-radius: 8.4936em;
        border: 0.1496em solid #FFBC00;
        background: #FFBC00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        height: 90%;
        padding: 7.0818em 3.1419em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.9949em;
        aspect-ratio: 1 / 1;
    }
    .partner-info__item img {
        height: 40%;
    }
    .partner-info__item p {
        font-size: 7.5625em;
    }
    .partner-info__faq-title {
        font-size: 11.375em;
        margin-top: 3em;
    }
    .partner-info__faq-list {
        width: 100%;
        gap: 5.75em;
    }
    .partner-info__faq-question {
        font-size: 5.5625em;
    }
    .partner-info__faq-answer {
        font-size: 4em;
    }
    .partner-info__faq-item {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 6em;
        padding: 5.2em 2em;
    }
    .partner-info__faq-question::before {

        font-size: 2.2em;
    }

    .footer__wrapper {
        width: 100%;
        padding: 40em 3em;

        display: -ms-grid;

        display: grid;
        -ms-grid-columns: 1fr 3em 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 4em 3em;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }


    .footer__logo {
        display: inline-block;
        grid-column: 1 / -1;
        width: 60em;
        margin-bottom: 2em;
    }

    .footer__logo img {
        width: 100%;
        height: auto;
    }

    .footer__column {
        width: 100%;
    }

    .footer__column-title {
        font-size: 5.5em;
        margin: 1em 0 1.5em;
    }

    .footer__nav {
        gap: 1.5em;
    }

    .footer__link,
    .footer__email {
        font-size: 5.3em;
        line-height: 1.8;
    }
    .footer__contacts{
        margin-top: 4em;
    }
    .footer__social {
        width: 15.5341em;
    }
    .footer__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1em;
        margin: 2em 0 25.25em 0;
    }
    .footer__contacts {
        grid-column: 1 / -1;
        width: 100%;
    }

    .footer__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

        width: 100%;
        margin-top: 4em;
        gap: 0;
    }
}

/* TERMS PAGE */
.content {

    border: 1.25em solid #ffbc00;
    height: auto;
    padding-top: 8.6em;
}
.content__title {
    color: #FFBC00;
    text-align: center;

    font-size: 4.375em;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: 0.44em;
    text-transform: uppercase;
    width: 80%;
    margin: 1.6em auto 0.6em;
}
html[lang="en"] .terms__title {
    font-family: "Helvetica Neue Cyr", sans-serif;
}
.terms__wrapper {
    width: 83%;
    margin: 0 auto;
}
.terms__list,
.terms__sublist {
    list-style: disc;
    padding-left: 1.5em;
}
html[lang="en"] .terms__title {
    font-family: "Helvetica Neue Cyr", sans-serif;
    margin-bottom: 1em;
}
.terms__item,
.terms__subitem {
    display: list-item;
    font-family: "Helvetica Neue Cyr", sans-serif;
}
.terms__item::marker,
.terms__subitem::marker {
    color: #fff;
    font-size: 0.8em;
}
.terms__item {
    margin: 1em;
    margin-bottom: 0.8em;
    line-height: 130%;
}
.bonus-table {
    width: 83%;
    margin: 4em auto;

    display: -ms-grid;

    display: grid;
    -ms-grid-columns: 1fr 4em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 4em;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}
.bonus-table__tables {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 4em;
}
.bonus-table__table {
    width: 100%;
    border-collapse: collapse;
}
.bonus-table__table th {
    color: #FFBC00;
    text-align: center;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;

    padding: 1em 0;
    border-bottom: 0.06em solid rgba(255, 255, 255, 0.3);
}
.bonus-table__table td {
    color: #FFF;
    text-align: center;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;

    padding: 1.4em 0;
    border-bottom: 0.06em solid rgba(255, 255, 255, 0.3);
}
.bonus-table__table tbody tr:last-child td {
    border-bottom: none;
}
.bonus-table__image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bonus-table__image img {
    display: block;
    width: 100%;
    max-width: 65em;
    height: auto;
}
.terms__wrapper--after-table {
    margin-top: 4em;
    margin-bottom: 6em;
}
.terms__section {
    margin-top: 2.5em;
}
.terms__sublist {
    margin-top: 0.6em;
}

@media (max-width: 480px) and (orientation: portrait) {
    .content {
        height: auto;
        padding-top: 28.6em;
    }

    .content__title {
        font-size: 6.375em;
        line-height: 1.2;
        width: 85%;
        margin-top: 1em;
    }

    .terms__wrapper {
        width: 83%;
        margin: 4em auto;
        font-size: 4em;
    }

    .terms__item,
    .terms__subitem {
        font-size: 1em;
        line-height: 1.3;
    }

    .terms__title {
        margin-bottom: 1em;
        font-size: 2em;
        line-height: 1.2;
    }

    .bonus-table {
        width: 83%;
        margin: 8em auto;
        display: block;
    }

    .bonus-table__tables {
        display: block;
    }

    .bonus-table__table {
        width: 100%;
        table-layout: fixed;
    }

    .bonus-table__table:nth-child(2) thead {
        display: none;
    }

    .bonus-table__table th,
    .bonus-table__table td {
        width: 50%;
        text-align: center;
    }

    .bonus-table__table th {
        font-size: 4em;
        line-height: 1.1;
        padding: 2em 0.5em;
    }

    .bonus-table__table td {
        font-size: 4em;
        line-height: 1;
        padding: 1.65em 0.5em;
    }

    .bonus-table__table:first-child tbody tr:last-child td {
        border-bottom: 0.06em solid rgba(255, 255, 255, 0.3);
    }

    .bonus-table__image {
        display: none;
    }

    html[lang="sw-KE"] .content__title,
    html[lang="sw-KE"] .terms__title {
        font-weight: 400;
    }

}


@media (max-width: 480px) and (orientation: portrait) {
    body.terms-page {
        font-size: 1vw;
    }

    body.terms-page .footer__wrapper {
        padding: 20em 3em 8em;
    }

    body.terms-page .footer__logo {
        width: 45em;
    }

    body.terms-page .footer__contacts {
        margin-top: 4em;
    }

    body.terms-page .footer__socials {
        margin: 4em 0 25.25em;
    }
}