/*
Theme Name: BOLDFUND THEME
Theme URI: https://wordpress.org/themes/boldfund
Author: bokhan7
Author URI: https://wordpress.org
Description: Machinery documentation
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 5.6
Version: 2025.05.23
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


@font-face {
    font-family: 'Benzin';
    src: url('assets/fonts/Benzin-Regular.ttf') format('truetype'); /* Для Benzin-Bold.ttf */
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'Benzin';
    src: url('assets/fonts/Benzin-Semibold.ttf') format('truetype'); /* Для Benzin-ExtraBold.ttf */
    font-weight: bold;
  }
  
  /* Подключение шрифта Stolzl */
  @font-face {
    font-family: 'Stolzl';
    src: url('assets/fonts/stolzl_book.otf') format('opentype'); /* Для stolzl_bold.otf */
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'Stolzl';
    src: url('assets/fonts/stolzl_medium.otf') format('opentype'); /* Для stolzl_book.otf */
    font-weight: bold;
  }

  @font-face {
    font-family: 'BenzinCr';
    src: url('assets/fonts/BenzinRegular-Cr.ttf') format('truetype'); /* Для Benzin-Bold.ttf */
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'BenzinCr';
    src: url('assets/fonts/BenzinSemibold-Cr.ttf') format('truetype'); /* Для Benzin-ExtraBold.ttf */
    font-weight: bold;
  }
  
  /* Подключение шрифта Stolzl */
  @font-face {
    font-family: 'StolzlCr';
    src: url('assets/fonts/StolzlCr-Book.otf') format('opentype'); /* Для stolzl_bold.otf */
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'StolzlCr';
    src: url('assets/fonts/StolzlCr-Medium.otf') format('opentype'); /* Для stolzl_book.otf */
    font-weight: bold;
  }





  :root{
    --blue: #3272FA;
    --black: #151515;
  }

  body{
    font-family: 'Stolzl', sans-serif;
    font-weight: normal;
    padding: 0;
    font-size: 16px;
    margin: 0;
    background: var(--black);
    color: white;
    overflow-x: hidden;
}

a, button{
    all: unset;
    cursor: pointer;
}

input{
    all: unset;
}

a{
    transition: all ease .15s;
}

html{
    overflow-x: auto;
}

h1{
    text-align: center;
}

#language-select{
    cursor: pointer;
    background: none;
    color: var(--white);
    outline: none;
    border: none;
    opacity: .6;
    transition: all ease .2s;
    height: 100%;
}

#language-select:hover{
    opacity: 1;
}

