*, :before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    --font-family: "Roboto", sans-serif;
    --second-family: "Inter", sans-serif;
    --third-family: "Roboto Condensed", sans-serif;
    --font3: "TT Supermolot Neue", sans-serif;
}

body {
    font-family: var(--font-family);
    font-weight: 400;
    color: #000;
    font-size: 1.35vw;
    line-height: 1.5 !important;
    width: 100%;
    overflow-x: hidden;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased;
    cursor: default;
    background: #fff;
    /*overflow-y: hidden;*/
}

html {
    margin: 0 !important;
}

.no_overflow {
    overflow: hidden;
}

.mfp-wrap {
    touch-action: none;
    -ms-touch-action: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.mfp-content {
    touch-action: none;
    -ms-touch-action: none;
}

main {
    overflow: hidden;
}

section {
    position: relative;
    padding: 5.21vw 0;
}

.wow {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

p {
    margin: 0;
}

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

a:hover, a:focus, a:active, a:visited {
    color: inherit;
    outline: none;
}

img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}

button {
    -webkit-tap-highlight-color: transparent;
}

.hidden {
    display: none
}

.scroll_up {
    position: fixed;
    right: 2%;
    bottom: 2%;
    cursor: pointer;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    max-width: 3.333vw;
    width: 100%;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.scroll_up:hover {
    transition: all .3s ease-in-out;
    transform: scale(1.2);
}

.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1 !important;
    height: auto !important;
    visibility: visible !important;
}

.scroll_up .image_block {
    width: 100%;
}

.perpetua_font {
    font-family: var(--second-family);
}

.container {
    max-width: 82.08vw;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.mobile{
    display: none;
}

.action_btn, #cta-claim, #btn-claim, #cta-review, #cta-learn, #cta-retake {
    width: 13.07vw;
    height: 2.55vw;
    font-size: 1.04vw;
    font-weight: 700;
    background: #00a651;
    color: #fff;
    border-radius: 0.47vw;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
    /* text-transform: uppercase; */
    border: none !important;
}

.action_btn:hover, #cta-claim:hover, #btn-claim:hover, #cta-review:hover, #cta-learn:hover, #cta-retake:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.action_btn:focus, #cta-claim:focus, #btn-claim:focus, #cta-review:focus, #cta-learn:focus, #cta-retake:focus {
    outline: none;
}

.action_btn:hover, .action_btn:focus, .action_btn:active, .action_btn:visited,
#cta-claim:hover, #cta-claim:focus, #cta-claim:active, #cta-claim:visited,
#btn-claim:hover, #btn-claim:focus, #btn-claim:active, #btn-claim:visited,
#cta-review:hover, #cta-review:focus, #cta-review:active, #cta-review:visited,
#cta-learn:hover, #cta-learn:focus, #cta-learn:active, #cta-learn:visited,
#cta-retake:hover, #cta-retake:focus, #cta-retake:active, #cta-retake:visited {
    color: #fff;
}

.more_btn {
    width: 13.07vw;
    height: 2.55vw;
    font-size: 1.04vw;
    font-weight: 700;
    background: #fff;
    color: #00a651;
    border-radius: 0.47vw;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
    /* text-transform: uppercase; */
    border: none !important;
}

.more_btn:hover, #cta-retake:hover, #cta-blog:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #00a651;
}

.more_btn:focus, #cta-retake:focus, #cta-blog:focus {
    outline: none;
}

.more_btn:hover, .more_btn:focus, .more_btn:active, .more_btn:visited {
    color: #00a651;
}

#cta-blog:hover, #cta-blog:focus, #cta-blog:active, #cta-blog:visited {
    color: #000;
}

::-webkit-scrollbar {
    width: 0.52vw;
    height: 0.42vw;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #00a651;
    max-width: 7.97vw;
}

.bg_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg_image .image_block {
    width: 100%;
    height: 100%;
}

.bg_image video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

