/* Design */
body {background: #E2E2E2}
input, textarea {outline: none} 
input::placeholder {color: #E2725B; opacity: 1}
a {color: #000000; text-decoration: underline}
a:hover {color: #000000; text-decoration: none}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
    background-color: #000;
    display: none;
}

#boxes #cnt {
    position: absolute;
    left: 0;
    top: 0;
    width: 871px;
    height: auto;
    display: none;
    z-index: 999999999999;
    padding: 27px;
    background: #E2E2E2;
    border-radius: 15px;
}

#boxes #close {
    position: absolute;
    left: 0;
    top: 0;
    width: 871px;
    height: 20px;
    display: none;
    z-index: 999999999999;
    padding: 20px;
    font: normal 14px 'Inter';
    text-align: right;
}

#close a {
    color: #fff;
    text-decoration: none;
}

#feedback_result {
    display: none;
}

.align_right {
    text-align: right;
    font-family: 'Inter';
    font-weight: 400;
}

.wrap {
    max-width: 1400px;
    margin: auto;
    padding: 0px 20px 0px 20px;
}

.sh1 {
    height: 838px;
    margin-top: 20px;
    margin-bottom: 130px;
    background: #fff url(./../images/sh1.png) bottom center no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.sh2 {
    display: flex;
    padding: 52px 47px 149px 47px;
    justify-content: space-between;
}

.sh3 {
    display: flex;
    padding: 0px 47px 0px 47px;
    justify-content: space-between;
    color: #252525;
    font-size: 18px;
    font-weight: 500;
    font-family: 'SF Pro Display';
}

.sh4 {
    padding: 50px 20px 0px 20px;
}

.sh_title {
    color: #252525;
    font-size: 63px;
    font-weight: 700;
    font-family: 'Bebas Neue Pro';
    text-transform: uppercase;
    margin-bottom: 25px;
}

.sh_title span { 
    color: #FE5423;
}

.program {
    border-top: 1px solid #164620;
    margin-bottom: 142px;
}

.program_cont {
    display: flex;
    gap: 40px;
    border-bottom: 1px solid #164620;
    padding-top: 26px;
    padding-bottom: 26px;
}

.program_vv {
    z-index: 999;
    position: absolute;
    background: url(./../images/vv1.png) no-repeat;
    background-size: 691px 364px;
    top: 839px;
    right: 0px;
    width: 691px;
    height: 364px;
}

.program1 {
    width: 35%;
    color: #164620;
    font-size: 32px;
    font-weight: 600;
    font-family: 'Inter';
}

.program2 {
    width: calc(100% - 35% - 188px);
    color: rgb(94, 94, 94);
    font-size: 20px;
    font-weight: 400;
    font-family: 'Inter';
}

.program3 {
    width: 188px;
}

.program_btn {
    background: #FE5423;
    border-radius: 100px;
    border: 0px;
    color: #FAFAFA;
    font-size: 20px;
    font-weight: 300;
    font-family: 'SF Pro Display';
    padding: 10px 30px;
    cursor: pointer;
}

.team_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 16px;
    margin-bottom: 130px;
}

.team_item_span {
    grid-column: span 2; 
}

