body {
    margin: 0;
    font-family: HelveticaNeueCyr;
    overflow-x: hidden !important;
    background: black;
}
select {
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.about-footer {
    z-index: -1;
    position: relative;
}
p {
    margin: 0;
}
.iti {
    width: 100%;
}
.iti__selected-country {
    margin-top: 3px !important;
}
.iti .iti__selected-dial-code {
    margin-left: 2px;
    font-family: "Blender Pro";
    font-size: 17.375px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.174px;
}
.iti__country {
    color: black;
    font-family: "Blender Pro";
    font-size: 18px;
}
.iti__search-input {
    height: 35px;
    padding-left: 8px;
}
.iti--inline-dropdown .iti__dropdown-content {
    margin-top: -22px !important;
}
.main-content {
    max-width: 1728px;
    width: 100%;
    margin: 0 auto;
    max-height: 955px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    height: 100vh;
    min-height: 955px;
}
.bg-img {
    position: absolute;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/bg.png);
    width: 100%;
    height: 955px;
    left: 0;
    top: 0;
    background-size: cover;
}
.wolf-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
    width: 1065.5px;
    height: 1191px;
    filter: blur(0);
    opacity: 0;
    z-index: 2;
}
.quiz-page h3 {
    color: #FCF904;
    text-align: center;
    text-shadow: 0px 4px 30px rgba(252, 249, 4, 0.75);
    font-family: "Refinery 25 Bold";
    font-size: 85px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    max-width: 544px;
    padding: 15px 0 89px 0;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    left: 0;
}
.quiz-page h3 span {
    color: #FC012A;
}


/* boat-with-word-spray-painted-it-is-water 1 */
.bg-content {
    position: absolute;
    width: 100%;
    height: 1117px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 37.5%, #000 61.5%);
}
.header-flex {
    max-width: 1581px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 5;
}
.logo {
    margin-top: 43px;
    margin-right: 185px;
}
.logo img {
    width: 388.766px;
    height: 100px;
}
.danger-img {
    width: 394px;
    height: auto;
    margin-top: 12px;
}
.danger {
    color: #FC012A;
    text-align: center;
    text-shadow: 0px 1.697px 3.479px #FC012A;
    font-family: "Refinery 25 Bold";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 315.25px;
    background: url("/wp-content/themes/twentytwentyfive/assets/img/danger.png");
    background-size: cover;
    margin-top: 13px;
    animation: glitch-glow 14s infinite;
    opacity: 0.8;
    cursor: default;
}

.lines-img {
    margin-top: 53px;
    margin-left: 27px;
}
.lines-img img {
    height: 47.75px;
    width: 205.334px;
}
.question-block {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/who-are-u.png");
    background-size: cover;
    width: 437px;
    height: 230.111px;
}
.hero-img {
    width: 643.53px;
    height: 838px;
}

.hero-container {
    display: inline-block;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 20px;
    bottom: -100%;
    margin: 0 auto;
    width: 643.53px;
    height: 838px;
}
.hero-container-mob {
    display: none;
}

.hero-img {
    display: block;
    width: 100%;
    height: auto;
}

.hero-glitch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/themes/twentytwentyfive/assets/img/hero-main.png');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.8;
    animation: glitch-anim 5s infinite linear;
}

@keyframes glitch-anim {
    0%, 100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translate(0, 0);
    }
    10% {
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        transform: translate(-5px, 0);
    }
    20% {
        clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
        transform: translate(5px, 0);
    }
    30% {
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        transform: translate(-3px, 0);
    }
    40% {
        clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
        transform: translate(5px, 0);
    }
    50% {
        clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
        transform: translate(-5px, 0);
    }
    60% {
        clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
        transform: translate(3px, 0);
    }
    70% {
        clip-path: polygon(0 30%, 100% 30%, 100% 35%, 0 35%);
        transform: translate(-3px, 0);
    }
    80% {
        clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
        transform: translate(3px, 0);
    }
}

.dots-img {
    max-width: 1622px;
    margin: 0 auto;
    position: absolute;
    top: -4px;
    z-index: 2;
    left: 0;
    right: 0;
}
.quiz-page .dots-img {
    top: -34px;
}
.dots-img.dots-second, .quiz-page .dots-img.dots-second {
    bottom: 22px;
    top: unset;
    z-index: 4;
}
.dots-img-mob {
    display: none;
}

.right-content {
    position: absolute;
    z-index: 2;
    right: 73px;
    top: 173px;
    max-width: 621px;
}
.right-content.right-content-second {
    z-index: 5;
    top: 458px;
}
.who-are-you {
    margin-top: 9px;
    margin-right: 29px;
    text-transform: uppercase;
    color: #000;
    text-align: right;
    text-shadow: 2.253px 2.253px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 144px;
    height: 131px;
}
.who-are-you.en {
    margin-right: 14px;
    font-size: 79px;
}
.your-goal {
    margin-right: 39px;
    margin-top: 2px;
    text-transform: uppercase;
    color: #000;
    text-align: right;
    text-shadow: 1.69px 1.69px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 52.505px;
    height: 48px;
}
.your-goal.en {
    font-size: 43px;
    margin-right: 21px;
}
.about-section.study-page {
    padding-top: 178px;
}
.about-section.news-page {
    padding-top: 203px;
}
.btn {
    width: 344px;
    height: 82px;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn.png);
    background-size: cover;
    color: #FFF;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-top: 17px;
    cursor: pointer;
    text-decoration: none;
    font-family: "Refinery 25 Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.18px;
    text-transform: uppercase;
    z-index: 1;
    overflow: visible;
}

.btn::before {
    content: "";
    position: absolute;
    background-color: #FC012A;
    z-index: -1;
    opacity: 0.8;
    border-radius: 34px 0 34px 0;
    pointer-events: none;
    top: -6%;
    left: -2%;
    right: -2%;
    width: 104%;
    height: 112%;
    filter: blur(7.5px);
}
.btn:hover::after {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-black.png);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-size: contain;
    z-index: -1;
}

.btn:hover::before {
    content: "";
    position: absolute;
    top: -8%;
    left: -3%;
    right: -3%;
    width: 106%;
    height: 116%;
    filter: blur(10.5px);
}
.btn p {
    height: 100%;
    display: flex;
    align-items: center;
    width: 168px;
    margin-left: 70px;
    text-align: center;
}

.btn span {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-icon.svg);
    position: absolute;
    width: 83px;
    height: 74px;
    top: 3px;
    right: 5px;
}
.btn-2 {
    margin-top: 0px;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-2.png);
    color: #000;
    background-size: cover;
    z-index: 2;
}
.btn-2::before {
    background-color: #FCFD01;
}
.btn-2 p {
    margin-left: 46px;
    width: 232px;
}
.btn:hover p {
    color: white;
}
.btn-2 span {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/btn-icon-second.svg");
}
.question-block,
.btn-1,
.btn-2 {
    opacity: 0; /* Изначально элементы невидимы */
    transform: translateY(-8px); /* Смещение вверх на 20px */
}
.alert {
    position: absolute;
    bottom: 74px;
    left: 149px;
    z-index: 4;
    animation: glitch-glow 14s infinite;
}
.alert img {
    width: 127.765px;
    height: 108px;
}
.alert:last-of-type {
    left: unset;
    right: 130px;
}
.success {
    bottom: 70px;
}
.success img {
    width: 108px;
    height: 108px;
}
.bg-dark {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 37.5%, #000 61.5%);
    width: 100%;
    height: 296px;
    height: 223px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    pointer-events: none;
}
.bg-dark-head {
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 37.5%, #000 61.5%);
    height: 283px;
    position: absolute;
}
.btn-area {
    position: absolute;
    z-index: 4;
    bottom: 36px;
    width: 913px;
    left: 67px;
    right: 0;
    margin: 0 auto;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/area.png);
    background-size: cover;
    color: #FCF904;
    text-align: center;
    text-shadow: 0px 4px 30px rgba(252, 249, 4, 0.75);
    font-family: "Refinery 25 Bold";
    font-size: 130px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    height: 197px;
    padding-bottom: 20px;
    justify-content: center;
    box-sizing: border-box;
    animation: glitch-glow 14s infinite;
    cursor: default;
}
.btn-area span {
    transform: scale(0);
}
.fig-img {
    position: absolute;
    right: 563px;
    top: 391px;
    z-index: 4;
    width: 89px;
    height: 85px;
    opacity: 0; /* Изначально изображение невидимо */
    transform: scale(0.9);
}
.about-section {
    position: relative;
    max-width: 1728px;
    margin: 0 auto;
    overflow: hidden;
}
.about-flex {
    max-width: 1598px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 6;
}
.logo-lg {
    margin-top: 30px;
}
.logo-lg img {
    width: 456px;
    height: 126px;
}
.bg-img-about {
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    height: 1117px;
    top: 0;
    width: 100%;
}
.bg-about {
    position: absolute;
    width: 100%;
    height: 670px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(0, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 37.5%, #000 61.5%);
}
.bg-about:nth-of-type(2) {
    position: absolute;
    height: 367px;
    top: 750px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 37.5%, #000 61.5%);
}
.menu-section {
    width: 450px;
    height: 44px;
    /*background: rgba(255, 255, 255, 0.10);*/
    backdrop-filter: blur(4px);
    /*clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='450' height='44' viewBox='0 0 450 44' fill='none'%3E%3CforeignObject x='-5.86667' y='-5.86667' width='461.733' height='55.7333'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2.93px);clip-path:url(%23bgblur_0_855_901_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cpath data-figma-bg-blur-radius='5.86667' d='M11 0H450V32.6565L439 44H0.140846L0 11.3477L11 0Z' fill='white' fill-opacity='0.1'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_855_901_clip_path' transform='translate(5.86667 5.86667)'%3E%3Cpath d='M11 0H450V32.6565L439 44H0.140846L0 11.3477L11 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: 8px;
    margin-top: 54px;
    display: flex;
}
.menu-section > a, .lang-toggle, .lang-dropdown a {
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 300;
    height: 44px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: -0.16px;
}
.menu-section > a {
    margin: 0;
    justify-content: center;
}
.menu-section > a:hover::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='60' viewBox='0 0 138 60' fill='none'%3E%3Cpath d='M15.5 0H138V44.5317L123 60H0.0431928L0 15.4741L15.5 0Z' fill='%23000'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.menu-section > a:nth-of-type(1):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='125' height='44' viewBox='0 0 125 44' fill='none'%3E%3Cpath d='M11 0H125V32.6565L113.5 44H0.0391239L0 11.3477L11 0Z' fill='black'/%3E%3C/svg%3E");
}
.menu-section > a:nth-of-type(2):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='44' viewBox='0 0 65 44' fill='none'%3E%3Cpath d='M11.5 0H65V32.6565L53.5 44H0.0203445L0 11.3477L11.5 0Z' fill='black'/%3E%3C/svg%3E");
}
.menu-section > a:nth-of-type(3):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='44' viewBox='0 0 92 44' fill='none'%3E%3Cpath d='M11.5 0H92V32.6565L80.5 44H0.0287952L0 11.3477L11.5 0Z' fill='black'/%3E%3C/svg%3E");
}
.menu-section > a:hover::after {
    content: "";
    position: absolute;
    background-color: #FCFD01;
    z-index: -2;
    opacity: 0.8;
    border-radius: 16px 0 16px 0;
    pointer-events: none;
    top: -5%;
    left: -1%;
    right: -1%;
    width: 102%;
    height: 110%;
    filter: blur(5px);
}
.menu-section > a:nth-of-type(1) {
    min-width: 125px;
}
.menu-section > a:nth-of-type(2) {
    min-width: 65px;
}
.menu-section > a:nth-of-type(3) {
    min-width: 92px;
}
.menu-section > a:not(.follow):hover {
    position: relative;
    color: white;
}
/*.menu-section > a:hover::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    background-color: #FCFD01;*/
/*    z-index: -2;*/
/*    opacity: 0.8;*/
/*    border-radius: 30px 0 30px 0;*/
/*    pointer-events: none;*/
/*    top: -6%;*/
/*    left: -2%;*/
/*    right: -2%;*/
/*    width: 104%;*/
/*    height: 112%;*/
/*    filter: blur(9.5px);*/
/*}*/
.menu-section.en > a:nth-of-type(1) {
    margin: 0 auto;
}
.menu-section i {
    width: 1px;
    height: 44px;
    background: rgba(255, 255, 255, 0.50);
}
.menu-section .follow {
    width: 101px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='60' viewBox='0 0 138 60' fill='none'%3E%3Cpath d='M15.5 0H138V44.5317L123 60H0.0431928L0 15.4741L15.5 0Z' fill='%232BE4FB'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
.menu-section .follow:hover {
    background: none;
    color: white;
}
.lang-change {
    width: 67px;
}
.lang-change {
    position: relative;
    overflow: visible;
    z-index: 122;
}
.lang-toggle {
    justify-content: center;
    width: 100%;
}

.lang-change {
    position: relative; /* Обеспечивает правильное позиционирование dropdown */
    display: flex;
    align-items: center;
}

.lang-dropdown {
    display: none;
    position: absolute;
     min-width: 67px;
    overflow: visible;
    right: 174px;
    top: 98px;
    width: 67px;
    z-index: 10;
}

.lang-dropdown a {
    width: 100%;
    display: flex;
    background: #2BE4FB;
    align-items: center;
    justify-content: center;
    z-index: 99;
    height: 44px;
    color: black;
    font-weight: 400;
}

.lang-dropdown a:hover {

}
.about-content {
    position: relative;
    margin-top: 6px;
    z-index: 5;
}
.about-content h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.226px; /* 93.226% */
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 820px;
}
.about-content h1 br {
    display: none;
}
.news-page .about-content {
    margin-top: 0;
    margin-bottom: 104px;
}
.news-page .about-content h1 {
    font-size: 96px;
    line-height: 65px;
}
.video-section {
    margin: 40px auto 0 auto;
    max-width: 1581px;
    position: relative;
}
.video-section img {
    width: 100%;
    height: auto;
}
.video-section img.video-play {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 444;
    width: 102px;
    height: 91px;
    top: 360px;
}
.video-section video {
    width: 100%;
    height: auto;
}
.red-section {
    width: 100%;
    position: relative;
    background: #FC012A;
    height: 1161px;
}
.bg-black-red {
    background: linear-gradient(0deg, #FC012A 17.57%, #010101 69.5%);
    position: absolute;
    width: 100%;
    height: 409px;
    left: 0;
    right: 0;
    top: 944px;
    z-index: 1;
}
.bg-red {
    position: absolute;
    width: 100%;
    height: 1161px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: url("/wp-content/themes/twentytwentyfive/assets/img/bg-second.png");
    background-size: cover;
}
.hero-way-section {
    position: relative;
    background: linear-gradient(180deg, #000 0%, #000 61.5%);
    height: 1420px;
    width: 100%;
}
.hero-way-section h3 {
    color: #FFF;
    text-align: center;
    font-family: "Refinery 25 Bold";
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.226px; /* 93.226% */
    text-transform: uppercase;
    padding: 111px 0 22px 0;
    margin: 0;
}
.hero-way-bg {
    position: absolute;
    max-width: 1622px;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.hero-way-img {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    max-width: 1572px;
    margin: 0 auto;
    top: 287px;
}
.hero-way-pulse {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    max-width: 929px;
    margin: 0 auto;
    top: 463px;
    animation: pulse-animation 1.9s infinite ease-in-out;
}
@keyframes pulse-animation {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.btn-go {
    color: #000;
    text-align: center;
    text-shadow: 3.369px 3.369px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 168.431px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-ua.png);
    width: 589px;
    height: 400px;
    background-size: cover;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 596px;
    cursor: pointer;
    z-index: 3;
    background-size: cover !important;
    transition: background 0.3s ease-in-out;
    /*transition: background 0.6s ease-in-out; !* Плавный переход *!*/
}
.btn-go.ru {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-ru.png);
}
.btn-go.en {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-en.png);
}
.btn-go:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-hover--ua.png);
}
.btn-go.ru:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-hover-ru.png);
}
.btn-go.en:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-start-hover-en.png);
}
.step-section {
    display: flex;
    position: relative;
    width: 100%;
}
.steps-block {
    margin-left: 73px;
    min-width: 453px;
    width: 100%;
    max-width: 453px;
}
.steps-block h4 {
    color: #FFF;
    font-family: "Refinery 25 Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.226px; /* 145.666% */
    text-transform: uppercase;
    padding: 15px 0 21px 0;
    margin: 0;
}
.steps-block h4.en {
    font-size: 58px;
}
.steps-block .next-btn {
    margin: 35px 0 0 0;
}


