/* Start:/bitrix/templates/ipsum/css/referal-program.css?17727813717382*/
.section .content-wrapper {
    display: block;
    margin-bottom: 0;
    padding: 0 2.93vw; /* 40px */
}

.ref-program {
    padding-top: 2.93vw;    /* 40px */
    padding-bottom: 5.85vw;  /* 80px */
}

.ref-program__img {
    width: 100%;
}

.ref-program__block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.ref-program__text-block {
    display: flex;
    flex-direction: column;
    gap: 2.93vw;            /* 40px */
    padding: 0 2.93vw;      /* 0 40px */
    height: 100%;
    justify-content: center;
}

.ref-program__block-questions {
    align-items: flex-start;
    padding: 2.93vw 2.93vw 5.85vw 2.93vw;  /* 40px 40px 80px 40px */
}

.ref-program__block-questions .ref-program__text {
    padding-top: 5.85vw;    /* 80px */
}
.ref-program__block-questions .ref-program__text-block{
    justify-content: flex-start;
}

.ref-program__block--gray {
    background: #F8F8F8;
}

.ref-program__item-title {
    font-family: 'Normalidad UltraExtended', sans-serif;
    font-size: 1.76vw;      /* 24px */
    text-transform: uppercase;
    margin-bottom: 0.88vw;  /* 12px */
    line-height: 2.34vw;    /* 32px */
}

.ref-program__item-title-step {
    margin-bottom: 1.76vw;  /* 24px */
    font-size: 2.34vw;      /* 32px */
    line-height: 125%;
}

.ref-program__text {
    font-size: 1.32vw;      /* 18px */
    line-height: 1.76vw;    /* 24px */
}

.ref-program__text p {
    margin-bottom: 1.76vw;  /* 24px */
    font-size: 1.46vw;      /* 20px */
}

.ref-program__text b {
    font-weight: 800;
}

.ref-program__text ul b {
    font-weight: 700;
}

.ref-program__text ul > li:not(:last-child) {
    padding-bottom: 1.10vw; /* 15px */
}

.ref-program__btn-contact-us.btn {
    font-size: 12px;      /* 12px */
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 16px;  /* 16px */
    background: #00FF72;
    color: #000;
    width: 300px;         /* 300px */
    text-align: center;
    display: block;
    padding: 20px 0;      /* 20px 0 */
    max-height: 56px;     /* 56px */
    line-height: 100%;
    margin-top: 1.17vw;     /* 16px */
}

.ref-program__block-questions .ref-program__text b{
    font-weight: 700;
}
.reg-promocode{
    padding: 2.941vw 4.118vw;
    background: #000;
    border-radius: 40px;
    max-width: 603px;
    margin-left: auto;
}
@media(min-width: 1361px){
    .reg-promocode{
        margin:0 auto;
        padding: 2.941vw 2.118vw;
    }
}