/*.first_screen .bg_image:after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    background: rgba(0,0,0,.6);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

.wpcf7-response-output {
    display: none;
}

.wpcf7-spinner {
    position: absolute;
    top: 0;
    right: 0;
}

.mfp-bg {
    display: none !important;
}

.mfp-wrap .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.mfp-wrap.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* animate out */
.mfp-wrap.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* Dark overlay, start state */
.mfp-wrap {
    -webkit-backdrop-filter: blur(5x);
    backdrop-filter: blur(5px);
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/* animate in */
.mfp-wrap.mfp-ready {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/* animate out */
.mfp-wrap.mfp-ready.mfp-removing {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mfp-close {
    width: 2.292vw;
    height: 2.292vw;
    font-size: 1.458vw;
}

.popup-block {
    background: #fff;
    /*box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.2);*/
    max-width: 35.83vw;
    width: 100%;
    margin: 0 auto;
    padding: 1.56vw;
    text-align: center;
}

.popup_title {
    font-size: 3.33vw;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1.04vw;
    font-family: var(--second-family);
}

.popup-block .image_block {
    width: 5.99vw;
    margin: 1.3vw auto;
}

.popup_desc {
    /* font-family: var(--second-family); */
    /* font-weight: 600; */
    font-size: 1.3vw;
    line-height: 120%;
    /* text-transform: uppercase; */
    text-align: center;
    color: #fff;
}

.btn_block {
    display: flex;
    justify-content: center;
    margin: 3vw 0 0;
}

/* Burger */

.burger {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* width: 25%; */
    display: none;
    position: relative;
    right: 0;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    -o-transition: transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.6vw;
}

.hamRotate.active {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamRotate180.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.line {
    fill:none;
    -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    -o-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke:#00a651;
    stroke-width:5.5;
    /* stroke-linecap:round; */
}

.ham4 .top {
    stroke-dasharray: 40 121;
}

.ham4 .bottom {
    stroke-dasharray: 40 121;
}

.ham4.active .top {
    stroke-dashoffset: -68px;
}

.ham4.active .bottom {
    stroke-dashoffset: -68px;
}

/* Preloader */

/*:root {*/
/*    --bg: #e3e4e8;*/
/*    --fg: #17181c;*/
/*    --primary: #255ff4;*/
/*    font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320));*/
/*}*/

.preloader_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 3000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.hourglass, .hourglass:before, .hourglass:after {*/
/*    animation-duration: 4s;*/
/*    animation-iteration-count: infinite;*/
/*}*/
/*.hourglass {*/
/*    --polygonH: polygon(0% 0%,100% 0%,100% 5.55%,95% 5.55%,95% 28%,60% 46%,60% 54%,95% 72%,95% 94.45%,100% 94.45%,100% 100%,0% 100%,0% 94.45%,5% 94.45%,5% 72%,40% 54%,40% 46%,5% 28%,5% 5.55%,0% 5.55%);*/
/*    animation-name: flip;*/
/*    animation-timing-function: ease-in-out;*/
/*    background-image: linear-gradient(var(--primary) 0.5em,#737a8c55 0.5em 8.5em,var(--primary) 8.5em);*/
/*    clip-path: var(--polygonH);*/
/*    -webkit-clip-path: var(--polygonH);*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    width: 5em;*/
/*    height: 9em;*/
/*    z-index: 0;*/
/*}*/
/*.hourglass:before, .hourglass:after {*/
/*    animation-timing-function: linear;*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*}*/
/*.hourglass:before {*/
/*    --polygonB1: polygon(0% 0%,100% 0%,100% 24%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,0% 24%);*/
/*    --polygonB2: polygon(0% 4%,100% 4%,100% 24%,55% 45%,55% 100%,55% 100%,55% 100%,45% 100%,45% 100%,45% 100%,45% 45%,0% 24%);*/
/*    --polygonB3: polygon(0% 24%,100% 24%,100% 24%,55% 45%,55% 80%,100% 100%,100% 100%,0% 100%,0% 100%,45% 80%,45% 45%,0% 24%);*/
/*    --polygonB4: polygon(45% 45%,55% 45%,55% 45%,55% 45%,55% 58%,100% 76%,100% 100%,0% 100%,0% 76%,45% 58%,45% 45%,45% 45%);*/
/*    --polygonB5: polygon(50% 53%,50% 53%,50% 53%,50% 53%,50% 53%,100% 76%,100% 100%,0% 100%,0% 76%,50% 53%,50% 53%,50% 53%);*/
/*    animation-name: fill;*/
/*    background-color: var(--fg);*/
/*    background-size: 100% 3.6em;*/
/*    clip-path: var(--polygonB1);*/
/*    -webkit-clip-path: var(--polygonB1);*/
/*    top: 0.5em;*/
/*    left: 0.5em;*/
/*    width: 4em;*/
/*    height: 8em;*/
/*    z-index: 1;*/
/*}*/
/*.hourglass:after {*/
/*    animation-name: glare;*/
/*    background:*/
/*            linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 0 / 100% 0.5em,*/
/*            linear-gradient(90deg,#0000 0.75em,#0003 0.75em 1.25em,#0000 1.25em 3.75em,#fff3 3.75em 4.25em,#fff0 4.25em 6.75em,#0003 6.75em 7.25em,#0000 7.25em) 0 0.5em / 100% 8em,*/
/*            linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 100% / 100% 0.5em;*/
/*    background-repeat: repeat-x;*/
/*    top: 0;*/
/*    left: -3em;*/
/*    width: 200%;*/
/*    height: 100%;*/
/*    z-index: 2;*/
/*}*/
/*!* Animations *!*/
/*@keyframes fill {*/
/*    from {*/
/*        clip-path: var(--polygonB1);*/
/*        -webkit-clip-path: var(--polygonB1);*/
/*    }*/
/*    10% {*/
/*        clip-path: var(--polygonB2);*/
/*        -webkit-clip-path: var(--polygonB2);*/
/*    }*/
/*    45% {*/
/*        clip-path: var(--polygonB3);*/
/*        -webkit-clip-path: var(--polygonB3);*/
/*    }*/
/*    80% {*/
/*        clip-path: var(--polygonB4);*/
/*        -webkit-clip-path: var(--polygonB4);*/
/*    }*/
/*    85%, to {*/
/*        clip-path: var(--polygonB5);*/
/*        -webkit-clip-path: var(--polygonB5);*/
/*    }*/
/*}*/
/*@keyframes glare {*/
/*    from, 90% {*/
/*        transform: translateX(0);*/
/*    }*/
/*    to {*/
/*        transform: translateX(3em);*/
/*    }*/
/*}*/
/*@keyframes flip {*/
/*    from, 90% {*/
/*        transform: rotate(0);*/
/*    }*/
/*    to {*/
/*        transform: rotate(180deg);*/
/*    }*/
/*}*/


.spinner{
    width: 4.17vw;
    height: 4.17vw;

    border: 0.1vw solid #f3f3f3;
    border-top: 0.16vw solid #efc66a;
    border-radius: 100%;

    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;

    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
         transform: rotate(360deg);
     }
}


/* Header */

header {
    position: fixed;
    top: 0;
    height: 5vw;
    width: 100%;
    z-index: 1000;
    background: rgba(1, 58, 126, 1);
    color: #fff;
    font-size: 0.83vw;
    font-weight: 400;
}

.page-template-page_home header {
    background: transparent;
}

header.scrolled {
    background: rgba(1, 58, 126, 1);
    /*color: #000;*/
}

header .container {
    display: flex;
    align-items: center;
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.16vw;
}

.logo img {
    width: 100%;
}

/*.header .logo {*/
/*    position: absolute;*/
/*    left: auto;*/
/*    right: auto;*/
/*}*/

/*.logo .logo_white {*/
/*    display: none;*/
/*}*/

/*.page-template-page_home .logo .logo_black {*/
/*    display: none;*/
/*}*/

/*.page-template-page_home .logo .logo_white {*/
/*    display: block;*/
/*}*/

/*.page-template-page_home header.scrolled .logo .logo_white {*/
/*    display: none;*/
/*}*/

/*.page-template-page_home header.scrolled .logo .logo_black {*/
/*    display: block;*/
/*}*/

.header_right {
    display: flex;
    width: 83%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.header__menu {
    max-width: 32vw;
    width: 100%;
    padding: 0;
}

html[lang=fr-FR] .header__menu {
    max-width: 40vw;
}

.header__list {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.header__list .sub-menu li:nth-child(2), .header__list .sub-menu li:nth-child(3) {
    margin: 0 !important;
}

.header__list a {
    transition: all .3s linear;
    /* font-weight: 600; */
    line-height: 143%;
    position: relative;
}

.menu-item-has-children {
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.menu_item__title:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.52vw;
    height: 0.31vw;
    background: url(../img/dropdown_icon.svg);
    background-size: cover;
    transition: all .2s linear;
}

.menu_item__title:hover:after {
    transform: translateY(-50%) rotate(180deg);
    transition: all .2s linear;
}

.footer__menu .menu_item__title:after {
    display: none;
}

.sub-menu {
    position: absolute;
    padding: 0.781vw;
    background: #f6f6f6;
    /*border-radius: 1.146vw;*/
    width: 100%;
    min-width: 12.604vw;
    top: 95%;
    margin-left: 0;
    list-style: none !important;
    z-index: 10;
    text-align: center;
    color: #000;
    display: none;
}

.sub-menu li {
    padding: 0.26vw 0;
}

.header__list a:hover {
    color: #00a651 !important;
    transition: all .3s linear;
}

.header__list a.active_link {
    color: #00a651 !important;
}

.header_contacts {
    display: flex;
    align-items: center;
    max-width: 14vw;
    width: 100%;
    justify-content: space-between;
    position: relative;
    height: 100%;
}

.header_right .action_btn  {
    width: 10.68vw;
    height: 2.29vw;
    font-size: 0.83vw;
}

.lang-block {
    position: relative;
    width: 100%;
}

.lang-block:focus {
    background: 0 0
}

.lang-block:active {
    background: 0 0
}

.lang-block__item {
    position: relative;
    text-transform: uppercase;
}

.current-lang {
    display: none
}

.lang {
    position: absolute;
    top: 0.42vw;
    bottom: auto;
    right: 12vw;
    /*position: relative;*/
    width: fit-content;
    cursor: pointer;
    margin: 1.3vw 0 0;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    padding: 0 1.04vw 0 0;
    font-size: 1.09vw;
    /*display: none;*/
}

.lang-item {
    opacity: 0;
    transition: .3s;
    /*padding: 0.26vw;*/
    /*margin-top: -1px*/
}

.lang-item a {
    text-transform: uppercase
}

.lang:after {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    transform: translateY(-50%);
    width: 0.52vw;
    height: 0.31vw;
    background: url(../img/dropdown_icon.svg);
    background-size: cover;
}

.lang:hover .lang-item {
    opacity: 1;
    background: transparent;
}

.services_block {
    position: absolute;
    top: 95%;
    width: 100%;
    background: #f6f6f6;
    color: #000;
    padding: 1.3vw;
    display: flex;
    justify-content: space-between;
    display: none;
}

.services_column {
    width: 23%;
}

.services_column .column_title {
    font-size: 1.04vw;
    line-height: 1.2;
    min-height: 2.5vw;
    display: flex;
    align-items: center;
    margin: 0 0 1.04vw;
}

.services_mid {
    margin: 0 0 0.52vw;
    font-size: 0.68vw;
}

.services_group, .services_list {
    padding: 0 0 0 1.3vw;
    position: relative;
}

.services_group:before, .services_list:before {
    position: absolute;
    content: '';
    width: 0.1vw;
    height: 100%;
    background: rgba(46, 172, 109, .5);
    left: 0;
    top: 0;
}

.group_title, .mid_title {
    font-size: 0.68vw;
    font-weight: 400;
}

.services_block a {
    transition: all .2s linear;
}

.services_block a:hover {
    color: #efc66a !important;
    transition: all .2s linear;
}

.menu_item__title {
    position: relative;
    padding: 0 1vw 0 0 !important;
}



    /* Footer */

.footer {
    padding: 2.08vw 0 !important;
    background: #0e192d;
    color: #fff;
}

.footer .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .middle {
    margin: 1.56vw 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer__menu {
    max-width: 33.91vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 0.94vw;
    margin: 2.08vw 0;
}

html[lang=fr-FR] .footer__menu {
    max-width: 45vw;
}

.footer__list {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
}

.footer_contacts {
    display: flex;
    flex-direction: column;
    max-width: 29.95vw;
    width: 100%;
}

.footer_contacts .title {
    font-size: 0.73vw;
    margin: 0 0 1.04vw;
}

.footer_contacts .desc {
    font-size: 1.04vw;
    margin: 0 0 1.56vw;
}

.footer__phone_mail .phone {
    margin: 0 3vw 0 0;
}

html[lang=ar] .footer__phone_mail .phone {
    margin: 0 0 0 3vw;
}

.copyright_text {
    font-weight: 400;
    font-size: 0.63vw;
    line-height: 102%;
    letter-spacing: -0.03em;
    margin: 0 0 0.52vw;
    color: rgba(255, 255, 255, 0.64);
}

.dev_link {
    font-weight: 400;
    font-size: 0.63vw;
    color: rgba(255, 255, 255, 0.64);
    line-height: 102%;
    letter-spacing: -0.03em;
}


/* Pages */

.first_screen {
    height: 100vh;
    min-height: 47vw;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #d9d9d9;
    overflow: hidden;
}

.first_screen .container {
    max-width: 79.69vw;
}

.first_screen .wrapper {
    display: flex;
    height: 100%;
    /*align-items: center;*/
    /* justify-content: center; */
    flex-direction: column;
    color: #fff;
    padding: 1.5vw 0 0;
}

.first_screen .wrapper h1, .about_us__first_screen .wrapper h1, .services_single__first_screen h1 {
    font-size: 4.79vw;
    font-weight: 900;
    font-family: var(--font-family);
    font-style: italic;
    line-height: 1;
    color: #fff;
    margin: 0 0 1.3vw;
    text-transform: uppercase;
}

html[lang=fr-FR] .first_screen .wrapper h1 {
    font-size: 3.5vw;
}

.first_screen .wrapper h1 span {
    font-size: 2.66vw;
}

html[lang=fr-FR] .first_screen .wrapper h1 span {
    font-size: 2vw;
}

.first_screen .wrapper .subtitle {
    max-width: 33.96vw;
    width: 100%;
    margin: 0 0 1.3vw;
    text-align: left;
}

.first_screen .wrapper .image_block {
    width: 10.26vw;
    margin: 0 0 1vw;
}

.border_radius_10 {
    border-radius: 0.521vw;
}

.image_block {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image_block img {
    width: 100%;
    height: 100%;
}

.first_screen .btn_block {
    margin: 0 0 4vw;
    display: flex;
    justify-content: flex-start;
}

.first_screen .bottom_text p {
    max-width: 33.96vw;
    width: 100%;
    line-height: 1.2;
}

.first_screen .bottom_image_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 4vw 0 0;
}

.first_screen .bottom_image_text p {
    text-align: center;
}

h2 {
    font-weight: 700;
    font-size: 3.75vw;
    line-height: 92%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
}

/*WHAT IS YOUR BETTING STYLE SECTION*/

.betting_style_test {
    background: linear-gradient(225deg, #003380 0%, #003f9f 100%);
}

.betting_style_test h2, .betting_style_test .subtitle {
    color: #fff;
}

.betting_style_test h2 {
    margin: 0 0 0.78vw;
}

.subtitle {
    text-align: center;
}

.betting_style_test .elem {
    position: relative;
}

.betting_style_test .elem .bg_image {
    width: 71.25vw;
    height: auto;
    left: auto;
}

.app {
    max-width: 47.92vw;
    margin: 1.67vw auto 4.17vw;
    padding: 0 1.04vw;
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(4px);
    background: #fff;
    width: calc(100% - 4vw);
    margin: 1.04vw 0;
}

.progress {
    width: 100%;
    height: 0.52vw;
    background:#e9eef5;
    border-radius: 0.52vw;
    overflow:hidden;
    box-shadow: inset 0 1px 2px rgba(2,6,23,.06);
}

.progress .bar {
    width: 0%;
    height: 100%;
    background: #00a651;
    transition: width .55s ease;
}

.progress-label {
    display: flex;
    justify-content: flex-end;
    gap: 0.42vw;
    margin: 0.42vw 0 0;
    color: var(--muted);
    font-size: 0.83vw;
}

.screen {
    display: none;
    justify-content: center;
    width: 62vw;
    margin: 0 auto;
    min-height: 34vw;
}

.screen.active {
    display: flex;
}

.card {
    padding: 3.65vw 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.lead {
    position: relative;
    font-weight: 700;
    font-size: 1.35vw;
    line-height: 117%;
    text-align: center;
    color: #003380;
}

.list {
    margin: 2vw 0;
    padding: 0 0 0 1.3vw;
    list-style: disc;
    position: relative;
    text-align: left;
}

.btn {
    appearance: none;
    cursor: pointer;
    padding: 0 0 0.16vw;
}

.btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
}

.btn.cta:hover {
    filter: saturate(1.05) brightness(1.02);
}

.btn.outline {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
}

#screen-start .card {
    text-align: center;
    justify-content: center;
    padding: 0;
}

#screen-start .card .actions-row {
    justify-content: center;
}

#cta-blog {
    padding: 0;
    width: 13.07vw;
    height: 2.55vw;
    font-size: 1.04vw;
    font-weight: 700;
    background: transparent;
    border: 1px solid #000 !important;
    color: #000;
    border-radius: 0.47vw;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s
    ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s
    ease-in-out;
    overflow: hidden;
}

.btn.small {
    padding: 0;
    border-radius: 0.78vw;
    text-decoration: underline !important;
    margin: 0 0 0 1.56vw;
}

.btn.link {
    background: transparent;
    color: var(--accent);
    box-shadow: none;
    padding: 0;
}

.btn-gift {
    background: linear-gradient(90deg, #22c55e, #16a34a);
    color: white;
}

.btn-gift:hover {
    filter: brightness(1.03);
}

.actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
    margin: 0.78vw 0 0;
}

/*.hero { */
/*    display: grid; */
/*    gap: 1.04vw; */
/*    grid-template-columns: 1.1fr .9fr; */
/*    align-items: center; */
/*}*/

.hero h1 {
    font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
    margin: 0;
}

.hero .panel {
    background: white;
    border: 1px solid var(--line);
    border-radius: 1.15vw;
    padding: 1.04vw;
    box-shadow: var(--shadow);
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    background: #ecfeff;
    color: #155e75;
    border: 1px solid #bae6fd;
    padding: 0.78vw;
    border-radius: 0.52vw;
    font-weight: 600;
}

.question-count {
    margin: 0 0 0.52vw;
    position: relative;
    font-weight: 800;
    font-size: 2.3vw;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #013688;
}

.question-text {
    position: relative;
    font-weight: 700;
    font-size: 2.3vw;
    line-height: 100%;
    text-align: center;
    color: #000 !important;
    text-transform: none;
    min-height: 4.69vw;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.answers {
    position: relative;
    border: 0.1vw dashed #cdcdcd;
    border-radius: 1.35vw;
    width: 58.33vw;
    overflow: hidden;
    padding: 0.78vw;
    background: rgba(255, 255, 255, .75);
    row-gap: 0.26vw;
    display: flex;
    flex-direction: column;
    min-height: 12.86vw;
}

.answer {
    display: flex;
    align-items: center;
    gap: 0.63vw;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}

.answer:hover {
    background: white;
    border-color: #cbd5e1;
}

.answer input {
    display: none;
}

.answer-text {
    font-weight: 700;
}

.radio {
    width: 1.25vw;
    height: 1.25vw;
    border-radius: 50%;
    /*border: 2px solid #9ca3af;*/
    background: #d4d4d4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.25vw;
    position: relative;
}

.radio::after {
    content: "";
    width: 0.63vw;
    height: 0.63vw;
    border-radius: 50%;
    background: #00a651;
    transform: scale(0);
    transition: transform .18s ease;
    top: 0.34vw;
    bottom: auto;
    left: 0.34vw;
    right: auto;
    position: absolute;
}

.answer input:checked + .radio::after {
    transform: scale(1);
}

.question-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.78vw 0 0;
    position: relative;
}

#screen-results .card {
    padding: 5vw 0 0;
    position: relative;
}

.results-card h2{
    margin: 0;
    color: #013688;
    position: relative;
    font-size: 2.5vw;
}

.score-line {
    margin: 3vw 0 0;
    font-size: 2.5vw;
    position: relative;
    font-weight: 700;
    line-height: 1;
}

.category-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    font-weight: 700;
    border-radius: 0.52vw;
    position: relative;
    font-size: 2.5vw;
    line-height: 1;
    margin: 0 0 1vw;
}

.category-badge img, .action_btn img, #cta-claim img, #btn-claim img, #cta-review img, #cta-learn img, #cta-retake img {
    display: none !important;
}

/*.category-badge[data-color="green"] {*/
/*    background: #ecfdf5;*/
/*    color: #065f46;*/
/*    border-color: #a7f3d0;*/
/*}*/

/*.category-badge[data-color="amber"] {*/
/*    background: #fffbeb;*/
/*    color: #92400e;*/
/*    border-color: #fde68a;*/
/*}*/

/*.category-badge[data-color="orange"] {*/
/*    background: #fff7ed;*/
/*    color: #9a3412;*/
/*    border-color: #fed7aa;*/
/*}*/

/*.category-badge[data-color="red"] {*/
/*    background: #fef2f2;*/
/*    color: #991b1b;*/
/*    border-color: #fecaca;*/
/*}*/

.cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    margin: 4.5vw 0 0;
    position: relative;
}

/* Certificate modal */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.6);
    backdrop-filter: blur(4px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.04vw;
    z-index: 10;
}