.step {
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.step::before {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='453' height='2' viewBox='0 0 453 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.000244141' width='453' height='2' fill='white' fill-opacity='0.25'/%3E%3Crect x='0.000244141' width='50' height='2' fill='white'/%3E%3C/svg%3E%0A");
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    height: 2px;
    width: 100%;
}
.step.active, .step:hover {
    color: #FCFD01;
}
.step.active::before, .step:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='453' height='2' viewBox='0 0 453 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.000244141' width='453' height='2' fill='%23FCFD01' fill-opacity='0.25'/%3E%3Crect x='0.000244141' width='50' height='2' fill='%23FCFD01'/%3E%3C/svg%3E%0A");
}
.step-img {
    max-width: 1028px;
    width: 100%;
    aspect-ratio: 1028/577;
}
.step-section p {
    position: absolute;
    bottom: 36px;
    left: 583px;
    right: 98px;
    width: auto;
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.22px;
}
.btn-go-second {
    position: absolute;
    right: 46px;
    top: 73px;
    cursor: pointer;
    z-index: 2;
    width: 359px;
    height: 244px;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-ua.png) no-repeat center;
    background-size: cover !important;
    transition: background 0.3s ease-in-out;
}
.btn-go-second.ru {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-ru.png) no-repeat center;
}
.btn-go-second.en {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-en.png) no-repeat center;
}

.btn-go-second:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-hover--ua.png) no-repeat center;
}
.btn-go-second.ru:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-hover-ru.png) no-repeat center;
}
.btn-go-second.en:hover {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-finish-hover-en.png) no-repeat center;
}
.red-section h3 {
    color: #FFF;
    text-align: center;
    font-family: "Refinery 25 Bold";
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 64.226px;
    text-transform: uppercase;
    position: relative;
    padding-top: 144px;
    margin: 0;
    z-index: 2;
    height: 95px;
}
.red-section .bg-bottom {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FC012A 17.57%, rgba(252, 1, 42, 0.00) 69.5%);
    height: 409px;
}

.quiz-img {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 665px;
    height: auto;
    bottom: 0;
    pointer-events: none;
}
.progress-bar {
    position: absolute;
    z-index: 5;
    bottom: 96px;
    left: 0;
    right: 0;
    height: 47.75px;
    width: 205.334px;
    margin: 0 auto;
    background-size: contain !important;
}
.progress-1 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-1.svg");
}
.progress-2 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-2.svg");
}
.progress-3 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-3.svg");
}
.progress-4 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-4.svg");
}
.progress-5 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-5.svg");
}
.progress-6 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-6.svg");
}
.progress-7 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-7.svg");
}
.progress-8 {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-8.svg");
}
.progress-success {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/progress-success.svg");
}
.quiz-block {
    width: 776.363px;
    height: 526px;
    flex-shrink: 0;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='778' height='526' viewBox='0 0 778 526' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M675.794 526L0 526L3.6901e-05 103.901L104.618 6.33445e-05L776.363 6.10352e-05L776.363 423.397L675.794 526Z' fill='white'/%3E%3Cpath d='M45.548 445.824V469.653H40.2801V458.138H35.4916L0 423.327V458.138L45.0425 503.264H57.7332L80.4273 526H125.577L45.548 445.824Z' fill='%23FC012A'/%3E%3Cpath d='M736.475 71.5415L736.475 50.2787L741.18 50.2787L741.18 60.5537L745.456 60.5537L777.153 91.6156L777.153 60.5537L736.927 20.2876L725.593 20.2876L705.325 -8.97938e-06L665.003 -5.45431e-06L736.475 71.5415Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
    top: 208px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
.quiz-block {
    opacity: 0;
    transform: scale(.8);
}
.quiz-img {
    opacity: 0;
    bottom: -100%;
}
.quiz-question {
    color: #000;
    text-align: center;
    text-shadow: 1.995px 1.995px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 48.967px; /* 97.934% */
    margin: 0 auto;
    padding: 53px 0 36px 0;
    max-width: 631.042px;
}
.checkmark-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 13.43px;
}

.checkmark-box input {
    display: none;
}

.checkmark {
    width: 35px;
    min-width: 35px;
    height: 35px;
    background-image: url('/wp-content/themes/twentytwentyfive/assets/img/unchecked.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 23.69px;
}

.checkmark-box input:checked + .checkmark {
    background-image: url('/wp-content/themes/twentytwentyfive/assets/img/checked.svg');
}
.checkmark-box div {
    color: #000;
    font-family: "Blender Pro";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.26px;
    max-width: 555px;
}
.radio-section {
    margin-left: 73px;
}
.next-btn {
    color: #000;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/next.png);
    width: 282.535px;
    height: 80.189px;
    padding-left: 28px;
    margin: 57px auto 0 auto;
    margin: 37px auto 0 auto;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
.red-section::before {
    position: absolute;
    bottom: -21px;
    content: '';
    background-image: url(/wp-content/themes/twentytwentyfive/assets/img/red-bottom.png);
    width: 100%;
    left: 0;
    right: 0;
    height: 21px;
    background-size: cover;
    z-index: 3;
}
.study-page .about-content h1 {
    max-width: 1055px;
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px; /* 101.563% */
    text-transform: uppercase;
}
.study-page .about-content h1 a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: #fff;
}
.study-page .about-content p {
    max-width: 1301px;
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    padding: 43px 0 50px 0;
    margin: 0 auto;
}
.about-footer h3 {
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px; /* 101.563% */
    text-transform: uppercase;
    margin: 0 auto;
}
.about-footer p {
    padding: 58px 0 139px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    display: block;
    max-width: 1301px;
}
.tariff-section {
    display: flex;
    margin-bottom: 69px;
}
.steps-block.composition-block h4 {
    padding: 85px 0 21px 0;
}
.tariff-block {
    position: relative;
    max-width: 1028px;
    width: 100%;
    aspect-ratio: 1028/577;
}
.tariff-details {
    position: absolute;
    left: 57px;
    top: 40.8px;
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 90.909% */
    letter-spacing: -0.22px;
    z-index: 1;
    max-width: 523px;
    font-size: 24px;
    line-height: 22px;
    top: 26.8px;
}
.tariff-block img {
    width: 100%;
    height: 100%;
}
.btn-follow {
    position: absolute;
    background: url("/wp-content/themes/twentytwentyfive/assets/img/btn-go-ua.png");
    right: -153px;
    top: 49px;
    width: 359.001px;
    height: 243.804px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 2;
    animation: glitch-glow 30s infinite, pulse-animation 1.9s infinite ease-in-out;
}
.btn-follow.ru {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/btn-go-ru.png");
}
.btn-follow.en {
    background: url("/wp-content/themes/twentytwentyfive/assets/img/btn-go-en.png");
}
.tariff-price {
    position: absolute;
    top: 415px;
    right: -63px;
    width: auto;
    text-align: center;
}
.tariff-price p {
    color: #FCFD01;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 14px;
}
.tariff-price strong {
    color: #2BE4FB;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px; /* 77.5% */
    letter-spacing: -0.4px;
    text-transform: uppercase;
    display: block;
}
.tariff-price strong span {
    font-weight: 300;
}
.tariff-price.tariff-2, .tariff-price.tariff-3 {
    top: 375px;
}
.tariff-price.tariff-2 {
    right: -98px;
}
.tariff-price.tariff-3 {
    right: -89px;
}
.tariff-price.tariff-4 {
    right: -48px;
    top: 475px;
}
.tariff-details.tariff-2 {
    top: 73px;
}
.tariff-details.tariff-3 {
    top: 122px;
}
.tariff-details.tariff-4 {
    top: 180px;
}
.tariff-details.tariff-5 {
    top: 142px;
}

.quiz-block h4 {
    max-width: 659px;
    color: #000;
    text-align: center;
    text-shadow: 1.995px 1.995px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 115% */
    margin: 0 auto;
    padding: 64px 0 23px 0;
}
.quiz-block h6 {
    color: #000;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 25.273px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.253px;
    max-width: 582px;
    margin: 0 auto 30px auto;
}
.quiz-page .header-flex {
    justify-content: flex-start;
}
.result-page .header-flex {
    justify-content: center;
}
.start-study-btn {
    color: #000;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 17.375px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.174px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/start-study.png);
    width: 282.535px;
    height: 80.189px;
    padding-left: 34px;
    margin: 57px auto 0 auto;
    margin: 42px auto 0 auto;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
.retry-quiz-btn {
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 17.375px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.174px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-retry.png);
    width: 282.535px;
    height: 80.189px;
    padding-left: 25px;
    margin: 57px auto 0 auto;
    margin: 72px auto 0 auto;
    margin: 41px auto 32px auto;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
.btn-container {
    display: flex;
    max-width: 595px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}
.btn-container a, .btn-container .retry-quiz-btn.failed-second{
    margin-top: 0;
}
.btn-container .start-study-btn {
    padding: 0 103px 0 26px;
}
.quiz-block.result-page-block {
    background-image: url("data:image/svg+xml,%3Csvg width='778' height='526' viewBox='0 0 778 526' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M675.794 526L0 526L3.6901e-05 103.901L104.618 6.33445e-05L776.363 6.10352e-05L776.363 423.397L675.794 526Z' fill='white'/%3E%3Cpath d='M45.548 445.824V469.653H40.2801V458.138H35.4916L0 423.327V458.138L45.0425 503.264H57.7332L80.4273 526H125.577L45.548 445.824Z' fill='%232BE4FB'/%3E%3Cpath d='M736.475 71.5416L736.475 50.2788L741.18 50.2788L741.18 60.5538L745.456 60.5538L777.153 91.6157L777.153 60.5538L736.927 20.2877L725.593 20.2877L705.325 8.25734e-05L665.003 8.60984e-05L736.475 71.5416Z' fill='%232BE4FB'/%3E%3C/svg%3E%0A");
}
.result-success-img {
    width: 625.596px;
    height: auto;
}
.result-page .logo {
    margin-right: 0;
}
.quiz-block h4.failed-second {
    padding: 64px 0 68px 0;
    max-width: 658px;

}
.retry-quiz-btn.failed-second {
    margin-top: 14px;
}
.step-2, .step-3, .step-4, .step-5, .step-6{
    display: none;
}
.main-content.quiz-page {
    min-height: 940px;
}
.menu-section.main-page {
    /*margin-top: 52px;*/
}
.hero-img-mob {
    display: none;
}
.video-preview-mob {
    /*display: none;*/
}
.hero-slider {
    display: none;
}
.profile-selector {
    display: none;
}
.mob {
    display: none;
}
.header-top {
    align-items: self-start;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 65px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    max-width: 1728px;
    margin: 0 auto;
    box-sizing: border-box;
}
.header-top>* {
    pointer-events: auto;
}
.header-top.header-dark:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .85), transparent);
    content: "";
    display: block;
    height: 143px;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    will-change: opacity;
    z-index: -1;
}
.comics-img {
    position: absolute;
    top: 290px;
    right: 528px;
    z-index: 3;
    width: 154px;
    height: auto;
    opacity: 0;
    transform: scale(0);
}
@keyframes glitch-glow {
    0%, 100% {
        opacity: 1;
    }
    5% {
        opacity: 0.6;
    }
    8% {
        opacity: 0.2;
    }
    12% {
        opacity: 1;
    }
    18% {
        opacity: 0.4;
    }
    22% {
        opacity: 0.9;
    }
    27% {
        opacity: 0.1;
    }
    35% {
        opacity: 1;
    }
    42% {
        opacity: 0.5;
    }
    46% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    58% {
        opacity: 0.3;
    }
    63% {
        opacity: 0.8;
    }
    68% {
        opacity: 0.2;
    }
    72% {
        opacity: 1;
    }
    78% {
        opacity: 0;
    }
    82% {
        opacity: 1;
    }
    87% {
        opacity: 0.5;
    }
    93% {
        opacity: 0.9;
    }
    97% {
        opacity: 0.1;
    }
}
.active-img {
    display: none;
}