.wrapper{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

section{
    margin-top: 70px;   
}

h1,h2,h3,h4,h5,h6{
    padding: 0;
    margin: 0;
}

p{
    margin: 0;
    padding: 0;
}

.row{
    display: flex;
    flex-direction: row;
}

.col{
    display: flex;
    flex-direction: column;
}

.center{
    align-items: center;
}

.g24{
    gap: 24px;
}
.g48{
    gap: 48px;
}

.offer__item{
    position: relative;
}

.offer__item img{
    width: 372px;
    aspect-ratio: 2.86;
}

.offer__item p {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 230px;
    text-align: center;
    left: 50%;
    top: 65%;
    transform: translateY(-50%) translateX(-50%);
}

h1,h2,h3,h4,h5,h6{
    font-family: "Benzin";
    font-weight: normal;
}


.ex-h1,.ex-h2,.ex-h3,h4,h5,h6{
    font-family: "Benzin";
    font-weight: normal;
}

h1{
    font-size: 36px;
    font-weight: bold;
}

.risk-offer{
    font-family: "Benzin";
    font-size: 28px;
}

h1 mark{
    font-size: 78px;
}

.bold{
    font-weight: bold;
}

.mainscreen{
    margin-top: 0;
    background: url(assets/img/bg.png) no-repeat top left;
}

p{
    color: white;
}

.mainscreen__content{
    margin-top: 50px;
    gap: 20px;
    justify-content: space-between;
}

.offer{
    gap: 20px;
}

.btn{
    font-weight: bold;
    padding: 20px 50px;
    border-radius: 24px;
    background: var(--blue);
    box-shadow: 0px 11px 48px 0px #3272FA70;
    width: fit-content;
}

.btn__white{
    color: var(--black);
    font-weight: bold;
    padding: 20px 50px;
    border-radius: 24px;
    background: white;
    box-shadow: 0px 11px 48px 0px #ffffff50;
    transition: all ease .15s;
}

.btn__white:hover{
    box-shadow: 0px 11px 48px 0px #ffffff00;
}

.btn__secondary{
    color: white;
    font-weight: bold;
    padding: 20px 50px;
    border-radius: 24px;
    background: none;
    border: 1px solid white;
    transition: all ease .15s;
}

.btn__secondary:hover{
    border: 1px solid var(--blue);
}

.btn__small{
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 16px;
    background: var(--blue);
}

.btn__small:hover{
    background: #3272FA90;
}

.btn__small__white{
    font-weight: normal;
    padding: 7px 10px;
    border-radius: 16px;
    background: #ffffff17;
}

.btn__small__white:hover{
    background: #3272FA90;
}

mark{
    background: none;
    color: #ffffff;
}

.header{
    padding: 20px 0;
}

.header__content{
    justify-content: space-between;
}

.menu{
    list-style-type: none;
    gap: 20px;
}

.btn:hover{
    box-shadow: none;
}

a.row{
    gap: 10px;  
}

h4{
    font-size: 20px;
    font-weight: bold;
}

.community{
    margin-top: 70px;
    gap: 20px;
}

h2{
    font-size: 44px;
    font-weight: bold;
}

.ex-h2{
    font-size: 44px;
    font-weight: bold;
}

.menu a{
    color: #ffffff90;
}

.menu a:hover{
    color: #ffffff;
}

.btn__wrapper{
    gap: 20px;
}

h3{
    font-size: 36px;
    font-weight: bold;
}

.ex-h3{
    font-size: 36px;
    font-weight: bold;
}

.ch__title{
    gap: 5px;
}

.ch__info{
    gap: 10px;
}

.price{
    font-size: 40px;
    font-family: 'Benzin';
    font-weight: bold;
    margin-top: 5px;
}

.price__old{
    display: none;
    font-size: 24px;
    font-family: 'Benzin';
    font-weight: bold;
    text-decoration: line-through;
    opacity: .3;
}

.gold{
    color: #FFE70B;
}

.logo-3d{
    width: 100%;
    max-width: 320px;
}

.price__crossed{
    font-size: 24px;
    font-family: 'Benzin';
    font-weight: bold;
    text-decoration: line-through;
    opacity: .3;
}

.ch__info{
    border: 1px solid #ffffff40;
    gap: 30px;
    padding: 20px 35px;
    background: #31313130;
    border-radius: 40px;
}

.ch__title{
    margin-left: 25px;
    align-self: flex-end;
}

.ch__icon{
    transition: all ease .15s;
    width: 50px;
    transform: scale(2.2) rotate(0deg) translate(-3px, -10px);
}

.challenge__list{
    margin-top: 40px;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 50px;
}

.challenge{
    padding: 20px 0;
    position: relative;
}

.bg__glow{
    width: 500px;
    position: absolute;
    z-index: -100;
    left: 0px;
    top: 0px;
}

.bg__glow__right{
    width: 500px;
    position: absolute;
    z-index: -100;
    right: 0px;
    bottom: 0px;
    transform: scale(-1);
}

.blur{
    -webkit-backdrop-filter: blur(25px); 
    backdrop-filter: blur(25px); 
}

.ch__tag{
    position: absolute;
    z-index: -10;
    right: 0;
    top: -25px;
}

.tag__text{
    position: absolute;
    z-index: 0;
    right: 15px;
    top: 7px;
    font-size: 12px;
}

.hvr{
    opacity: .7;
    transition: all ease .15s;
}

.hvr:hover{
    opacity: 1;
}

.challenge__item{
    position: relative;
}

.ch__info:hover .ch__icon{
    transform: scale(2.4) rotate(20deg) translate(-3px, -10px);
}

.ch__info:hover .btn{
    box-shadow: 0px 11px 48px 0px #3272FA;
}

.ch__info:hover .btn:hover{
    background: white;
    color: var(--black);
}

.configurator{
    background: var(--blue);
    padding: 40px 0;
}

.btn__switch{
    padding: 0 20px;
    height: 40px;
    border-radius: 50px;
    background: #00000050;
}

.btn__switch.active{
    background: #ffffff;
    color: var(--black);
    font-weight: bold;
}

.btn__switch img{
    width: 20px;
    display: none;
}

.btn__switch:hover{
    background: #ffffff70;
}

.btn__switch.active img{
    display: block;
}

.switcher{
    gap: 5px;
}

.tooltip {
    position: relative;
    display: flex;
}

.tooltip .info {
    text-decoration: none;
    cursor: pointer;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: 250px;
    background-color: #333333a8;
    backdrop-filter: blur(15px);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -50px; /* Adjust based on the tooltip width */
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.challenge__info{
    width: 100%;
}

.stages{
    width: -webkit-fill-available;
    justify-content: space-around;
}

.trading{
    width: 55%;
    justify-content: space-between;
}

.card{
    justify-content: center;
    min-height: 150px;
    transition: all ease .15s;
    border-radius: 20px;
    background: #31313130;
    padding: 20px 40px;
}

.fotorama__stage{
    border-radius: 36px !important;
}

.b2b_tag{
    width: 100%;
    height: fit-content;
}

.card__nobg{
    background: #31313130 !important;
}

.whyus .card:hover{
    background: var(--blue) !important;
    transform: scale(1.05);
    color: white !important;
}

.whyus .card:hover h5{
    color: white;
}

.terminals .card:hover{
    background: var(--blue) !important;
    transform: scale(1.05);
    color: white !important;
}

.terminals .card:hover h5{
    color: white;
}


.card__blue{
    background: var(--blue);
    color: white;
}

 .card__blue h3{
    color: white;
}

.card__blue h4{
    color: white;
}

 .card__blue h5{
    color: white;
}

.card__blue h5.blue{
    color: white;
}

.whyus .card__blue:hover{
    background: #ffffff !important;
    color: var(--black) !important;
}

.whyus .card__blue:hover h3{
    color: #151515 !important;
}

.whyus .card__blue:hover h4{
    color: #151515 !important;
}
.whyus .card__blue:hover h5{
    color: #151515 !important;
}

.promo__item{
    gap: 20px;
}

.promo__item p{
    text-align: center;
}

.whyus .card__blue:hover p{
    color: #151515 !important;
}


.challenge__info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.table-container {
    background-color: #00000050;
    border-radius: 40px; 
    padding: 20px;
    flex: 1;
    color: #ffffff90; 
    padding-bottom: 40px;
    padding-top: 30px;
}

.table-title {
    font-weight: bold;
    margin-bottom: 16px;
}

.swap{
    width: 100%;
}

.swithcer{
    flex-wrap: wrap;
    justify-content: center;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    text-align: left;
    padding: 10px;
}

th {
    font-weight: normal;
    color: white;
    max-width: 150px;
}

td {
    font-weight: normal;
}

.trader{
    max-width: 400px;
}

.active:hover{
    background: white;
    cursor: default;
}

.configurator__content{
    gap: 7px;
}

.purchase{
    gap: 10px;
    margin-top: 10px;
}

.process__wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.process__item{
    background: #31313130;
    padding: 20px;
    border-radius: 40px;
    border: 1px solid #ffffff40;
    gap: 10px;
}

.process__item h4{
    color: var(--blue);
}

.process__num{
    font-family: 'Benzin';
    font-weight: bold;
    color: var(--blue);
    font-size: 100px;
}

.process__description{
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
}

.process{
    position: relative;
    padding: 40px 0;
}

.process__content{
    gap: 20px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 20px));
    grid-gap: 20px;
}