.modal.open {
    display: flex;
}

.modal-window {
    width: 37.5vw;
    background: white;
    border-radius: 1.46vw;
    padding: 1.3vw;
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    position: relative;
    display: flex;
    flex-direction: column;
}

.close {
    position: absolute;
    top: 0.63vw;
    right: 0.63vw;
    width: 1.88vw;
    height: 1.88vw;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid var(--line);
    cursor: pointer;
    padding: 0;
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    padding: 0.42vw 0.63vw;
    border-radius: 0.63vw;
    font-weight: 700;
    margin: 1vw auto;
}

.badge.green {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.promo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.52vw;
    margin: 2vw 0 0;
    width: 100%;
    position: relative;
    font-weight: 700;
}

.promo .code {
    background: #003380;
    color: #fff;
    padding: 0.52vw 1.56vw;
    border-radius: 0.63vw;
    letter-spacing: 0.05vw;
    font-size: 1.04vw;
}

.hidden {
    display:none;
}

/*.footer-note {*/
/*    margin: 0.94vw 0 0;*/
/*    color: var(--muted);*/
/*    font-size: 0.83vw;*/
/*    text-align: center;*/
/*}*/

.betting_style_test .bottom_text {
    margin: 3vw 0 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

#cta-claim img {
    margin: 0 0.52vw 0 0 !important;
}

/*NEWS SECTION*/

.news h2, .blog h2 {
    margin: 0 0 1.3vw;
}

.news .subtitle, .blog .subtitle {
    margin: 0 0 2.6vw;
    font-weight: 700;
}

.news .subtitle span, .blog .subtitle span {
    color: #00be5d;
}

.news .wrapper, .blog .wrapper {
    max-width: 67.03vw;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.swiper-button-next, .swiper-button-prev {
    width: 0.83vw;
    height: 1.46vw;
    background-image: url("../img/prev.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.swiper-button-next {
    background-image: url("../img/next.png");
    right: -4vw;
}

.swiper-button-prev {
    background-image: url("../img/prev.png");
    left: -4vw;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.news .swiper .slide__inner, .blog .swiper .slide__inner, .page_news .wrapper .elem .news_item {
    position: relative;
    border-radius: 1.35vw;
    overflow: hidden;
}

.news .swiper .slide__inner .logo, .blog .swiper .slide__inner .logo, .page_news .wrapper .elem .news_item .logo {
    width: 6.41vw;
    position: absolute;
    top: 1.3vw;
    right: 1.3vw;
}

.news .swiper .slide__inner .text_block, .blog .swiper .slide__inner .text_block {
    position: absolute;
    bottom: 1.3vw;
    padding: 0 1.3vw;
    color: #fff;
    font-size: 1.25vw;
    z-index: 5;
    line-height: 1;
    font-family: var(--third-family);
}

.page_news .wrapper .elem .news_item .text_block {
    position: absolute;
    bottom: 1.3vw;
    padding: 0 1.3vw;
    color: #fff;
    font-size: 1.25vw;
    z-index: 5;
    line-height: 1;
    font-family: var(--third-family);
    width: 100%;
}

.page_news .wrapper .elem .news_item .text_block .btn_block {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1.25vw;
    margin: 1vw 0 0;
}

.page_news .wrapper .elem .news_item .text_block .btn_block .blog_date {
    font-size: 1.04vw;
}


.news .swiper .slide__inner .text_block h3, .blog .swiper .slide__inner .text_block h3, .page_news .wrapper .elem .news_item .text_block h3 {
    font-weight: 700;
}

.news .swiper .slide__inner .text_block p, .blog .swiper .slide__inner .text_block p, .page_news .wrapper .elem .news_item .text_block p {
    font-style: italic;
}

.news .swiper .slide__inner:after, .blog .swiper .slide__inner:after, .page_news .wrapper .elem .news_item:after {
    position: absolute;
    content: '';
    bottom: 0;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 5.94vw;
}

.new_link, .blog_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

/*CALCULATOR SECTION*/

.calculator {
    color: #fff;
}

.calculator .elem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 3vw auto 0;
    width: 62vw;
}

.calculator .elem .left {
    max-width: 28.65vw;
    width: 100%;
}

.calculator .elem .left ul {
    padding: 0 0 0 1.3vw;
    list-style: disc;
    margin: 1.04vw 0 0;
    line-height: 1.2;
}

.calculator .elem .left ol {
    padding: 0 0 0 1.3vw;
    list-style: decimal;
    margin: 1.04vw 0 0;
    line-height: 1.2;
}

.calculator .elem .right {
    max-width: 27.86vw;
    width: 100%;
    box-shadow: 0 29px 38px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 0.83vw;
    position: relative;
    padding: 3.13vw 1.56vw 1.56vw;
    color: #000;
}

.calculator .elem .right:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background: #00a651;
    height: 2.24vw;
    border-radius: 0.83vw;
}

.sbc-row {
    position: relative;
}

.sbc-label {
    font-weight: 700;
    font-size: 0.94vw;
    line-height: 117%;
    color: #000;
    display: flex;
    align-items: center;
    margin: 0 0 0.26vw;
    width: fit-content;
    position: relative;
}

.sbc-label .image_block {
    width: 1.67vw;
    margin: 0 0 0 0.26vw;
    cursor: pointer;
}

.bankroll_tooltip {
    position: absolute;
    left: auto;
    right: calc(50% - 6.5vw);
    top: auto;
    bottom: 105%;
    font-size: 0.73vw;
    background: #fff;
    padding: 0.52vw;
    border-radius: 0.52vw;
    border: 1px solid #000;
    max-width: 10vw;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.percentage_tooltip {
    position: absolute;
    left: auto;
    right: calc(50% - 8.5vw);
    top: auto;
    bottom: 105%;
    font-size: 0.73vw;
    background: #fff;
    padding: 0.52vw;
    border-radius: 0.52vw;
    border: 1px solid #000;
    max-width: 10vw;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.sbc-input {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.56vw;
}

#sbc-bankroll {
    border: 1px solid #000;
    padding: 0.52vw 0.78vw;
    background: #f4f4f4;
    border-radius: 0.47vw;
    height: 2.6vw;
    width: 100%;
    outline: none;
    font-weight: 700;
    font-size: 0.94vw;
    color: #000;
}

*::placeholder {
    color: rgba(0,0,0,.5) !important;
}

.custom-select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
    height: 2.6vw;
    background: #f4f4f4;
    padding: 0.52vw 0.78vw;
    border: 1px solid #000;
    border-radius: 0.47vw;
    color: #000;
    font-weight: 700;
    font-size: 0.94vw;
}

.custom-select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    /* background: #f5f5f7; */
    cursor: pointer;
    height: 100%;
    border: none;
    outline: none;
    /* padding: 0.26vw 0.781vw; */
}