.heroes-wrapper {
    position: relative;
    z-index: 4;
    overflow: hidden;
    height: 922px;
}
.heroes-section {
    position: absolute;
    max-width: 1354px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 948px;
}
.hero-1 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 15px;
}
.hero-1 img {
    width: 535px;
    height: 954px;
    margin-bottom: 74px;
}
.hero-2 {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: calc(50% - 265.5px);
}
.hero-2 img {
    width: 531px;
    height: 948px;
}
.hero-3 {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}
.hero-3 img {
    width: 558.388px;
    height: 839px;
    margin-bottom: 60px;
}
.hero-block.active {
    width: 709px;
}
.hero-block.active::after {
    position: absolute;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FC012A 17.57%, rgba(252, 1, 42, 0.00) 69.5%);
    height: 1303px;
    bottom: 0;
    content: '';
    z-index: 2;
}
.heroes-wrapper::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FC012A 17.57%, rgba(252, 1, 42, 0.00) 69.5%);
    height: 409px;
    content: '';
    z-index: 3;
    pointer-events: none;
}
.heroes-buttons {
    position: absolute;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    max-width: 1082px;
    margin: 0 auto;
    bottom: 65px;
    width: 100%;
    left: 0;
    right: 0;
}
.active-1 .heroes-buttons, .active-2 .heroes-buttons, .active-3 .heroes-buttons {
    max-width: 1553px;
}
.btn-hero {
    width: 286px;
    height: 74px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='286' height='74' viewBox='0 0 286 74' fill='none'%3E%3Cpath d='M0.612998 19.3373L19.2545 0.612585H285.387V54.6693L266.746 73.3874H0.701103L0.612998 19.3373Z' fill='black' fill-opacity='0.25' stroke='%23FCFD01' stroke-width='1.22517'/%3E%3C/svg%3E");
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FCFD01;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    cursor: pointer;
    /* animation: glitch-glow 30s infinite; */
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.btn-hero:hover::before {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='286' height='74' viewBox='0 0 286 74' fill='black'%3E%3Cpath d='M0.612998 19.3373L19.2545 0.612585H285.387V54.6693L266.746 73.3874H0.701103L0.612998 19.3373Z' fill='black' stroke='%23FCFD01' stroke-width='1.22517'/%3E%3C/svg%3E");
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.btn-hero:hover::after {
    content: "";
    position: absolute;
    background-color: #FCFD01;
    z-index: -2;
    opacity: 0.8;
    border-radius: 30px 0 30px 0;
    pointer-events: none;
    top: -6%;
    left: -2%;
    right: -2%;
    width: 104%;
    height: 112%;
    filter: blur(9.5px);
}

.hero-1 .btn-hero {
    margin-right: 0;
}
.hero-3 .btn-hero {
    margin-left: 0;
}
.btn-hero:hover {
    text-shadow: 0px 0px 6.1px #FCFD01;
}

.btn-close {
    display: none;
    background: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='607' height='74' viewBox='0 0 607 74' fill='none'%3E%3Cpath d='M0.613573 19.3693L22.926 0.612585H606.387V54.637L584.074 73.3874H0.800456L0.613573 19.3693Z' fill='black' fill-opacity='0.25' stroke='white' stroke-width='1.22517'/%3E%3C/svg%3E");
    width: 607px;
    height: 74px;
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0 auto;
    background-size: cover;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    position: relative;
}
.btn-close {
    display: none;
    margin: 0 auto;
    text-align: center;
}
.btn-close:hover::before {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='607' height='74' viewBox='0 0 607 74' fill='none'%3E%3Cpath d='M0.613573 19.3693L22.926 0.612585H606.387V54.637L584.074 73.3874H0.800456L0.613573 19.3693Z' fill='black' stroke='white' stroke-width='1.22517'/%3E%3C/svg%3E");
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.btn-close:hover::after {
    content: "";
    position: absolute;
    background-color: black;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='607' height='74' viewBox='0 0 607 74' fill='none'%3E%3Cpath d='M0.613573 19.3693L22.926 0.612585H606.387V54.637L584.074 73.3874H0.800456L0.613573 19.3693Z' fill='black' stroke='white' stroke-width='1.22517'/%3E%3C/svg%3E");

    z-index: -2;
    opacity: 0.8;
    border-radius: 30px 0 30px 0;
    pointer-events: none;
    top: -6%;
    left: -2%;
    right: -2%;
    width: 104%;
    height: 112%;
    filter: blur(9.5px);
}
.hero-block {
    position: absolute;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.hero-block img {
    transition: opacity 0.5s ease-in-out;
}
.hero-block.active::after {
    height: 1103px;
}
.hero-block.active .default-img {
    display: none;
}

.hero-block.active .active-img {
    display: block;
}

.hero-block.active .btn-hero {
    display: none;
}

.hero-block.active .btn-close {
    display: block;
}
.hero-1.active {
    left: -80px;
}
.hero-1.active img {

}
.hero-1.active img.active-img {
    width: 547px;
    height: 954px;
    margin-left: 42px;
}
.active-1 .hero-2 {
    left: calc(50% - 112.5px);
}
.active-1 .hero-3 {
    right: -140px;
}
.hero-2.active {
    left: calc(50% - 354.5px);
}
.hero-2.active img {
    height: auto;
    margin: 0 auto;
    margin-bottom: 71px;
}
.active-2 .hero-1, .active-3 .hero-1 {
    left: -162px;
}
.active-2 .hero-3 {
    right: -120px;
}
.active-2 .hero-3 img {
    margin-right: -12px;
    width: 558.388px;
    height: auto;
    margin-bottom: 1px;
}
.hero-3.active {
    z-index: 4;
    right: -80px;
}
.hero-3.active img {
    margin: 0 auto;
    margin-bottom: 31px;
    width: auto;
    height: 878px;
    margin-left: -83px;
}
.active-3 .hero-2 {
    left: unset;
    right: calc(50% - 112.5px);
}
.hero-1, .hero-2, .hero-3 {
    transition: all .1s ease-in-out; /* Плавное изменение всех свойств */
}
.hero-story {
    position: absolute;
    display: none;
    bottom: 194px;
    max-height: 489px;
    overflow-y: auto;
    left: 50px;
    right: 50px;
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.22px;
    z-index: 3;
    height: 100%;
    padding-right: 15px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.hero-story h6 {
    margin: 0;
    font-size: 30px;
    padding-bottom: 9px;
}
.hero-block.active .hero-story {
    display: block;
}
.hero-story::-webkit-scrollbar {
    width: 6px; /* Тонкий скролл */
}

.hero-story::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3); /* Черный полупрозрачный фон */
    border-radius: 10px;
}

.hero-story {
    scrollbar-width: thin;
    scrollbar-color: white rgba(0, 0, 0, 0.3);
}

.hero-story::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, white, #FC012A); /* Градиент: желтый → красный */
    border-radius: 10px;
    opacity: 0.7;
}

.hero-story::-webkit-scrollbar-thumb:hover {
    opacity: 1;
}
.bg-bottom {
    display: none;
}
/* Для Firefox */

.quiz-page .logo {
    margin-top: 24px;
}
.result-failed-second .bg-img {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/result-failed-second.png);
}
.result-failed-second .result-success-img {
    width: 656px;
    height: auto;
    right: 84px;
}
.question-red {
    color: #FC012A;
    text-align: center;
    font-family: "Refinery 25 Bold";
    font-size: 180.632px;
    font-style: normal;
    font-weight: 400;
    line-height: 170.182px; /* 94.215% */
    position: absolute;
    z-index: 3;
    top: 256px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.failed-text {
    max-width: 647px;
    color: #FFF;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 25.273px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.253px;
    position: absolute;
    top: 472px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.failed-text-second {
    color: #FC012A;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
    position: absolute;
    top: 686px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: glitch-glow 14s infinite;
}
.result-failed-second .retry-quiz-btn {
    position: absolute;
    z-index: 3;
    top: 598px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pirate-img {
    position: absolute;
    z-index: 2;
    top: 184px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 601px;
    height: 601px;
}
.form-block {
    width: 873px;
    height: 589px;
    background-image: url("data:image/svg+xml,%3Csvg width='874' height='589' viewBox='0 0 874 589' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M740.25 589L-6.10352e-05 589L-1.97144e-05 116.346L130.5 5.71589e-05L873 6.10352e-05L873 474.109L740.25 589Z' fill='white'/%3E%3Cpath d='M45.548 508.824V532.653H40.2801V521.138H35.4916L0 486.327V521.138L45.0425 566.264H57.7332L80.4273 589H125.577L45.548 508.824Z' fill='%23FC012A'/%3E%3Cpath d='M832.472 71.5416L832.472 50.2787L837.177 50.2787L837.177 60.5537L841.453 60.5537L873.15 91.6156L873.15 60.5537L832.924 20.2876L821.59 20.2876L801.322 6.27941e-06L761 9.80448e-06L832.472 71.5416Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
    position: absolute;
    z-index: 2;
    top: 145px;
    left: 125px;
    background-repeat: no-repeat;
}
.form-block h4 {
    color: #000;
    text-shadow: 1.995px 1.995px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 115% */
    padding: 48px 0 44px 180px;
    margin: 0;
    text-align: left;
    max-width: 496px;
}
.form-block h4.ru {
    max-width: 540px;
}
.col {
    margin-left: 63px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    max-width: 723px;
}
.input-block {
    position: relative;
    width: 353px;
}
.input-block input:not(.iti__search-input) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='353' height='78' viewBox='0 0 353 78' fill='none'%3E%3Cpath d='M25.0738 6.10352e-05H353V58.3031L325.468 78.0001H0.110486L0 20.1164L25.0738 6.10352e-05Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
    width: 100%;
    height: 78px;
    color: #000;
    font-family: "Blender Pro";
    font-size: 17.375px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.174px;
    text-transform: uppercase;
    padding-left: 31px;
    box-sizing: border-box;
    border: none;
    padding-top: 7px;
    background-size: cover;
}
.input-block input::placeholder {
    color: #CDCDCD;
}
.input-block label {
    position: absolute;
    top: 17px;
    left: 31px;
    z-index: 1;
    color: #7A7A7A;
    font-family: "Blender Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.12px;
    text-transform: uppercase;
}
.form-img {
    width: auto;
    right: unset;
    left: calc(50% + 61px);
    height: 812px;
    width: auto;
}
.quiz-page.form-page .dots-img:not(.dots-second) {
    top: -29px;
}
.form-page .next-btn {
    margin-top: 23px;
}
.next-btn.ru {
    padding-left: 21px;
    font-size: 17px;
}
.hero-way-block {
    position: absolute;
    max-width: 1575px;
    width: 100%;
    height: 1018px;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 287px;
}
.way-item {
    position: absolute;
    width: 463px;
    height: 260px;
    cursor: pointer;
}
.way-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.way-item span {
    color: #FCFD01;
    font-family: "Blender Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    position: absolute;
    bottom: 39px;
    left: 33px;
}
.way-item i {
    position: absolute;
    bottom: 29px;
    left: 33px;
    height: 2px;
    width: 50px; /* Начальная ширина */
    background: #FCFD01;
    transition: width 0.3s linear; /* Плавное изменение ширины */
}

.way-item:hover i {
    width: 394px; /* Новая ширина при наведении */
}
.way-item:nth-of-type(1) {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 490px;
    height: 275px;
}
.way-item:nth-of-type(2) {
    top: 166px;
    right: 0;
}
.way-item:nth-of-type(3) {
    top: 457px;
    right: 0;
}
.way-item:nth-of-type(4) {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 490px;
    height: 275px;
}
.way-item:nth-of-type(5) {
    top: 457px;
    left: 0;
}
.way-item:nth-of-type(6) {
    top: 166px;
    left: 0;
}
.success-lightbox {
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(7.5px);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101;
    display: none;
    opacity: 0;
}
.success-block {
    width: 721px;
    height: 486px;
    margin: 235px auto 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg width='722' height='486' viewBox='0 0 722 486' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M611.363 486L-6.10352e-05 486L-2.69403e-05 96L107.778 6.84608e-05L721 6.10352e-05L721 391.2L611.363 486Z' fill='white'/%3E%3Cpath d='M45.548 405.497V429.326H40.2801V417.811H35.4916L0 383V417.811L45.0425 462.937H57.7332L80.4273 485.673H125.577L45.548 405.497Z' fill='%23FC012A'/%3E%3Cpath d='M680.472 71.5415L680.472 50.2787L685.177 50.2787L685.177 60.5537L689.453 60.5537L721.15 91.6156L721.15 60.5537L680.924 20.2876L669.59 20.2876L649.322 -8.97938e-06L609 -5.45431e-06L680.472 71.5415Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
    background-size: cover;
}
.success-block h2 {
    padding: 94px 0 68px 0;
    color: #000;
    text-align: center;
    text-shadow: 1.995px 1.995px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    margin: 0;
}
.success-block p {
    color: #000;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 325px;
}
.success-block .next-btn {
    margin-top: 48px;
}
.success-lightbox.active {
    display: block;
    opacity: 1;
}
.success-lightbox.active .success-block {
    transform: scale(1);
}
.error-block {
    height: 0;
    color: #FC012A;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    font-family: "Blender Pro";
}
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top: 5px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.scroll-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 23px;
}


.scroll-container {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    gap: 0; /* если нужно */
    padding-bottom: 0;
}

.custom-scroll-track {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(252, 253, 1, 0.25);
    overflow: hidden;
}
.scroll-wrapper::after {
    width: 115px;
    height: 40px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    position: absolute;
    content: '';
    right: 0;
    bottom: 4px;
    pointer-events: none;
}
.custom-scroll-thumb {
    height: 2px;
    width: 178px;
    background: #FCFD01;
    transition: transform 0.2s ease;
}
.scroll-container {
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE/Edge */
}

.scroll-container::-webkit-scrollbar {
    display: none;                /* Chrome, Safari */
}
.news-block {
    padding-bottom: 124px;
}
.news-item {
    position: relative;
    height: 577px;
    margin-bottom: 56px;
}
.news-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-info {
    position: absolute;
    top: 275px;
    left: 57px;
}
.news-info h3 {
    max-width: 590px;
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
}
.news-info p {
    max-width: 520px;
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 90.909% */
    letter-spacing: -0.22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-info .start-study-btn {
    margin: 20px 0 0 0;
    font-family: "Refinery 25 Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
}
.news-page .tariff-section {
    margin-bottom: 0;
}
.news-page .steps-block {
    margin-left: 63px;
}
/*contact*/
.main-content.contact-page {
    height: auto;
    max-height: unset;
}
.contact-page h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px; /* 67.708% */
    text-transform: uppercase;
    margin: 230px 0 96px 0;
}
.contact-content {
    max-width: 1602px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto 87px auto;

}
.contact-block {
    width: 453px;
    min-width: 453px;
    margin-left: 10px;
}
.contact-block h2 {
    color: #FFF;
    font-family: "Refinery 25 Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.226px; /* 145.666% */
    text-transform: uppercase;
    margin: 66px 0 23px 0;
}
.contact-block > a {
    height: 70px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}
.contact-block a img {
    width: 100%;
    height: auto;
}
.contact-block a.contact-address {
    height: 104px;
}
.map-block {
    width: 100%;
    max-width: 1139px;
}
.map-block img {
    width: 100%;
    height: auto;
}
.social-section {
    max-width: 354px;
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: space-between;
    margin-top: 44px;
}
.main-content.post-page {
    height: auto;
    max-height: unset;
}
.post-page h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 0px #2BE4FB;
    font-family: "Refinery 25 Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 840px;
}
.breadcrumbs {
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 172px 0 45px 0;
}
.breadcrumbs a {
    color: #FCFD01;
    text-decoration: underline;
    text-underline-position: from-font;
}
.breadcrumbs small {
    margin: 0 17px 0 14px;
}
.post-section {
    max-width: 1582px;
    margin: 57px auto 70px auto;
}
.post-section img {
    width: 100%;
    height: auto;
}
.post-content {
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-top: 57px;
}
.post-content a {
    color: #FFF;
}
.post-content p {
    margin-bottom: 24px;
}
.ligal {
    max-width: 750px;
    display: flex;
    justify-content: space-between;
    margin: 93px auto 63px auto;
}
.ligal.ru {
    max-width: 890px;
}
.ligal * {
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.22px;
    text-decoration: none;
}
.ligal a:hover {
    color: #FCFD01;
    text-decoration: underline;
    text-underline-position: from-font;
}
.cookies-section, .form-lightbox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 100;
    display: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}
.form-lightbox {
    overflow-y: auto;
}
.cookies-section.visible, .form-lightbox.visible {
    opacity: 1;
}
.cookies-block {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 307px;
    max-width: 1728px;
    margin: 0 auto;
}
.cookies-block:before {
    position: absolute;
    content: "";
    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px;
    background: #000;
    z-index: 1;
}
.cookies-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FCFD01; /* цвет обводки */
    z-index: -1;
    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
}
.cookies-block p {
    color: #FFF;
    font-family: "Blender Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.12px;
    text-transform: uppercase;
    margin: 0;
    padding: 39px 73px 26px 73px;
    z-index: 2;
    position: relative;
}
.cookies-block p a {
    color: #FCFD01;
    text-decoration: underline;
    text-underline-position: from-font;
}
.cookie-buttons {
    z-index: 2;
    position: relative;
    display: flex;
    margin-left: 73px;
    max-width: 584px;
    width: 100%;
    justify-content: space-between;
}
.cookie-buttons button {
    width: 283.535px;
    height: 78.189px;
    border: none;
    padding-left: 67px;
    color: #000;
    text-align: center;
    font-family: "Refinery 25 Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
}
.cookie-buttons .btn-yellow {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/start-study.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.cookie-buttons .btn-outline {
    background: url(/wp-content/themes/twentytwentyfive/assets/img/cookies-btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 58px;
    color: #FCFD01;
}
.form-lightbox .form-block {
    left: 0;
    right: 0;
    top: 108px;
    margin: 0 auto;
    height: 737px;
    background-image: url("data:image/svg+xml,%3Csvg width='874' height='737' viewBox='0 0 874 737' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M763.5 737L-6.10352e-05 737L-6.69065e-05 106L105 -6.71407e-05L873 0L873 628L763.5 737Z' fill='white'/%3E%3Cpath d='M45.548 656.824V680.653H40.2801V669.138H35.4916L0 634.327V669.138L45.0425 714.264H57.7332L80.4273 737H125.577L45.548 656.824Z' fill='%23FC012A'/%3E%3Cpath d='M832.472 71.5416L832.472 50.2787L837.177 50.2787L837.177 60.5538L841.453 60.5538L873.15 91.6156L873.15 60.5537L832.924 20.2876L821.59 20.2876L801.322 2.15382e-05L761 2.50633e-05L832.472 71.5416Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}
.form-lightbox .form-block h4 {
    height: 44px;
    padding: 46px 0 13px 0;
    margin: 0;
    text-align: center;
    max-width: 100%;
}
.form-description {
    color: #000;
    text-align: center;
    font-family: "Blender Pro";
    font-size: 25.273px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.253px;
    max-width: 769px;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 75px;
}
.input-block.input-comment {
    width: 100%;
}
.input-block.input-comment input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='723' height='78' viewBox='0 0 723 78' fill='none'%3E%3Cpath d='M23 0.00012207H723V58.3032L697.5 78.0001H0.226293L0 20.1165L23 0.00012207Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
}
.form-lightbox .form-block .next-btn {
    margin: 20px auto 0 auto;
    padding-left: 54px;
}
/*new css*/
.social-networks {
    z-index: 20;
    position: fixed;
    right: 4px;
    bottom: 4px;
    width: 82px;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    pointer-events: none;
}
.social-networks.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.social-networks a {
    cursor: pointer;
    height: 82px;
    width: 82px;
    margin-bottom: 8px;
    display: block;
}
.social-networks a:last-of-type {
    margin-bottom: 0;
}
.social-networks a svg {
    height: 82px;
    width: 82px;
    transition: fill 0.3s ease;
}
.social-networks a:hover svg {
    fill: black;
}
.close-form {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
    padding: 8px 6px;
    cursor: pointer;
}
.input-block.country-block {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='353' height='78' viewBox='0 0 353 78' fill='none'%3E%3Cpath d='M25.0738 6.10352e-05H353V58.3031L325.468 78.0001H0.110486L0 20.1164L25.0738 6.10352e-05Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
    background-size: cover;
}
.input-block.country-block .select2-container--default .select2-selection--single {
    border: none;
    background: none;
}
.input-block.country-block .select2-selection__placeholder{
    color:#999;
}
.input-block.country-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 31px;
    font-family: "Blender Pro";
    font-size: 17.375px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
.input-block.country-block .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #CDCDCD;
}
.input-block.country-block .select2-container {
    margin-top: 28px;
}
.select2-container--default .select2-results>.select2-results__options {
    font-family: "Blender Pro";
}
.select2-results__option {
    font-size: 18px;
    padding-left: 29px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding-left: 26px;
}



@media (max-width: 1400px) {
    .error-block {
        font-size: 16px;
    }
    .right-content {

    }
    .question-block {
        width: 350px;
        height: 184px;
    }
    .hero-container {
        width: 514.824px;
        height: 670.4px;
        right: -33px;
    }
    .lang-dropdown {
        right: 133px;
        top: 89px;
    }
    .header-top > * {
        transform: scale(.8);
    }
    .header-top {
        margin-top: -23px;
        padding: 0 24px;
    }
    .main-content {
        max-height: 764px;
        min-height: 764px;
    }
    .header-flex {
        transform: scale(0.85);
        margin-top: -14px;
    }
    .who-are-you {
        margin-top: 7px;
        margin-right: 23px;
        text-shadow: 1.8px 1.8px 0px #2BE4FB;
        font-size: 96px;
        line-height: 115px;
        height: 105px;
    }
    .your-goal {
        margin-right: 31px;
        margin-top: 2px;
        text-shadow: 1.35px 1.35px 0px #2BE4FB;
        font-size: 42px;
        line-height: 42px;
        height: 38px;
    }
    .right-content {
        top: 133px;
        right: 73px;
    }
    .dots-img {
        max-width: 1268px;
    }
    .right-content.right-content-second {
        top: 339px;
    }
    .btn-area {
        transform: scale(0.78);
        bottom: 11px;
    }
    .alert {
        transform: scale(.79);
        bottom: 47px;
    }
    .wolf-img {
        width: 852.4px;
        height: 952.8px;
    }
    .quiz-page h3 {
        font-size: 68px;
        padding: 4px 0 89px 0;
    }
    .quiz-block {
        width: 620.8px;
        height: 420.8px;
        flex-shrink: 0;
        position: absolute;
        background-image: url(data:image/svg+xml,%3Csvg width= '778' height= '526' viewBox= '0 0 778 526' fill= 'none' xmlns= 'http://www.w3.org/2000/svg' %3E%3Cpath d= 'M675.794 526L0 526L3.6901e-05 103.901L104.618 6.33445e-05L776.363 6.10352e-05L776.363 423.397L675.794 526Z' fill= 'white' /%3E%3Cpath d= 'M45.548 445.824V469.653H40.2801V458.138H35.4916L0 423.327V458.138L45.0425 503.264H57.7332L80.4273 526H125.577L45.548 445.824Z' fill= '%23FC012A' /%3E%3Cpath d= 'M736.475 71.5415L736.475 50.2787L741.18 50.2787L741.18 60.5537L745.456 60.5537L777.153 91.6156L777.153 60.5537L736.927 20.2876L725.593 20.2876L705.325 -8.97938e-06L665.003 -5.45431e-06L736.475 71.5415Z' fill= '%23FC012A' /%3E%3C/svg%3E%0A);
        top: 150px;
        background-size: cover;
    }
    .quiz-img {
        width: 532px;
        height: auto;
    }
    .quiz-question {
        font-size: 40px; /* 50 * 0.8 */
        line-height: 39.174px; /* 48.967 * 0.8 */
        padding: 42px 0 28.8px 0; /* 53 * 0.8, 36 * 0.8 */
        max-width: 504.834px; /* 631.042 * 0.8 */
    }
    .checkmark-box {
        margin-bottom: 10.74px;
    }
    .checkmark-box div {
        font-size: 20.8px; /* 26 * 0.8 */
        letter-spacing: -0.208px; /* -0.26 * 0.8 */
        max-width: 444px; /* 555 * 0.8 */
    }
    .radio-section {
        margin-left: 58.4px;
    }
    .checkmark {
        width: 28px; /* 35 * 0.8 */
        min-width: 28px; /* 35 * 0.8 */
        height: 28px; /* 35 * 0.8 */
        margin-right: 18.95px; /* 23.69 * 0.8 */
    }
    .next-btn {
        transform: scale(0.84);
        font-size: 19px;
        padding-left: 25px;
        margin-top: 15px;
    }
    .progress-bar {
        bottom: 72px;
        transform: scale(.9);
    }
    .quiz-block h4 {
        max-width: 528.8px; /* 631 * 0.8 */
        text-shadow: 1.596px 1.596px 0px #2BE4FB; /* 1.995 * 0.8 */
        font-size: 32px; /* 40 * 0.8 */
        line-height: 36.8px; /* 46 * 0.8 */
        padding: 51.2px 0 18.4px 0; /* 64 * 0.8, 23 * 0.8 */
    }
    .quiz-block h6 {
        font-size: 20.22px; /* 25.273 * 0.8 */
        letter-spacing: -0.202px; /* -0.253 * 0.8 */
        max-width: 465.6px; /* 562 * 0.8 */
        margin-bottom: 9px;
    }
    .retry-quiz-btn {
        transform: scale(.8);
        font-size: 18px;
        margin-top: 27px;
    }
    .logo img {
        width: 320px;
        height: auto;
        margin-top: 12px;
    }
    .start-study-btn {
        transform: scale(.8);
        font-size: 18px;
        margin: 33.6px auto 0 auto; /* 42 * 0.8 */
    }
    .result-success-img {
        width: 468.48px; /* 585.596 * 0.8 */
        height: auto;
        right: -16px;
    }
    .quiz-block h4.failed-second {
        padding: 51.2px 0 54.4px 0; /* 64 * 0.8, 68 * 0.8 */
        max-width: 454.4px; /* 568 * 0.8 */
    }
    .main-content.quiz-page {
        min-height: 768px;
    }
    .about-flex {
        transform: scale(.86);
        margin-top: -20px;
    }
    .study-page .about-content h1 {
        max-width: 1048.8px; /* 1311 * 0.8 */
    }
    .about-content h1 {
        text-shadow: 2.4px 2.4px 0px #2BE4FB; /* 3 * 0.8 */
        font-size: 80px; /* 100 * 0.8 */
        line-height: 74.58px; /* 93.226 * 0.8 */
        max-width: 700px;
    }

    .steps-block {
        margin-left: 58px; /* 73 * 0.8 */
        min-width: 362px; /* 453 * 0.8 */
        max-width: 362px; /* 453 * 0.8 */
    }
    .steps-block .next-btn {
        margin: 28px 0 0 0;
    }

    .steps-block.composition-block h4 {
        padding: 68px 0 16.8px 0; /* 85 * 0.8, 21 * 0.8 */
    }
    .steps-block h4 {
        font-size: 51.2px; /* 64 * 0.8 */
        line-height: 74.58px; /* 93.226 * 0.8 */
        padding: 12px 0 16.8px 0; /* 15 * 0.8, 21 * 0.8 */
    }
    .steps-block h4.en {
        font-size: 46.4px;
    }
    .step {
        font-size: 25.6px; /* 32 * 0.8 */
        letter-spacing: -0.256px; /* -0.32 * 0.8 */
        height: 56px; /* 70 * 0.8 */
    }
    .tariff-block {
        max-width: 822.4px; /* 1028 * 0.8 */
    }
    .tariff-details {
        left: 53.6px;
        top: 18.44px;
        font-size: 19px;
        line-height: 17px;
        letter-spacing: -0.176px;
        max-width: 364px;
    }
    .tariff-details.tariff-2 {
        top: 44.4px;
    }
    .tariff-details.tariff-3 {
        top: 97.6px;
    }
    .tariff-details.tariff-4 {
        top: 144px;
    }
    .tariff-details.tariff-5 {
        top: 113.6px;
    }
    .video-section img.video-play {
        width: 80px;
        height: auto;
        top: 311px;
    }
    .btn-follow {
        right: -122.4px; /* -153 * 0.8 */
        top: 39.2px; /* 49 * 0.8 */
        width: 287.2px; /* 359.001 * 0.8 */
        height: 195.04px; /* 243.804 * 0.8 */
    }
    .tariff-price {
        top: 332px; /* 415 * 0.8 */
        right: -50.4px; /* -63 * 0.8 */
    }
    .tariff-price strong {
        font-size: 32px; /* 40 * 0.8 */
        line-height: 24.8px; /* 31 * 0.8 */
        letter-spacing: -0.32px; /* -0.4 * 0.8 */
    }
    .tariff-price p {
        font-size: 28.8px; /* 36 * 0.8 */
        line-height: 30.4px; /* 38 * 0.8 */
        letter-spacing: -0.288px; /* -0.36 * 0.8 */
        padding-bottom: 11.2px; /* 14 * 0.8 */
    }

    .tariff-price.tariff-3 {
        right: -71.2px; /* -89 * 0.8 */
    }
    .tariff-price.tariff-4 {
        right: -38.4px; /* -48 * 0.8 */
        top: 380px; /* 475 * 0.8 */
    }
    .retry-quiz-btn.failed-second {
        margin-top: 12px;
    }
    .video-section {
        max-width: 1264.8px;
    }
    .hero-way-section h3 {
        font-size: 80px; /* 100 * 0.8 */
        line-height: 74.58px; /* 93.226 * 0.8 */
        padding: 88.8px 0 17.6px 0; /* 111 * 0.8, 22 * 0.8 */
    }
    .hero-way-bg {
        max-width: 1297.6px; /* 1622 * 0.8 */
        top: 28px; /* 35 * 0.8 */
    }
    .hero-way-img {
        max-width: 1257.6px; /* 1572 * 0.8 */
        top: 229.6px; /* 287 * 0.8 */
    }
    .btn-go {
        text-shadow: 2.695px 2.695px 0px #2BE4FB; /* 3.369 * 0.8 */
        font-size: 134.74px; /* 168.431 * 0.8 */
        width: 471px;
        height: 320px;
        top: 476.8px; /* 596 * 0.8 */
    }
    .bg-img-about {
        height: 864.6px; /* 1117 * 0.8 */
    }
    .bg-about {
        height: 536px; /* 670 * 0.8 */
    }
    .red-section h3 {
        font-size: 80px; /* 100 * 0.8 */
        line-height: 74.58px; /* 93.226 * 0.8 */
        padding-top: 115.2px; /* 144 * 0.8 */
    }

    .red-section {
        height: 947px; /* 1161 * 0.8 */
        z-index: 1;
    }
    .bg-red {
        height: 928.8px; /* 1161 * 0.8 */
    }
    .red-section .bg-bottom {
        height: 327.2px; /* 409 * 0.8 */
    }
    .bg-black-red {
        height: 327.2px; /* 409 * 0.8 */
        top: 927.6px;
    }
    .hero-way-section {
        height: 1136px; /* 1420 * 0.8 */
    }
    .step-img {
        max-width: 822.4px; /* 1028 * 0.8 */
    }
    .btn-go-second {
        right: 36.8px; /* 46 * 0.8 */
        top: 58.4px; /* 73 * 0.8 */
        width: 287.2px; /* 359.001 * 0.8 */
        height: 195.04px; /* 243.804 * 0.8 */
    }
    .step-section p {
        bottom: 29px; /* 36 * 0.8 */
        left: 466px; /* 583 * 0.8 */
        right: 78px; /* 98 * 0.8 */
        font-size: 17.6px; /* 22 * 0.8 */
        letter-spacing: -0.176px; /* -0.22 * 0.8 */
    }

    .who-are-you.en {
        margin-right: 43.2px; /* 54 * 0.8 */
        font-size: 80px; /* 100 * 0.8 */
    }
    .your-goal.en {
        font-size: 48.8px; /* 61 * 0.8 */
        margin-right: 43.2px; /* 54 * 0.8 */
    }
    .comics-img {
        top: 219px;
        right: 437px;
        width: 110px;
    }
    .hero-way-pulse {
        max-width: 743px;
        top: 371px;
    }
    .heroes-wrapper {
        height: 738px;
    }

    .heroes-section {
        max-width: 1083px;
        height: 758px;
    }

    .hero-1 {
        left: 12px;
    }
    .hero-1 img {
        margin-bottom: 38px;
        width: auto;
        height: 745.2px;
        margin-left: 1px;
    }

    .hero-2 {
        left: calc(50% - 212px);
    }
    .hero-2 img {
        width: 425px;
        height: 758px;
    }

    .hero-3 img {
        width: 447px;
        height: 671px;
        margin-bottom: 48px;
    }

    .hero-block.active {
        width: 567px;
    }
    .hero-block.active::after {
        height: 1042px;
    }

    .heroes-wrapper::after {
        height: 327px;
    }

    .heroes-buttons {
        max-width: 866px;
        bottom: 52px;
    }

    .active-1 .heroes-buttons,
    .active-2 .heroes-buttons,
    .active-3 .heroes-buttons {
        max-width: 1242px;
    }

    .btn-hero {
        width: 229px;
        height: 59px;
        font-size: 24px;
        letter-spacing: -0.24px;
    }

    .btn-close {
        width: 486px;
        height: 59px;
        font-size: 24px;
        letter-spacing: -0.24px;
        bottom: 0;
    }

    .hero-block.active::after {
        height: 882px;
    }

    .hero-1.active {
        left: -64px;
    }
    .hero-1.active img.active-img {
        margin-left: 0.8px;
        width: auto;
        height: 745.2px;
        margin-bottom: 38px;
    }

    .active-1 .hero-2 {
        left: calc(50% - 90px);
    }
    .active-1 .hero-3 {
        right: -112px;
    }

    .hero-2.active {
        left: calc(50% - 284px);
    }
    .hero-2.active img {
        margin-bottom: 57px;
    }

    .active-2 .hero-1,
    .active-3 .hero-1 {
        left: -130px;
    }
    .active-2 .hero-3 {
        right: -96px;
    }
    .active-2 .hero-3 img {
        margin-right: -10px;
        width: 447px;
        margin-bottom: 1px;
    }

    .hero-3.active {
        right: -64px;
    }
    .hero-3.active img {
        margin-bottom: 25px;
        height: 702.4px;
        margin-left: -66px;
    }

    .hero-story {
        bottom: 155px;
        max-height: 391px;
        left: 40px;
        right: 40px;
        font-size: 18px;
        letter-spacing: -0.18px;
        padding-right: 12px;
        padding-bottom: 30px;
    }

    .hero-story h6 {
        font-size: 24px;
        padding-bottom: 7px;
    }

    .hero-story::-webkit-scrollbar {
        width: 4.8px;
    }
    .study-page .about-content h1 {
        text-shadow: 2.4px 2.4px 0px #2BE4FB;
        font-size: 51.2px;
        line-height: 52px;
        max-width: 839.04px;
    }
    .about-section.study-page {
        padding-top: 142.4px;
    }
    .study-page .about-content p {
        max-width: 965.6px; /* 1207 * 0.8 */
        font-size: 25.6px; /* 32 * 0.8 */
        letter-spacing: -0.256px; /* -0.32 * 0.8 */
        padding: 34.4px 0 40px 0;
    }
    .about-footer p {
        padding: 46.4px 0 111.2px 0;
        font-size: 25.6px;
        letter-spacing: -0.256px;
        max-width: 1040.8px;
    }
    .tariff-section {
        margin-bottom: 55.2px;
    }
    .result-failed-second .bg-img {
        background: url(/wp-content/themes/twentytwentyfive/assets/img/result-failed-second.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        top: 0;
        bottom: 0;
        height: 100%;
    }
    .result-failed-second .result-success-img {
        width: 524.8px;
        right: 67.2px;
    }

    .question-red {
        font-size: 144.506px;
        line-height: 136.146px;
        top: 204.8px;
    }

    .failed-text {
        max-width: 517.6px;
        font-size: 20.218px;
        letter-spacing: -0.202px;
        top: 377.6px;
    }

    .failed-text-second {
        font-size: 24px;
        line-height: 24px;
        top: 548.8px;
        letter-spacing: -0.16px;
    }

    .result-failed-second .retry-quiz-btn {
        top: 467.4px;
    }

    .pirate-img {
        top: 147.2px;
        width: 480.8px;
        height: 480.8px;
    }
    .form-block {
        width: 698.4px;
        height: 471.2px;
        top: 116px;
        left: 100px;
        background-size: cover;
    }

    .form-block h4 {
        text-shadow: 1.596px 1.596px 0px #2BE4FB;
        font-size: 32px;
        line-height: 36.8px;
        padding: 38.4px 0 35.2px 144px;
        max-width: 397px;
    }
    .form-block h4.ru {
        max-width: 438px;
    }

    .col {
        margin-left: 50.4px;
        margin-bottom: 9.6px;
        max-width: 578.4px;
    }

    .input-block {
        width: 282.4px;
    }

    .input-block input:not(.iti__search-input) {
        height: 62.4px;
        font-size: 15.5px;
        letter-spacing: -0.1392px;
        padding-left: 24.8px;
        padding-top: 5.6px;
    }

    .input-block label {
        top: 11.6px;
        left: 24.8px;
        font-size: 9.6px;
        letter-spacing: -0.096px;
    }

    .form-img {
        left: calc(50% + 48.8px);
        height: 649.6px;
        width: auto;
    }

    .quiz-page.form-page .dots-img:not(.dots-second) {
        top: -23.2px;
    }

    .form-page .next-btn {
        font-size: 14.4px;
        letter-spacing: -0.144px;
        width: 226.028px;
        height: 64.1512px;
        padding-left: 22.4px;
        margin: 29.6px auto 0 auto;
        margin-top: 22.8px;
        transform: scale(1);
    }
    .next-btn.ru {
        padding-left: 16.8px;
        font-size: 13.6px;
    }
    .hero-way-block {
        max-width: 1260px;
        height: 814px;
        top: 230px;
    }

    .way-item {
        width: 370px;
        height: 208px;
    }

    .way-item span {
        font-size: 16px;
        letter-spacing: -0.16px;
        bottom: 31px;
        left: 26px;
    }

    .way-item i {
        bottom: 23px;
        left: 26px;
        width: 40px;
    }

    .way-item:hover i {
        width: 315px;
    }

    .way-item:nth-of-type(1) {
        width: 392px;
        height: 220px;
    }

    .way-item:nth-of-type(2) {
        top: 133px;
    }

    .way-item:nth-of-type(3) {
        top: 366px;
    }

    .way-item:nth-of-type(4) {
        width: 392px;
        height: 220px;
    }

    .way-item:nth-of-type(5) {
        top: 366px;
    }

    .way-item:nth-of-type(6) {
        top: 133px;
    }
    .heroes-wrapper {
        height: 739px;
    }
    .success-block {
        width: 577px;
        height: 389px;
        margin: 188px auto 0 auto;
    }
    .success-block h2 {
        padding: 75px 0 54px 0;
        font-size: 76.8px;
        line-height: 36.8px;
    }
    .success-block p {
        font-size: 25.6px;
        letter-spacing: -0.256px;
        max-width: 260px;
    }
    .success-block .next-btn {
        margin-top: 38px;
    }
    .btn-container {
        max-width: 476px;
    }
    .btn-container .start-study-btn {
        padding: 0 94px 0 29px;
    }
    .btn-container a, .btn-container .retry-quiz-btn.failed-second {
        margin-top: 0;
        margin-left: -24px;
        margin-right: -24px;
    }
    .about-section.news-page {
        padding-top: 162px; /* 203px * 0.8 */
    }

    .news-page .about-content {
        margin-top: 0;
        margin-bottom: 83px; /* 104px * 0.8 */
    }

    .news-page .about-content h1 {
        font-size: 77px; /* 96px * 0.8 */
        line-height: 52px; /* 65px * 0.8 */
    }
    .news-block {
        padding-bottom: 99px;
    }

    .news-item {
        height: 462px;
        margin-bottom: 45px;
    }

    .news-info {
        top: 220px;
        left: 46px;
    }

    .news-info h3 {
        max-width: 472px;
        font-size: 26px;
        letter-spacing: -0.26px;
        padding-bottom: 7px;
    }

    .news-info p {
        max-width: 416px;
        font-size: 18px;
        line-height: 16px;
        letter-spacing: -0.18px;
    }

    .news-info .start-study-btn {
        margin: 9px 0 0 -28px;
    }
    .news-page .steps-block {
        margin-left: 50px;
        min-width: 302px;
        max-width: 302px;
    }
    .menu-section.main-page {
        margin-right: -10px;
    }

    /*contact*/
    .contact-page h1 {
        font-size: 76.8px;
        line-height: 52px;
        margin: 184px 0 77px 0;
        text-shadow: 2.4px 2.4px 0px #2BE4FB;
    }

    .contact-content {
        max-width: 1281px;
        margin: 0 auto 70px auto;
    }

    .contact-block {
        width: 362px;
        min-width: 362px;
        margin-left: 12px;
    }

    .contact-block h2 {
        font-size: 51.2px;
        line-height: 74.58px;
        margin: 53px 0 18px 0;
    }

    .contact-block > a {
        height: 56px;
    }

    .contact-block a.contact-address {
        height: 83px;
    }

    .map-block {
        max-width: 911px;
    }

    .social-section {
        max-width: 283px;
        height: 65.6px;
        margin-top: 35px;
    }

    .post-page h1 {
        font-size: 51.2px;
        line-height: 52px;
        max-width: 672px;
        text-shadow: 2.4px 2.4px 0px #2BE4FB;
    }

    .breadcrumbs {
        font-size: 19.2px;
        letter-spacing: -0.192px;
        margin: 138px 0 36px 0;
    }

    .breadcrumbs small {
        margin: 0 11.6px 0 9.2px;
    }
    .breadcrumbs small svg {
        transform: scale(.8);
    }

    .post-section {
        max-width: 1265.6px;
        margin: 45.6px auto 56px auto;
    }

    .post-content {
        font-size: 25.6px;
        letter-spacing: -0.256px;
        margin-top: 45.6px;
    }

    .post-content p {
        margin-bottom: 19.2px;
    }

    .ligal {
        max-width: 600px;
        margin: 74.4px auto 50.4px auto;
    }

    .ligal.ru {
        max-width: 712px;
    }

    .ligal * {
        font-size: 17.6px;
        letter-spacing: -0.176px;
    }

    .cookies-block {
        height: 245.6px;
        max-width: 1382.4px;
    }

    .cookies-block p {
        font-size: 25.2px;
        letter-spacing: -0.256px;
        padding: 31.2px 58.4px 20.8px 58.4px;
    }

    .cookie-buttons {
        margin-left: 58.4px;
        max-width: 467.2px;
    }

    .cookie-buttons button {
        width: 226.8px;
        height: 62.55px;
        padding-left: 53.6px;
        font-size: 14.4px;
        letter-spacing: -0.144px;
    }

    .cookie-buttons .btn-outline {
        padding-left: 46.4px;
    }

    .form-lightbox .form-block {
        top: 86.4px;
        height: 589.6px;
    }

    .form-description {
        font-size: 20.2px;
        line-height: 24px;
        letter-spacing: -0.202px;
        max-width: 615.2px;
        padding-bottom: 32px;
        padding-top: 60px;
    }

    .form-lightbox .form-block .next-btn {
        margin: 16px auto 0 auto;
        padding-left: 43.2px;
    }
    .social-networks {
        width: 65.6px;
        right: 3px;
        bottom: 3px;
    }

    .social-networks a {
        height: 65.6px;
        width: 65.6px;
        margin-bottom: 6.4px;
    }

    .social-networks a svg {
        height: 65.6px;
        width: 65.6px;
    }
    .close-form {
        padding: 6px 4px;
    }
    .input-block.country-block .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 25px;
        font-size: 15.5px;
    }
    .select2-results__option {
        font-size: 15.5px;
        padding-left: 25px !important;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding-left: 20px;
    }
    .input-block.country-block .select2-container {
        margin-top: 20px;
    }
    .iti .iti__selected-dial-code {
        font-size: 15.5px;
        letter-spacing: -0.1392px;
    }
    .iti__selected-country-primary {
        padding-right: 7px !important;
    }
}

@media (max-width: 1100px) {
    .mob {
        display: block;
    }
    .error-block {
        font-size: 14px;
    }
    .menu-section, .danger, .hero-img, .comics-img {
        display: none;
    }

    .main-content {
        height: 844px;
        min-height: 844px;
    }
    .question-block {
        width: 343px;
        height: 180px;
    }
    .who-are-you {
        margin-top: 0;
        margin-right: 40px;
        height: 103.486px;
        line-height: 111px;
        text-shadow: 1.617px 1.617px 0px #2BE4FB;
        font-size: 80px;
    }
    .your-goal {
        margin-right: 40px;
        margin-top: -2px;
        text-shadow: 1.212px 1.212px 0px #2BE4FB;
        font-size: 40px;
        line-height: 47.676px;
    }
    .right-content {
        top: 332px;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 343px;
        z-index: 4;
    }
    .right-content.right-content-second {
        top: 530px;
    }

    .logo img {
        width: 240px;
        height: 62.3px;
    }
    .logo {
        margin: 0 auto;
        padding-top: 4px;
    }
    .quiz-page .logo {
        margin-top: 0;
    }
    .header-flex {
        transform: scale(1);
        margin-top: 0;
    }

    .wolf-img {
        width: 100%;
        height: 589px;
        object-fit: cover;
    }
    .btn-area {
        transform: scale(1);
        bottom: 18px;
        text-shadow: 0px 1.03px 7.727px rgba(252, 249, 4, 0.75);
        font-size: 32px;
        width: 238px;
        height: 52px;
        padding-bottom: 5px;
        left: 0;
        right: 0;
        background: url(/wp-content/themes/twentytwentyfive/assets/img/area-mob.png);
    }
    .alert img {
        width: 34px;
        height: 29px;
    }
    .alert {
        transform: scale(1);
        bottom: 26px;
        left: 10px;
    }
    .alert:last-of-type {
        left: unset;
        right: 10px;
    }
    .bg-dark-head {
        height: 128px;
    }
    .bg-dark {
        height: 142px;
    }
    .dots-img {
        display: none;
    }
    .dots-img-mob {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        position: absolute;
        height: 137px;
        width: 100%;
        object-fit: cover;
        top: 0;
        z-index: 4;
        left: 0;
        right: 0;
    }
    .dots-img-mob.dots-second-mob {
        bottom: 7px;
        top: unset;
    }
    .bg-img {
        background: url(/wp-content/themes/twentytwentyfive/assets/img/bg-main-mob.png);
        height: 844px;
        background-size: cover;
    }

    .btn-hero, .hero-block, .hero-way-section {
        display: none;
    }

    .about-content h1 {
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-size: 43px;
        line-height: 42.464px;
        max-width: 340px;
    }
    .red-section h3 {
        padding-top: 31px;
        font-size: 44px;
        line-height: 46px;
        text-transform: uppercase;
        max-width: 342px;
        margin: 0 auto;
        height: 119px;
        box-sizing: border-box;
    }
    .video-preview {
        /*display: none;*/
    }
    .video-preview-mob {
        display: block;
        max-width: 369px;
        width: 100%;
        margin: 0 auto;
    }
    .bg-black-red, .bg-about:nth-of-type(2) {
        display: none;
    }
    .video-section {
        margin: 25px auto 0 auto;
        min-height: auto;
    }
    .video-section img.video-play {
        width: 50px;
        height: auto;
        top: 93px;
    }
    .red-section {
        height: 541px;
    }
    .bg-red {
        height: 541px;
        background: url(/wp-content/themes/twentytwentyfive/assets/img/bg-second-mob.png);
        background-size: cover;
    }

    .hero-slider {
        width: 100%;
        margin: 3px 0 0 0;
        z-index: 5;
        height: 397.359px;
    }
    .slide-1 img {
        width: 222.572px;
        height: 397.359px;
        left: calc(50% - 121px) !important;
    }
    .slide-2 img {
        width: 234.052px;
        height: 351.671px;
    }
    .slide-3 img {
        width: 233px;
        height: auto;
        left: calc(50% - 133px) !important;
        right: unset !important;
    }
    .slide-1.active img {
        width: 242px;
        height: auto;
        left: calc(50% - 121px) !important;
    }
    .slide-2.active img {
        width: 310px;
        height: auto;
        left: calc(50% - 147px) !important;
        margin-bottom: 44px;
    }
    .slide-3.active img {
        width: 233px;
        height: auto;
        left: calc(50% - 108px) !important;
        right: unset !important;
    }
    .hero-slide img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .hero-slide img:nth-of-type(2) {
        display: none;
    }
    .hero-slide.active img:nth-of-type(1) {
        display: none;
    }
    .hero-slide.active img:nth-of-type(2) {
        display: block;
    }
    .slick-slide.hero-slide {
        width: 222px;
        position: relative;
        text-align: center;
        transition: transform 0.3s ease;
        height: 397.359px;
        min-height: 397.359px;
    }
    .red-section .bg-bottom {
        height: 22px;
        background: #FC012A;
    }
    .hero-slide::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        width: 100%;
        height: 311px;
        z-index: 2;
        background: linear-gradient(0deg, #FC012A 17.57%, rgba(252, 1, 42, 0.00) 69.5%);
        content: '';
    }
    .slick-dots {
        position: absolute;
        bottom: -3px;
        left: calc(50% - 30px);
        width: 60px;
        height: 10px;
        display: flex;
    }
    .hero-slider {
        display: block;
    }
    .slick-dots li {
        height: 10px;
        width: 10px;
    }
    .slick-dots li button {
        height: 10px;
        width: 10px;
        padding: 0;
        background: none;
        box-shadow: inset 0 0 0 1px #FCFD01;
    }
    .slick-dots li.slick-active button {
        background: #FCFD01;
    }
    .slick-dots li button:before {
        content: unset;
    }
    .btn-slide {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='32' viewBox='0 0 121 32' fill='none'%3E%3Cpath d='M0.731551 8.75927L8.54526 0.910699H120.096V23.5689L112.282 31.4147H0.768481L0.731551 8.75927Z' fill='black' fill-opacity='0.25' stroke='%23FCFD01' stroke-width='0.513537'/%3E%3C/svg%3E");
        width: 121px;
        height: 32px;
        color: #FCFD01;
        text-align: center;
        font-family: "Blender Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        z-index: 3;
        margin: 0 auto;
    }
    .steps-block {
        display: none;
    }
    .step-section h4.mob {
        color: #FFF;
        text-align: center;
        font-family: "Refinery 25 Bold";
        font-size: 46px;
        font-style: normal;
        font-weight: 400;
        line-height: 80.226px;
        text-transform: uppercase;
        padding: 36px 0 10px 0;
        margin: 0 auto;
        display: block;
        height: 67px;
    }
    .step-section {
        display: block;
    }
    .profile-selector {
        /*display: flex;*/
        /*width: 100vw;*/
        /*overflow-x: scroll;*/
        /*position: relative;*/
        /*scroll-behavior: smooth;*/
        /*margin: 0 0 29px 0; !* Перенёс нужный margin сюда *!*/
    }


    /* Убраны повторяющиеся стили */
    .tabs-with-selector.profile-selector [role=tab] {
        text-align: center;
        padding: 0 37px 0 10px;
        color: #FFF;
        font-family: "Blender Pro";
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.2px;
        display: flex;
        text-transform: uppercase;
        height: 42px;
        width: auto;
        white-space: nowrap;
        flex-shrink: 0;
        align-items: center;
        position: relative;
    }

    .tabs-with-selector.profile-selector [role=tab][selected] {
        color: #FCFD01;
        font-weight: 700;
    }
    .step-img {
        width: 370px;
        max-width: calc(100vw - 20px);
        margin: 0 auto;
        display: block;
    }
    .step-section p {
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px;
        position: unset;
        margin: 0 auto;
        padding-top: 13px;
        width: 370px;
        max-width: calc(100vw - 20px);

    }
    .step-2, .step-3, .step-4, .step-5, .step-6 {
        display: none;
    }
    .btn-go-second {
        top: 260px;
        left: calc(50% + 26px);
        width: 158px;
        height: 107.3px;
    }
    .bg-img-about {
        display: none;
    }
    .bg-img-about-mob {
        display: block;
        z-index: -1;
        position: absolute;
        left: 0;
        right: 0;
        height: 772px;
        top: 0;
        width: 100%;
        object-fit: cover;
    }
    .who-are-you.en {
        margin-right: 11.2px;
        font-size: 62px;
    }
    .your-goal.en {
        font-size: 33.8px;
        margin-right: 13.2px;
    }
    .bg-bottom {
        display: block;
    }
    .hero-story-mob, .btn-close-mob {
        display: none; /* Изначально скрыты */
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .slick-center.hero-slide.active .hero-story-mob,
    .slick-center.hero-slide.active .btn-close-mob {
        display: block;
        opacity: 1;
    }

    .slick-center.hero-slide.active .btn-slide {
        display: none;
    }
    .btn-close-mob {
        display: none;
        background: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='607' height='74' viewBox='0 0 607 74' fill='none'%3E%3Cpath d='M0.613573 19.3693L22.926 0.612585H606.387V54.637L584.074 73.3874H0.800456L0.613573 19.3693Z' fill='black' fill-opacity='0.25' stroke='white' stroke-width='1.22517'/%3E%3C/svg%3E");
        width: 262.48px;
        height: 32px;
        color: #FFF;
        text-align: center;
        font-family: "Blender Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        align-items: center;
        justify-content: center;
        border: none;
        position: absolute;
        left: -15px;
        right: 0;
        margin: 0 auto;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 3;
        cursor: pointer;
        bottom: 50px;
    }
    .hero-story-mob {
        position: absolute;
        max-height: 230px;
        bottom: 88px;
        overflow-y: scroll;
        left: -15px;
        right: -15px;
        color: #FFF;
        font-family: "Blender Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.14px;
        z-index: 3;
        height: 100%;
        padding-right: 7px;
        text-align: left;
    }
    .hero-story-mob h6 {
        font-size: 16px;
        margin: 0;
        padding-bottom: 5px;
        text-align: left;
    }
    .step-section {
        min-height: 630px;
    }
    .hero-container {
        display: none;
    }
    .hero-container-mob {
        display: inline-block;
        position: absolute;
        z-index: 3;
        left: 0;
        right: 0;
        bottom: -100%;
        margin: 0 auto;
        height: 789.821px;
        width: 390px;
    }
    .hero-container-mob .hero-glitch {
        background-image: url('/wp-content/themes/twentytwentyfive/assets/img/hero-main-mob.png');
    }
    .hero-img-mob {
        display: block;
        height: 789.821px;
        width: auto;
    }

    .header-top {
        margin-top: 0;
        padding: 0 10px;
    }
    .mob-hamburg {
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        margin-top: 19.5px;
    }
    .header-top > * {
        transform: scale(1);
    }
    .lang-change-mob {
        height: 32px;
        width: 32px;
        margin-top: 18.5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        color: #FFF;
        text-align: center;
        font-family: "Blender Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }
    .lang-change-mob::after {
        background-image: url("data:image/svg+xml,%3Csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.72973 3.51351L0.763618 0.108106L4.69584 0.108106L2.72973 3.51351Z' fill='white'/%3E%3C/svg%3E%0A");
        content: '';
        right: 0;
        width: 5px;
        height: 4px;
    }
    .lang-dropdown-mob {
        position: absolute;
        right: 9px;
        top: 57.5px;
        width: 40px;
        display: none;
    }
    .menu-dropdown-mob {
        position: absolute;
        left: 9px;
        top: 57.5px;
        width: 150px;
        display: none;
    }

    .lang-dropdown-mob a, .menu-dropdown-mob a {
        text-align: center;
        font-family: "Blender Pro";
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.22px;
        text-transform: uppercase;
        align-items: center;
        cursor: pointer;
        text-decoration: none;
        width: 100%;
        display: flex;
        background: #2BE4FB;
        justify-content: center;
        z-index: 99;
        height: 32px;
        color: black;
        font-weight: 400;
    }
    .tariff-section {
        margin-bottom: 60px;
        display: block;
    }
    .tariff-details {
        position: unset;
        margin-top: 19px;
    }
    .tariff-block {
        max-width: calc(100vw - 20px);
        margin: 0 auto;
        aspect-ratio: unset;
    }
    .about-section.study-page {
        padding-top: 81px;
    }
    .study-page .about-content h1 {
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-size: 24px;
        line-height: 29px;
        text-transform: uppercase;
        max-width: 300px;
    }
    .about-content {
        margin-top: 0;
    }
    .logo img {
        margin-top: 0;
    }
    .study-page .about-content p {
        max-width: 369px;
        font-size: 16px;
        letter-spacing: -0.16px;
        padding: 10px 0 13px;
    }
    .about-footer h3 {
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-size: 24px;
        font-weight: 400;
        line-height: 29px; /* 120.833% */
    }
    .about-footer p {
        max-width: 369px;
        font-size: 16px;
        letter-spacing: -0.16px;
        padding: 18px 0 60px 0;
    }
    .tariff-section h4.mob {
        display: block;
        color: #FFF;
        text-align: center;
        font-family: "Refinery 25 Bold";
        font-size: 46px;
        font-style: normal;
        font-weight: 400;
        line-height: 72.226px;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        height: 67px;
    }
    .btn-follow {
        right: -14px;
        top: -6px;
        width: 162px;
        height: 125px;
    }
    .profile-selector.tariff-page {
        margin-bottom: 23px;
    }
    .quiz-page h3 {
        top: 81px;
        padding: 0 0 0 0;
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-family: "Refinery 25 Bold";
        font-size: 46px;
        font-weight: 400;
    }
    .main-content.quiz-page {
        min-height: 858px;
    }
    .quiz-img {
        width: auto;
        height: 591px;
        left: calc(50vw - 232px);
        right: 0;
        margin: 0 auto;
    }
    .quiz-block {
        z-index: 3;
        width: 369px;
        height: 397px;
        background-image: url("data:image/svg+xml,%3Csvg width='369' height='397' viewBox='0 0 369 397' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.5 397L3.05176e-05 397L6.28203e-05 27.5L28 3.1224e-05L369 3.05176e-05L369 368L340.5 397Z' fill='white'/%3E%3Cpath d='M22.8508 355.613V367.914H20.2079V361.969H17.8057L0 344V361.969L22.5972 385.264H28.9639L40.3492 397H63L22.8508 355.613Z' fill='%23FC012A'/%3E%3Cpath d='M349.414 34.3591L349.414 24.1472L351.679 24.1472L351.679 29.082L353.738 29.082L369 44L369 29.082L349.631 9.74347L344.174 9.74347L334.415 -7.91177e-07L315 9.06132e-07L349.414 34.3591Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
        top: 356px;
    }
    .quiz-question {
        padding: 47px 0 21px 0;
        max-width: 342px;
        text-shadow: 1.305px 1.305px 0px #2BE4FB;
        font-size: 30px;
        line-height: 32.024px;
    }
    .radio-section {
        margin-left: 21px;
    }
    .checkmark {
        width: 23px;
        min-width: 23px;
        height: 23px;
        margin-right: 15px;
    }
    .checkmark-box div {
        font-size: 17.004px;
        line-height: 18px;
        letter-spacing: -0.17px;
        max-width: 284px;
    }
    .next-btn, .start-study-btn, .retry-quiz-btn {
        width: 187px;
        height: 53px;
        padding-left: 13px;
        margin: 28px auto 0 auto;
        box-sizing: border-box;
        background-repeat: no-repeat;
        cursor: pointer;
        font-size: 12.2px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.118px;
        transform: scale(1);
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .start-study-btn {
        background: url(/wp-content/themes/twentytwentyfive/assets/img/start-study.png);
        margin: 16px auto 0 auto;
    }
    .retry-quiz-btn {
        background: url(/wp-content/themes/twentytwentyfive/assets/img/btn-retry.png);
    }
    .quiz-page .alert {
        bottom: 15px;
        left: 15px;
    }
    .quiz-page .alert img {
        width: 56px;
        height: 47px;
    }
    .alert:last-of-type {
        left: unset;
        right: 15px;
    }
    .progress-bar {
        bottom: 26px;
        transform: scale(1);
        width: 89px;
        height: 22px;
    }
    .progress-bar {
        bottom: 26px;
        transform: scale(1);
        width: 89px;
        height: 21px;
    }
    .quiz-block.result-page-block {
        background-image: url("data:image/svg+xml,%3Csvg width='369' height='397' viewBox='0 0 369 397' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.5 397L3.05176e-05 397L6.28203e-05 27.5L28 3.1224e-05L369 3.05176e-05L369 368L340.5 397Z' fill='white'/%3E%3Cpath d='M22.8508 355.613V367.914H20.2079V361.969H17.8057L0 344V361.969L22.5972 385.264H28.9639L40.3492 397H63L22.8508 355.613Z' fill='%232BE4FB'/%3E%3Cpath d='M349.414 34.3591L349.414 24.1472L351.679 24.1472L351.679 29.082L353.738 29.082L369 44L369 29.082L349.631 9.74347L344.174 9.74347L334.415 -7.91177e-07L315 9.06132e-07L349.414 34.3591Z' fill='%232BE4FB'/%3E%3C/svg%3E");
    }
    .quiz-block h4 {
        padding: 47px 0 16px 0;
        max-width: 350px;
        text-shadow: 1.305px 1.305px 0px #2BE4FB;
        font-size: 30px;
        line-height: 32.024px;
    }
    .result-failed .quiz-block h4.ru {
        padding: 30px 0 16px 0;
    }
    .quiz-block h6 {
        font-size: 17.004px;
        line-height: 18px;
        letter-spacing: -0.17px;
        max-width: 303px;
    }
    .result-failed .quiz-block h6 {
        max-width: 298px;
    }
    .quiz-page .alert.success img {
        width: 47px;
        height: 47px;
    }
    .result-page .logo {
        margin-right: auto;
    }
    .result-page .header-flex {
        justify-content: center;
    }
    .result-page .quiz-img {
        width: auto;
        height: 507px;
        left: calc(50vw - 239px);
        right: 0;
        margin: 0 auto;
    }
    .result-failed-second .bg-img {
        background: url(/wp-content/themes/twentytwentyfive/assets/img/result-failed-second-mob.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .question-red {
        top: 238px;
        color: #FC012A;
        text-align: center;
        font-family: "Refinery 25 Bold";
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 78px; /* 97.5% */
        width: 242px;
    }
    .failed-text {
        max-width: 320px;
        font-size: 17.218px;
        letter-spacing: -0.202px;
        top: 407.6px;
    }
    .result-failed-second .retry-quiz-btn {
        top: 498px;
    }
    .failed-text-second {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.16px;
        top: 556.8px;
    }
    .pirate-img {
        top: 228px;
        width: 420px;
        height: 420px;
        left: calc(50vw - 210px);
        right: unset;
    }
    .form-block {
        max-width: 369px;
        width: 100%;
        height: 750px;
        background-size: cover;
        top: 243px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 3;
        position: relative;
        background: white;
        clip-path: polygon(28px 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 28px);
    }
    .main-content.form-page {
        min-height: 1160px;
    }
    .col {
        display: block;
        margin: 0 24px;
    }
    .input-block {
        margin-bottom: 10.5px;
        width: 100%;
    }
    .input-block input:not(.iti__search-input) {
        height: 70.88px;
        padding-top: 6.28px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='321' height='72' viewBox='0 0 321 72' fill='none'%3E%3Cpath d='M22.7849 0.78418H320.776V53.7649L295.757 71.6638H0.1004L0 19.0642L22.7849 0.78418Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
        font-size: 16px;
        letter-spacing: -0.16px;
        padding-left: 28px;
        background-size: cover;
    }
    .input-block label {
        font-size: 10px;
        letter-spacing: -0.1px;
        left: 28px;
        top: 15px;
    }
    .form-block h4 {
        padding: 39px 0 30px 0;
        text-shadow: 1.305px 1.305px 0px #2BE4FB;
        font-size: 30px;
        line-height: 32.024px; /* 106.747% */
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }
    .form-block h4.ru {
        max-width: 290px;
    }
    .form-page .next-btn {
        width: 187px;
        height: 53px;
        padding-left: 18px;
        margin: 24px auto 0 auto;
        box-sizing: border-box;
        background-repeat: no-repeat;
        cursor: pointer;
        font-size: 12.2px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.118px;
        transform: scale(1);
        background-size: contain !important;
    }
    .form-page .form-img {
        height: 632px;
        left: calc(50vw - 265px);
    }
    .next-btn.ru {
        font-size: 12px;
        padding-left: 11px;
    }
    .form-block h4.ru {
        font-size: 26px;
    }
    .heroes-wrapper {
        height: auto;
    }
    .success-block {
        max-width: 369px;
        width: 100%;
        height: 251px;
        margin: 316px auto 0 auto;
        background-image: url("data:image/svg+xml,%3Csvg width='369' height='251' viewBox='0 0 369 251' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.5 208L3.54648e-05 208L5.23891e-05 14.4081L28 2.3565e-05L369 3.73871e-05L369 192.806L340.5 208Z' fill='white'/%3E%3Cpath d='M340.502 251L0.00201058 251L0.00202417 95.568L28.002 84L369.002 84L369.002 238.801L340.502 251Z' fill='white'/%3E%3Cpath d='M22.8527 209.613V221.914H20.2099V215.969H17.8076L0.00195312 198V215.969L22.5991 239.264H28.9659L40.3512 251H63.002L22.8527 209.613Z' fill='%23FC012A'/%3E%3Cpath d='M349.414 34.3591L349.414 24.1472L351.679 24.1472L351.679 29.082L353.738 29.082L369 44L369 29.082L349.631 9.74347L344.174 9.74347L334.415 -4.5155e-07L315 1.24576e-06L349.414 34.3591Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
        background-size: cover;
    }
    .success-block h2 {
        padding: 29px 0 37px 0;
        font-size: 55px;
        line-height: 37.8px;
    }
    .success-block p {
        font-size: 18px;
        letter-spacing: -0.2px;
        max-width: 196px;
    }
    .btn-container {
        display: block;
        margin-top: 21px;
    }
    .btn-container a, .btn-container .retry-quiz-btn.failed-second {
        margin: 0 auto;
    }
    .result-failed .quiz-block {
        background-image: url("data:image/svg+xml,%3Csvg width='369' height='483' viewBox='0 0 369 483' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.5 483L3.54648e-05 483L7.4765e-05 33.4572L28 2.39417e-05L369 1.66244e-05L369 447.718L340.5 483Z' fill='white'/%3E%3Cpath d='M22.8508 441.613V453.914H20.2079V447.969H17.8057L0 430V447.969L22.5972 471.264H28.9639L40.3492 483H63L22.8508 441.613Z' fill='%23FC012A'/%3E%3Cpath d='M349.414 34.3591L349.414 24.1472L351.679 24.1472L351.679 29.082L353.738 29.082L369 44L369 29.082L349.631 9.74347L344.174 9.74347L334.415 -7.91177e-07L315 9.06132e-07L349.414 34.3591Z' fill='%23FC012A'/%3E%3C/svg%3E%0A");
        height: 483px;
    }
    .main-content.quiz-page.result-failed {
        min-height: 930px;
    }
    .btn-container .start-study-btn {
        padding: 0 75px 0 27px;
        margin-top: 9px;
    }
    .about-content h1 br {
        display: block;
    }
    .about-section.news-page {
        padding-top: 81px;
    }
    .news-page .about-content h1 {
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-size: 43px;
        line-height: 42.464px;
        max-width: 340px;
    }
    .news-page .about-content {
        margin-bottom: 43px;
    }
    .news-item {
        height: 313px;
        margin-bottom: 20px;
    }
    .news-item img {
        height: 180px;
    }
    .news-info {
        top: 157px;
        left: 20px;
    }
    .news-info h3 {
        max-width: 320px;
        font-size: 18px;
        letter-spacing: -0.176px;
        padding-bottom: 5px;
    }
    .news-info p {
        max-width: 322px;
        font-size: 14px;
        line-height: 13px;
        letter-spacing: -0.12px;
    }
    .news-info .start-study-btn {
        margin: 13px 0 0 0;
        font-size: 15px;
    }
    .news-page .scroll-container {
        justify-content: center;
    }
    .news-page .tabs-with-selector.profile-selector [role=tab] {
        padding: 0 20px;
    }
    .news-page .scroll-wrapper::after {
        display: none;
    }
    .news-block {
        padding-bottom: 39px;
        max-width: 360px;
        margin: 0 auto;
    }
    .ligal {
        margin: 35px auto 24px auto;
        display: block;
        text-align: center;
    }
    .ligal * {
        font-size: 17px;
        display: block;
        margin-bottom: 6px;
    }
    .breadcrumbs {
        font-size: 13px;
        letter-spacing: -0.122px;
        margin: 82px 0 16px 0;
    }
    .breadcrumbs small {
        margin: 0 5px 0 5px;
    }
    .breadcrumbs small svg {
        transform: scale(.65);
    }
    .post-page h1 {
        font-size: 28px;
        line-height: 32px;
        max-width: 350px;
        text-shadow: 1.4px 1.4px 0px #2BE4FB;
    }
    .post-section {
        max-width: calc(100vw - 8px);
        margin: 28px auto 32px auto;
    }
    .post-content {
        font-size: 18px;
        letter-spacing: -0.356px;
        margin-top: 27px;
        padding: 0 8px;
    }
    .form-lightbox .form-block h4 {
        height: auto;
        padding: 38px 0 13px 0;
        margin: 0 auto;
        max-width: 200px;
    }
    .form-description {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.202px;
        max-width: 340px;
        padding-bottom: 24px;
        padding-top: 40px;
    }
    .form-lightbox .form-block .next-btn {
        margin: 16px auto 30px auto;
    }
    .form-lightbox .form-block {
        top: 36px;
        height: 822px;
        position: relative;
        background: white;
        clip-path: polygon(28px 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 28px);
    }
    .form-block:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 54px;
        height: 44px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='44' viewBox='0 0 54 44' fill='none'%3E%3Cpath d='M34.4136 34.3591L34.4136 24.1472L36.6789 24.1472L36.6789 29.082L38.738 29.082L54 44L54 29.082L34.631 9.74347L29.1738 9.74347L19.415 -7.91177e-07L-3.19052e-08 9.06132e-07L34.4136 34.3591Z' fill='%23FC012A'/%3E%3C/svg%3E");
    }
    .form-block:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 63px;
        height: 53px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='53' viewBox='0 0 63 53' fill='none'%3E%3Cpath d='M22.8508 11.6129V23.9136H20.2079V17.9694H17.8057L0 0V17.9694L22.5972 41.2635H28.9639L40.3492 53H63L22.8508 11.6129Z' fill='%23FC012A'/%3E%3C/svg%3E");
    }
    .cookies-block:before {
        clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
    }
    .cookies-block:after {
        clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
    }
    .cookies-block p {
        font-size: 15px;
        letter-spacing: -0.156px;
        padding: 14px 20px 14px 20px;
    }
    .cookie-buttons {
        margin-left: 20px;
        display: block;
    }
    .cookie-buttons button {
        margin-bottom: 12px;
    }
    .cookies-block {
        height: 266px;
    }
    .contact-page h1 {
        text-shadow: 1.366px 1.366px 0px #2BE4FB;
        font-size: 43px;
        line-height: 42.464px;
        max-width: 100%;
        margin: 81px 0 43px 0;
    }
    .contact-content {
        flex-wrap: wrap;
    }
    .map-block {
        order: 2;
        margin: 0;
    }
    .contact-block {
        order: 1;
        margin: 0 auto;
    }
    .contact-block h2 {
        font-size: 46px;
        line-height: 46px;
        padding: 0 0 18px 0;
        margin: 0;
        text-align: center;
    }
    .social-section {
        margin: 30px auto;
    }
    .social-networks {
        display: none;
    }
    .iti__selected-country {
        margin-top: 2px !important;
    }
    .close-form {
        padding: 4px 4px;
    }
    .close-form svg {
        height: 14px;
        width: 14px;
    }
    .steps-block .next-btn {
        display: none;
    }
    .next-btn.mob {
        display: flex;
        margin: -10px auto 14px auto;
        padding-left: 20px;
    }
    .input-block.country-block {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='321' height='72' viewBox='0 0 321 72' fill='none'%3E%3Cpath d='M22.7849 0.78418H320.776V53.7649L295.757 71.6638H0.1004L0 19.0642L22.7849 0.78418Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
        height: 70.88px;
    }

    .input-block.country-block .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        letter-spacing: -0.16px;
        padding-left: 28px;
        background-size: cover;
    }
    .select2-results__option {
        font-size: 16px;
        padding-left: 28px !important;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding-left: 24px;
    }
    .input-block.country-block .select2-container {
        margin-top: 24px;
    }

}