.blue{
    color: var(--blue);
}

.whyus{
    position: relative;
}

.features__item p{
    font-size: 14px;
    margin-top: 20px;
}

.whyus .bg__glow__right{
    right: -300px;
}

.whyus .bg__glow{
    left: -300px;
}

.outline{
    border: 1px solid var(--blue);
}

.whyus__content{
    gap: 20px;
}

.info__content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.info__item{
    gap: 10px;
}

.info__item .btn{
    display: inline-block;
    margin-top: 20px;
}

.footer{
    margin-top: 20px;
}

.form input{
    all: unset;
    display: flex;
    width: 413px;
    padding: 20px;
    background: #ffffff10;
    border-radius: 20px;
}

.form{
    gap: 8px;
}

.contacts__links{
    margin-top: 40px;
}

.mail{
   opacity: .6;
}

.mail:hover{
    opacity: 1;
}

.footer__top{
    align-items: flex-start;
    justify-content: space-between;
}

.social{
    margin-top: 10px;
    border-top: 1px solid var(--grey-10);
    gap: 10px;
    width: fit-content;
    padding-top: 15px;
}

.footer__bottom{
    margin-top: 80px;
    justify-content: space-between;
}

.disclaimer{
    padding: 20px;
    font-size: 10px;
    text-align: center;
    color: #ffffff50;
}