.custom-select:after {
    position: absolute;
    content: '';
    background-image: url(../img/accordeon_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.729vw;
    height: 0.417vw;
    top: auto;
    bottom: auto;
    right: 0.781vw;
    transition: all .2s linear;
    cursor: pointer;
    z-index: 1;
}

/*.custom-select.open .custom-select-trigger {*/
/*    border-radius: 0.521vw 0.521vw 0 0;*/
/*}*/

.custom-select.open:after {
    transform: rotate(180deg);
    transition: all .2s linear;
}

.custom-options {
    position: absolute !important;
    display: block;
    top: 103%;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    border-radius: 0 0 0.521vw 0.521vw;
    border: 1px solid #ebebeb;
    background: #fff;
    transition: all .3s ease;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    z-index: 999;
    height: 11vw;
    padding: 0;
    overflow: auto;
}

.custom-options::-webkit-scrollbar {
    border-radius: 5px;
}

.custom-options::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

.custom-select.open .custom-options, .custom-select.open .search-input {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0.313vw 0.781vw;
    border-bottom: 1.5px dashed #EBEBEB;
    cursor: pointer;
    color: #0E0E0E;
    font-weight: 500;
    max-width: 100%;
    border-radius: 0.417vw;
}

.custom-option:last-child {
    border-bottom: none;
}

.custom-option:hover p {
    color: #fff !important;
}

.custom-option.selected {
    color: #fff;
    background: #00a651;
    border-bottom: none;
}

.custom-option.selected p {
    color: #fff !important;
}

.custom-option.selected:hover {
    background: #00a651;
    border-bottom: none;
}

.sbc-result {
    margin: 1.56vw 0;
    font-weight: 700;
    font-size: 1.04vw;
    line-height: 92%;
    letter-spacing: -0.03em;
    text-align: center;
}

/*.sbc-result-value {*/
/*    color: #00a651;*/
/*}*/

.sbc-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sbc-actions .sbc-btn-primary {
    padding: 0 0 0.16vw;
    width: 48%;
}

.sbc-actions .sbc-btn-secondary {
    padding: 0 0 0.16vw;
    width: 48%;
    border: 1px solid #000 !important;
    color: #000;
}

/* текстовий колір результату */
.sbc-result-value.sbc-risk-green  { color: #16a34a; } /* 1–5% */
.sbc-result-value.sbc-risk-yellow { color: #f59e0b; } /* 6–10% */
.sbc-result-value.sbc-risk-red    { color: #ef4444; } /* > yellowMax (на всяк випадок) */

/*FAQ SECTION*/

.faq h2 {
    margin: 0 0 1.563vw;
    color: #fff;
}

.accordeon_item {
    background: #fff;
    margin: 0 0 1.3vw;
    transition: all .2s linear;
}

.accordeon_title {
    padding: 0.78vw 3.125vw 0.78vw 1.302vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.accordeon_title a, .accordeon_title h3 {
    color: #000;
    font-weight: 700;
}

.accordeon_title a:hover {
    text-decoration: underline !important;
}

.accordeon_content {
    padding: 0 1.302vw 0.78vw;
}

.accordeon_content ul, .accordion_simple ul,
.accordeon_content ol, .accordion_simple ol {
    padding-left: 1.563vw;
}

.accordeon_content ul li, .accordion_simple ul li {
    list-style: disc;
    margin: 0 0 0.521vw;
}

.accordeon_content ol li, .accordion_simple ol li {
    list-style: decimal;
    margin: 0 0 0.521vw;
}

.accordeon_content p:not(:last-child) {
    margin: 0 0 0.521vw;
}

.accordeon_title:after {
    position: absolute;
    content: '';
    background-image: url(../img/accordeon_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    width: 0.99vw;
    height: 0.573vw;
    top: auto;
    bottom: auto;
    right: 1.302vw;
    transition: all .2s linear;
}

.accordeon_item.active .accordeon_title:after {
    transform: rotate(180deg);
    transition: all .2s linear;
}

/*Archive Blog*/

.page_blog, .page_news {
    padding: 6vw 0 5.21vw;
}

.page_blog .wrapper {
    max-width: 67.03vw;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 3.91vw 0 0;
}

.page_news .wrapper {
    padding: 3.91vw 0 0;
}

.single_blog .wrapper, .single_news .wrapper {
    padding: 0;
}

.page_blog .wrapper h1, .page_news .wrapper h1 {
    font-weight: 700;
    font-size: 3.75vw;
    line-height: 92%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1.3vw;
}

.page_blog .wrapper .subtitle, .page_news .wrapper .subtitle {
    max-width: 58.33vw;
    width: 100%;
    margin: 0 auto 2.6vw;
}

.page_blog .wrapper .elem {
    display: flex;
    flex-direction: column;
}

.page_news .wrapper .elem {
    display: flex;
    flex-wrap: wrap;
    gap: 2.34vw;
}

.page_blog .wrapper .elem .blog_item {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.09);
    background: #fff;
    border-radius: 0.52vw;
    width: 100%;
    padding: 1.3vw;
    margin: 0 0 2.08vw;
    position: relative;
    transition: all .2s linear;
}

.page_blog .wrapper .elem .blog_item:hover {
    transform: scale(1.01);
    transition: all .2s linear;
}

.page_blog .wrapper .elem .blog_item .image_block {
    width: 11.67vw;
    border-radius: 1.35vw;
}

.page_blog .wrapper .elem .blog_item .text_block {
    width: 50vw;
}

.page_blog .wrapper .elem .blog_item .text_block h3 {
    font-style: italic;
    font-weight: 600;
    font-size: 1.46vw;
    line-height: 120%;
    color: #0e0e0e;
    margin: 0.78vw 0 1.04vw;
}

.page_blog .wrapper .elem .blog_item .text_block .desc {
    font-weight: 600;
    font-size: 0.83vw;
    color: #4f4f4f;
}

.page_blog .wrapper .elem .blog_item .text_block .blog_date {
    font-weight: 400;
    font-size: 0.73vw;
    line-height: 140%;
    color: #000;
}

.page_blog .wrapper .elem .blog_item .text_block .btn_block {
    justify-content: space-between;
    align-items: flex-end;
}

.breadcrumbs_wrapper {
    font-weight: 600;
    font-size: 0.68vw;
    line-height: 100%;
}

.kama_breadcrumbs {
    display: flex;
    align-items: center;
}

.breadcrumbs_wrapper span {
    color: #0e0e0e;
}

.breadcrumbs_wrapper a span {
    color: #808080 !important;
}

.breadcrumbs_wrapper a span:hover {
    color: #0e0e0e !important;
}

.breadcrumbs_wrapper .kb_sep {
    margin: 0 0.42vw;
}

.breadcrumbs_wrapper .kb_sep picture {
    width: 0.21vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    margin: 4vw 0 0;
}

.wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span {
    border: none !important;
    padding: 0 !important;
    margin: 0 0.52vw !important;
}

.wp-pagenavi a:hover {
    color: #00a651;
}

.page_news .wrapper .elem .news_item {
    width: 31%;
    transition: all .2s linear;
}

.page_news .wrapper .elem .news_item:hover {
    transform: scale(1.01);
    transition: all .2s linear;
}

.blog_categories {
    display: flex;
    align-items: center;
    margin: 0 0 3vw;
}

.blog_categories__slider, .news_categories .swiper  {
    width: 100%;
    padding: 0 0 0.52vw;
}

.blog_categories__slider .swiper-slide, .news_categories .swiper-slide {
    width: fit-content;
}

.news_categories {
    display: flex;
    flex-direction: column;
    margin: 0 0 3vw;
}

.single-news .news_categories, .single-blog .blog_categories {
    margin: 3vw 0;
}

.news_categories .cat_group {
    display: flex;
}

.news_categories .cat_group:nth-child(1) {
    margin: 0 0 1.04vw;
}

.cat_btn {
    font-weight: 600;
    font-size: 0.83vw;
    text-align: center;
    color: #4f4f4f;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.09);
    background: #fff;
    border-radius: 0.52vw;
    height: 2.92vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.3vw;
    transition: all .2s linear;
}

.cat_btn.active, .cat_btn:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.09);
    background: #00a651;
    color: #fff;
    transition: all .2s linear;
}

.single_news .headline {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 2.6vw;
}

.single_blog .headline {
    margin: 0 0 1.04vw;
}

.single_news .headline .news_title {
    font-weight: 700;
    font-size: 3.75vw;
    line-height: 92%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin: 0 0 0.78vw;
    width: 75%;
}

.single_blog .headline .news_title {
    margin: 0 0 2.6vw;
}

.single_news .headline .news_date {
    font-style: italic;
    font-weight: 700;
    font-size: 1.04vw;
    line-height: 117%;
    color: #afafaf;
}

.single_blog .headline .news_date {
    width: 100%;
    color: #000;
}

.single_news .headline .news_date span {
    color: #00a651;
}

.news_content {
    font-size: 0.83vw;
}

.news_content p:not(:last-child) {
    margin: 0 0 0.78vw;
}

.news_content ul {
    margin: 0 0 0.78vw;
    padding: 0 0 0 1.3vw;
    list-style: disc;
}

.news_content ol {
    margin: 0 0 0.78vw;
    padding: 0 0 0 1.3vw;
    list-style: decimal;
}

.single_news {
    padding: 6vw 0 0;
}

.news_actions {
    margin: 2.5vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.04vw;
}

.news_actions .source {
    display: flex;
    align-items: center;
}

.news_actions .rate_publication {
    display: flex;
    align-items: center;
    margin: 2vw 0;
}

.news_actions .btn_block {
    margin: 0;
    align-items: center;
}

.news_actions .btn_block .share-btn {
    width: 1.82vw;
    margin: 0 1.3vw 0 0;
    transition: all .2s linear;
}

.news_actions .btn_block .share-btn:hover {
    transition: all .2s linear;
    transform: scale(1.1);
}

.news_actions .title {
    font-weight: 600;
    font-style: italic;
    margin: 0 0.52vw 0 0 !important;
}

.share_btn {
    margin: 0 1.3vw 0 0;
}

.aligncenter {
    width: 100%;
}

.star-rating {
    display: flex;
    justify-content: space-between;
    max-width: 15vw;
    width: 100%;
    margin: -0.52vw auto 0;
}

.star-rating label {
    background-image: url(../img/star.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.979vw;
    height: 1.927vw;
    cursor: pointer;
}

.star-rating label.active {
    background-image: url(../img/star_active.png);
}

.star-rating label {
    margin: 0 1.04vw 0 0;
}

.star-rating input[type="radio"] {
    appearance: none;
}

.back_btn {
    font-weight: 600;
    font-size: 0.83vw;
    text-align: center;
    color: #4f4f4f;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.09);
    background: #fff;
    border-radius: 0.52vw;
    height: 1.98vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2.08vw;
    margin: 0 1.3vw 0 0;
    transition: all .2s linear;
    position:  relative;
    cursor: pointer;
}

.back_btn:before {
    position: absolute;
    content: '';
    background-image: url("../img/breadcrumb.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 0.31vw;
    height: 0.52vw;
    left: 1.3vw;
    top: auto;
    bottom: auto;
    transform: rotate(180deg);
}

.back_btn:hover {
    transition: all .2s linear;
    transform: scale(1.05);
}

.bankroll_tooltip, .percentage_tooltip {
    display: none;
}

.swiper-scrollbar-drag {
    background: #00a651;
}

#promo-link {
    display: none;
}

.error-404 .wrapper {
    height: 37vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-404 .wrapper .title {
    font-size: 9.38vw;
    font-weight: 800;
}




/* Media */

@media screen and (orientation: portrait) {
    body {
        font-size: 2.54vw;
    }

    .container {
        max-width: 100%;
        padding: 0 1.95vw;
    }

    header {
        height: 7.81vw;
        transition: all .2s linear;
        font-size: 1.76vw;
    }

    .burger {
        display: flex;
        z-index: 2500;
        margin: 0;
    }

    .logo {
        width: 19.04vw;
        z-index: 1500;
    }

    .ham {
        width: 5.86vw;
    }

    .header__wrapper {
        max-width: 100%;
        background: transparent;
    }

    header.scrolled .header__wrapper {
        background: transparent;
        transition: all .2s linear;
    }

    .header_right {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
        padding: 11.72vw 1.95vw 2.93vw;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        z-index: 1200;
        top: 0;
        left: 0;
        height: auto;
        -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        background: #091C39;
        color: #fff;
    }

    .header_right.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
    }

    .header_contacts {
        max-width: 17.23vw;
        margin: 0;
        position: absolute;
        right: 1.95vw;
    }

    .header_contacts .action_btn {
        width: 20.02vw;
        height: 4.3vw;
        font-size: 1.56vw;
    }

    .lang {
        position: relative;
        z-index: 1500;
        padding: 0 1.95vw 0 0;
        margin: 3vw 0 0;
        top: 0;
        right: 0;
        font-size: 2.05vw;
    }

    .lang:after {
        top: 25%;
        width: 0.98vw;
        height: 0.59vw;
    }

    .header__menu {
        max-width: 100%;
        margin: 0 0 3vw;
    }

    .header__list {
        flex-direction: column;
        align-items: center;
    }

    .header__list li:not(:last-child), .footer__list li:not(:last-child) {
        margin: 0 0 1vw;
    }

    .header_right .action_btn {
        width: 20.02vw;
        height: 4.3vw;
        font-size: 1.56vw;
    }

    section {
        padding: 7.32vw 0;
    }

    .first_screen {
        height: auto;
        min-height: 47vw;
        padding: 14.65vw 0 7.32vw;
    }

    .first_screen .container {
        max-width: 100%;
    }

    .first_screen .wrapper h1, .about_us__first_screen .wrapper h1, .services_single__first_screen h1 {
        font-size: 8.98vw;
        margin: 0 0 2.44vw;
    }

    .first_screen .wrapper h1 span {
        font-size: 4.98vw;
    }

    .first_screen .wrapper .subtitle {
        max-width: 60vw;
        margin: 0 0 2.44vw;
    }

    .action_btn, #cta-claim, #btn-claim, #cta-review, #cta-learn, .more_btn, #cta-retake, #cta-blog, #cta-retake {
        width: 24.51vw;
        height: 4.79vw;
        font-size: 1.95vw;
        border-radius: 0.88vw;
    }

    .first_screen .bottom_text p {
        max-width: 50vw;
    }

    .first_screen .bottom_image_text {
        margin: 6vw 0 0;
    }

    .first_screen .wrapper .image_block {
        width: 19.24vw;
        margin: 0 0 2vw;
    }

    h2 {
        font-size: 7.03vw;
    }

    .betting_style_test h2 {
        margin: 0 0 1.46vw;
    }

    .betting_style_test .elem .bg_image {
        width: 100%;
    }

    .question-count {
        margin: 0 0 0.98vw;
        font-size: 3.13vw;
    }

    .question-text {
        font-size: 3.52vw;
        min-height: 7.13vw;
    }

    .screen {
        width: 80vw;
        min-height: 44vw;
    }

    .topbar {
        width: calc(100% - 0vw);
        margin: 1.46vw 0;
    }

    .answers {
        border: 0.2vw dashed #cdcdcd;
        border-radius: 2.54vw;
        width: 80vw;
        padding: 1.46vw;
        row-gap: 0;
        min-height: 17.97vw;
        font-size: 1.95vw;
    }

    .progress {
        height: 0.98vw;
        border-radius: 0.98vw;
    }

    .betting_style_test .bottom_text {
        margin: 7vw 0 0;
    }

    #screen-results {
        width: 100%;
    }

    #screen-results h2 {
        font-size: 3.52vw;
    }

    .cta-row {
        gap: 1.95vw;
        margin: 3.95vw auto 0;
        justify-content: center;
        width: 80vw;
    }

    .news .wrapper, .blog .wrapper {
        max-width: 80vw;
    }

    .news .swiper .slide__inner, .blog .swiper .slide__inner, .page_news .wrapper .elem .news_item {
        border-radius: 2.54vw;
    }

    .news .swiper .slide__inner .logo, .blog .swiper .slide__inner .logo, .page_news .wrapper .elem .news_item .logo {
        width: 12.01vw;
        top: 2.44vw;
        right: 2.44vw;
    }

    .news .swiper .slide__inner .text_block, .blog .swiper .slide__inner .text_block {
        bottom: 2.44vw;
        padding: 0 2.44vw;
        font-size: 2.34vw;
    }

    .news .swiper .slide__inner:after, .blog .swiper .slide__inner:after, .page_news .wrapper .elem .news_item:after {
        height: 11.13vw;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 1.56vw;
        height: 2.73vw;
    }

    .calculator .elem {
        margin: 6vw auto 0;
        width: 100%;
    }

    .calculator .elem .left, .calculator .elem .right {
        max-width: 48%;
    }

    .calculator .elem .right {
        border-radius: 1.56vw;
        padding: 5.86vw 2.93vw 2.93vw;
    }

    .calculator .elem .right:before {
        height: 4.2vw;
        border-radius: 1.56vw;
    }

    .calculator .elem .left ul, .calculator .elem .left ol {
        padding: 0 0 0 2.44vw;
        margin: 1.95vw 0 0;
    }

    .sbc-label {
        font-size: 1.76vw;
    }

    .sbc-input {
        margin: 0 0 2.93vw;
    }

    #sbc-bankroll, .custom-select {
        padding: 0.98vw 1.46vw;
        border-radius: 0.88vw;
        height: 4.88vw;
        font-size: 1.76vw;
    }

    .custom-options {
        border-radius: 0.88vw;
        transition: all .3s ease;
        height: 20vw;
    }

    .custom-option {
        padding: 0.59vw 1.46vw;
    }

    .sbc-result {
        margin: 1.95vw 0;
        font-size: 1.95vw;
    }

    .faq h2 {
        margin: 0 0 2.93vw;
    }

    .accordeon_item {
        margin: 0 0 2.44vw
    }

    .accordeon_title {
        padding: 1.46vw 5.86vw 1.46vw 2.44vw;
    }

    .accordeon_title:after {
        width: 1.86vw;
        height: 1.07vw;
        right: 2.44vw;
    }

    .accordeon_content {
        padding: 0 2.44vw 1.95vw;
    }

    .footer {
        padding: 3.91vw 0 !important;
    }

    .footer__menu {
        max-width: 66vw;
        font-size: 1.76vw;
        margin: 3.91vw 0;
    }

    .copyright_text {
        font-size: 1.27vw;
        margin: 0;
    }

    .scroll_up {
        right: 3%;
        bottom: 3%;
        max-width: 6.25vw;
    }

    .score-line {
        margin: 0;
        font-size: 4.69vw;
    }

    .category-badge {
        font-size: 4.69vw;
        margin: 0 0 4vw;
    }

    .lead {
        font-size: 2.34vw;
    }

    .promo {
        gap: 0.98vw;
        margin: 2vw 0 0;
        width: 90%;
        position: relative;
    }

    .promo .code {
        padding: 0.98vw;
        border-radius: 1.27vw;
        font-size: 1.95vw;
    }

    .page_blog, .page_news {
        padding: 9vw 0 6vw;
    }

    .breadcrumbs_wrapper {
        font-size: 1.27vw;
    }

    .breadcrumbs_wrapper .kb_sep {
        margin: 0 0.78vw;
    }

    .breadcrumbs_wrapper .kb_sep picture {
        width: 0.39vw;
    }

    .page_blog .wrapper h1, .page_news .wrapper h1 {
        font-size: 7.03vw;
        margin: 0 0 2.44vw;
    }

    .page_blog .wrapper .subtitle, .page_news .wrapper .subtitle {
        max-width: 75%;
        margin: 0 auto 4.88vw;
    }

    .page_blog .wrapper, .page_news .wrapper {
        padding: 7vw 0 0;
        max-width: 100%;
    }

    .single_blog .wrapper, .single_news .wrapper {
        padding: 0;
    }

    /*.news .wrapper, .blog .wrapper {*/
    /*    max-width: 100%;*/
    /*}*/

    .page_news .wrapper .elem .news_item .text_block {
        bottom: 2.44vw;
        padding: 0 2.44vw;
        font-size: 2.34vw;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block {
        font-size: 2.34vw;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block .blog_date {
        font-size: 1.95vw;
    }

    .wp-pagenavi {
        margin: 7vw 0 0;
    }

    .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span {
        margin: 0 0.98vw !important;
    }

    .single-news .news_categories, .single-blog .blog_categories {
        margin: 3vw 0 7vw;
    }

    .single-news .news_categories .cat_group:nth-child(1) {
        margin: 0 0 1.95vw;
    }

    .cat_btn {
        font-size: 1.56vw;
        border-radius: 0.98vw;
        height: 4.88vw;
        padding: 0 2.44vw;
    }

    .single_news .headline .news_date {
        font-size: 1.95vw;
    }

    .news_content {
        font-size: 1.56vw;
    }

    .news_content p:not(:last-child) {
        margin: 0 0 1.46vw;
    }

    .news_content ul, .news_content ol {
        margin: 0 0 1.46vw;
        padding: 0 0 0 2.44vw;
    }

    .news_actions {
        margin: 3.5vw 0 0;
        font-size: 1.95vw;
    }

    .news_actions .rate_publication {
        margin: 3vw 0;
    }

    .news_actions .title {
        margin: 0 0.98vw 0 0 !important;
    }

    .star-rating {
        max-width: fit-content;
    }

    .star-rating label {
        width: 3.71vw;
        height: 3.61vw;
    }

    .star-rating label {
        margin: 0 1.46vw 0 0;
    }

    .back_btn {
        font-size: 1.56vw;
        border-radius: 0.98vw;
        height: 3.32vw;
        padding: 0 3.91vw;
        margin: 0 2.44vw 0 0;
    }

    .back_btn:before {
        width: 0.39vw;
        height: 0.98vw;
        left: 2.44vw;
    }

    .single_news .headline .news_title {
        font-size: 6.25vw;
        margin: 0 0 1.46vw;
    }

    .page_blog .wrapper .elem .blog_item {
        border-radius: 0.98vw;
        padding: 2.44vw;
        margin: 0 0 3.91vw;
    }

    .page_blog .wrapper .elem .blog_item .image_block {
        width: 21.88vw;
        border-radius: 2.54vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block {
        width: 66vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block h3 {
        font-size: 2.73vw;
        margin: 1.46vw 0 1.95vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .desc {
        font-size: 1.56vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .blog_date {
        font-size: 1.37vw;
    }

    html[lang=fr-FR] .first_screen .wrapper h1 {
        font-size: 4.5vw;
    }

    html[lang=fr-FR] .first_screen .wrapper h1 span {
        font-size: 3vw;
    }

    html[lang=fr-FR] .footer__menu {
        max-width: 80vw;
    }

    .star-rating {
        margin: -0.98vw auto 0;
    }

    .popup-block {
        max-width: 66vw;
        padding: 2.93vw;
    }

    .popup_title {
        font-size: 6.25vw;
        margin: 0 0 1.95vw;
    }

    .mfp-close {
        width: 4.3vw;
        height: 4.3vw;
        font-size: 2.73vw;
    }

    .radio {
        width: 2.34vw;
        height: 2.34vw;
        flex: 0 0 2.34vw;
    }

    .radio::after {
        width: 1.17vw;
        height: 1.17vw;
        top: 0.59vw;
        left: 0.59vw;
    }

    .scroll_up:hover, .action_btn:hover, #cta-claim:hover, #btn-claim:hover, #cta-review:hover, #cta-learn:hover, .more_btn:hover, #cta-retake:hover, .page_blog .wrapper .elem .blog_item:hover, .page_news .wrapper .elem .news_item:hover, .back_btn:hover, #cta-blog:hover, #cta-retake:hover {
        transition: none;
        transform: scale(1);
    }

    #screen-start .card {
        padding: 2.44vw 0 0;
    }

    .list {
        padding: 0 0 0 2.44vw;
        font-size: 2.34vw;
    }

    .sbc-label {
        margin: 0 0 0.49vw;
    }

    .sbc-label .image_block {
        width: 3.13vw;
        margin: 0 0 0 0.49vw;
    }

    .bankroll_tooltip {
        right: calc(50% - 12vw);
        font-size: 1.37vw;
        padding: 0.98vw;
        border-radius: 0.98vw;
        max-width: 17vw;
    }

    .percentage_tooltip {
        right: calc(50% - 15.5vw);
        font-size: 1.37vw;
        padding: 0.98vw;
        border-radius: 0.98vw;
        max-width: 17vw;
    }

    .custom-select:after {
        width: 1.37vw;
        height: 0.78vw;
        right: 1.46vw;
    }

    .blog_categories__slider, .news_categories .swiper {
        padding: 0 0 0.98vw;
    }

    .card {
        width: 100%;
    }

    #screen-results .card {
        padding: 4vw 0 0;
    }

    .news_actions .btn_block a {
        margin: 0 2.44vw 0 0;
    }

    .news_actions .btn_block .share-btn {
        width: 3.42vw;
    }

    .error-404 .wrapper {
        height: 110vw;
    }

    .error-404 .wrapper .title {
        font-size: 17.58vw;
    }
	
	html[lang=fr-FR] .header__menu {
		max-width: 100%;
	}
}

@media screen and (max-width: 1100px) and (orientation: landscape) {
    body {
        font-size: 2.54vw;
    }

    .container {
        max-width: 100%;
        padding: 0 1.95vw;
    }

    header {
        height: 7.81vw;
        transition: all .2s linear;
        font-size: 1.76vw;
    }

    .burger {
        display: flex;
        z-index: 2500;
        margin: 0;
    }

    .logo {
        width: 19.04vw;
        z-index: 1500;
    }

    .ham {
        width: 5.86vw;
    }

    .header__wrapper {
        max-width: 100%;
        background: transparent;
    }

    header.scrolled .header__wrapper {
        background: transparent;
        transition: all .2s linear;
    }

    .header_right {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
        padding: 11.72vw 1.95vw 2.93vw;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        z-index: 1200;
        top: 0;
        left: 0;
        height: auto;
        -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        background: #091C39;
        color: #fff;
    }

    .header_right.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
    }

    .header_contacts {
        max-width: 17.23vw;
        margin: 0;
        position: absolute;
        right: 1.95vw;
    }

    .header_contacts .action_btn {
        width: 20.02vw;
        height: 4.3vw;
        font-size: 1.56vw;
    }

    .lang {
        position: relative;
        z-index: 1500;
        padding: 0 1.95vw 0 0;
        margin: 3vw 0 0;
        top: 0;
        right: 0;
        font-size: 2.05vw;
    }

    .lang:after {
        top: 25%;
        width: 0.98vw;
        height: 0.59vw;
    }

    .header__menu {
        max-width: 100%;
        margin: 0 0 3vw;
    }

    .header__list {
        flex-direction: column;
        align-items: center;
    }

    .header__list li:not(:last-child), .footer__list li:not(:last-child) {
        margin: 0 0 1vw;
    }

    .header_right .action_btn {
        width: 20.02vw;
        height: 4.3vw;
        font-size: 1.56vw;
    }

    section {
        padding: 7.32vw 0;
    }

    .first_screen {
        height: auto;
        min-height: 47vw;
        padding: 14.65vw 0 7.32vw;
    }

    .first_screen .container {
        max-width: 100%;
    }

    .first_screen .wrapper h1, .about_us__first_screen .wrapper h1, .services_single__first_screen h1 {
        font-size: 8.98vw;
        margin: 0 0 2.44vw;
    }

    .first_screen .wrapper h1 span {
        font-size: 4.98vw;
    }

    .first_screen .wrapper .subtitle {
        max-width: 60vw;
        margin: 0 0 2.44vw;
    }

    .action_btn, #cta-claim, #btn-claim, #cta-review, #cta-learn, .more_btn, #cta-retake, #cta-blog, #cta-retake {
        width: 24.51vw;
        height: 4.79vw;
        font-size: 1.95vw;
        border-radius: 0.88vw;
    }

    .first_screen .bottom_text p {
        max-width: 50vw;
    }

    .first_screen .bottom_image_text {
        margin: 6vw 0 0;
    }

    .first_screen .wrapper .image_block {
        width: 19.24vw;
        margin: 0 0 2vw;
    }

    h2 {
        font-size: 7.03vw;
    }

    .betting_style_test h2 {
        margin: 0 0 1.46vw;
    }

    .betting_style_test .elem .bg_image {
        width: 100%;
    }

    .question-count {
        margin: 0 0 0.98vw;
        font-size: 3.13vw;
    }

    .question-text {
        font-size: 3.52vw;
        min-height: 7.13vw;
    }

    .screen {
        width: 80vw;
        min-height: 44vw;
    }

    .topbar {
        width: calc(100% - 0vw);
        margin: 1.46vw 0;
    }

    .answers {
        border: 0.2vw dashed #cdcdcd;
        border-radius: 2.54vw;
        width: 80vw;
        padding: 1.46vw;
        row-gap: 0;
        min-height: 17.97vw;
        font-size: 1.95vw;
    }

    .progress {
        height: 0.98vw;
        border-radius: 0.98vw;
    }

    .betting_style_test .bottom_text {
        margin: 7vw 0 0;
    }

    #screen-results {
        width: 100%;
    }

    #screen-results h2 {
        font-size: 3.52vw;
    }

    .cta-row {
        gap: 1.95vw;
        margin: 3.95vw auto 0;
        justify-content: center;
        width: 80vw;
    }

    .news .wrapper, .blog .wrapper {
        max-width: 80vw;
    }

    .news .swiper .slide__inner, .blog .swiper .slide__inner, .page_news .wrapper .elem .news_item {
        border-radius: 2.54vw;
    }

    .news .swiper .slide__inner .logo, .blog .swiper .slide__inner .logo, .page_news .wrapper .elem .news_item .logo {
        width: 12.01vw;
        top: 2.44vw;
        right: 2.44vw;
    }

    .news .swiper .slide__inner .text_block, .blog .swiper .slide__inner .text_block {
        bottom: 2.44vw;
        padding: 0 2.44vw;
        font-size: 2.34vw;
    }

    .news .swiper .slide__inner:after, .blog .swiper .slide__inner:after, .page_news .wrapper .elem .news_item:after {
        height: 11.13vw;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 1.56vw;
        height: 2.73vw;
    }

    .calculator .elem {
        margin: 6vw auto 0;
        width: 100%;
    }

    .calculator .elem .left, .calculator .elem .right {
        max-width: 48%;
    }

    .calculator .elem .right {
        border-radius: 1.56vw;
        padding: 5.86vw 2.93vw 2.93vw;
    }

    .calculator .elem .right:before {
        height: 4.2vw;
        border-radius: 1.56vw;
    }

    .calculator .elem .left ul, .calculator .elem .left ol {
        padding: 0 0 0 2.44vw;
        margin: 1.95vw 0 0;
    }

    .sbc-label {
        font-size: 1.76vw;
    }

    .sbc-input {
        margin: 0 0 2.93vw;
    }

    #sbc-bankroll, .custom-select {
        padding: 0.98vw 1.46vw;
        border-radius: 0.88vw;
        height: 4.88vw;
        font-size: 1.76vw;
    }

    .custom-options {
        border-radius: 0.88vw;
        transition: all .3s ease;
        height: 20vw;
    }

    .custom-option {
        padding: 0.59vw 1.46vw;
    }

    .sbc-result {
        margin: 1.95vw 0;
        font-size: 1.95vw;
    }

    .faq h2 {
        margin: 0 0 2.93vw;
    }

    .accordeon_item {
        margin: 0 0 2.44vw
    }

    .accordeon_title {
        padding: 1.46vw 5.86vw 1.46vw 2.44vw;
    }

    .accordeon_title:after {
        width: 1.86vw;
        height: 1.07vw;
        right: 2.44vw;
    }

    .accordeon_content {
        padding: 0 2.44vw 1.95vw;
    }

    .footer {
        padding: 3.91vw 0 !important;
    }

    .footer__menu {
        max-width: 66vw;
        font-size: 1.76vw;
        margin: 3.91vw 0;
    }

    .copyright_text {
        font-size: 1.27vw;
        margin: 0;
    }

    .scroll_up {
        right: 3%;
        bottom: 3%;
        max-width: 6.25vw;
    }

    .score-line {
        margin: 0;
        font-size: 4.69vw;
    }

    .category-badge {
        font-size: 4.69vw;
        margin: 0 0 4vw;
    }

    .lead {
        font-size: 2.34vw;
    }

    .promo {
        gap: 0.98vw;
        margin: 2vw 0 0;
        width: 90%;
        position: relative;
    }

    .promo .code {
        padding: 0.98vw;
        border-radius: 1.27vw;
        font-size: 1.95vw;
    }

    .page_blog, .page_news {
        padding: 9vw 0 6vw;
    }

    .breadcrumbs_wrapper {
        font-size: 1.27vw;
    }

    .breadcrumbs_wrapper .kb_sep {
        margin: 0 0.78vw;
    }

    .breadcrumbs_wrapper .kb_sep picture {
        width: 0.39vw;
    }

    .page_blog .wrapper h1, .page_news .wrapper h1 {
        font-size: 7.03vw;
        margin: 0 0 2.44vw;
    }

    .page_blog .wrapper .subtitle, .page_news .wrapper .subtitle {
        max-width: 75%;
        margin: 0 auto 4.88vw;
    }

    .page_blog .wrapper, .page_news .wrapper {
        padding: 7vw 0 0;
        max-width: 100%;
    }

    .single_blog .wrapper, .single_news .wrapper {
        padding: 0;
    }

    /*.news .wrapper, .blog .wrapper {*/
    /*    max-width: 100%;*/
    /*}*/

    .page_news .wrapper .elem .news_item .text_block {
        bottom: 2.44vw;
        padding: 0 2.44vw;
        font-size: 2.34vw;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block {
        font-size: 2.34vw;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block .blog_date {
        font-size: 1.95vw;
    }

    .wp-pagenavi {
        margin: 7vw 0 0;
    }

    .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span {
        margin: 0 0.98vw !important;
    }

    .single-news .news_categories, .single-blog .blog_categories {
        margin: 3vw 0 7vw;
    }

    .single-news .news_categories .cat_group:nth-child(1) {
        margin: 0 0 1.95vw;
    }

    .cat_btn {
        font-size: 1.56vw;
        border-radius: 0.98vw;
        height: 4.88vw;
        padding: 0 2.44vw;
    }

    .single_news .headline .news_date {
        font-size: 1.95vw;
    }

    .news_content {
        font-size: 1.56vw;
    }

    .news_content p:not(:last-child) {
        margin: 0 0 1.46vw;
    }

    .news_content ul, .news_content ol {
        margin: 0 0 1.46vw;
        padding: 0 0 0 2.44vw;
    }

    .news_actions {
        margin: 3.5vw 0 0;
        font-size: 1.95vw;
    }

    .news_actions .rate_publication {
        margin: 3vw 0;
    }

    .news_actions .title {
        margin: 0 0.98vw 0 0 !important;
    }

    .star-rating {
        max-width: fit-content;
    }

    .star-rating label {
        width: 3.71vw;
        height: 3.61vw;
    }

    .star-rating label {
        margin: 0 1.46vw 0 0;
    }

    .back_btn {
        font-size: 1.56vw;
        border-radius: 0.98vw;
        height: 3.32vw;
        padding: 0 3.91vw;
        margin: 0 2.44vw 0 0;
    }

    .back_btn:before {
        width: 0.39vw;
        height: 0.98vw;
        left: 2.44vw;
    }

    .single_news .headline .news_title {
        font-size: 6.25vw;
        margin: 0 0 1.46vw;
    }

    .page_blog .wrapper .elem .blog_item {
        border-radius: 0.98vw;
        padding: 2.44vw;
        margin: 0 0 3.91vw;
    }

    .page_blog .wrapper .elem .blog_item .image_block {
        width: 21.88vw;
        border-radius: 2.54vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block {
        width: 66vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block h3 {
        font-size: 2.73vw;
        margin: 1.46vw 0 1.95vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .desc {
        font-size: 1.56vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .blog_date {
        font-size: 1.37vw;
    }

    html[lang=fr-FR] .first_screen .wrapper h1 {
        font-size: 4.5vw;
    }

    html[lang=fr-FR] .first_screen .wrapper h1 span {
        font-size: 3vw;
    }

    html[lang=fr-FR] .footer__menu {
        max-width: 80vw;
    }

    .star-rating {
        margin: -0.98vw auto 0;
    }

    .popup-block {
        max-width: 66vw;
        padding: 2.93vw;
    }

    .popup_title {
        font-size: 6.25vw;
        margin: 0 0 1.95vw;
    }

    .mfp-close {
        width: 4.3vw;
        height: 4.3vw;
        font-size: 2.73vw;
    }

    .radio {
        width: 2.34vw;
        height: 2.34vw;
        flex: 0 0 2.34vw;
    }

    .radio::after {
        width: 1.17vw;
        height: 1.17vw;
        top: 0.59vw;
        left: 0.59vw;
    }

    .scroll_up:hover, .action_btn:hover, #cta-claim:hover, #btn-claim:hover, #cta-review:hover, #cta-learn:hover, .more_btn:hover, #cta-retake:hover, .page_blog .wrapper .elem .blog_item:hover, .page_news .wrapper .elem .news_item:hover, .back_btn:hover, #cta-blog:hover, #cta-retake:hover {
        transition: none;
        transform: scale(1);
    }

    #screen-start .card {
        padding: 2.44vw 0 0;
    }

    .list {
        padding: 0 0 0 2.44vw;
        font-size: 2.34vw;
    }

    .sbc-label {
        margin: 0 0 0.49vw;
    }

    .sbc-label .image_block {
        width: 3.13vw;
        margin: 0 0 0 0.49vw;
    }

    .bankroll_tooltip {
        right: calc(50% - 12vw);
        font-size: 1.37vw;
        padding: 0.98vw;
        border-radius: 0.98vw;
        max-width: 17vw;
    }

    .percentage_tooltip {
        right: calc(50% - 15.5vw);
        font-size: 1.37vw;
        padding: 0.98vw;
        border-radius: 0.98vw;
        max-width: 17vw;
    }

    .custom-select:after {
        width: 1.37vw;
        height: 0.78vw;
        right: 1.46vw;
    }

    .blog_categories__slider, .news_categories .swiper {
        padding: 0 0 0.98vw;
    }

    .card {
        width: 100%;
    }

    #screen-results .card {
        padding: 4vw 0 0;
    }

    .news_actions .btn_block a {
        margin: 0 2.44vw 0 0;
    }

    .news_actions .btn_block .share-btn {
        width: 3.42vw;
    }

    .error-404 .wrapper {
        height: 110vw;
    }

    .error-404 .wrapper .title {
        font-size: 17.58vw;
    }
	
	html[lang=fr-FR] .header__menu {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
    .page_news .wrapper .elem .news_item {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 3.75vw;
    }

    .container {
        max-width: 100%;
        padding: 0 4.17vw;
    }

    header {
        height: 16.67vw;
        transition: all .2s linear;
        font-size: 5vw;
    }

    .burger {
        display: flex;
        z-index: 2500;
        margin: 0 0 0 -3.13vw;
    }

    .logo {
        width: 40.63vw;
        z-index: 1500;
    }

    .ham {
        width: 12.5vw;
    }

    .header_right {
        padding: 20vw 4.17vw 10vw;
    }

    .header_right .action_btn {
        width: 42.71vw;
        height: 9.17vw;
        font-size: 3.33vw;
    }

    .lang {
        padding: 0;
        margin: 8vw 0 0;
        top: 0;
        right: 0;
        font-size: 4.38vw;
    }

    .lang:after {
        top: 25%;
        width: 0.98vw;
        height: 0.59vw;
    }

    .header__menu {
        max-width: 100%;
        margin: 0 0 3vw;
    }

    .header__list {
        flex-direction: column;
        align-items: center;
    }

    .header__list li:not(:last-child), .footer__list li:not(:last-child) {
        margin: 0 0 4vw;
    }

    section {
        padding: 10.42vw 0;
    }

    .first_screen {
        height: auto;
        min-height: 47vw;
        padding: 25vw 0 15vw;
    }

    .first_screen:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 51, 128, .6);
    }

    .first_screen .container {
        max-width: 100%;
        z-index: 10;
    }

    .first_screen .wrapper {
        padding: 0;
    }

    .first_screen .wrapper h1, .about_us__first_screen .wrapper h1, .services_single__first_screen h1 {
        font-size: 10vw;
        margin: 0 0 7vw;
        text-align: center;
    }

    .first_screen .wrapper h1 span {
        font-size: 4.98vw;
    }

    .first_screen .wrapper .subtitle {
        max-width: 100%;
        margin: 0 0 7vw;
        text-align: center;
    }

    .first_screen .btn_block {
        margin: 0 0 7vw;
    }

    .action_btn, #cta-claim, #btn-claim, #cta-review, #cta-learn, .more_btn, #cta-retake, #cta-blog, #cta-retake {
        width: 100%;
        height: 10.42vw;
        font-size: 4.17vw;
        border-radius: 1.88vw;
    }

    .first_screen .bottom_text p {
        max-width: 100%;
        text-align: center;
    }

    .first_screen .bottom_image_text {
        margin: 7vw auto 0;
    }

    .first_screen .wrapper .image_block {
        width: 41.04vw;
        margin: 0 0 4vw;
    }

    h2 {
        font-size: 11vw;
    }

    .betting_style_test h2 {
        margin: 0 0 3.13vw;
    }

    .betting_style_test .elem .bg_image {
        width: 100%;
        display: none;
    }

    .betting_style_test .elem {
        margin: 10vw 0;
    }

    .question-count {
        margin: 0 0 3.13vw;
        font-size: 8.33vw;
    }

    .question-text {
        font-size: 7.5vw;
        min-height: 20.83vw;
    }

    .screen {
        width: 100%;
        min-height: auto;
        background: #fff;
        border-radius: 2.08vw;
        padding: 5.68vw 4.55vw;
    }

    .card {
        padding: 0;
    }

    .topbar {
        width: 100%;
        margin: 4.17vw 0;
    }

    .answers {
        border: 1px dashed #cdcdcd;
        border-radius: 2.08vw;
        width: 100%;
        padding: 3.13vw;
        row-gap: 2.08vw;
        min-height: 17.97vw;
        font-size: 4.17vw;
    }

    .answer {
        gap: 2.08vw;
    }

    .radio {
        width: 5vw;
        height: 5vw;
        flex: 0 0 5vw;
    }

    .radio::after {
        width: 2.5vw;
        height: 2.5vw;
        top: 1.08vw;
        left: 1.17vw;
    }

    .progress {
        height: 0.98vw;
        border-radius: 0.98vw;
    }

    .betting_style_test .bottom_text {
        margin: 0;
    }

    .question-nav {
        margin: 4.17vw 0 0;
        width: 100%;
    }

    #screen-results {
        width: 100%;
    }

    #screen-results h2 {
        font-size: 7.5vw;
    }

    .score-line {
        margin: 2.08vw 0 0;
        font-size: 10vw;
    }

    .cta-row {
        gap: 3.13vw;
        margin: 6.25vw auto 0;
        justify-content: center;
        width: 100%;
    }

    .news .swiper .slide__inner, .blog .swiper .slide__inner, .page_news .wrapper .elem .news_item {
        border-radius: 5.42vw;
    }

    .news .swiper .slide__inner .logo, .blog .swiper .slide__inner .logo, .page_news .wrapper .elem .news_item .logo {
        width: 25.63vw;
        top: 5.21vw;
        right: 5.21vw;
    }

    .news .swiper .slide__inner .text_block, .blog .swiper .slide__inner .text_block, .page_news .wrapper .elem .news_item .text_block {
        bottom: 5.21vw;
        padding: 0 5.21vw;
        font-size: 5vw;
    }

    .news .swiper .slide__inner:after, .blog .swiper .slide__inner:after, .page_news .wrapper .elem .news_item:after {
        height: 30vw;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 3.33vw;
        height: 5.83vw;
    }

    .swiper-button-prev {
        left: -8vw;
    }

    .swiper-button-next {
        right: -8vw;
    }

    .news .subtitle, .blog .subtitle {
        margin: 0 0 7vw;
    }

    .btn_block {
        margin: 10vw 0 0;
    }

    .calculator .elem {
        margin: 10vw auto 0;
        width: 100%;
    }

    .calculator .elem .left, .calculator .elem .right {
        max-width: 100%;
    }

    .calculator .elem .left {
        margin: 0 0 10vw;
    }

    .calculator .elem .right {
        border-radius: 3.33vw;
        padding: 12.5vw 6.25vw 6.25vw;
    }

    .calculator .elem .right:before {
        height: 8.96vw;
        border-radius: 3.33vw;
    }

    .calculator .elem .left ul, .calculator .elem .left ol {
        padding: 0 0 0 5.21vw;
        margin: 4.17vw 0 0;
    }

    .sbc-label {
        font-size: 3.75vw;
    }

    .sbc-input {
        margin: 0 0 6.25vw;
    }

    #sbc-bankroll, .custom-select {
        padding: 2.08vw 3.13vw;
        border-radius: 1.88vw;
        height: 10.42vw;
        font-size: 3.75vw;
    }

    .custom-options {
        border-radius: 1.88vw;
        height: 40vw;
    }

    .custom-option {
        padding: 0.59vw 1.46vw;
    }

    .sbc-result {
        margin: 4.17vw 0;
        font-size: 4.17vw;
    }

    .faq h2 {
        margin: 0 0 6.25vw;
    }

    .accordeon_item {
        margin: 0 0 5.21vw
    }

    .accordeon_title {
        padding: 3.13vw 10.42vw 3.13vw 5.21vw;
    }

    .accordeon_title:after {
        width: 3.33vw;
        height: 2.08vw;
        right: 5.21vw;
    }

    .accordeon_content {
        padding: 0 5.21vw 3.13vw;
    }

    .footer {
        padding: 6.25vw 0 !important;
    }

    .footer__menu {
        max-width: 100%;
        font-size: 3.75vw;
        margin: 6.25vw 0;
    }

    .copyright_text {
        font-size: 2.71vw;
        margin: 0;
    }

    .scroll_up {
        right: 5%;
        bottom: 5%;
        max-width: 13.33vw;
    }

    .footer__list {
        flex-direction: column;
        align-items: center;
    }

    .category-badge {
        gap: 0;
        padding: 0;
        border-radius: 0;
        margin: 0 0 7vw;
        font-size: 8.33vw;
    }

    .lead {
        font-size: 5vw;
        text-align: center;
    }

    .promo {
        gap: 2.08vw;
        margin: 6.25vw 0 0;
        width: 100%;
        position: relative;
        flex-direction: column;
        font-size: 5.42vw;
    }

    .promo .code {
        padding: 2.08vw 4.17vw;
        border-radius: 2.71vw;
        font-size: 4.17vw;
    }

    .btn.small {
        margin: 0;
    }

    .page_blog, .page_news {
        padding: 20vw 0 10vw;
    }

    .breadcrumbs_wrapper {
        font-size: 2.71vw;
    }

    .breadcrumbs_wrapper .kb_sep {
        margin: 0 2.08vw 0.63vw;
    }

    .breadcrumbs_wrapper .kb_sep picture {
        width: 1.04vw;
    }

    .page_blog .wrapper, .page_news .wrapper {
        padding: 10vw 0 0;
    }

    .single_blog .wrapper, .single_news .wrapper {
        padding: 0;
    }

    .page_blog .wrapper h1, .page_news .wrapper h1 {
        font-size: 13.33vw;
        margin: 0 0 5.21vw;
    }

    .page_blog .wrapper .subtitle, .page_news .wrapper .subtitle {
        max-width: 100%;
        margin: 0 auto 10.42vw;
    }

    .page_news .wrapper .elem {
        gap: 5.21vw;
    }

    .page_news .wrapper .elem .news_item {
        width: 100%;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block {
        margin: 5vw 0 0;
        font-size: 5vw;
    }

    .page_news .wrapper .elem .news_item .text_block .btn_block .blog_date {
        font-size: 4.17vw;
    }

    .wp-pagenavi {
        margin: 10vw 0 0;
    }

    .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span {
        margin: 0 2.08vw !important;
    }

    .news_categories {
        margin: 0 0 10.42vw;
    }

    .news_categories .cat_group {
        overflow: auto;
        padding: 0 0 2.08vw;
    }

    .news_categories .cat_group::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .news_categories .cat_group:nth-child(1) {
        margin: 0 0 4.17vw;
    }

    .cat_btn {
        font-size: 3.33vw;
        border-radius: 2.08vw;
        height: 10.42vw;
        padding: 0 5.21vw;
        min-width: fit-content;
    }

    .back_btn {
        font-size: 3.33vw;
        border-radius: 2.08vw;
        height: 7.08vw;
        padding: 0 8.33vw;
        margin: 0 5.21vw 0 0;
    }

    .back_btn:before {
        width: 0.83vw;
        height: 2.08vw;
        left: 5.21vw;
    }

    .single-news .news_categories {
        margin: 7vw 0 10vw;
    }

    .single_news .headline .news_title {
        font-size: 10vw;
        margin: 0 0 7vw;
    }

    .single_news .headline .news_date {
        font-size: 4.17vw;
    }

    .news_content p:not(:last-child) {
        margin: 0 0 3.13vw;
    }

    .news_content {
        font-size: 3.33vw;
    }

    .news_content ul, .news_content ol {
        margin: 0 0 3.13vw;
        padding: 0 0 0 5.21vw;
    }

    .news_actions {
        margin: 8vw 0 0;
        font-size: 4.17vw;
    }

    .news_actions .source {
        flex-direction: column;
        align-items: flex-start;
    }

    .news_actions .rate_publication {
        margin: 7vw 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .star-rating {
        max-width: fit-content;
        margin: 2vw 0;
    }

    .star-rating label {
        width: 7.92vw;
        height: 7.71vw;
    }

    .star-rating label {
        margin: 0 3.13vw 0 0;
    }

    .news_actions .btn_block {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .news_actions .btn_block .share_btn {
        width: 100%;
        margin: 0 0 7vw;
    }

    .news_actions .btn_block .share-btn {
        width: 7.29vw;
        margin: 0;
    }

    .page_blog .wrapper .elem .blog_item {
        border-radius: 2.08vw;
        padding: 5.21vw;
        margin: 0 0 6.25vw;
        flex-direction: column;
    }

    .page_blog .wrapper .elem .blog_item .image_block {
        width: 100%;
        border-radius: 5.42vw;
        margin: 0 0 4.17vw;
    }

    .single-blog .blog_categories {
        margin: 7vw 0 10vw;
        padding: 0 0 2.08vw;
        overflow: auto;
    }

    .blog_categories::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .page_blog .wrapper .elem .blog_item .text_block {
        width: 100%;
    }

    .page_blog .wrapper .elem .blog_item .text_block h3 {
        font-size: 5.83vw;
        margin: 0 0 1.95vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .desc {
        font-size: 3.33vw;
    }

    .page_blog .wrapper .elem .blog_item .text_block .btn_block {
        flex-direction: column;
    }

    .page_blog .wrapper .elem .blog_item .text_block .blog_date {
        font-size: 2.71vw;
        margin: 0 0 3.13vw;
    }

    .blog_categories {
        margin: 0 0 7vw;
    }

    .blog_categories__slider, .news_categories .swiper {
        padding: 0 0 7.29vw;
    }

    html[lang=fr-FR] .first_screen .wrapper h1, html[lang=fr-FR] .first_screen .wrapper h1 span {
        font-size: 7.5vw;
    }

    .popup-block {
        max-width: 100%;
        padding: 6.82vw;
    }

    .popup_title {
        font-size: 10.91vw;
        margin: 0 0 4.55vw;
    }

    .mfp-close {
        width: 10vw;
        height: 10vw;
        font-size: 6.36vw;
    }

    #screen-start .card {
        padding: 0;
    }

    .list {
        padding: 0 0 0 5.21vw;
        font-size: 5vw;
        margin: 7vw 0;
    }

    .sbc-label {
        margin: 0 0 1.04vw;
    }

    .sbc-label .image_block {
        width: 5vw;
        margin: 0 0 0 1.04vw;
    }

    .bankroll_tooltip {
        right: calc(50% - 25vw);
        font-size: 2.71vw;
        padding: 2.08vw;
        border-radius: 2.08vw;
        max-width: 30vw;
    }

    .percentage_tooltip {
        right: calc(50% - 29.5vw);
        font-size: 2.71vw;
        padding: 2.08vw;
        border-radius: 2.08vw;
        max-width: 30vw;
    }

    .custom-select:after {
        width: 2.92vw;
        height: 1.67vw;
        right: 3.13vw;
    }

    #screen-results .card {
        padding: 0;
    }

    .error-404 .wrapper {
        height: 170vw;
    }

    .error-404 .wrapper .title {
        font-size: 37.5vw;
    }

    .error-404 .wrapper .btn_block {
        width: 100%;
    }
}