.team_cont {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

.team_title_cont {
    display: flex;
    justify-content: space-between;
}

.team_vv {
    z-index: 999;
    position: absolute;
    background: url(./../images/vv2.png) no-repeat;
    background-size: 364px 530px;
    top: 1561px;
    left: 0px;
    width: 364px;
    height: 530px;
}

.team_title {
    color: #E2725B;
    font-size: 32px;
    font-weight: 600;
    font-family: 'SF Pro Display';
}

.team_text {
    color: rgb(81, 81, 81);
    font-size: 20px;
    font-weight: 400;
    font-family: 'SF Pro Display';
    margin-top: 28px;
    width: 80%;
}

.team_image {
    height: 158px;
}

.section_title {
    color: #252525;
    font-size: 70px;
    font-weight: 600;
    font-family: 'Inter';
    letter-spacing: -3;
    margin-bottom: 47px;
}

.section_title span {
    color: #E2725B;
}

.results {
    background: #FAFAFA;
    border-radius: 20px;   
    padding: 47px 27px 0px 27px; 
    margin-bottom: 130px;
}

.results_vv {
    z-index: 999;
    position: absolute;
    background: url(./../images/vv3.png) no-repeat;
    background-size: 476px 530px;
    top: 2726px;
    right: 0px;
    width: 476px;
    height: 530px;
}

.results_eq {
    height: 1056px;
    background: url('./../images/eq_r1.png') bottom no-repeat;
    background-size: contain;
    background-position-y: 630px;
}

.results_cont {
    display: flex;
    flex-wrap: wrap;
    column-gap: 82px;
    color: rgb(101, 101, 101);
    font-size: 24px;
    font-weight: 500;
    font-family: 'Inter';
    line-height: 34px;
}

.results_cont div {
    width: 27%;
    border-top: 1px solid rgb(101, 101, 101);
    padding-top: 15px;
    margin-bottom: 74px;
}

.module {
    display: grid;
    grid-template-columns: 50% 50%;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-evenly;
    align-items: stretch;
    margin-bottom: 104px;
}

.module_cont {
    background: #FAFAFA;
    padding: 26px;
    border-radius: 20px;
}

.module_title_cont {
    display: flex;
    justify-content: space-between;
}

.module_title_cont img {
    width: 44px;
    cursor: pointer;
}

.module_count {
    color: rgb(101, 101, 101);
    font-size: 24px;
    font-weight: 400;
    font-family: 'Inter';
    margin-bottom: 32px;
}

.module_title {
    width: 80%;
    color: #E2725B;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Inter';
    margin-bottom: 42px;
}

.module_title_small {
    font-size: 26px;
}

.module_descr {
    background: #FE5423;
    border-radius: 18px;
    padding: 25px;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Inter';
    color: #FAFAFA;
}

.module_hidden_cont {
    display: none;
}

.module_hidden_wrap {
    background: #FFFFFF;
    padding: 21px;
    border-radius: 12px;
    margin-bottom: 12px;
}

.module_hidden_wrap_cont {
    display: flex;
    gap: 20px;
    background: #FFFFFF;
    padding: 21px;
    border-radius: 12px;
}

.module_hidden_wrap_cont div {
    width: 50%;
    color: #E2725B;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Inter';
}

.module_hidden_border {
    border-right: 2px solid #E2E2E2;
}

.module_hidden_margin1 {
    margin-bottom: 10px;
    width: 100%;
}

.module_hidden_margin2 {
    margin-bottom: 0px;
}

.partners_cont {
    display: flex;
    gap: 16px;
}

.partners_cont > div {
    background: #FFFFFE;
    border-radius: 10px;
    padding: 26px;
    font-size: 32px;
    font-weight: 400;
    font-family: 'SF Pro Display';
    line-height: 42px;
    color: rgb(101, 101, 101);
    width: 100%;
}

.partners_el img {
    height: auto;
    width: 100%;
    margin-top: 40px;
}

.partners_vv {
    height: 130px;
    background: url(./../images/vv4.png) no-repeat;
    background-size: 185px;
    background-position: 590px -20px;
    margin-bottom: 0px;
}

.partners_margin {
    margin-top: 16px;
    margin-bottom: 104px;
}

.partners_small_text {
    color: #E2725B;
    font-size: 24px;
    font-weight: 400;
    font-family: 'SF Pro Display';
    line-height: 34px;
    letter-spacing: -4;
    margin-top: 49px;
}

.partners_image {
    border-radius: 10px;
    margin-top: 14px;
    margin-bottom: 88px;
    width: 100%;
}

.success_cont {
    background: #E2725B;
    padding: 31px;
    border-radius: 20px;
}

.success_cont .feedback_notice {
    display: none;
}

.success_title {
    font-size: 48px;
    font-weight: 600;
    font-family: 'SF Pro Display';
    color: #FAFAFA;
    margin-bottom: 43px;
}

.success_eq {
    height: 527px;
    background: url('./../images/eq_s1.png') no-repeat;
    background-size: contain;
}

.success_notice {
    font-size: 24px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    color: #FFFFFF;
    margin-top: 30px;
}

.footer {
    height: 1450px;
    background: url(./../images/footer_bg.png);
    background-size: contain;
    margin-top: 148px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.footer_tbg {
    height: 872px;
    background: url('./../images/footer_tbg.png') top center no-repeat;
    background-size: contain;
}

.footer_wrap {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Inter';
    color: #164620;
    margin-bottom: 73px;
}

.footer_wrap a {
    color: #E2725B;
    text-decoration: none;
}

.footer_wrap a:hover {
    color: #E2725B;
    text-decoration: underline;
}

.footer_title {
    color: #252525;
    font-size: 72px;
    font-weight: 700;
    font-family: 'Bebas Neue Pro';
    text-transform: uppercase;
}

.footer_title span { 
    color: #FE5423;
}

.footer_element {
    margin-top: 140px;
    margin-bottom: 12px;
}

.copyright {
    color: rgb(110, 131, 112);
    font-size: 13px;
    text-align: right;
    margin-top: 140px;
}

.feedback_cont {
    background: #E2E2E2;
    border-radius: 12px;
    padding: 14px;
}

.feedback_cont_flex {
    display: flex;
    gap: 10px;
}

.feedback_cont_flex_wrap {
    flex-wrap: wrap;
    gap: 13px !important;
}

.feedback_cont div {
    width: 100%;
}


.feedback_result {
    height: 40px;
}

.feedback_notice {
    background: #FAFAFA;
    border-radius: 12px;
    border: 0px;
    color: #E2725B;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Inter';
    text-align: center;
    padding: 8px 0px;
    width: 100%;
    margin-bottom: 8px;
}

.feedback_notice_padding {
    width: 80% !important;
    padding: 8px !important;
    text-align: left !important;
}

.feedback_result_title {
    font-size: 40px;
    font-weight: 600;
}

.feedback_result_text {
    font-size: 24px;
    font-weight: 500;
}

.feedback_agree {
    color: #E2725B;
    font-size: 12px;
    font-family: 'Inter';
    margin-top: 6px;
}

.feedback_agree input {
    vertical-align: middle;
}

.feedback_input {
    background: #FAFAFA;
    border-radius: 12px;
    border: 0px;
    color: #E2725B;
    font-size: 20px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    text-align: center;
    padding: 8px 0px;
    width: 100%;
}

.feedback_btn {
    background: #E2725B;
    border-radius: 12px;
    border: 0px;
    color: #FAFAFA;
    font-size: 20px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    text-align: center;
    padding: 8px 0px;
    width: 100%;
    cursor: pointer;
}

.result_success {
    color: #164620;
    font-size: 20px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    margin-bottom: 20px;
}

.result_error {
    color: #164620;
    font-size: 20px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    margin-bottom: 20px;
}

.contacts_cont {
    background: #FFFFFF;   
    padding: 15px 21px 15px 15px;
    border-radius: 15px;
    color: #252525;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Bebas Neue Pro';
    text-transform: uppercase;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-wrap: wrap;
    gap: 8px;
    text-align: center;
    margin-top: 27px;
}

.contacts_el1 {
    background: #E2E2E2;
    border-radius: 12px;
    padding: 26px;
}

.contacts_el2 {
    background: #E2725B;
    border-radius: 12px;
    padding: 26px;
    color: #FFFFFE;
}

.contacts_el2 a {
    color: #FFFFFE;
    text-decoration: none;
}

.equalizer_s {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    width: 100%;
    height: 527px; 
    margin: auto;
}
  
.equalizer_r {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    width: 100%;
    height: 407px; 
    margin: auto;
    padding-bottom: 20px;
}

.bar {
    background: url('./../images/bar.png');
    background-size: cover;
    animation: equalizer-animation 2s ease-in-out infinite;
    animation-delay: calc(0.1s * var(--i));
    width: 51px;
    height: 10px;
}
  
@keyframes equalizer-animation {
    0% { height: 20%; }
    50% { height: 100%; }
    100% { height: 20%; }
}

.messangers {
    display: flex;
    gap: 6px;
    margin-top: 16px;
}

.messangers img {
    height: 30px;
}

.download {
    background: #E2725B;
    border-radius: 12px;
    border: 0px;
    color: #FAFAFA;
    font-size: 20px;
    font-weight: 500;
    font-family: 'SF Pro Display';
    text-align: center;
    padding: 8px 0px;
    margin: 0px auto 60px auto;
    cursor: pointer;
    max-width: 430px;
}