/*
Theme Name: Betting Brazil
Theme URL: betting.com
Description: Betting By Pasha minimal theme
Author: Alina Smirnova
Version: 1.0 
*/

/* html {
    scroll-behavior: smooth;
  } */
  
@font-face {
    font-family: "Poppins";  
    src: url("fonts/Poppins-Regular.ttf") format("truetype"); 
}
@font-face {
    font-family: "Poppins-SemiBold";  
    src: url("fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins-Medium";  
    src: url("fonts/Poppins-Medium.ttf") format("truetype");
}

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */



* { margin:0; padding:0; box-sizing:border-box; font-family: 'Poppins', sans-serif;}
body { overflow-x:hidden; position: relative;background: var(--neutral-900); }
input, button {border:none; box-shadow:none; transition:0.4s;}
input {outline:none;}
button:hover,.green_button:hover {opacity: 0.8;}

h1, h2, h3, h4 {color: var(--neutral-200); }
h1 {    font-size: 42px;    font-weight: 800;    line-height: 50pt;    letter-spacing: 0.02em;    margin-top: 87px;    font-family: 'Poppins';  }
h2 {    font-size: 24px;    font-weight: 700;    line-height: 36pt;    letter-spacing: 0em;    margin-top: 56px;    font-family: 'Poppins';  }
h3 {    font-size: 20px;    font-weight: 600;    line-height: 28pt;    letter-spacing: 0em;    margin-top: 32px;    font-family: 'Poppins';  }
h4 {    font-size: 16px;    font-weight: 500;    line-height: 24pt;    letter-spacing: 0em;    margin-top: 24px;    font-family: 'Poppins';  }

span, p, b, i, a, li {font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: var(--neutral-200); vertical-align: middle;} 
p {padding-top: 16px;}
a:hover {transition: 0.5s; color: var(--brand-400); }
/* strong {font-weight: 500;} */

.small-text {font-family: "Poppins"; font-size: 16px; line-height: 24pt; letter-spacing: 0%; padding-bottom: 32px;}
.subheading {font-family: "Poppins"; font-weight: 500; font-size: 18px; line-height: 28px;}
.quote {font-family: "Poppins"; font-style: italic; font-weight: 300; font-size: 16px; line-height: 24px;}



label, input, button, td, tr, figcaption { color: var(--text-dark); font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px;}
li {list-style:none; position: relative; font-family: "Poppins-Regular"; font-style: normal; padding-left: 10px; color:#fff;}
/* li:before {content: ''; position: absolute;top:10px; left:0; width: 5px; height: 5px; border-radius: 50%; background: var(--text-green);} */
button { cursor:pointer; background:transparent;}


ul, ol {padding-left: 16px;}
.wp-block-list {margin-left: 16px; margin-top: 16px;  }
img {max-width:100%; display:block;}
.wp-block-image {margin: 20px auto 0 auto; padding: 20px; }
.wp-block-image img { margin: 0 auto; border-radius: 4px;}

.containerNew {width:100%; max-width: 1280px; margin: 0 auto; padding: 0 50px; }



i {font-style:normal;}
ol li {position: relative; padding-left: 10px; margin-bottom: 25px; counter-increment: counter-ol; font-size: 16px; font-style: normal; line-height: 20px;
    color: var(--text-grey);}
ol li::before { position: absolute; content: counter(counter-ol); display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; color: #fff; background: var(--color-extra); border-radius: 6px; top: -2px; left: -26px;}
ol li::after {content: ''; width: 200px; height: 1px; background: var(--color-extra); position: absolute; bottom: -8px; left: 12px;}
ol li:last-child::after {display: none;}

.ez-toc-cssicon { display:none!important; }

:root{
    --text-dark: #fff;   
    --text-green: #DA8AF7;
    --text-secondary:#fff;
    --text-grey: #fff;
    --color-primary: #26272A;
    --color-secondary: #DA8AF7;
    --color-extra: #FFC446;

      /*  new design colors  */
    --brand-300: #F6DBFF;   
    --brand-400: #DA8AF7;   
    --brand-600: #5C347B;   
    --brand-800: #28233A;   
    --brand-900: #1C1829;   

    --neutral-100: #F6F6FF;   
    --neutral-200: #EAEAF7;   
    --neutral-300: #CDD2E0;   
    --neutral-400: #979CA8;   
    --neutral-600: #81818A;   
    --neutral-800: #26272A;   
    --neutral-900: #0D0E0E;  

    --green-300: #CAFFE9;   
    --green-400: #8BF7CA;   
    --green-600: #2EB37C;   

    --red-300: #FFCACD;
    --red-400: #F78B92;
    --red-600: #C9575E;

}

.wrapper {width:100%; max-width: 1300px; margin: 0 auto; padding: 0 12px;}
.green_button {border-radius: 40px; background: var(--color-secondary); font-size: 18px; line-height: 24px; color: var(--color-primary); 
font-family: "Poppins-Medium"; padding: 8px 32px; text-align:center;  }
.container {padding: 48px 0 72px;  margin-top: 52px;}

table {border-collapse: collapse; overflow: hidden; text-align: center;  margin-bottom: 40px;
    font-family: "Poppins-Regular"; font-style: normal;  background: var(--color-primary); border-radius: 12px;}
table thead {background: #28233A; font-family: "Poppins-SemiBold";}
table tr {border-bottom: 1px solid #0D0E0E;  }
table tr:last-child {border-bottom: none;}
table tr td:nth-child(1) {background: #28233A;}
table tr td:last-child {border-right: none;}
table td {color: #DA8AF7; font-size: 16px; line-height: 20px; padding: 6px 10px;border-right: 1px solid #0D0E0E; }
 
/* .breadcrumbs {display: flex; align-items: center; padding: 6px 0;}
.breadcrumbs a, .breadcrumbs .dash, .breadcrumbs .active {font-size: 14px; color: #fff; font-weight: 500; line-height: 16px;}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs .dash {padding: 0 10px;}
.breadcrumbs .active {border-radius: 40px; padding: 4px 8px; background: var(--color-primary);} */



/* --- author  --   */
.wrapper .author {width: 100%; max-width: 844px; margin: 0 auto; background: var(--color-primary); padding: 12px 20px; border-radius: 24px; margin-bottom: 20px; margin-top: 20px;}
.wrapper .author_top {display: flex; justify-content: space-between; align-items: center;}
.wrapper .author_top .person {display: flex; align-items: center; gap: 10px;}
.wrapper .author_top .person img {width: 40px; height: 40px; border-radius: 50%;}
.wrapper .author_top .person_info_top {display: flex; align-items: center; margin-bottom: 7px;}
.wrapper .author_top .person_info_top .name {font-size: 18px; font-weight: 700; line-height: 24px; color: var(--text-secondary); font-family: "Poppins-SemiBold";
display: inline-block; margin-right: 4px;}
.wrapper .author_top .person_info_top .editor {font-size: 14px; font-weight: 400; line-height: 18px; color: var(--color-primary); 
    background: var(--color-secondary); border-radius: 30px; padding: 2px 8px;}
.wrapper .author_top .person_info_bottom .update, .author_top .person_info_bottom .date {font-size: 16px; line-height: 20px; color: #fff;}

.wrapper .author_top  .social {display: flex; gap: 10px;}
.author_top .wrapper  .social img {width: 28px; height: 28px; border-radius: 50%; background: var(--color-secondary); padding: 5px;}

.wrapper .author_bottom {display: flex;justify-content: space-between; align-items: center; margin-top: 8px;}
.wrapper .author_bottom .ez-toc-title {color: var(--text-secondary); font-family: "Poppins-SemiBold"; font-size: 18px; line-height: 24px; font-weight: 700;}
.wrapper .author_bottom button {width: 200px; padding: 8px 0; border-radius: 40px; background: var(--text-green); color: #26272A; font-size: 18px; line-height: 24px;
    font-weight: 500;}

.wrapper #ez-toc-container a { color:#fff!important; }



/* --- readmore  --   */   
.readmore {padding-top: 20px; padding-bottom: 8px;}
.readmore .item {border-radius: 40px; background: var(--color-primary); margin-bottom: 12px; padding: 8px 28px;}
.readmore .item a {font-size: 18px; font-weight: 500; line-height: 24px; color: var(--text-green); font-family: "Poppins-Medium"; }
.readmore .item a:hover {text-decoration: underline;}



/* --- footer  --   */
footer {background: #28233A; }
.footer_inner {display: flex; justify-content: center; flex-direction: column; padding: 18px 0;}
.footer_inner .footer_top, .footer_inner .footer_bottom {width: 100%; display:flex; justify-content: center; gap: 18px; flex-wrap: wrap;}
.footer_inner .footer_top a, .footer_inner .footer_bottom a {font-size: 16px; font-weight: 500; line-height: 20px; color: #EAEAF7;
    font-family: "Poppins-Medium"; }
.footer_inner .footer_bottom {margin-top: 18px;}
.footer_inner .footer_top a:hover, .footer_inner .footer_bottom a:hover {text-decoration: underline;}
.footer_social {display: flex; justify-content: center; gap: 20px; margin: 20px 0;}
.footer_social img {width: 38px;height: 38px;}
.footer_logos {display: flex; justify-content: center; gap: 10px;}

.wrapper .wp-block-table td, .wrapper .wp-block-table th { border: none; }
.wrapper .wp-block-table table {max-width: 100%; margin-bottom: 28px;}
.wrapper .wp-block-table table td {font-size: 14px; line-height: 16px; border: none;}

/* --- prediction  --   */
.prediction_h1 {background: var(--color-primary); width: 100%; max-width: 1276px; margin: 0 auto; padding: 12px 0; margin-top: 40px;}
.prediction_h1 h1 {width: 100%; max-width: 90%; margin: 0 auto;text-align: center;}
.prediction-preview {width: 100%; max-width: 366px; height: 174px; border-radius: 12px; background: url(img/review-img.png)no-repeat; background-size: cover;
    margin: 0 auto; margin-top: 12px;}
.prediction_logo {margin: 12px 0;}
.prediction_logo img {margin: 0 auto;max-width: 200px;}
.prediction_button {display: flex; justify-content: center; padding-bottom: 20px;}
.prediction_button button {max-width: 411px; width: 100%; padding: 14px 28px; background: var(--color-extra); border-radius: 40px; font-size: 18px;
    line-height: 24px; color: var(--text-green); font-family: "Poppins-SemiBold";}

.event {border-radius: 12px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12); margin-bottom: 20px;}
.event .event_item {padding: 10px 20px;}
.event .event_item.color {background: var(--color-primary);}
.event .line {display: flex; justify-content: space-between; }
.event .event_item .line:nth-child(1) {margin-bottom: 6px;}
.event .date, .event .result {font-size: 16px; line-height: 20px; color: var(--text-secondary);}
.event .win {font-size: 18px; line-height: 24px; color: var(--text-green); font-family: "Poppins-SemiBold"; position: relative; padding-bottom: 2px;}
.event .win:after {content: ''; position: absolute; bottom: 0; left: 0; width: 120px; height: 1px; background: var(--color-extra);}
.event .lose {font-size: 18px; line-height: 24px; color: var(--text-secondary); font-family: "Poppins-SemiBold";}
.event .win_number {font-size: 18px; line-height: 24px; color: var(--text-secondary); font-family: "Poppins-SemiBold";}
.event .lose_number {font-size: 18px; line-height: 24px; color: var(--text-green); font-family: "Poppins-SemiBold";}


.news {padding-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 20px;}
.news .item {border-radius: 12px; background: var(--color-primary); }
.news .item .img {height: 80px; width: 100%; background: url(img/news1.jpg)no-repeat; background-size: cover; border-radius: 12px 12px 0 0;}
.news .item .info {padding: 6px 20px 12px 20px;}
.news .item .info h3 {font-family: "Poppins-SemiBold"; font-size: 16px; line-height: 20px; color: var(--text-secondary);}
.news .item .info-bottom {display: flex;justify-content: space-between; align-items: center; margin-top: 18px;}
.news .item .info-bottom .date {position: relative; padding-left: 20px;font-size: 14px; line-height: 18px; color: var(--text-green);}
.news .item .info-bottom .date::before {content: ""; width: 18px; height: 18px;background: url(img/clock.svg)no-repeat; background-size: cover;
    position: absolute; top: 0; left: 0;}
.news .item .info-bottom  .more {font-size: 14px; line-height: 18px; color: var(--text-green); position: relative; padding-right: 20px;}
.news .item .info-bottom .more::before {content: ""; width: 18px; height: 18px;background: url(img/readmore.svg)no-repeat; background-size: cover;
    position: absolute; top: 0; right: 0;}
.news .item .info-bottom  .more:hover {text-decoration: underline;}
.news_load_button {display: flex; justify-content: center;margin-bottom: 40px; margin-top: 20px;}
.news_load_button a {border-radius: 40px; width: 100%; max-width: 366px; display: block; text-align: center; }

.news .item .info-bottom-info {display: flex; align-items: center;}
.news .item .info-bottom-info .days {position: relative; padding-left: 20px;font-size: 14px; line-height: 18px; color: var(--text-green);}
.news .item .info-bottom-info .days::before {content: ""; width: 18px; height: 18px;background: url(img/clock.svg)no-repeat; background-size: cover;
    position: absolute; top: 0; left: 0;}
.news .item .info-bottom-info .comments, .news .item .info-bottom-info .views {position: relative; padding-left: 20px;font-size: 14px; 
    line-height: 18px; color:#DA8AF7; margin-left: 6px;}
.news .item .info-bottom-info .comments::before {content: ""; width: 18px; height: 18px;background: url(img/comments.svg)no-repeat; background-size: cover;
        position: absolute; top: 0; left: 0;}
.news .item .info-bottom-info .views::before {content: ""; width: 18px; height: 18px;background: url(img/views.svg)no-repeat; background-size: cover;
        position: absolute; top: 0; left: 0;}


/* --- newspage  --   */
.newspage .author {margin-bottom: 10px;}
.author_info {display: flex; align-items: flex-end; width: 100%; max-width: 844px; margin: 0 auto; margin-bottom: 40px;}
.author_info p {font-size: 14px; line-height: 18px; color: #fff; padding-bottom: 0;}
.author_info span {position: relative; padding-left: 20px;font-size: 14px; line-height: 18px; color: var(--text-grey); margin-left: 4px;}
.author_info span::before {content: ""; width: 18px; height: 18px;background: url(img/blog.svg)no-repeat; background-size: cover;
    position: absolute; top: 0; left: 0;}





/* --- slot  --   */    
.slot {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; padding-bottom: 20px;}
.slot_top {background: var(--color-primary); padding: 12px 20px; border-radius: 24px;}
.slot_top .info {display: flex; justify-content: center;}
.slot_top .info .slot_info_img { width: 112px; height: 112px; border-radius: 24px; background: url(img/crushgames.png)no-repeat;
background-size: cover;}
.slot_top .info .title {margin-left: 6px;}
.slot_top .info .title h1 {font-size: 24px; line-height: 28px; padding-bottom: 8px; width: 100%; max-width: 222px; text-align: left;}
.slot_top .info .title span {font-size: 16px; line-height: 20px; color: var(--text-green);}
.slot_top .button {display: flex; justify-content: center; margin-top: 12px;}
.slot_top .button button {width: 100%; max-width: 342px;}

.slot_right {background: url(img/slot-back.png)no-repeat; background-size: cover; border-radius: 24px; grid-row-start: 1;
    grid-row-end: 3; grid-column-start: 2; grid-column-end:2 ;}
.slot_right_inner {width: 100%; height: 100%; background: rgba(22, 23, 24, 0.40); backdrop-filter: blur(3px); display: flex; justify-content: center;
    flex-direction: column; align-items: center; gap: 20px; border-radius: 24px; padding: 0 20px;}
.slot_right_inner .button_top {background: var(--color-primary); color: var(--text-green); font-family: "Poppins-SemiBold"; font-size: 18px; line-height: 24px; }
.slot_right_inner .button_bottom {border: 1px solid var(--color-primary); color: var(--color-primary); font-family: "Poppins-Medium"; 
    font-size: 16px; line-height: 20px;}
.slot_right_inner button {max-width: 412px; width:100%; padding: 14px 0px; border-radius: 40px;}

.slot_bottom {background: var(--color-primary); padding: 12px 20px 8px 20px; border-radius: 24px; display: flex; flex-wrap: wrap;}
.slot_bottom .item {width: 50%; margin-bottom: 12px;}
.slot_bottom .item .title {color: var(--text-green); font-family: "Poppins-SemiBold"; font-size: 16px; line-height: 20px;display: block; padding-bottom: 2px;}
.slot_bottom .item .descript {color: var(--text-green); font-family: "Poppins-Medium"; font-size: 14px; line-height: 16px; }
.slot_bottom .item .icons {display: flex; gap: 12px; align-items: center;}
.slot_bottom .item .icons img {width: 24px; height: 24px;}



/* --- cards  --   */
.card.top {background: #28233A;}
.card {background: var(--color-primary); padding: 20px 20px; border-radius: 16px; margin-bottom: 16px; display: grid;
    grid-template-columns: 200px 248px 230px 176px; justify-content: space-between; z-index: 10; position: relative;}
.card_img {width: 200px; height: 134px; background: url(img/card.png)no-repeat; background-size: cover; border-radius: 16px;}

.card .column {display: flex;flex-direction: column;justify-content: center;}
.card .column .name {display: block; font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-secondary); cursor: pointer;}
.card .column .rating, .card .column .total {font-size: 16px; line-height: 20px; font-family: "Poppins-SemiBold"; color: var(--text-secondary);}
.card .column .rating {position: relative; padding-left: 20px; display: block; margin-bottom: 10px;}
.card .column .rating:before {content: ""; width: 18px; height: 18px;background: url(img/star.svg)no-repeat; background-size: cover;
    position: absolute; top: 1px; left: 0;}
.card .column .list {position: relative; padding-left: 26px; color: var(--text-green); font-family: "Poppins-Medium"; font-size: 16px; line-height: 20px;
    display: block; margin-bottom: 2px;}
.card .column .list:before {content: ""; width: 20px; height: 20px;background: url(img/list.svg)no-repeat; background-size: cover;
    position: absolute; top: 0px; left: 0;}

.card .column .bonus_title {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-green);}
.card .column .bonus_info {font-size: 22px; line-height: 26px; font-family: "Poppins-SemiBold"; color: var(--text-secondary);}
.card .column  .bonus_button {width: 100%; max-width: 200px; margin-top: 8px;}

.card .column .buttons {display: flex; flex-direction: column; gap: 16px;}
.card .column .buttons button {width: 100%; max-width: 176px;padding: 14px 0;}
.card .column .buttons .second_button {border: 2px solid var(--color-secondary); border-radius: 40px; font-family: "Poppins-Medium";
font-size: 18px; line-height: 24px; color: var(--text-green); padding: 8px 32px; display: block;
text-align: center; }

.card .column_mobile, .card .mobile_buttons {display: none;}


/* --- faq  --   */
.faq {padding-bottom: 20px;}
.faq_item {background: #26272A url(img/down-arrow.svg)no-repeat; background-position: 98% 12px; margin-bottom: 12px; 
    padding: 12px 48px 12px 20px; border-radius: 12px;}
.faq_item.open {background: #26272A url(img/up-arrow.svg)no-repeat; background-position: 98% 12px;}
.faq_item .faq_title {font-size: 18px; line-height: 24px; font-family: "Poppins"; font-weight: 600; color: #DA8AF7; padding-bottom: 0;}
.faq_item .faq_answer {font-size: 16px; line-height: 20px; font-family: "Poppins"; font-weight: 500; color: #DA8AF7; padding-bottom: 0;
    padding-top: 24px;}

.author #ez-toc-container { border: none; box-shadow: none; background: none; -webkit-box-shadow: none; margin-bottom: 0; }
.author #ez-toc-container li::before { display: none; }
.author #ez-toc-container .ez-toc-title-toggle { display: none; } 

/* --- slots_gallery  --   */
.slots_gallery {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; padding-bottom: 20px; }
.slots_gallery .item {border-radius: 12px; background: var(--color-primary); height: 208px; position: relative;}
.slots_gallery .item .item_img {height: 72px; border-radius: 12px 12px 0 0; background: url(img/crushgames.png) no-repeat; 
background-size: cover;position: relative;}
.slots_gallery .item .item_img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.slots_gallery .item .item_info {padding: 12px;}
.slots_gallery .item .item_info .title {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-secondary); padding-bottom: 0;}
.slots_gallery .item a {position: absolute; right: 12px; bottom: 12px;}
.slots_gallery .button {display: flex; align-items: center; height: 100%;}
.slots_gallery .button button {font-size: 18px; line-height: 24px; font-family: "Poppins-Medium"; color: var(--text-green); border: 2px solid var(--text-green);
    border-radius: 40px; padding: 14px 0px ; width: 100%;}


/* --- topfive  --   */
.topfive {width: 100%; max-width: 844px; margin: 0 auto; background: var(--color-primary); border-radius: 12px; margin-top: 20px; margin-bottom: 20px;}
.topfive_top {display: flex; justify-content: space-between; padding: 8px 12px; align-items: center;}
.topfive_top span {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-green);}
.topfive_top .arrows {display: flex; gap: 10px;}
.topfive_top .arrows img {width: 18px; height: 18px;}

.topfive_inner {display: flex; padding: 8px 12px; justify-content: space-between;}
.topfive_inner .item {display: flex; flex-direction: column; width: 100px; align-items: center;}
.topfive_inner .item .item_img {width: 60px; height: 60px; background: #D9D9D9; border-radius: 50%;}
.topfive_inner .item .item_name {display: block; text-align: center; font-size: 16px; line-height: 20px; font-family: "Poppins-Medium"; color: var(--text-green);
    padding-top: 7px;}



/* --- review  --   */
.review_h1 { width: 100%; max-width: 1276px; margin: 0 auto; margin-top: 40px;}    
.review_h1 .review_img {width: 236px; position: relative;margin: 0 auto; margin-bottom: 40px;}
.review_h1 .review_img img {width: 100%; height: auto; }
.review_h1 .review_rating {position: absolute; top:0; right: -110px; padding-left: 20px;}
.review_h1 .review_rating span, .review_h1 .review_rating .total {font-size: 22px; line-height: 26px; font-family: "Poppins-SemiBold"; color: var(--text-secondary);}
.review_h1 .review_rating .total {font-style: normal;}
.review_h1 .review_rating:before {content: ""; width: 18px; height: 18px;background: url(img/star-yellow.svg)no-repeat; background-size: cover;
    position: absolute; top: 4px; left: 0;}
.review_h1 h1 {width: 100%; max-width: 90%; margin: 0 auto;text-align: center;}

.review_bonus {background: var(--color-extra);  width: 100%; max-width: 1276px; margin: 0 auto; padding: 6px 0; margin-top: 12px; margin-bottom: 12px;}
.review_bonus p {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-secondary); text-align: center; padding-bottom: 0;}
.review_deposit {display: flex; flex-direction: column; align-items: center; padding-bottom: 20px;}
.review_deposit p {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-green);}
.review_deposit button {color: #fff; width: 100%; max-width: 365px; padding: 14px 0; width: 98%; margin: 0 auto;}


/* --- tabs  --   */
.tabs {margin-top: 20px; padding-bottom: 20px;}
.tabs_top {display: flex; gap: 4px; margin-bottom: 12px;}
.tabs_top span {padding: 8px 12px; font-size: 16px; line-height: 20px; font-family: "Poppins-Medium"; 
color: var(--text-green); border-radius: 24px; cursor: pointer; }
.tabs_top span.active {background: var(--color-extra); font-family: "Poppins-SemiBold";}
.tabs_content {display: none;background: var(--color-primary); padding: 18px 12px; border-radius: 24px; }
.tabs_content.active { display: block; }
.tabs_content p, .tabs_content li {color: var(--text-green);}


/* --- plus_minus  --   */
.plus_minus { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px 0;}
.plus, .minus {background: var(--color-primary); border-radius: 12px;}
.plus_minus .title {display: flex; gap: 4px; padding: 6px 20px; align-items: center; border-radius: 12px 12px 0 0;}
.plus_minus .title span {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--color-primary);}

.plus_minus .plus .title span { color: #417012; }
.plus_minus .minus .title span { color: #6B120C; }

.plus .title {background: #C5F991;}
.minus .title {background: #EF6960;}
.plus_minus .title img {width: 14px; height: 14px; margin-right:8px; }
.plus_minus .info {border-radius: 0 0 12px 12px; padding: 20px;}
.plus_minus .info ul {margin-bottom: 0;}
.plus_minus .info ul li {font-size: 16px; line-height: 20px; padding-bottom: 8px;}
.plus_minus .info ul li::before {top: 8px;}
.plus li {color: #C5F991;}
.plus li::before {background: #C5F991;}
.minus li {color: #EF6960;}
.minus li::before {background: #EF6960;}

/* --- main --   */
.first_wrapper {width:100%; max-width: 1300px; margin: 0 auto;}
.first {margin-top: 20px; margin-bottom: 40px; background: url(img/slot-back.png)no-repeat; background-size: cover; border-radius: 12px;}
.first .info {display: flex; flex-direction: column; gap: 14px; width: 100%; height: 100%; background: rgba(22, 23, 24, 0.80); padding: 42px;
    border-radius: 12px;}
.first .info h1 {color: #FFF9F3; width: 100%; max-width: 90%; margin: 0 auto; line-height: 1; }
.first .info p {color: #FFF9F3; padding-bottom: 0; width: 100%; max-width: 800px; margin: 0 auto; text-align: center; font-family: "Poppins-Medium";}

/* --- licence --   */
.licence {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px 0;}
.licence .item {border-radius: 12px; background: var(--color-primary); padding: 20px; }
.licence .item_img {height: 116px; width: auto; display: inline-block; margin-bottom: 8px;}
.licence .item .title {font-size: 18px; line-height: 24px; font-family: "Poppins-SemiBold"; color: var(--text-green); padding-bottom: 8px;}
.licence .item .text {color: var(--text-secondary);}


/* --- steps старые стили с некоторыми обновлениями --   */
.steps {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding-top: 24px;}
.steps .step {background: #26272A; padding: 20px; display: flex;gap: 8px; border-radius: 12px;}
.steps .step .step_img {height: 70px; width: auto;}
.steps .step .name {font-size: 18px; line-height: 24px; font-family: "Poppins"; font-weight: 600; color: #DA8AF7;padding-bottom: 8px; padding-left: 5px;}
.steps .step .text {color: #fff; font-size: 14px; line-height: 16px; font-family: "Poppins"; font-weight: 500;; padding-bottom: 0;}
.steps .step:last-child {background: #28233A; grid-column-start: 1; grid-column-end: 3 ; }
.steps .step:last-child .name {color: #DA8AF7;}
.steps .step:last-child .text {color: #DA8AF7;}

/* --- 404 --   */
.error { text-align: center; padding: 32px 0; min-height: 50vh; display: flex; justify-content: center; align-items: center; }
.error h1 { font-size: 3rem; margin-bottom: 32px; }



/* --- media  --   */
@media screen and (max-width: 1000px) { 
    header .burger {display: block;}
    header .menu {display: none;}
    .header_inner {justify-content:space-between; padding: 13px 0px;}

    .h1 {padding: 28px 0;}
    h1 {font-size: 24px; line-height: 28px;}
    p {font-size: 14px; line-height: 18px; padding-bottom: 14px;}
    ol li { margin-bottom: 17px; font-size: 14px; line-height: 18px;}
    ol li::before {top: -2px;}
    ol li::after {content: ''; width: 200px; height: 1px; background: var(--color-extra); position: absolute; bottom: -8px; left: 12px;}

    .wrapper .wp-block-table {overflow-x: scroll;}

    .wrapper .author {max-width: 100%; margin-bottom: 14px; margin-top: 14px; padding: 6px 12px;}
    .wrapper .author_top .social img {width: 26px; height: 26px;}
    .wrapper .author_bottom button {width: 106px;}
    .wrapper .author_top .person_info_bottom .update, .author_top .person_info_bottom .date {font-size: 14px; line-height: 18px;}

    .readmore {padding-top: 14px; padding-bottom: 0;}

    .prediction_h1 {padding: 12px 12px; margin-top: 28px;}
    .event {margin-bottom: 14px;}
    .event .event_item {padding: 10px 10px;}

    .news {grid-template-columns: repeat(2, 1fr); padding-top: 14px;}
    .news .item .info {padding: 6px 12px 12px 12px;}

    .wrapper .author_info {max-width: 100%; flex-direction: column; align-items: flex-start; margin-bottom: 28px;}

    .slot {margin-top: 28px; padding-bottom: 14px;}
    .slot { grid-template-columns: repeat(1, 1fr); gap: 0px;}
    .slot_right {grid-row-start: 2; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2 ; height: 300px; border-radius: 24px 24px 0 0;}
    .slot_right_inner {border-radius: 24px 24px 0 0;}
    .slot_top {margin-bottom: 12px; padding: 12px 12px;}
    .slot_top .info .title span {font-size: 14px; line-height: 18px;}
    .slot_right_inner button {max-width: 326px;}
    .slot_bottom {border-radius: 0 0 24px 24px; padding: 12px 12px 8px 12px;}
    .slot_bottom .item {width: 100%; }

    .card {grid-template-columns: 200px 1fr; justify-content: flex-start; gap: 20px;}
    .card .column {justify-content: flex-start;}

    .faq {padding-bottom: 14px;}
    .faq_item {padding: 8px 45px 8px 12px; background-position: 96% 8px;}
    .faq_item.open {background-position: 96% 8px;}
    .faq_item .faq_title {font-size: 16px; line-height: 20px;}
    .faq_item .faq_answer {font-size: 14px; line-height: 16px; padding-top: 16px;}
  

    .slots_gallery {grid-template-columns: repeat(4, 1fr); gap: 16px 12px;}

    .topfive_top span {font-size: 16px; line-height: 20px;}
    .topfive_inner .item .item_img {width: 50px; height: 50px;}
    .topfive_inner .item .item_name {font-size: 14px; line-height: 16px; padding-top: 4px;}

    .topfive_inner .item:nth-child(6), .topfive_inner .item:nth-child(7), .topfive_inner .item:nth-child(8) {display: none;}

    .review_h1 {margin-top: 28px;}
    .review_h1 .review_rating {right: 0;}
    .review_h1 .review_rating { right: -60px;}
    .review_h1 .review_rating span, .review_h1 .review_rating .total {font-size: 16px; line-height: 20px;}
    .review_h1 .review_img {margin-bottom: 13px;}
    .review_h1 .review_rating::before {top:1px}

    .tabs_content p, .tabs_content li {font-size: 14px; line-height: 16px;}
    .tabs_content li:before {top: 6px;}
    .tabs_top {overflow-x: scroll;}
    .tabs_top span {flex: 0 0 auto;}
    .tabs {padding-bottom: 14px;}

    .plus_minus {grid-template-columns: repeat(1, 1fr); gap: 12px; padding: 14px 0;}
    .plus_minus .title {padding: 6px 12px;}
    .plus_minus .info {padding: 16px 12px;}
    .plus_minus .info ul li {font-size: 14px; line-height: 16px;}
    .plus_minus .info ul li::before {top: 5px;}

    .first {margin-top: 0px; margin-bottom: 28px;border-radius: 0;}
    .first .info {border-radius: 0; padding: 20px 12px;}

    .licence {grid-template-columns: repeat(1, 1fr); gap: 12px; padding: 14px 0;}
    .licence .item {padding: 14px 12px;}

    .steps { grid-template-columns: repeat(1, 1fr); gap: 12px 0px; padding: 14px 0;}
    .steps .step:last-child { grid-column-start: 1; grid-column-end: 1 ; }
    .steps .step {padding: 14px 12px;}

}



@media screen and (max-width: 750px) { 
    .slots_gallery {grid-template-columns: repeat(3, 1fr);}
}


@media screen and (max-width: 600px) { 

    .container {
        padding: 0 0 32px;  margin-top: 32px;
    }

    .news {grid-template-columns: repeat(1, 1fr);gap: 12px;}
    .news_load_button {margin-bottom: 28px; margin-top: 12px;}

    .card {padding: 12px 12px; gap: 8px;}
    .card_img { background-position: center center;}
    .card .column .list {display: none;}
    .card .column_mobile {display: block; grid-column-start: 1; grid-column-end: 3 ;}
    .card .column_mobile .mobile_bonus {font-size: 16px; line-height: 20px; font-family: "Poppins-SemiBold"; color: var(--text-secondary);
        border-radius: 24px; background: var(--color-extra); padding: 6px 16px; display: inline-block; margin-bottom: 7px;}
    .card .column .rating {margin-bottom: 0;}
    .card .mobile_list {position: relative; padding-left: 22px; color: var(--text-green); font-family: "Poppins-Medium"; font-size: 14px; line-height: 16px;
        display: block; margin-bottom: 6px;}
    .card .mobile_list:before {content: ""; width: 18px; height: 18px;background: url(img/list.svg)no-repeat; background-size: cover;
        position: absolute; top: -1px; left: 0;}
    .card .column.mobile_hide {display: none;}
    .card .mobile_buttons {display: block; grid-column-start: 1; grid-column-end: 3 ;}
    .card .mobile_buttons .green_button {padding: 4px 16px;}
    .card .mobile_buttons .review_button {border: 2px solid var(--text-green); border-radius: 40px; padding: 4px 16px; font-family: "Poppins-Medium";
        font-size: 18px; line-height: 24px; color: var(--text-green);}
    .card .mobile_buttons .extra_button { padding: 4px 10px; font-family: "Poppins-Medium"; font-size: 18px; line-height: 24px; color: var(--text-green);}

    
    .slots_gallery {grid-template-columns: repeat(2, 1fr);}

    

    .topfive_inner .item:nth-child(4), .topfive_inner .item:nth-child(5) {display: none;}

}   

/* Langs switcher */
.lang_choose {height:60px;}
.lang_choose .choose { padding: 0 14px;display: flex;justify-content: space-between;align-items: center;
position: relative; height: 100%; cursor: pointer;}
.lang_choose span {position: relative; padding: 0 18px 0 0px!important;}
/* .lang_choose span:after {content: ''; width: 10px; height: 10px; position: absolute; top:2px; right: 0; 
background: url(/wp-content/themes/mostbet999/img/menu_down.png)no-repeat; background-size: cover;} */
.lang_choose img {width: 18px; height: 18px;border-radius: 50%;margin-right: 8px;}
.lang_choose  a, .lang_choose .choose span {color: #FFF; padding: 0 11px;font-size: 13px;font-weight: 600;}

.lang_choose .submenu {position:absolute; top:45px; left:0; background: var(--header); width: 230px; display:none; }
.submenu div {display:flex; align-items:center;}
.submenu img, .choose img {width:18px; height:18px; border-radius:50%; margin-right:8px;}
.submenu a {display:flex; width:100%; padding:5px 10px 5px 14px; align-items: center;}
   
.lang_choose:hover .submenu {display:block;}



/* New author block */
.author_block { margin-bottom: 56px;}
.author_block_inner .author_tag {position: absolute; top:-18px; left: 24px; background: var(--text-green); color: var(--color-primary); font-size: 14px; line-height: 20px;
font-weight: 500; padding: 4px 12px; border-radius: 8px;}
.author_block p {padding-bottom: 0;}
.author_block_inner {padding: 16px 24px; display: flex; justify-content: space-between; background: var(--color-primary); border-radius: 16px;  position: relative;
border: rgba(93, 96, 103, 0.5) 1px solid; flex-wrap: wrap;}
.author_block_left {display: flex; gap: 24px; width: 360px;}
.author_block_left .author_img {width: 128px; height: 128px;}
.author_block_left .author_img img {border-radius: 50%;}
.author_block_left .author_info {display: flex; flex-direction: column; justify-content: space-around; margin-bottom: 0; align-items: flex-start; max-width: 100%;
width: auto;}
.author_block_left .author_info .name {display: flex; gap: 10px; align-items: center;}
.author_block_left .author_info .name span {color: var(--text-secondary); font-size: 18px; line-height: 24px; font-weight: 700; padding-left: 0; margin-left: 0;}
.author_block_left .author_info .name span:before {display: none;}
.author_block_left .author_info .name img {width: 14px; height: 14px;}
.author_block_left .author_info .speciality {color: var(--text-secondary); font-size: 16px; line-height: 24px; font-weight: 400;}
.author_block_left .author_info .date {color: #5D6067; font-size: 12px; line-height: 16px; font-weight: 300;}
.author_block_left .socials img {width: 28px; height: 28px;}

.author_block_right {display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 408px);}
.author_block_right .contentLink {display: flex; gap: 6px; justify-content: flex-end; }
.author_block_right .contentLink_inner {position: relative; cursor: pointer; display: flex; align-items: center; gap: 5px;}
.author_block_right .contentLink span {color: #5D6067; font-size: 14px; line-height: 20px; font-weight: 500;}
.author_block_right .author_text {color: #5D6067; font-size: 16px; line-height: 24px; font-weight: 400;}
.author_block_right .contentLink button {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.author_block_inner .socials_mobile {display: none;}

@media (max-width: 1150px) {
    .author_block {padding: 0 0;}
}

@media (max-width: 890px) {
    .author_block { margin-bottom: 40px;}
    .author_block_inner {padding: 16px 16px; flex-direction: column;}
    .author_block_left .author_img {display: none;}
    .author_block .author_tag {left: 20px;}
    .author_block_inner .socials_mobile {display: block; position: absolute; top: 16px; right: 16px;}
    .author_block_inner .socials_mobile img {width: 28px; height: 28px;}
    .author_block_left {width: auto;}
    .author_block_left .author_info .name {padding-bottom: 10px;}
    .author_block_left .author_info .name span {line-height: 16px;}
    .author_block_left .author_info .speciality {font-size: 12px; line-height: 16px; font-weight: 300; padding-bottom: 4px;}
    .author_block_left .socials {display: none;}
    .author_block_left .author_info {width: 100%;}
    .author_block_right {width: 100%; margin-top: 10px;}
    .author_block_right .author_text {font-size: 12px; line-height: 16px; font-weight: 300;}
    .author_block_right .contentLink {justify-content: flex-start; margin-top: 10px;}
    .author_block_right .contentLink span {font-size: 12px; line-height: 18px;}
}

/* New first screen */
.first_new {margin-top: 40px; margin-bottom: 0px;}
.first_new_inner {border-radius: 16px; height: 280px;}
.first_new_info {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  background: rgba(22, 23, 24, 0.80); padding: 42px;
    border-radius: 16px;}
.first_new_info h1 {color: #fff; font-size: 32px; line-height: 48px; font-weight: 700;}
.first_panel {display: flex; margin-top: 8px; margin-bottom: 56px; justify-content: space-between;}
.first_panel .first_panel_left {display: flex; gap: 44px;}
.first_panel .first_panel_left .editor, .first_panel .first_panel_left .calendar {display: flex; align-items: center;}
.first_panel .first_panel_left .editor {position: relative;}
.first_panel .first_panel_left .editor button {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.first_panel .first_panel_left .title {color: #5D6067; font-size: 14px; line-height: 24px; font-weight: 400; padding-left: 13px;}
.first_panel .first_panel_left .name {color: #5D6067; font-size: 14px; line-height: 24px; font-weight: 700; padding-left: 5px;}
.first_panel .first_panel_left .editor img {width: 20px; height: 20px;}
.first_panel .first_panel_left .calendar img {width: 20px; height: 20px;}
.first_panel .first_contentLink {display: flex; gap: 6px; align-items: center; cursor: pointer;}
.first_panel .first_contentLink span {color: #5D6067; font-size: 14px; line-height: 20px; font-weight: 500;}
.first_panel .first_contentLink .contents_img {width: 16px; height: 8px; background: url(/arrow-down.svg)no-repeat;
    background-size: contain;}
.first_panel .first_contentLink .contents_img.active {width: 16px; height: 8px; background: url(arrow-up.svg)no-repeat;
    background-size: contain;}

.first_new .first_contents, .first_panel_palpites .first_contents {width: 100%;}
.first_new .first_contents div#ez-toc-container .ez-toc-title, .first_panel_palpites .first_contents div#ez-toc-container .ez-toc-title {display: none;}
.first_new .first_contents div#ez-toc-container, .first_panel_palpites .first_contents div#ez-toc-container {padding: 0 0 0 0; border:none; box-shadow: none;}
.first_new .first_contents #ez-toc-container nav, .first_panel_palpites .first_contents #ez-toc-container nav {margin-top: 10px;}
.first_new .first_contents #ez-toc-container a, .first_panel_palpites .first_contents #ez-toc-container a {color: #222225; font-size: 12px; line-height: 16px; font-weight: 300; text-decoration: underline;}
.first_new .first_contents #ez-toc-container, .first_panel_palpites .first_contents #ez-toc-container {background: transparent; margin-bottom: 0;}
.first_new .first_contents div#ez-toc-container ul li, .first_panel_palpites .first_contents div#ez-toc-container ul li {padding-left: 10px;}
.first_new .first_contents div#ez-toc-container ul li:before, .first_panel_palpites .first_contents div#ez-toc-container ul li:before {width: 4px; height: 4px; background:#222225 ;}

@media (max-width: 950px) {
    .first_panel {margin-top: 36px;}
}

@media (max-width: 820px) {
    .first_panel .first_panel_left {flex-direction: column; gap: 8px;}
}
@media (max-width: 570px) {
    .first_panel .first_panel_left {flex-direction: row; justify-content: space-between; }
    .first_panel {flex-direction: column; gap: 8px;}
    .first_panel .first_panel_left .title, .first_panel .first_panel_left .name {font-size: 12px; line-height: 16px;}
    .first_panel .first_panel_left .title {padding-left: 10px;}
    .first_panel .first_contentLink span {font-size: 12px; line-height: 18px;}
    .first_new_info {padding: 20px;}
}
@media (max-width: 460px) {
    .first_panel .first_panel_left {flex-direction: column;}
}


/* Страница автора */

.page_author h2 {padding: 0; padding-bottom: 16px; margin-top: 56px;}
.author_firstscreen {margin-bottom: 56px; margin-top: 40px;}
.author_firstscreen_inner {display: flex; justify-content: space-between;}
.author_firstscreen_left {display: flex;  gap: 24px;}
.author_firstscreen_left .author_img {width: 160px; height: 160px;}
.author_firstscreen_left .author_img img {border-radius: 50%;}
.author_firstscreen_left .author_info {display: flex; flex-direction: column; justify-content: space-around; margin-bottom: 0; align-items: flex-start;
width: auto;}
.author_firstscreen_left .author_info .name {display: flex; gap: 8px; align-items: center;}
.author_firstscreen_left .author_info .name span {color: #222225; font-size: 32px; line-height: 48px; font-weight: 700; padding-left: 0; margin-left: 0;}
.author_firstscreen_left .author_info .name span:before {display: none;}
.author_firstscreen_left .author_info .name img {width: 14px; height: 14px;}
.author_firstscreen_left .author_info .speciality {color: var(--text-secondary); font-size: 16px; line-height: 24px; font-weight: 400;}
.author_firstscreen_left .author_info .date {color: #5D6067; font-size: 12px; line-height: 16px; font-weight: 300;}
.author_firstscreen_left .socials img {width: 28px; height: 28px;}

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

.socials .social-link img {width: 35px;  height: 35px; max-width: 40px; max-height: 40px; background: inherit;}


.social-link {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.social-link img {
    max-width: 30px; 
    max-height: 30px;
    display: block;
}

.social-link:hover {
    background-color: #434449; 
}



.author_posts {margin-top: 56px;}
.author_posts {  margin: 4px auto;  padding: 0px;}
.posts-grid {  display: flex;  flex-wrap: wrap;  row-gap: 20px;  column-gap: 16px;  justify-content: flex-start;}
.post-item { width: 382px; height: 234px; background-color: #fff; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.post-header {  width: 100%;  height: 80px;  background: url('/bg_violet.png')no-repeat center;
  display: flex;  justify-content: center;  align-items: center;  background-size: cover;}
.post-image {  max-height: 60px;  max-width: 100%;  object-fit: contain;}
.post-content {background-color: #FAF2DB;   flex: 1;  padding: 10px;  display: flex;  flex-direction: column;  justify-content: space-between;}
.post-title {  font-size: 16px;  font-weight: bold;  margin: 0;  color: #222225;}
.container-meta { display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
.post-meta { font-size: 12px; color: #5D6067; align-items: center; display: flex;}
.post-meta span { margin-right: 8px;}
.post-meta .icon-date,
.post-meta .icon-views,
.container-meta .icon-readmore { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.post-meta .icon-date {  margin-right: 4px;  background-image: url('/date-icon.svg');}
.post-meta .icon-views { margin-right: 2px;  background-image: url('/view-icon.svg');}
.container-meta .icon-readmore { margin-left: 2px; width: 14px; height: 14px; background: url('/arrow_right.svg')no-repeat center;}
.read-more {text-align: end;  display: flex;  align-items: center;}
.read-more a { margin-top: auto; background-color: inherit; color: #222225; text-decoration: none; font-size: 14px; font-weight: 600;}
.load-more-container { text-align: center;  margin-top: 24px;}

.load-more {  padding: 8px 20px;  display: inline-block;  width: 240px;  background-color: #145B40;  color: #FAF2DB;
  text-decoration: none;  border-radius: 16px;  font-size: 14px;  font-weight: 600;  line-height: 20px;  transition: background-color 0.3s ease;}
.load-more:hover {  background-color: #0f4531;}

.button-container { display: flex; justify-content: space-between; align-items: center; vertical-align: baseline; margin-top: 60px; margin-bottom: 60px;}
.home-button, .scroll-top-button { background-color: inherit; border-radius: 4px; border: 1px solid #fff; color: #fff; height: 26px;  padding: 4px 8px; font-size: 12px; 
  text-align: center; font-family: 'Poppins'; }
.home-button {width: 200px ;}
.scroll-top-button {width: 100px; display: flex;  flex-direction: row;  justify-content: center;  align-items: center;}
.icon-up { display: inline-block; margin-left: 4px;  width: 14px; height: 14px; background: url('/icon-up.svg')no-repeat center;}



@media (max-width: 768px) {
  .post-item {
      width: 100%; 
  }
}

/* --- media global styles --   */
@media screen and (max-width: 1279px) {

  h1 {
    font-size: 26px;
    line-height: 34pt;
    margin-top: 65px;
  }
  h2 {
    font-size: 20px;
    line-height: 28pt;
    margin-top: 48px;
  }
  h3 {
    font-size: 16px;
    line-height: 24pt;
    margin-top: 24px;
  }
  h4 {
    font-size: 12px;
    line-height: 18pt;
    margin-top: 20px;
  }

.hero .containerNew {margin-top: 0;}
  .containerNew {margin: 0 auto; padding: 0 40px;  margin-top: 52px;}
  .small-text {font-size: 10px; line-height: 14pt; margin-top: 4px;}
  span, p, b, i, a, li { font-size: 12px; line-height: 14pt;}
  p {margin-top: 6px;}
  .wp-block-image {padding: 0px;}
  .subheading {font-size: 14px; line-height: 22pt; margin-top: 24px;}
  .quote { font-size: 16px; line-height: 24pt;}
  
}

@media screen and (max-width: 599px) {

    h1 {  margin-top: 65px;}
    h2 {  margin-top: 40px;}
    h3 {  margin-top: 20px;}
    h4 {  margin-top: 16px;}
    p {  padding: 0;}
    .hero .containerNew {margin-top: 0;}
    .containerNew {margin: 0 auto; padding: 0 20px;  margin-top: 32px;}
    .subheading {margin-top: 20px;}
}

/*--- header новые стили ---*/


/* --- header --   */
header {background: none;}

.menus-nav {display: flex; align-items: center;}

/* Langs switcher */
.lang_choose {position: relative; height:60px;}
.lang_choose .choose { padding: 0 14px;display: flex;justify-content: space-between;align-items: center;
position: relative; height: 100%; cursor: pointer;}
.lang_choose span {position: relative; padding: 0 18px 0 0px!important;}
.lang_choose img {width: 18px; height: 18px;border-radius: 50%;margin-right: 8px;}
.lang_choose  a, .lang_choose .choose span {color: var(--neutral-200); padding: 0 11px;font-size: 13px;font-weight: 400;}
.lang_choose .choose span::after { content: ''; position: absolute; top: 40%; right: 5px; width: 10px; height: 10px; 
  background-image: url('arrow-up.svg'); background-size: contain;  background-repeat: no-repeat;  
  transform: rotate(0deg);   transition: transform 0.2s ease;  transform-origin: center center;;}

 
.lang_choose:hover .choose span::after{  
  transform: translateY(-50%) rotate(180deg); 
}

.lang_choose .submenu {position:absolute; top:50px; left:0; background: rgba(28, 24, 41, 0.80); border-radius: 4px; display:none; height: 100px; width: max-content;}
.submenu div {display:flex; align-items:center;}
.submenu img, .choose img {width:16px; height:16px; border-radius:50%; margin-right:8px;}
.submenu a {display:flex; width:100%; padding:5px 10px 5px 14px; align-items: center; text-decoration: none;}
   
.lang_choose:hover .submenu {display:flex; flex-direction: column; justify-content: center ;}


.current-lang { background-color: inherit; color: var(--neutral-200); border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer;  font-size: 12px;
font-weight: 500; display: flex; align-items: center;}
.current-lang img { width: 14px; height: 14px; border-radius: 50%; margin-right: 4px;}

.language-modal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10000; align-items: center; justify-content: center;}
.modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0D0E0ECC; backdrop-filter: blur(10px); z-index: 1;}
.modal-content {  position: relative;  background: var(--brand-900);  padding: 20px;  border-radius: 4px;  z-index: 2;  max-width: 400px;  width: 90%;  
  text-align: center;}
.modal-content h3 {  text-align: left;}

.language-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; margin: 16px 0;}
.language-list li { margin-bottom: 8px; border-radius: 6px; height: 28px; width: 93px; background: inherit; border: 1px solid var(--neutral-400); display: flex;
align-items: center; justify-content: center;}
.language-list li a { display: flex; align-items: center; gap: 8px; text-decoration: none;}
.lang-option { background-color: var(--brand-900); border: 1px solid var(--neutral-400); color: var(--neutral-200); display: flex; align-items: center; 
  border-radius: 6px; padding: 4px 12px; width: max-content;}
.lang-option img { width: 18px; height: 18px; border-radius: 50%; margin-right: 8px;}

.close-modal { position: absolute; width: 24px; height: 24px; background-image: url('/close-modal.svg');
background-repeat: no-repeat; background-size: contain; top: 12px; right: 12px;}


.header-desktop, .header-mobile { display: none;}
header {
background: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
header.scrolled { border-radius: 0px 0px 4px 4px; background: rgba(28, 24, 41, 0.80); backdrop-filter: blur(10px); position: fixed; width: 100%; z-index: 10000;}
.wrapper-mobile { margin: 0 auto; padding: 0 20px;}
.wrapper-desktop { width: 1180px;}

.body-no-scroll { overflow: hidden; position: fixed; width: 100%;}

.menu-item .menu-link { display: inline-flex; align-items: center; position: relative; color: var(--neutral-200); text-decoration: none; padding-right: 22px;}
.menu-desktop .menu-item .menu-link { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--neutral-200);}
.menu-item .menu-arrow { width: 16px; height: 16px; justify-content: center; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); 
transition: transform 0.3s ease; display: inline-flex; align-items: center;}
.menu-item.open .menu-arrow img { transform: rotate(180deg);}
.menu-item-header.menu-item-has-children > .menu-link::after { content: ''; position: absolute; top: 46%; right: 5px; width: 10px; height: 10px; 
  background-image: url('arrow-up.svg'); background-size: contain;  background-repeat: no-repeat;  
  transform: rotate(0deg);   transition: transform 0.2s ease;}

.menu-item-header.menu-item-has-children:hover > .menu-link::after {  transform: translateY(-50%) rotate(180deg); }
.menu-item-header.menu-item-has-children.open > .menu-link::after {  transform: translateY(-50%) rotate(180deg); }
.menu-item-header.menu-item-has-children:hover, .menu-item-header.menu-item-has-children.open {  cursor: pointer; }


@media screen and (min-width: 1280px) {

.header-desktop { display: block; }
header.scrolled { top: 0; }
header.scrolled .logo-desktop img { width: 117px; }
.header-top-desktop { display: flex; align-items: center; flex-direction: row; justify-content: space-between; gap: 50px; height: 60px; margin: 0 50px; }
.menu-desktop { display: flex; align-items: center; gap: 40px; justify-content: flex-end; position: relative; }
.menu-desktop ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; column-gap: 20px; row-gap: 10px; max-width: 1180px; 
  justify-content: flex-end; flex-wrap: wrap;  }
.menu-desktop li { position: relative; display: flex; height: 24px; list-style: none; align-items: center; justify-content: center; }
.menu-desktop li a:hover { font-weight: 600; }
.menu-desktop li ul { display: none; position: absolute; top: 30px; right: 0; margin: 0; padding: 16px; padding-left: 20px; list-style: none; 
  background-color: rgba(40, 35, 58, 1); backdrop-filter: blur(10px); z-index: 3; border-radius: 4px; width: max-content; opacity: 0; visibility: hidden;
  transform: translateY(10px); transition: opacity 0.3s, visibility 0.3s, transform 0.3s;  }
.menu-item-has-children:hover > .sub-menu,
.menu-desktop li:hover > ul {      display: block;      opacity: 1;      visibility: visible;      transform: translateY(0);  }

.menu-desktop li ul li { margin: 0; height: 20px; margin-bottom: 8px; justify-content: flex-end; }
.menu-desktop li ul li a { margin-right: 0; display: contents; }
.menu-desktop a { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--neutral-200); text-decoration: none; white-space: nowrap; margin-right: 20px; }
.menu-desktop li ul li span { font-size: 12px; color: var(--neutral-300); line-height: 16px; font-weight: 500; margin-left: 4px; text-align: end; }
.menu-desktop li ul li span:hover { font-weight: 600; }
.menu-desktop li ul li a:hover,  .menu-desktop li ul li a:focus { font-weight: 600; }
.menu-item-has-children { position: relative; }
.menu-item-has-children > .sub-menu { top: 100%; }
.menu-item-has-children.open > .sub-menu { display: block; opacity: 1; visibility: visible; transform: translateY(0); }
.logo-desktop img { max-height: 100%; width: 245px; max-width: 245px; }
.menu-desktop a.is-active, .menu-desktop a span.is-active  {color: var(--brand-400); font-weight: 700;}

}


@media screen and (max-width: 1279px) {
  .header-mobile { position: relative; }
  header { background: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: background-color 0.3s ease, box-shadow 0.3s ease;  }
.header-top-desktop { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 20; height: 36px;}
.header-top { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 20; height: 40px; }
  .header-mobile { display: block; }
  .burger { cursor: pointer; z-index: 30; position: relative; }
  .close-icon { display: none; }
  .burger .burger-icon { display: block; width: 24px; }
  .burger .close-icon { display: none; }
  .burger.active .burger-icon { display: none; }
  .burger.active .close-icon { display: block; width: 24px; }
  .menu-mobile { display: none; flex-direction: column; background-color: var(--brand-900); position: relative; top: 100%;
    left: 0; right: 0; height: calc(100vh - 56px); overflow-y: auto; z-index: 10; transform: translateY(-100%); transition: transform 0.3s ease-in-out;
}  
.menu-mobile.active { display: flex; margin-top: 24px; height: 79vh; z-index: 10; margin-right: 2px; transform: translateY(0); }
  .menu-mobile ul { margin: 0; padding: 0; list-style: none; text-align: right; }
  .menu-mobile li { position: relative; }
  .menu-mobile a { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--neutral-200); text-decoration: none; text-align: right; 
      padding: 2px 4px; display: block; }
  .menu-mobile a:active { font-weight: 600; color: var(--brand-400); }
  .logo-mobile img { width: 144px; }
  .menu-mobile a.is-active, .menu-mobile a span.is-active  {color: var(--brand-400)}

  

/* Langs switcher mobile */
  .lang_choose-mobile { display: flex; position: relative; }
  .choose-mobile { padding: 0 16px; display: flex; flex-direction: row;  align-items: center; position: relative; height: 100%; cursor: pointer; background: none;}
  .lang_choose-mobile span {position: relative; padding: 0; font-size: 14px; font-weight: 500;}
  .lang_choose-mobile img {width: 20px; height: 20px; border-radius: 50%; margin-right: 4px;}
  .lang_choose-mobile  a, .lang_choose-mobile .choose span {color: var(--neutral-200); padding: 0 11px;font-size: 13px;font-weight: 600;}
  .language-list img {width: 16px;height: 16px;border-radius: 50%;}
  .language-list li.active-lang {font-weight: 700;border-radius: 6px;border: none;background: linear-gradient(to bottom, #F6F6FF33, #81818ACC);}
  
  .sub-menu {display: block;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
  .menu-item.active > .sub-menu {display: block;max-height: 500px;}
  .menu-item.active > .sub-menu > li {margin-top: 12px;}
  .sub-menu > li a {color: var(--neutral-300);font-size: 12px;line-height: 16px;font-weight: 500;margin-bottom: 12px;display: inline-flex;flex-direction: row;      
      gap: 4px;}
  .menu-mobile .sub-menu a:hover, .menu-mobile .sub-menu a:focus {color: var(--brand-400);}
  .menu-mobile .sub-menu {transition: max-height 0.3s ease, color 0.3s ease;padding-right: 2px;}
  .menu-mobile .menu-item-has-children > .menu-link {padding-right: 22px;}
  .menu-item.open {margin-bottom: 0;}
  .sub-menu > li a:last-child {  margin-bottom: 0;}
  .menu-item.open > .sub-menu > li {  margin-bottom: 12px;}
  .menu-item.open > .sub-menu > li:last-child {  margin-bottom: 20px;}
  .menu-item.open > .menu-link {  font-weight: 600;}
  .menu-mobile .menu-link { padding-right: 0; margin-bottom: 20px;}
  .overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--brand-900); z-index: 5; width: 100%; height: 100%; opacity: 0;      
      visibility: hidden;}
  .overlay.active {opacity: 1;visibility: visible;}
  body.body-no-scroll {overflow: hidden;height: 100vh;touch-action: none;}
  .menu-mobile.active + .overlay {display: block;}
  body.menu-active {overflow: hidden;}

  .logo-mobile img, .logo-desktop img { width: 144px; height: auto; transition: opacity 0.3s ease;}
  header.scrolled .logo-mobile img { content: none;}
  header.scrolled .logo-mobile img{ width: 59px; }
  header.menu-open .logo-mobile img { width: 59px; height: auto; }

  /* mobile menu scroll  */
  .header-desktop.scrolled, .header-mobile.scrolled { background-color: #1C1829CC; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;  
      transition: background-color 0.3s ease; }

  .footer-mobile-menu { position: fixed; bottom: 0px; right: 20px; padding: 12px 20px 20px 20px; border-top: 1px solid var(--neutral-600);  
      z-index: 10; display: none; opacity: 0; background-color: var(--brand-900);}
  .footer-nav ul { display: flex; flex-direction: row;  flex-wrap: wrap;  justify-content: flex-end;  gap: 12px;   list-style: none;  text-align: right;}
  .footer-nav ul li { margin: 0;}
  .footer-nav ul li a { font-size: 12px; font-weight: 500; line-height: 16px; color: var(--neutral-400); padding: 0; list-style: none; text-decoration: none;}
  .footer_copyright { margin-top: 24px;}
  .copyright { font-size: 10px;  font-weight: 500; line-height: 14px; color: var(--neutral-600); text-align: right; margin: 0; padding: 0;}
}


.hero {
position: relative;
border-radius: 0px 0px 8px 8px;
}
.hero--secondary .breadcrumbs {
position: absolute;
display: flex;
align-items: center;
gap: 6px;
top: 48px;
}
.hero--secondary .breadcrumbs a {
font-family: 'Poppins';
font-weight: 300;
font-size: 10px;
line-height: 14px;
color: #81818a;
text-decoration: none;
transition: none;
}
.hero--secondary .breadcrumbs a:hover {
font-weight: 400;
color: #da8af7;
}
.hero--secondary .breadcrumbs span {
font-family: 'Poppins';
font-weight: 500;
font-size: 10px;
line-height: 14px;
color: #979ca8;
}
.hero--secondary .hero__bottom {
margin-top: 34px;
}
.hero h1 {
margin-top: 0;
font-family: 'Poppins';
font-weight: 800;
font-size: 26px;
line-height: 34px;
letter-spacing: 0.02em;
color: #eaeaf7;
}
.hero p {
margin-top: 0;
}
.hero__wrapper {
padding-top: 104px;
padding-bottom: 7px;
}
.hero__facts {
display: flex;
flex-direction: column;
margin-top: 20px;
gap: 10px;
}
.hero__facts-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: rgba(40, 35, 58, 0.4);
border-radius: 4px;
}
.hero__facts-img {
width: 20px;
height: 20px;
}
.hero__facts-text {
font-family: 'Poppins';
font-weight: 500;
font-size: 11px;
line-height: 15px;
color: #f6f6ff;
}
.hero p {
padding: 0;
margin-top: 20px;
font-family: 'Poppins';
font-weight: 300;
font-size: 12px;
line-height: 18px;
color: #eaeaf7;
}
.hero__bottom {
margin-top: 32px;
}
.hero .author {
display: flex;
align-items: center;
justify-content: space-between;
}
.hero .author .author_bottom {
display: contents;
}
.hero .author p,
.hero .author a,
.hero .author span {
padding: 0;
font-family: 'Poppins';
font-weight: 300;
font-size: 10px;
line-height: 14px;
color: #81818a;
text-decoration: none;
}
.hero #ez-toc-container {
border: none;
box-shadow: none;
background: none;
-webkit-box-shadow: none;
margin-bottom: 0;
}
.hero #ez-toc-container li::before {
display: none;
}
.hero #ez-toc-container .ez-toc-title-toggle {
display: none;
}
.hero #ez-toc-container a {
color: #fff !important;
}
.hero div#ez-toc-container .ez-toc-title {
margin-top: 16px;
font-family: 'Poppins';
font-weight: 500;
font-size: 10px;
line-height: 14px;
color: #eaeaf7;
}
.hero div#ez-toc-container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
border: none;
box-shadow: none;
}
.hero #ez-toc-container nav {
margin-top: 8px;
}
.hero #ez-toc-container a {
font-family: 'Poppins';
font-weight: 300;
font-size: 10px;
line-height: 14px;
text-decoration-line: underline;
color: #eaeaf7;
}
.hero #ez-toc-container {
background: transparent;
margin-bottom: 0;
}
.hero div#ez-toc-container ul.ez-toc-list-level-3 li {
padding: 0;
}
.hero .ez-toc-counter nav ul li a {
position: relative;
padding-left: 15px;
}
.hero .ez-toc-counter nav ul li a::before {
content: '●';
position: absolute;
left: 0;
top: 5px;
transform: translateY(-50%);
color: #eaeaf7;
font-size: 12px;
}
.hero .toc-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 12px;
height: 8px;
cursor: pointer;
background: transparent;
}
.hero .toc-btn svg {
width: 100%;
height: 100%;
stroke: #979ca8;
transition: all 0.3s ease-in-out;
}
.hero .toc-btn.active {
width: 13px;
height: 13px;
}
.ez-toc-wrapper {
position: absolute;
top: 103%;
left: 0;
width: 100%;
z-index: 10;
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease-in-out;
}
.ez-toc-wrapper.active {
max-height: 9000px;
}
.moveContainer {
transition: margin-top 0.3s ease-in-out;
}

@media (min-width: 360px) {
.hero__facts {
  flex-direction: row;
  gap: 16px;
}
}
@media (min-width: 744px) {
.hero h1 {
  font-family: 'Poppins';
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.02em;
}
.hero p {
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.hero__bottom {
  margin-top: 34px;
}
.hero div#ez-toc-container {
  padding: 0 40px;
}
}
@media (min-width: 1440px) {
.hero__wrapper {
  padding-top: 140px;
  padding-bottom: 16px;
}
.hero h1 {
  max-width: 960px;
  font-weight: 800;
  font-size: 42px;
  line-height: 50px;
}
.hero__facts {
  margin-top: 32px;
  gap: 24px;
}
.hero__facts-item {
  padding: 16px;
  gap: 12px;
}
.hero p {
  margin-top: 32px;
  max-width: 960px;
  font-size: 16px;
  line-height: 24px;
}
.hero--secondary p {
  margin-top: 20px;
}
.hero__facts-img {
  width: 32px;
  height: 32px;
}
.hero__facts-text {
  font-size: 16px;
  line-height: 24px;
}
.hero--secondary .hero__bottom {
  margin-top: 36px;
}
.hero__bottom {
  margin-top: 56px;
}
.hero .author p,
.hero .author a,
.hero .author span {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}
.hero .author a {
  transition: none;
}
.hero .author a:hover {
  color: #da8af7;
  text-decoration: underline;
}
.hero .toc-btn {
  width: 20px;
  height: 20px;
}
.hero .toc-btn.active {
  width: 20px;
  height: 20px;
}
.hero .toc-btn:hover svg {
  stroke: #da8af7;
}
#ez-toc-container a {
  transition: none;
}
#ez-toc-container a:hover {
  color: #da8af7 !important;
}
.hero--secondary .breadcrumbs a {
  font-size: 12px;
  line-height: 16px;
}
.hero--secondary .breadcrumbs span {
  font-size: 12px;
  line-height: 16px;
}
}
@media (min-width: 1279px) {
.hero--secondary .breadcrumbs {
  position: absolute;
  top: 68px;
}
}