.reg-promocode__input input{
    font-family: 'Normalidad UltraExtended', sans-serif;
    width: 100%;
    border-radius: 16px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding:20px 16px;
    max-height: 56px;
}
.reg-promocode__input input::placeholder {
    font-size: 12px;
    font-weight: 700;
    color: #000;
}
.reg-promocode__discount-percents{
    display:flex;
    gap:7px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.reg-promocode__radio{
    cursor: pointer;
    font-family: 'Normalidad UltraExtended', sans-serif;
    padding: 20px 14px;
    color:#fff;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    border-radius: 16px;
    border: 1px solid #8A8A8A;
    width: 64px;
    text-align: center;
}
.reg-promocode__radio > label{
    cursor: pointer;
}
.reg-promocode__radio.active{
    background: #00FF72;
    color:#000;
}
.reg-promocode__radio input{
    display: none;
}

.reg-promocode__inner{
    display:flex;
    flex-direction: column;
    gap:24px;
}

.reg-promocode__submit.btn{
    color: #000;
    background: #FAFF00;
    text-transform: uppercase;
    border-radius: 16px;
    font-size: 12px;
    height: 56px;
}
.reg-promocode__submit.btn:hover{
    color: #000;
}

.reg-promocode__auth-btn.btn{
    display: block;
    color: #000;
    min-width: 320px;
    background: #FAFF00;
    text-transform: uppercase;
    border-radius: 16px;
    font-size: 12px;
    height: 56px;
    margin:0 auto;
}
.reg-promocode__auth-btn.btn:hover{
    color: #000;
}

.ref-program__block__reg-promocode{
    padding: 80px 40px;
}

.hide-descktop{
    display:none;
}

.reg-promocode__status-result{
    display:none;
}
.reg-promocode__status-result.success{
    color:#00FF72;
    display:block;
}
.reg-promocode__status-result.fail{
    color:red;
    display:block;
}
@media (max-width: 991px) {

    .hide-descktop {
        display: block;
    }
    .hide-mobile {
        display: none!important;
    }

    .section .content-wrapper h1 {
        font-size: 6.67vw; /* 24px */
        line-height: 8.89vw; /* 32px */
    }

    .ref-program {
        padding-top: 6.667vw;    /* 40px */
        padding-bottom: 6.667vw;  /* 80px */
    }

    .ref-program__block {
        display: flex;
        flex-direction: column;
    }

    .ref-program__block:nth-child(1),
    .ref-program__block:nth-child(3) {
        flex-direction: column-reverse;
    }

    .ref-program__item-title {
        font-size: 5.56vw; /* 20px */
        line-height: 7.78vw; /* 28px */
        margin-bottom: 3.33vw; /* 12px */
    }

    .ref-program__item-title-step {
        margin-top: 2.22vw; /* 8px */
        font-size: 6.67vw; /* 24px */
        line-height: 8.89vw; /* 32px */
        margin-bottom: 4.44vw; /* 16px */
    }

    .ref-program__text p {
        font-size: 5vw; /* 18px */
        line-height: 6.67vw; /* 24px */
        margin-bottom: 4.44vw; /* 16px */
    }

    .ref-program__text ul {
        padding-left: 6.94vw; /* 25px */
    }

    .ref-program__text ul > li:not(:last-child) {
        padding-bottom: 3.33vw; /* 12px */
    }

    .ref-program__text-block {
        padding: 0px;
    }

    .ref-program__text-item {
        padding: 4.44vw 6.67vw; /* 16px 24px */
    }

    .ref-program__text {
        font-size: 5vw; /* 18px */
        line-height: 5.56vw; /* 20px */
    }

    .ref-program__block-questions {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .ref-program__block-questions .ref-program__text-item {
        padding: 8.89vw 6.67vw 6.67vw 6.67vw; /* 32px 24px 24px 24px */
    }

    .ref-program__block-questions .ref-program__item-title-step {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .ref-program__btn-contact-us {
        font-size: 3.33vw; /* 12px */
        margin-top: 4.44vw; /* 16px */
        padding: 7.78vw 0px; /* 28px 0px */
    }

    .ref-program__block-questions .ref-program__text {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .reg-promocode{
        margin:0 auto;
        /*max-width: 345px;*/
        padding:4.444vw;
    }
    .reg-promocode__discount-percents{
        gap:16px;
        justify-content: unset;
    }
    .ref-program__block__reg-promocode{
        padding:40px 0px;
    }
    .ref-program__block__reg-promocode .ref-program__text-item{
        padding:0px 24px 24px 24px;
    }
}
@media(max-width: 425px){
    .reg-promocode{
        max-width: 345px;
    }
}
/* End */


/* Start:/bitrix/templates/ipsum/components/bitrix/news.list/referal-program-faq/style.css?17726194821764*/
.referal-faq__inner {
    display: flex;
    flex-direction: column;
    gap: 0.29vw; /* 4px */
}

.referal-faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding-right: 2.93vw; /* 40px */
    font-size: 1.029vw;
}

.referal-faq__question {
    background: #F8F8F8;
    padding: 1.76vw 1.76vw 1.76vw 2.93vw; /* 24px 24px 24px 40px */
}

.referal-faq__question.active .referal-faq__answer {
    max-height: 500px;
}
.referal-faq__question.active .referal-faq-question-title {
    max-height: 500px;
    padding-bottom: 1.176vw
}

.referal-faq-question-title {
    display: flex;
    justify-content: space-between;
    gap: 1.17vw; /* 16px */
    cursor: pointer;
    align-items: center;
    font-size:1.32vw;
}

.referal-faq-question-title__ico {
    width: 40px; /* 40px */
    height: 40px; /* 40px */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.referal-faq-question-title__ico svg {
    transition: .3s;
}

.referal-faq__question.active .referal-faq-question-title__ico svg {
    transform: rotate(45deg);
}
@media(max-width: 991px){
    .referal-faq-question-title{
        font-size: 3.889vw;
        line-height: 5.556vw
    }
    .referal-faq__answer{
        font-size: 3.056vw;
        line-height: 3.889vw;
    }
    .referal-faq__question{
        padding:16px 16px 16px 24px;
    }
    .referal-faq__question.active .referal-faq__answer {
        max-height: 500px; /* Это значение можно оставить в px, так как это максимальная высота для анимации */
        /*padding-top:16px;*/
    }

}
/* End */
/* /bitrix/templates/ipsum/css/referal-program.css?17727813717382 */
/* /bitrix/templates/ipsum/components/bitrix/news.list/referal-program-faq/style.css?17726194821764 */