.footer{
    position: relative;
}

.info{
    position: relative;
    margin-top: 180px;
    padding-top: 40px;
}

.community__content{
    justify-content: space-between;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.comm__item .btn__white{
    display: inline-block;
}

.community__links{
    margin-top: 20px;
}

.comm__item{
    gap: 5px;
}

.community__content .card:hover{
    cursor: pointer;
    background: var(--blue) !important;
    transform: scale(1.03);
    color: white !important;
    box-shadow: 0px 11px 48px 0px #3272FA40;
}

.community__content .card:hover h5{
    color: white;
}

.comm__item img{
    width: 32px;
}

h1{
    text-align: left !important;
}

ul, ol{
    list-style-position: inside;
}

#join input::placeholder{
    color: #00000080;
}

.leaders{
    width: 100%;
    max-width: 920px;
    aspect-ratio: 786/393;
    background: url(assets/img/top.png) center bottom no-repeat;
    background-size: contain;    
}

.leaders__cert{
    margin-top: 24px;
}

.leaders__cert img{
    width: 33%;
    aspect-ratio: 1920/1080;
    transform: translateY(30%);
    border-radius: 12px;
    transition: all ease .15s;
}

#top1{
    filter: drop-shadow(0px 5px 15px #00000020);
    transform: translateY(10%) scale(1.1);
    z-index: 999;
}

.leaders__cert img:hover{
    transform: translateY(10%) scale(1.3);
    z-index: 1000;
}

#top1:hover{
    transform: translateY(10%) scale(1.4);
}

.stats__info{
    margin-top: -100px;
    width: 100%;
    border-radius: 36px;
    background: var(--blue);
    box-sizing: border-box;
    padding: 24px;
    justify-content: space-around;
}

.post__grid{
    width: 100%;
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.post__item{
    width: 100%;
    border-radius: 36px;
    padding: 12px;
    box-sizing: border-box;
    background: #31313130;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    transition: all ease .15s;
}

.post__item:hover{
    background: var(--blue);
}

.post__item__title{
    margin-top: 8px;
    text-align: center;
}

.post__item img{
    width: 100%;
    border-radius: 24px;
}

.partners__list{
    margin-top: 36px;
}

.partners__list img{
    width: 100%;
    max-width: 180px;
}

.burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 100001;
}

.burger span {
    height: 3px;
    background: #ffffff;
    margin: 4px 0;
    transition: 0.15s;
    border-radius: 2px;
}
.menu-mobile {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    background: rgb(0, 0, 0);
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 100%;
    transition: right 0.3s ease;
    padding: 80px 20px 20px;
    z-index: 100000;
    overflow-y: auto;
}

.menu-mobile.opened {
    right: 0;
}

.menu-mobile li {
    list-style: none;
    text-align: center;
}

.menu-mobile a {
    font-size: 1.2rem;
    text-decoration: none;
    color: #ffffff;
}

.burger.open span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 5px);
}
.burger.open span:nth-child(2) {
    opacity: 0;
}
.burger.open span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}


.crypto-text{
    font-family: 'StolzlCr';
}

h1 .crypto-text{
    font-family: 'BenzinCr';
}
h2 .crypto-text{
    font-family: 'BenzinCr';
}
h3 .crypto-text{
    font-family: 'BenzinCr';
}

.ex-h2 .crypto-text{
    font-family: 'BenzinCr';
}
.ex-h3 .crypto-text{
    font-family: 'BenzinCr';
}


.how-to__grid{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    row-gap: 20px;
}

.how-to__item{
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 20px;
    background: linear-gradient(180deg, #2E2E2E00, #2E2E2E);
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    transition: all ease .15s;
}

.how-to__item:hover{
    transform: scale(1.05);
}

.how-to__item img{
    width: 100%;
}

.g36{
    gap: 36px;
}

.g8{
    gap: 8px;
}

.offer__features{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    font-size: 20px;
}

.offer__features p{
    opacity: .5;
}

.walk{
    width: 100%;
    max-width: 330px;
}

.pictures {
    display: flex;
    gap: 8px;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.pictures div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.pictures img {
    width: 256px;
    height: auto;
    flex-shrink: 0;
}

.pic_set1 {
    animation: marquee1 60s infinite linear;
    animation-delay: -60s;
}

.pic_set2 {
    animation: marquee2 60s infinite linear;
    animation-delay: -30s;
}

.terminals__content{
    gap: 20px;
}

.mainscreen__img{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1115px;
}





@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee1 {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes marquee2 {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-200%);
        }
    }


.bestchoice{
    margin-top: 36px;
}

.bestchoice .features__item{
        height: fit-content;
        min-height: unset;
    }
    
    .bestchoice .card{
        min-height: unset;
    }
    
    .bestchoice .features__content{
        width: 100%;
    }



@media screen and (max-width: 1240px) {
    .wrapper{
        max-width: 1040px;
    }

    .offer__item img {
        width: 320px;
        aspect-ratio: 2.86;
    }

    .process__item{
        height: fit-content;
    }

    .features__item{
        height: -webkit-fill-available;
    }

    h3{
        font-size: 32px;
    }

    h4{
        text-align: center;
    }
    
    .ex-h3{
        font-size: 32px;
    }

    .ex-h4{
        text-align: center;
    }

    .form input{
        width: 340px;
    }
}


@media screen and (max-width: 1060px) {
    .wrapper{
        max-width: 920px;
    }

    .offer__item img {
        width: 290px;
    }

    .offer__item p {
        width: 100%;
        max-width: 200px;
        font-size: 14px;
    }
}


@media screen and (max-width: 940px) {
    .wrapper{
        max-width: 750px;
    }

    h1 {
        font-size: 36px;
    }

    h1 mark {
        font-size: 54px;
    }

    .logo{
        width: 90px;
    }

    .header a{
        font-size: 14px;
    }

    .offer {
        gap: 5px;
        flex-direction: column;
    }

    .trader {
        max-width: 250px;
    }

    .card{
        padding: 20px;
    }

    h2{
        font-size: 40px;
    }
    
    .ex-h2{
        font-size: 40px;
    }

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

    .comm__item{
        min-height: 100px;
    }

    .how-to__grid{
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (max-width: 770px) {
    .wrapper{
        max-width: 520px;
    }

    .stats__info{
        margin-top: 0;
    }

    .menu {
        display: none !important;
    }
    .burger {
        display: flex;
    }

    #btn__small__burger {
        display: flex;
    }
    
    .btn__small{
        font-size: 12px;
    }

    .p-referral .row.center.g48{
        flex-direction: column-reverse;
        text-align: center;
    }

    .b2b-offer{
        flex-direction: column-reverse;
    }

    .stats__info{
        text-align: center;
        gap: 24px;
        flex-direction: column;
        align-items: center;
    }

    .p-b2b .row.center.g48{
        flex-direction: column-reverse;
    }

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

    .menu{
        display: none;
    }

    .footer__top {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    h3 {
        font-size: 28px;
    }
    

    h2{
        font-size: 36px;
    }
    
    .ex-h3 {
        font-size: 28px;
    }
    

    .ex-h2{
        font-size: 36px;
    }

    .contacts{
        align-items: center;
        text-align: center;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .footer__bottom a{
        text-align: center !important;
    }

    .process__wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .btn__wrapper{
        flex-direction: column;
    }

    .purchase{
        flex-direction: column;
        gap: 5px;
    }

    .challenge__info{
        flex-direction: column;
    }

    .trader {
        max-width: unset;
    }

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

    .payment__info{
        flex-direction: column;
    }

    .mainscreen__content{
        flex-direction: column;
        margin-top: 30px;
    }

    .logo-3d{
        max-width: 130px;
    }

    h1{
        text-align: left !important;
    }

    .risk-offer{
        font-size: 20px;
        text-align: left;
    }

    .mainscreen__img{
        display: none;
    }
}


@media screen and (max-width: 540px) {
    .wrapper{
        max-width: 360px;
    }

    .how-to__grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .how-to__item{
        padding: 12px;
    }

    .offer__features{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .mainscreen__content .col.g36{
        gap: 64px;
        width: 100%;
    }

    .mainscreen .btn{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    
    .why-choice-head{
        font-size: 21px;
        text-align: center;
    }

    .info__content{
        display: flex;
        flex-direction: column;
    }

    .form input {
        width: 100%;
    }

    h2{
        text-align: center;
    }
    
    .ex-h2{
        text-align: center;
    }

    h1{
        font-size: 20px;
    }

    h1 mark{
        font-size: 30px;
    }

    .grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    h2{
        font-size: 32px;
    }
    
    .ex-h2{
        font-size: 32px;
    }

    .swap{
        flex-direction: column-reverse;
    }

    .whyus .features__item{
        max-height: 180px;
    }

    .process__item{
        max-height: 330px;
    }
    
    .pictures img{
        width: 175px;
    }
    
    .bestchoice h4{
        font-size: 18px;
    }
}

@media screen and (max-width: 365px) {
    .wrapper{
        max-width: 300px;
    }

    h1{
        font-size: 17px;
    }

    h1 mark{
        font-size: 27px;
    }

    .btn{
        font-size: 14px;
    }

    .table-container{
        font-size: 14px;
    }

    .footer__bottom a{
        font-size: 12px;
    }

    body{
        font-size: 14px;
    }
}


h4, h5{
    font-family: 'Stolzl';
}

.ex-h4, .ex-h5{
    font-family: 'Stolzl';
}

.switcher{
    flex-wrap: wrap;
    justify-content: center;
}

.ex-h4{
    font-size: 20px;
}

.ex-h5{
    font-size: 14px;
}


.ai-message p {
    color: #000000;
}

.ai-widget-input {
    color: #000000;
}


#language-select option{
    background: black;
}

.content h2,h3,h4,h5,h6{
    font-family: "Stolzl";
}

.content h2{
    font-size: 36px;
    margin-top: 64px;
}

.content h3{
    font-size: 28px;
    margin-top: 36px;
}

.content h4{
    font-size: 24px;
    margin-top: 24px;
}

.wp-block-list{
    padding-inline-start: 5px;
}

.content a{
    color: var(--blue);
    text-decoration: underline;
}

.content__title{
        font-size: 36px;
    }


@media screen and (max-width: 768px) {
    .content__title{
        font-size: 20px;
    }

    .content h2{
        font-size: 24px;
        text-align: left;
    }

    .content h3{
        font-size: 20px;
        text-align: left;
    }

    .content h4{
        font-size: 16px;
        text-align: left;
    }
}

@media screen and (min-width: 771px) {
    .logo{
        width: 96px;
    }

    .header__content{
        padding: 10px 16px;
        background: #15151595;
        border-radius: 80px;
    }
}