@font-face{
    font-family: "Druk Wide Cyr";
    src: url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.eot");
    src: url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.eot?#iefix")format("embedded-opentype"),
    url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.woff")format("woff"),
    url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.woff2")format("woff2"),
    url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.ttf")format("truetype"),
    url("../fonts/druk/e7fa3e0f70e1466b2f73ee1ac39c8c30.svg#Druk Wide Cyr")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

:root {
    --font-family: "Montserrat", sans-serif;
    --second-family: "Druk Wide Cyr", sans-serif;
    --third-family: "Druk Wide Cyr", sans-serif;
    --font3: "ABeeZee", sans-serif;
    --font4: "Inter", sans-serif;
}

:focus {
    outline: 0;
}

* {
    zoom: 1;
}

img, iframe{
	max-width: 100% !important;
}

html {
    color: #FFFFFF;
    font-size: clamp(9px,0.93vw,18px);
    background-color: #000;
    /*
    background-image: url("../pp/main.jpg");
    background-position: center 180px;
    background-repeat: no-repeat;
    */
    font-family: 'Montserrat', sans-serif;
	/*	
    -webkit-text-size-adjust:none;
    text-size-adjust:none
	*/
}

a:not(.btn):link, a:not(.btn):visited {
    text-decoration: underline;
    color: #ffffff;
}

a:not(.btn):hover {
    text-decoration: none;
    color: #a243ff;
}


body {
    margin: 0;
    padding: 0;
}

.clearfix {
    clear: both;
}

#container {
    position: relative;
    /*
    opacity: 0.5;

     */
}

.center {
    max-width: 100%;
    width: 1290px;
    margin: 0 auto;
    position: relative;

    box-sizing: border-box;
}
header{
    position: relative;
    z-index: 999;
}
header .pre .center{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 10px;
}

header .pre .title{
    font-family: var(--third-family);
    font-style: italic;
    font-weight: 700;
    font-size: clamp(12px,1vw,14px);
    color: #fff;
    margin-right: auto;
}

header .pre .premenu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
}

header .pre .premenu ul li a{
    text-decoration: none;
}

.header{
    border-top: 1px solid #9434f2;
    border-bottom: 1px solid #9434f2;
}
.header .center {
    padding: 28px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.header .center .menu>ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.header .center .menu ul li{
    position: relative;
}

.header .center .menu>ul>li>a{
    font-size: clamp(10px,1.1vw,18px);
}

.header .center .menu ul li a{
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.header .center .menu ul li div{
    position: absolute;
    top: 0;
    padding-top: 100%;
    display: none;
    z-index: 21;
}

.header .center .menu ul li:hover div{
    display: block;
}

.header .center .menu ul li div ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .center .menu ul li div ul li{
    margin-bottom: 8px;
}
.header .center .menu ul li div ul li a{
    border-radius: 7px;
    font-weight: 700;
    font-size: clamp(8px,0.72vw,14px);
    text-align: center;
    color: #fff;
    padding: 15px 10px;
    display: block;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    border: 4px solid #9434f2;
    text-transform: uppercase;
}

.header .center .menu ul li div ul li a:hover{
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
}

footer .center{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 10px;
    gap: 40px;
}

footer .left{
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    align-items: center;
}

footer .left .socials .title{
    font-weight: 400;
    font-size: clamp(8px,0.72vw,15px);
    color: #fff;
    margin-bottom: 10px;
}

footer .left .socials .inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

footer .right{
    width: 190px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

footer .in {
    display: flex;
    align-items: flex-start;
    gap: 100px;
}

footer .in .col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .in .col>ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
footer .in .col>ul>li>a{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    text-decoration: none;
}
footer .in .col>ul>li>div>ul{
    margin-top: 12px;
}

footer .in .col>ul>li>div>ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

footer .in .col>ul>li>div>ul>li>a{
    font-weight: 400;
    font-size: clamp(8px,0.73vw,15px);
    text-decoration: none;
}

a.btn{
    display: block;
    text-decoration: none;
    border-radius: 7px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(8px, 0.68vw, 13px);
    text-transform: uppercase;
    color: #fff;
    padding: 9px;
    text-align: center;
}
a.btn:hover{
    background: linear-gradient(90deg, #3a2587 0%, #45248a 50%, #3d1765 100%) !important;
}
.maker{
    background: #5f259f;
}

.maker .center{
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.maker a{
    font-weight: 400;
    font-size: clamp(8px, 0.625vw, 12px);
    color: #fff;
    text-decoration: none !important;
}

.maker a:hover{
    color: #fff;
    text-decoration: underline !important;
}

.banner {
    background-image: url("../images/back.png");
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: 109px;
	/*
	opacity: 0.1;
    animation: fadeIn;
    animation-duration: 4s;
	*/
}

.banner .block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    gap: 50px;
    background-position: center top;
    background-size: auto clamp(260px, 49vw, 750px);
    background-repeat: no-repeat;
    height: 53.3vw;
    min-height: 367px;
    max-height: 903px;
    position: relative;
}

.banner .block:before{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);*/
    background-image: url("../images/grad.png");
    background-size: 100% 100%;
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner .block .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,2.1vw,42px);
    letter-spacing: -0.02px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}

.banner .block .buttons {
    position: relative;
    z-index: 2;
    margin-bottom: 108px;
}
.banner .block .buttons a.btn{
    padding: 20px;
    box-sizing: border-box;
    width: 400px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(14px,1.3vw,26px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
}

.million .center {
    padding: clamp(70px,8.4vw,162px) 10px clamp(28px,4.2vw,80px);
}

.million .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 68px;
}

.million .adv {
    display: flex;
    flex-wrap: wrap;
    column-gap: 92px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: clamp(12px,1vw,20px);
    color: #c8c4c4;
    margin-bottom: 77px;
    row-gap: 34px;
}
.million .adv .item{
    width: clamp(260px, 34%, 500px);
}

.million .mafter {
    margin: 48px 0;
    font-weight: 700;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}


.million .buttons a.btn{
    padding: 20px;
    box-sizing: border-box;
    width: 400px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
}

.youtube{
    position: relative;
}

.youtube iframe,.youtube .iframe{
    width: 780px !important;
    max-width: 100%;
    height: 440px !important;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.youtube:before {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    left: 50%;
    box-sizing: border-box;
    border-radius: 30px;
    background-color: #101010;
    width: clamp(260px, 65vw, 1100px);
    height: 87%;
    transform: translateX(-50%);
}



.author .center{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.author .center>.title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.author .wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.author .wrapper .item{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 90px 20px 20px 20px;
    box-sizing: border-box;
    border: 1px solid #8b48d6;
    border-radius: 33px;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.author .wrapper .item .num{
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: 400;
    font-size: clamp(7px,0.57vw,11px);
    color: #bababa;
}

.author .wrapper .item .title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    text-align: left;
    margin-bottom: 17px;
}

.author .wrapper .item .text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(9px,0.94vw,18px);
    color: #fff;
}

.author .start{
    font-weight: 700;
    font-size: clamp(12px,1.67vw,32px);
    text-align: center;
    color: #fff;
    margin-top: 110px;
}

.ytsect{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.take {
    padding: clamp(28px,4.4vw,86px) 10px;
}

.take .block{
    border: 1.59px solid #9434f2;
    border-radius: 24px;
    width: 1008px;
    max-width: 100%;
    margin: 0 auto;
    background-image: url("../images/take.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 95px 40px;
    box-sizing: border-box;
}

.take .block .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 28px;
    text-align: center;
}

.take .block .text{
    font-weight: 400;
    font-size: clamp(15px,1.4vw,27px);
    color: #fff;
    margin-bottom: 41px;
    text-align: center;
}

.take .block .buttons a.btn {
    padding: 22px;
    box-sizing: border-box;
    width: 430px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    border-radius: 14px;
}

.thousand{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.thousand .block {
    background-image: url(../images/million.png);
    height: clamp(183px,42vw,710px);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: flex-end;
    text-align: center;
}

.thousand .block .title {
    font-weight: 600;
    font-size: clamp(12px,1.67vw,32px);
    text-align: center;
    color: #fff;
    width: 100%;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.thousand .block .title span{
    color: #9434f2;
}


.theory {
    padding: clamp(28px,4vw,78px) 10px;
}

.theory .title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    text-align: center;
    margin-bottom: 62px;
}

.theory .why{
    font-weight: 400;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.theory .not{
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-top: 90px;
}

.theory .wrapper{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.theory .wrapper .item {
    border: 1px solid #9434f2;
    border-radius: 30px;
    width: 275px;
    max-width: 100%;
    background: linear-gradient(90deg, #6440e5 0%, #6234c5 48.5%, #60259e 100%);
    box-sizing: border-box;
    text-align: center;
    padding: 24px 20px;
}

.theory .wrapper .item .t{
    font-weight: 700;
    font-size: clamp(19px,1.25vw,24px);
    line-height: 83%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.theory .wrapper .item .d{
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}

.theory-images {
	display: flex;
	gap: 20px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.theory-images__image {
	border-radius: 10px;
	flex: 1 1 50%;
	aspect-ratio: 800/600;
	overflow: hidden;
	border: 1px solid #9434f2;

}
@media (any-hover: hover){
	.theory-images__image:hover img{
		transform: scale(1.05);
	}
}
.theory-images__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.4s;
}

.experts{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.experts .title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.875vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 71px;
}

.experts .wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.experts .wrapper .item{
    border-radius: 30px;
    background-color: #101010;
    border: 2px solid  #c8c8c8;
    padding: 37px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 1125px;
    max-width: 100%;
    margin: 0 auto;
}


.experts .wrapper .item:nth-child(3){
    border: 2px solid #07f59f;
}
.experts .wrapper .item:nth-child(4){
    border: 2px solid #8b48d6;
    box-shadow: 4px 4px 20px 0 #9434f2, -4px -4px 20px 0 #9434f2;
}
.experts .wrapper .item:nth-child(5){
    border: 2px solid #caeb01;
}
.experts .wrapper .item .col1{
    width: 240px;
    max-width: 100%;
    flex: none;
}

.experts .wrapper .item .col1 .image{
    text-align: center;
    margin-bottom: 10px;
}
.experts .wrapper .item .col1 .t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(19px,1.25vw,24px);
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}
.experts .wrapper .item .col1 .pr{
    font-weight: 500;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    text-align: center;
}

.experts .wrapper .item .col3{
    width: 310px;
    max-width: 100%;
    flex: none;
}

.experts .wrapper .item .col2 .t{
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 20px;
}

.experts .wrapper .item .col2 .t2{
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 20px;
}

.experts .wrapper .item .col2 .text{
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
}

.experts .aft{
    margin: 72px 0 40px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(14px,1.35vw,26px);
    text-align: center;
    color: #fff;
}

.experts .buttons a.btn {
    padding: 22px;
    box-sizing: border-box;
    width: 453px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(9px, 0.72vw, 14px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    border-radius: 14px;
}


.questions{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.questions .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.questions .block{
    border: 1px solid #9434f2;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 990px;
    max-width:100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.questions .block .image{
    width: 540px;
    flex: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.questions .block .form_wrapper{
    padding: 50px 87px;
    box-sizing: border-box;
    text-align: center;
}

.questions .block .form_wrapper .t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form .input-wrapper input{
    border: 1px solid #8b48d6;
    border-radius: 7px;
    text-align: center;
    background: #101010;
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    height: 46px;
    padding: 0 10px;
    box-sizing: border-box;
    color: #c6baba;
    width: 100%;
}

.form .button-wrapper button{
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(9px,0.94vw,18px);
    text-transform: uppercase;
    color: #fff;
    padding: 13px 40px;
    text-align: center;
    border: none;
    width: 100%;
}

.questions .block .form_wrapper .aform{
    margin-top: clamp(28px,3.1vw,60px);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}


.peoples{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.peoples .title{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.peoples  .pwrap{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.peoples  .pwrap .item{
    width: 370px;
    max-width: 100%;
    position: relative;
    height: unset;
}

.peoples  .pwrap .item .image{
    text-align: center;
}

.peoples  .pwrap .item .about{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.peoples  .pwrap .item .about .dolg{
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.peoples  .pwrap .item .about .pname{
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.peoples  .pwrap .item .about .pabout{
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    color: #fff;
}




.want{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.want .block {
    border: 1.59px solid #9434f2;
    border-radius: 24px;
    width: 988px;
    max-width: 100%;
    margin: 0 auto;
    background-image: url(../images/want.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 45px 40px;
    box-sizing: border-box;
}

.want .block .title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(14px,1.46vw,28px);
    text-align: center;
    color: #fff;
    margin-bottom: 32px;
}

.want .block .get{
    font-weight: 400;
    font-size: clamp(19px,1.25vw,24px);
    color: #fff;
    text-align: center;
    margin-bottom: 28px;
}
.want .block .get span{
    font-weight: 700;
}

.want .block .text {
    font-weight: 600;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
    margin-bottom: 44px;
    line-height: 24px;
}

.want .block .buttons a.btn {
    padding: 20px;
    box-sizing: border-box;
    /*width: clamp(28px,3.1vw,60px);*/
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(11px,1vw,20px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    border-radius: 14px;
}


.reviews {
    padding: 8px 10px clamp(28px,3.1vw,60px);
}

.reviews .title{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 73px;
}

.reviews .wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    row-gap: clamp(28px,3.1vw,60px);
    margin-bottom: 50px;
}

.reviews .wrapper .item{
    border: 1px solid #9434f2;
    border-radius: 13px;
    width: 383px;
    height: 215px;
    box-sizing: border-box;
    max-width: 100%;
    background-image: url("../images/revbg.png");
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reviews .wrapper .item .title{
    font-style: italic;
    font-weight: 900;
    font-size: clamp(10px,0.83vw,16px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}


.smog {
    padding: clamp(13px,1.5vw,36px) 10px;
}

.smog .center {
    width: 1270px;
    max-width: 100%;
}

.smog .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 16px;
    text-align: center;
}

.smog .atitle{
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    text-align: center;
    margin-bottom: 78px;
}

.smog .revslider .slider{
    display: flex;
}

.smog .revslider.not .slider{
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.smog .revslider.not .slider .item{
    width: clamp(260px, 50%, 620px);
}
.smog .revslider .slider .slick-track{
    display: flex !important;
}
.smog .revslider .slider .item {
    position: relative;
    margin-right: 0;
    min-height: unset !important;
    height: unset !important;
}
.smog .revslider .slick-list {
    margin: 0 10px;
}
.smog .revslider .slick-track {
    gap: 30px;
}
.smog .revslider a.btn {
    display: block;
    border-radius: 10px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
    padding: 12px 9px;
    text-align: center;
}

.smog .revslider .slider .item .inner{
    position: relative;
    margin-right: 110px;
    border-radius: 30px;
    background-color: #101010;
    border: 1px solid #8b48d6;
    padding: 50px 30px;
    box-sizing: border-box;
    height: 100%;
}

.smog .revslider .slider .item .inner .t{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 11px;
}

.smog .revslider .slider .item .inner .d{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 18px;
    margin-right: 150px;
}

.smog .revslider .slider .item .inner .ab{
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-right: 150px;
    margin-bottom: 18px;
}

.smog .revslider .slider .item .inner .buttons{
    width: 250px;
}

.smog .revslider .slider .item .inner .image{
    position: absolute;
    right: -110px;
    bottom: 0;
    z-index: 2;
    background-color: #101010;
    border-radius: 45px;
    overflow: hidden;
    border: 1px solid #9434f2;
}

.smog .revslider .slider .item .inner .image img {
  max-width: 244px !important;
  display: block;
  max-height: 270px;
}

.smog .center > .buttons{
    margin-top: 80px;
}
.smog .center > .buttons a.btn{
    padding: 20px;
    box-sizing: border-box;
    width: 420px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    border-radius: 14px;
}

.mainq{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.mainq .block{
    margin: 0 auto;
    padding: 35px;
    box-sizing: border-box;
    border: 1.56px solid #9434f2;
    border-radius: 23px;
    width: 987px;
    max-width: 100%;
    background: #101010;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.mainq .block .left{
    width: 490px;
    flex: none;
}

.mainq .block .left .t1{
    font-weight: 400;
    font-size: clamp(7.5px, 1vw, 19px);
    color: #fff;
    margin-bottom: 15px;
}

.mainq .block .left .t2{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(22px,2vw,39px);
    color: #fff;
    margin-bottom: 15px;
}

.mainq .block .left .t3{
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
    margin-bottom: 15px;
}

.mainq .block .left .t4{
    font-weight: 700;
    font-size: clamp(13px,1.61vw,31px);
    color: #fff;
    margin-bottom: 15px;
}

.mainq .block .left .t5{
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    line-height: 125%;
    color: #fff;
}

.mainq .block .left .t5 ul{
    margin: 0;
    padding: 0 0 0 15px;

}
.mainq .block .left .t5 ul li::marker {
    color: #9434F2;
    font-size: clamp(9px,0.94vw,18px);
}
.mainq .block .right{
    text-align: right;
}
.mainq .block .right .image {
    display: flex;
    justify-content: flex-end;
    padding-right: 4vw;
}
.mainq .block .right .image img{
    display: block;
}


.mainq .block .right .buttons a.btn{
    background: linear-gradient(90deg, #02ffa5 0%, #019963 100%);
    padding: 20px;
    box-sizing: border-box;
    width: 420px;
    max-width: 100%;
    font-weight: 800;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    border-radius: 14px;
}

.mainq .block .right .or{
    margin-top: 10px;
    font-weight: 400;
    font-size: 9px;
    color: #fff;
    text-align: center;
}


.pubs{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.pubs .title{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.pubs .tabs-wrapper .tabs{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-bottom: 50px;
}
.pubs .tabs-wrapper .tabs a{
    padding: 7px clamp(28px,3.1vw,60px);
    font-weight: 800;
    font-size: clamp(12px,1.15vw,22px);
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    display: block;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
}

.pubs .tabs-wrapper .tabs a:hover{
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
}
.pubs .tabs-wrapper .tabs a.active{
    background: linear-gradient(90deg, #3dfb67 0%, #019622 100%);
}

.pubs .tabs-wrapper .tab-content>div{
    display: none;
}
.pubs .tabs-wrapper .tab-content>div.active{
    display: block;
}

.pubs .tabs-wrapper .tab-content .wrapper{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.pubs .tabs-wrapper .tab-content .wrapper .item{
    border: 1px solid #9434f2;
    border-radius: 13px;
    width: 383px;
    height: 215px;
    box-sizing: border-box;
    max-width: 100%;
    background-image: url("../images/bgpub.png");
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pubs .tabs-wrapper .tab-content .wrapper .item .t{
    font-style: italic;
    font-weight: 900;
    font-size: clamp(10px,0.83vw,16px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.pubs .tabs-wrapper .tab-content .wrapper .item .buttons a.btn{
    display: inline-block;
    border-radius: 3px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(11px,1vw,20px);
    text-transform: uppercase;
    color: #fff;
    padding: 9px;
    text-align: center;
}


.faq{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.faq .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.875vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.faqwrapper {
    margin: 0 clamp(13px, 10vw, 192px);
}

.faqwrapper .qa .q{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 0;
    border-top: 1px solid #2f2f31;
    font-weight: 600;
    font-size: clamp(9px,0.94vw,18px);
    color: #fff;
    cursor: pointer;
}

.faqwrapper .qa .q i{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faqwrapper.min .qa .q i{
    height: 34px;
    border-radius: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px,1vw,19px);
    color: #787878;
    width: 130px;
    font-style: normal;
}

.faqwrapper .qa .q i svg{
    display: block;
}

.faqwrapper .qa .q:hover i{
    background-color: #1F1F1F;
}

.faqwrapper.min .qa .q:hover i{
    background-color: unset;
}

.faqwrapper .qa.active .q i{
    transform: rotate(45deg);
}

.faqwrapper.min .qa.active .q i{
    transform: unset;
}

.faqwrapper .qa .a{
    padding-bottom: 28px;
    font-weight: 400;
    font-size: clamp(10px,0.83vw,16px);
    color: #fff;
    display: none;
}

.faqwrapper .qa.active .a{
    /*display: block;*/
}


.efir{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.efir .title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.875vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 45px;
}

.efir .atitle {
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}

.efir .block{
	/*
    background-image: url("../images/btc.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 80%;
	*/
    background-color: #101010;
    border: 1.56px solid #8b48d6;
    border-radius: 23px;
    width: 987px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: clamp(20px,2.8vw,40px) clamp(22px,4.4vw,64px);
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

.efir .block .in{
    width: 72%;
}

.efir__image{
    width: 27%;
}

.efir__image img{
    display: block;
}


.efir .block .in .t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(19px,1.25vw,24px);
    color: #fff;
    margin-bottom: 18px;
}

.efir .block .in .t2{
    font-weight: 700;
    font-size: clamp(12px,1vw,19px);
    color: #fff;
    margin-bottom: 18px;
}

.efir .block .in .t3{
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
    margin-bottom: 28px;
}

.efir .block .in .buttons a.btn{
    display: block;
    border-radius: 17px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,1.2vw,23px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: clamp(13px, 1.56vw,30px);
    width: 488px;
    max-width: 100%;
}


.razrab {
    padding: clamp(28px,3.1vw,60px) 10px;
}

.razrab .title{
    font-weight: 700;
    font-size: clamp(18px,1.875vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(13px, 1.56vw,30px);
}

.razrab .t2{
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(13px, 1.56vw,30px);
}
.razrab .t3{
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(13px, 1.56vw,30px);
}
.razrab .buttons{

    text-align: center;
}
.razrab .buttons a.btn{
    display: block;
    border-radius: 17px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,1.2vw,23px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: clamp(13px, 1.56vw,30px);
    width: 488px;
    max-width: 100%;
    margin: 0 auto;
}


.notexp {
    padding: clamp(28px,3.1vw,60px) 10px;
}

.notexp .block{
    border: 0.78px solid #9434f2;
    border-radius: 23px;
    width: 987px;
    background: #101010;
    max-width: 100%;
    padding: 37px;
    box-sizing: border-box;
    margin: 0 auto;
}

.notexp .block .title{
    font-weight: 700;
    font-size: clamp(22px,2vw,39px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(13px, 1.56vw,30px);
}
.notexp .block .atitle{
    font-weight: 400;
    font-size: clamp(15px,1.4vw,27px);
    color: #fff;
    text-align: center;
    margin-bottom: clamp(13px, 1.56vw,30px);
}

.notexp .block .buttons a.btn{
    display: block;
    border-radius: 14px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,1.2vw,23px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 10px 30px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}


.compauth{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.compauth .title{
    font-weight: 700;
    font-size: clamp(18px,1.875vw,36px);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(13px, 1.56vw,30px);
}

.compauth .attention{
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.compauth .attention span{
    color: #ff0000;
}

.compauth .atitle{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(13px, 1.56vw,30px);
    text-transform: uppercase;
}

.compauth .atitle span{
    font-weight: 700;
}

.compauth .wrapper{
    display: flex;
    justify-content: center;
    gap: 80px;
}

.compauth .wrapper .col{
    width: 328px;
    max-width: 100%;
    border: 1px solid #07f59f;
    border-radius: 20px;
    background: #101010;
    padding: 50px 25px;
    box-sizing: border-box;
}
.compauth .wrapper .col:nth-child(2){
    border: 1px solid #9434f2;
}
.compauth .wrapper .col:nth-child(3){
    border: 1px solid #caeb01;
}

.compauth .wrapper .col .t{
    font-weight: 700;
    font-size: clamp(24px,1.67vw,32px);
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(180deg, #fff 0%, #999 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.compauth .wrapper .col .at{
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 51px;
}

.compauth .wrapper .col .text{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    text-align: center;
    color: #fff;
}

.compauth .wrapper .col .text span{
    font-weight: 700;
}

.compauth .wrapper .col .hr{
    height: 1px;
    background-color: #07f59f;
    width: 104px;
    margin: 0px auto;
}

.compauth .wrapper .col:nth-child(2) .hr{
    background-color:#9434f2;
}

.compauth .wrapper .col:nth-child(3) .hr{
    background-color: #CAEB01;
}

.compauth .wrapper .col .prtext{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    text-align: center;
    color: #fff;
    margin-bottom: 13px;
}

.compauth .wrapper .col .pr{
    font-weight: 700;
    font-size: clamp(15px,1.4vw,27px);
    color: #fff;
    margin-bottom: 13px;
    text-align: center;
}

.compauth .wrapper .col .apr{
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    text-align: center;
    color: #fff;
    margin-bottom: 34px;
}

.compauth .wrapper .col .abtn {
    margin-top: 14px;
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #fff;
}

.compauth .wrapper .col .buttons a.btn{
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #02ffa5 0%, #0c734f 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,0.9vw,17px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 14px 14px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}
.compauth .wrapper .col:nth-child(2) .buttons a.btn{
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
}
.compauth .wrapper .col:nth-child(3) .buttons a.btn{
    background: linear-gradient(90deg, #c8e902 0%, #8fa604 100%);
}

.razbor{
    color: #CAEB01;
}

.test{
    padding: clamp(46px,7.5vw,145px) 10px;
}

.test__block{
    border-radius: 39px;
    background-color: #101010;
    border: 1.59px solid #9434f2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 31px 11%;
    box-sizing: border-box;
    gap: 17px;
    width: 1008px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.test__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(16px,1.7vw,33px);
    text-align: center;
    color: #fff;
}
.test__atitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px,1vw,19px);
    text-align: center;
    color: #fff;
}
.test__buttons{
    text-align: center;
}
.test__buttons a.btn {
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    border-radius: 15px;
    width: 431px;
    height: 93px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.test__abtn {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(8px,0.625vw,12px);
    text-align: center;
    color: #fff;
}

.wedo {
    margin-bottom: clamp(46px,7.3vw,140px);
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(19px,1.25vw,24px);
    text-align: center;
    color: #fff;
}
.wedo .center{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.wedo__title {
}
.wedo__text {
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
}
.wedo__atext {
    font-size: clamp(11px,1vw,20px);
}

.ex {
    margin: clamp(46px,7.3vw,140px) 0;
}
.ex__title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 80px;
    text-align: center;
}
.ex__slider-wrapper {
}
.ex__slider {
}
.ex__item {
    width: 380px;
    max-width: 100%;
}
.ex__image {
    text-align: center;
    border-radius: 67px;
    width: 380px;
    height: 351px;
}
.ex__image img{
    display: inline-block;
}
.ex__name {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 8px;
}
.ex__about {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
}
.ex__podr {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.ex__aft {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-top: 65px;
}

a.btngrad {
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    border: none;
}

.slick-prev::before, .slick-next::before {
    display: none;
}

.slick-prev{
    background-image: url("../images/tl.png");
    width: 23px;
    height: 142px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: .75;
}

.slick-next{
    background-image: url("../images/tr.png");
    width: 23px;
    height: 142px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: .75;
}

.slick-list{
    margin: 0 30px;
}

.slick-track{
    display: flex;
    gap: 30px;
}


.want{
    padding: 0 0 clamp(46px,7.3vw,140px) 0;
}

.want__block{
    border-radius: 39px;
    background-color: #101010;
    border: 1.59px solid #9434f2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 31px 11%;
    box-sizing: border-box;
    gap: 17px;
    width: 1008px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.want__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(14px,1.46vw,28px);
    text-align: center;
    color: #fff;
}
.want__atitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    text-align: center;
}
.want__atitle span{
    font-weight: 700;
}

.want__aft{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: clamp(10px,0.83vw,16px);
    text-align: center;
    color: #fff;
}
.want__buttons{
    text-align: center;
}
.want__buttons a.btn {
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    border-radius: 15px;
    width: 468px;
    height: 86px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1.15vw,22px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}


.learn__title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 75px;
}

.learn__wrapper{
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin-bottom: 72px;
}

.learn__wrapper-item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 13px;
}

.learn__wrapper-t{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.56vw,30px);
    color: #fff;
}

.learn__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
}

.learn__wrapper-item:nth-child(even){
    text-align: right;
    align-items: flex-end;
}

.learn__title3{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.56vw,30px);
    color: #fff;
    margin-bottom: 100px;
    text-align: center;
}

.learn__socials{
    display: flex;
    justify-content: center;
    gap: clamp(36px,5.4vw,105px);
}
.learn__socials-item{
    width: 350px;
    max-width: 100%;
    border-radius: 30px;
    background-color: #101010;
    border: 1px solid #9434f2;
    padding: 42px 14px 10px;
    position: relative;
}

.learn__socials-image{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

a.learn__socials-a{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    display: block;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #fff;
    text-align: center;
    margin-bottom: 13px;
}

.learn__socials-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}

.compare__buttons{
    text-align: center;
}
.compare__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.path{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.path__title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 66px;
}

.path__atitle{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    margin-top: -30px;
}

.path__wrapper{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.path__wrapper-out{
    display: flex;
}
.path__wrapper-out:nth-child(even){
    justify-content: flex-end;
}

.path__wrapper-item{
    position: relative;
    padding: clamp(20px,2.1vw,40px);
    box-sizing: border-box;
    width: 697px;
    min-height: 220px;
    max-width: 100%;
    border-radius: 30px;
    background-color: #101010;
    border: 1px solid #9434f2;
}

.path__wrapper-out:not(:last-child) .path__wrapper-item:after{
    position: absolute;
    content: '';
    background-image: url("../images/arrr.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 111px;
    height: 215px;
    left: calc(100% + 30px);
    top: 70px;
}

.path__wrapper-out:nth-child(even):not(:last-child) .path__wrapper-item:after{
    position: absolute;
    content: '';
    background-image: url("../images/arrl.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 198px;
    height: 188px;
    right: calc(100% + 20px);
    left: unset;
    top: 100px;
}


.path__wrapper-t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 27px;
}
.path__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
}

.path__wrapper-d p{
    margin-bottom: 15px;
}

.join{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.join__title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 66px;
}

.join__wrapper{
    border-radius: 30px;
    background-color: #101010;
    border: 2px solid #9434f2;
    padding: 50px 100px;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
    margin-bottom: 87px;
}

.join__buttons{
    text-align: center;
}
.join__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

a.btn.green {
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #02ffa5 0%, #0c734f 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,0.9vw,17px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 14px 14px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

a.btn.purple {
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,0.9vw,17px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 14px 14px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

a.btn.yellow {
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #c8e902 0%, #8fa604 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,0.9vw,17px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 14px 14px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.change{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.change__title{
    margin-bottom: 67px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
}

.change__wrapper{
    display: flex;
    justify-content: center;
    gap: 120px;
}

.change__wrapper .item{
    width: 266px;
}



.reg{
    padding: clamp(28px,3.1vw,60px) 10px;
}
.reg__block{
    background-image: url("../images/safe.png");
    background-position: calc(100% - 40px) center;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-color: #101010;
    border: 1.56px solid #8b48d6;
    border-radius: 23px;
    width: 987px;
    max-width: 100%;
    margin: 0 auto;
    padding: 35px;
    box-sizing: border-box;
}

.reg__in{
    margin-right: 30%;
}

.reg__t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(22px,2vw,39px);
    color: #fff;
    margin-bottom: 18px;
}

.reg__t2{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(13px,1.61vw,31px);
    color: #fff;
    margin-bottom: 18px;
}

.reg__t3{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px,1vw,19px);
    color: #fff;
    margin-bottom: 28px;
}

.reg__buttons a.btn{
    display: block;
    border-radius: 17px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(12px,1.2vw,23px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: clamp(13px, 1.56vw,30px);
    width: 488px;
    max-width: 100%;
}

.morequestions{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.morequestions__title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}


.morequestions__buttons{
    text-align: center;
}
.morequestions__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.abouttext{
    margin-top: clamp(46px,7.3vw,140px);
    margin-bottom: clamp(46px,7.3vw,140px);
}

.abouttext__wrapper{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.abouttext__left{
    width: calc(100% - 455px);
}

.abouttext__title{
    font-family: var(--second-family);
    font-weight: 500;
    font-size: clamp(24px,2.6vw,50px);
    color: #fff;
    margin-bottom: 27px;
}

.abouttext__atitle{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
    margin-bottom: 27px;
}

.abouttext__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(9px,0.94vw,18px);
    color: #fff;
}

.abouttext__text p{
    margin-bottom: 15px;
}

.abouttext__text span{
    font-weight: bold;
}

.abouttext__right{
    width: 425px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.deviz{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.deviz__title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.deviz__wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 35px;
}

.deviz__wrapper-item{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(15px,1.56vw,30px);
    color: #fff;
}

.deviz__wrapper-item span{
    font-weight: bold;
}

.deviz__wrapper-item:nth-child(even){
    text-align: right;
}

.deviz__buttons{
    text-align: center;
}
.deviz__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.percents{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.percents__title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 34px;
    text-align: center;
}

.percents__atitle{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 34px;
    text-align: center;
}

.percents__wrapper{
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-bottom: 34px;
}

.percents__wrapper-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: clamp(13px, 1.56vw,30px);
    box-sizing: border-box;
    width: 265px;
    background: linear-gradient(90deg, #6440e5 0%, #6234c5 48.5%, #60259e 100%);
    border: 1px solid #9434f2;
    border-radius: 30px;
}

.percents__wrapper-t{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(19px,1.25vw,24px);
    line-height: 83%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.percents__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}
.percents__aft{
    text-align: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
}



.years{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.years__title{
    font-family: var(--third-family);
    font-weight: 700;
    font-size: clamp(20px,2.2vw,42px);
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.years__wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 35px;
}

.years__wrapper-item{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(15px,1.56vw,30px);
    color: #fff;
}

.years__wrapper-item span{
    font-weight: bold;
}

.years__wrapper-item:nth-child(even){
    text-align: right;
}


.dontstop{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.dontstop__title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.dontstop__atitle{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.dontstop__wrapper{
    display: flex;
    flex-direction: column;
    gap:30px;
}

.dontstop__wrapper-t{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
}

.dontstop__wrapper-item ul{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(13px,1.7vw,25px);
    color: #fff;
}

.dontstop__buttons{
    text-align: center;
}
.dontstop__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.reviews__buttons{
    text-align: center;
}
.reviews__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

header + section:not(.reviews,.banner){
    margin-top: clamp(36px,6.2vw,120px);
    padding-top: 0;
}

.blockbord{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.blockbord__wrapper{
    background: #101010;
    border: 1.56px solid #8b48d6;
    border-radius: 23px;
    padding: clamp(13px, 1.56vw,30px);
    box-sizing: border-box;
}

.blockbord__wrapper-title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(13px,1.61vw,31px);
    line-height: 102%;
    text-align: center;
    color: #fff;
    margin-bottom: 22px;
    text-align: center;
}

.blockbord__wrapper-atitle{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px,1vw,19px);
    color: #fff;
    margin-bottom: 22px;
    text-align: center;
}

.blockbord__wrapper-atitle2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.4vw,27px);
    color: #fff;
    margin-bottom: 22px;
    text-align: center;
}

.blockbord__buttons{
    text-align: center;
}
.blockbord__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.review{
    margin-bottom: clamp(18px,3.5vw,60px);
    text-align: center;
}
.review__item{
    margin: 0 auto;
    margin-bottom: 48px;
    border: 1px solid #9434f2;
    border-radius: 13px;
    width: 616px;
    height: 346px;
    box-sizing: border-box;
    max-width: 100%;
    background-image: url(../images/revbg.png);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.review__item-title {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 900;
    font-size: clamp(14px,1.35vw,26px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.review__title{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
}

.text-left {
    text-align: left !important;
}

.pub__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.arts{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.arts__title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.arts__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: clamp(28px,3.1vw,60px);
    justify-content: center;
}

.arts__wrapper-item{
    width: 272px;
}

.arts__wrapper-image{
    margin-bottom: -40px;
}

.arts__wrapper-image img{
    display: block;
}

.arts__wrapper-t{
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 900;
    font-size: clamp(10px,0.78vw,15px);
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(13px, 1.56vw,30px);
}

.arts__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(8px,0.625vw,12px);
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.arts__wrapper-buttons{
    text-align: center;
}
.arts__wrapper-buttons a.btn{
    display: inline-flex;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(8px,0.68vw,13px);
    text-transform: uppercase;
    color: #fff;
}

.videoin{
    margin-bottom: clamp(46px,7.3vw,140px);
    text-align: center;
}

.article__wrapper{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.article__wrapper-image{
    width: 100%;
    margin-bottom: clamp(22px,3.5vw,70px);
    position: relative;
}
.article__wrapper-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0, 0.5);
	z-index: 2;
}

.article__wrapper-image img{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.article__wrapper-image span{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.article__wrapper-image h1{
	font-family: var(--font-family);
	font-weight: 700;
	font-size: clamp(18px,1.8vw,35px);
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 30px;
	right: 30px;
	transform: translateY(-50%);
}
.article__wrapper-left{
    width: calc(100% - 350px);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
}

.article__wrapper-left ul li:not(:last-child) {
	margin-bottom: 10px;
}

aside{
    flex: none;
    width: 320px;
    max-width: 100%;
}
aside .block{
    border-radius: 50px;
    background-color: #101010;
    border: 1px solid #8b48d6;
    padding: 35px;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    line-height: 35px;
    margin-bottom: 80px;
}

aside .block ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
aside .block ul li a:visited{
	text-decoration-line: none;
	text-decoration-color: transparent;

}
aside .block ul li a:not(.btn):link,
aside .block ul li a:not(.btn):visited{
	text-decoration-line: none;
	text-decoration-color: transparent;
}

.bc{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.bc a{
    display: block;
    padding: 4px 20px;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(8px,0.625vw,12px);
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background-color: #6340e6;
}

.bc div{
    display: block;
    padding: 4px 20px;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(8px,0.625vw,12px);
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background-color: #6340e6;
}


blockquote{
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    padding: 20px;
    border-left: 5px solid #8b48d6;
    margin: 20px 0;
}

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

.mt-50{
    margin-top: 50px;
}

.mb-50{
    margin-bottom: 50px;
}

.webinars{
    margin-bottom: clamp(28px,4.1vw,80px);
}

.webinars__title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,34px);
    text-align: center;
    color: #fff;
    margin-bottom: 80px;
}

.webinars__wrapper{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.webinars__wrapper-item{
    padding: 45px;
    box-sizing: border-box;
    border-radius: 50px;
    background-color: #101010;
    border: 2px solid #8b48d6;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.webinars__wrapper-image{
    width: 240px;
    box-sizing: border-box;
    display: block;
    flex: none;
}

.webinars__wrapper-desc{
    width: calc(100% - 280px);
    line-height: 1.5;
}

.webinars__wrapper-t{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
}

.webinars__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
}

.webinars__wrapper-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.webinars__wrapper-l{
    width: 50%;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(16px,1.5vw,29px);
    text-align: center;
    color: #fff;
}

.webinars__wrapper-r a.btn{
    border-radius: 14px;
    width: 405px;
    height: 74px;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,0.9vw,17px);
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wcol{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.wcol__title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 80px;
}

.wcol__buttons{
    text-align: center;
}
.wcol__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.wcol__adv {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: clamp(11px,1vw,20px);
    color: #c8c4c4;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.wcol__adv-item {
    width: 40%;
    min-width: 300px;
}

.wcol__adv-item-title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.56vw,30px);
    color: #fff;
    margin-bottom: 8px;
    text-align: center;
}

.wcol__adv-item-text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}

.webinarmain{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.webinarmain__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.webinarmain__wrapper-first{
    border-radius: 50px;
    background-color: #101010;
    border: 1px solid #9434f2;
    position: relative;
    padding: 50px 90px;
    box-sizing: border-box;
    width: 100%;
    min-height: 470px;
}

.webinarmain__wrapper-first img{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 40%;
     z-index: 2;
    overflow: hidden;
    border-radius: 50px;
}

.webinarmain__wrapper-t1{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 14px;
}

.webinarmain__wrapper-t2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(24px,2.6vw,50px);
    color: #fff;
    margin-bottom: 20px;
}

.webinarmain__wrapper-t3{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 20px;
}

.webinarmain__wrapper-t4{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 20px;
}

.webinarmain__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1vw,19px);
    text-transform: uppercase;
    color: #fff;
}

.webinarmain:not(.expert) .webinarmain__wrapper-item{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    border-radius: 25px;
    background-color: #101010;
    border: 1px solid #8b48d6;
    padding: 22px 40px;
    box-sizing: border-box;
    width: 270px;
}

.webinarmain.expert .webinarmain__wrapper-item{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 320px;
}

.webinarmain__wrapper-key{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
    margin-bottom: 11px;
}

.webinarmain__wrapper-val{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.56vw,30px);
    text-align: center;
    color: #fff;
}

section.col2{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.col2__wrapper{
    display: flex;
    gap: 30px;
}

.col2__wrapper-left{
    width: calc(50% - 15px);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    line-height: 1.3;
}

.col2__wrapper-right{
    width: calc(50% - 15px);
}

.col2__wrapper-right img{
    width: 100%;
    display: block;
}


.pubs__buttons{
    text-align: center;
    margin: 30px 0;
}
.pubs__buttons a.btn {
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    border-radius: 15px;
    width: 468px;
    height: 86px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(12px,1.15vw,22px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.bigtext{
    margin-bottom: clamp(28px,5.2vw,100px);
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
}


.story__wrapper{
    display: flex;
    flex-direction: column;
    gap: 190px;
}
.story__wrapper-out{
    display: flex;
}
.story__wrapper-out:nth-child(even){
    justify-content: flex-end;
}

.story__wrapper-item {
    position: relative;
    box-sizing: border-box;
    width: 800px;
    max-width: 100%;
    min-height: 340px;
}

.story__wrapper-out:not(:last-child) .story__wrapper-item:after{
    position: absolute;
    content: '';
    background-image: url("../images/arrr2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 193px;
    height: 486px;
    left: calc(100% + 80px);
    top: 70px;
}

.story__wrapper-out:nth-child(even):not(:last-child) .story__wrapper-item:after{
    position: absolute;
    content: '';
    background-image: url("../images/arrl2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 230px;
    height: 407px;
    right: calc(100% + 80px);
    left: unset;
    top: 100px;
}


.story__wrapper-t{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: 35px;
}
.story__wrapper-d{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
}

.story__wrapper-d p{
    margin-bottom: 15px;
}

.images{
    margin-bottom: clamp(28px,5.2vw,100px);
}
.images__wrapper{
    position: relative;
}

.images__wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.images__wrapper img{
    width: calc(50% - 10px);
    display: block;
}

.images__wrapper.onsec img:first-child{
    width: 70%;
    position: relative;
}

.images__wrapper.onsec img:last-child{
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.images__wrapper:not(.onsec) img:nth-child(2){
    margin-top: 50px;
}

.images__wrapper.full img{
    width: 100%;
}

.storyhead{
    margin-bottom: clamp(28px,5.2vw,100px);
}

.storyhead_wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
    gap: 30px;
    border-radius: 50px;
    background-color: #101010;
}

.storyhead_wrapper-image{
    border: 1px solid #8b48d6;
    border-radius: 33px;
    display: block;
    flex: none;
    width: 300px;
}
.storyhead_wrapper-image img{
    display: block;
    width: 100%;
}

.storyhead_wrapper-desc{
    width: calc(100% - 330px);
}

.storyhead_wrapper-theme{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 43px;
}

.storyhead_wrapper-title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}
.storyhead_wrapper-text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    line-height: 1.5;
}

.mobile{
    display: none !important;
}


.popupwimage .block{
    border: 1px solid #9434f2;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    width: 990px;
    max-width:100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.popupwoimage .block{
    border: 1px solid #9434f2;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 540px;
    max-width:100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

.popupwimage .block .image{
    width: 540px;
    flex: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.popupwimage .block .form_wrapper{
    padding: 50px 87px;
    box-sizing: border-box;
    text-align: center;
}

.popupwimage .block .form_wrapper .t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.popupwoimage .block .form_wrapper {
    padding: 20px 35px;
    box-sizing: border-box;
    text-align: center;
}

.popupwoimage .block .form_wrapper .t{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(11px,1vw,20px);
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
	text-transform: uppercase;
}

.form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form .input-wrapper input{
    border: 1px solid #8b48d6;
    border-radius: 7px;
    text-align: center;
    background: #101010;
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    height: 46px;
    padding: 0 10px;
    box-sizing: border-box;
    color: #c6baba;
    width: 100%;
}

.form .button-wrapper button{
    display: block;
    border-radius: 9px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    box-sizing: border-box;
    font-weight: 800;
    font-size: clamp(9px,0.94vw,18px);
    text-transform: uppercase;
    color: #fff;
    padding: 13px 40px;
    text-align: center;
    border: none;
    width: 100%;
}

.form_wrapper .aform{
    margin-top: clamp(28px,3.1vw,60px);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    text-align: center;
    color: #fff;
}

.popups{
    display: none;
}

.fancybox-content.popup{
    background: unset;
    padding: 5px
}

.fancybox-content.popup .block{
    background: #101010;
}
.fancybox-content.popup .pblock{
    background: #101010;
}

button{
    cursor: pointer;
}


button:not(.slick-arrow):hover{
    background: linear-gradient(90deg, #3a2587 0%, #45248a 50%, #3d1765 100%) !important;
}

button.fancybox-button.fancybox-close-small{
    width: 44px;
    height: 44px;
    border-radius: 44px;
    overflow: hidden;
    right: 20px;
    top: 20px;
}


.notification{
    width: clamp(260px,64.6vw,1240px);
}
.notification .pblock {
    border: 1px solid #9434f2;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    padding: clamp(28px,3.5vw,64px) 20px;
}

.notification .pblock .image{
    margin-bottom: 20px;
}

.notification .pblock .title{
    margin-bottom: 40px;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(20px,2.3vw,45px);
    color: #fff;
}

.notification .pblock .atitle{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.6vw,30px);
    text-align: center;
    color: #fff;
}

.notification .pblock .input-wrapper{
    width: 560px;
    max-width: 100%;
    margin: 20px auto 0;
}

.notification .pblock .input-wrapper input{
    padding: 25px 10px;
    box-sizing: border-box;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(20px, 2.3vw, 45px);
    text-align: center;
    color: #4f4f4f;
}

header {
    position: relative;
}
header.fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
}

header .pre .center{
    justify-content: space-between;
}
header .profile a span{
    display: none;
}
header .premenu{
    display: block;
}
header .socials {
    flex: none;
}
header .socials a{
    display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none !important;
}
header .title{
    display: block;
}


header.fixed .pre .center{
    justify-content: flex-end;
}
header.fixed .profile a{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}
header.fixed .profile a span{
    /*display: inline-block;*/
    vertical-align: middle;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: #9f9f9f;
    text-decoration: none;
}
header.fixed .premenu{
    /*display: none;*/
}
header.fixed .socials{
    /*display: none;*/
}
header.fixed .title{
    /*display: none;*/
}

.topmenu{
    display: none;
    position: absolute;
    top: 100%;
    right: 10px;
    left: 10px;
    border: 0.50px solid #5e2299;
    border-radius: 7px;
    background-color: rgba(0,0,0,1);
    padding: 10px 25px;
    box-sizing: border-box;
    z-index: 999;
}

.topmenu ul{
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

.topmenu ul ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.topmenu ul div{
	margin-left: 15px;
}

.topmenu ul li a{
    display: block;
    padding: 4px 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-decoration: none !important;
}

.topmenu .socials{
    display: flex;
    gap: 10px;
    align-items: center;
}

.topmenu .socials img{
    height: 40px;
    display: block;
}

header.fixed .onfix{
    display: block;
}

.onfix{
    display: none;
}

.error>*{
    box-shadow: 2px 2px 8px 0 #c20000, -2px -2px 8px 0 #c20000;
    border: 1.89px solid #c20000 !important;
    border-radius: 13px !important;
}


.program__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(16px,1.7vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(32px,3.4vw,64px);
}

.program__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(16px,1.7vw,25px);
    color: #fff;
    margin-bottom: 30px;
}

.program__atext{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(14px,1.5vw,20px);
    color: #fff;
}


.webinarspik{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.webinarspik__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.webinarspik__wrapper-first{
    position: relative;
    padding: 50px 90px;
    box-sizing: border-box;
    width: 100%;
    min-height: 550px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.webinarspik__wrapper-first img{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 40%;
    z-index: 2;
    overflow: hidden;
    border-radius: 50px;
}

.webinarspik__wrapper-t1{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 14px;
}

.webinarspik__wrapper-t2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(24px,2.6vw,50px);
    color: #fff;
    margin-bottom: 20px;
}

.webinarspik__wrapper-t3{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(11px,1vw,20px);
    color: #fff;
    margin-bottom: 60px;
}

.webinarspik__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 280px;
    height: 51px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(8px,1vw,12px);
    text-transform: uppercase;
    color: #fff;
}
.aw{
    margin-bottom: clamp(46px, 7.3vw, 140px);
}
.aw__wrapper{
    text-align: center;
    font-family: var(--third-family);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(15px,2.4vw,35px);
    color: #fff;
}




.coursemain{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.coursemain__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}
.coursemain__wrapper-first{
    border-radius: 50px;
    background-color: #101010;
    border: 1px solid #9434f2;
    position: relative;
    padding: 50px 90px;
    box-sizing: border-box;
    width: 100%;
    min-height: 470px;
}

.coursemain__wrapper-first img {
    position: absolute;
    right: 4vw;
    bottom: 50%;
    transform: translateY(50%);
    max-width: 25% !important;
    z-index: 2;
    overflow: hidden;
    border-radius: 50px;
}

.coursemain__wrapper-t1{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 14px;
}

.coursemain__wrapper-t2{
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 95%;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fff 0%, #999 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(28px,3.6vw,63px);
    color: #fff;
    margin-bottom: 20px;
}

.coursemain.second .coursemain__wrapper-first img {
    position: relative;
    right: unset;
    bottom: unset;
    transform: unset;
    max-width: unset;
    z-index: 2;
    overflow: hidden;
    border-radius: 50px;
    width: 205px;
    max-width: 100% !important;
}

.coursemain.second .coursemain__wrapper-first{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.coursemain.second .coursemain__wrapper-t2{
    font-size: clamp(13px,3.4vw,50px);
    line-height: 1;
}

.coursemain.second .coursemain__wrapper-t2 span{
    font-size: clamp(10px,2.7vw,40px);
    line-height: 1;
    display: block;
}

.coursemain__wrapper-t3{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 20px;
}

.coursemain__wrapper-t4{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    color: #fff;
    margin-bottom: 20px;
}

.coursemain__buttons a.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    width: 417px;
    height: 76px;
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.2vw,27px);
    text-transform: uppercase;
    color: #fff;
}

.coursemain:not(.expert) .coursemain__wrapper-item{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: #101010;
    border: none;
    padding: 22px 10px;
    box-sizing: border-box;
    width: 270px;
    gap: 14px;
}



.coursemain.expert .coursemain__wrapper-item{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 320px;
}

.coursemain__wrapper-key{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,0.78vw,15px);
    color: #fff;
}

.coursemain__wrapper-val{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(15px,1.56vw,30px);
    text-align: center;
    color: #fff;
}



.author2 {
    margin-bottom: clamp(46px, 7.3vw, 140px);
}

.author2 .center{
    padding: clamp(28px,3.1vw,60px) 10px;
}
.author2 .start{
    font-weight: 700;
    font-size: clamp(12px,1.7vw,33px);
    text-align: center;
    color: #fff;
}

.wcol_aft{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,36px);
    text-align: center;
    color: #fff;
    padding: clamp(30px,3.6vw,72px);
}

.wcol_aft2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(18px,1.8vw,36px);
    text-align: center;
    padding: clamp(20px,1.6vw,30px) 0;
    text-transform: uppercase;
}

.fs30{
    font-size: clamp(13px, 1.56vw,30px);
}

.pwrap__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
}



.bonus{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.bonus__title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.bonus__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: clamp(28px,3.1vw,60px);
    justify-content: center;
}

.bonus__wrapper-item{
    width: 265px;
    text-align: center;
    background-color: #101010;
    border-radius: 25px;
    padding: 69px 25px 25px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 127%;
    text-transform: uppercase;
    color: #fff;
}

.bonus__wrapper-item img{
    width: 100px;
    margin-top: -100px;
    margin-bottom: 10px;
}
.bonus__wrapper + .bonus__wrapper{
    margin-top: 90px;
}
.bb{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 0 0 20px;
}

.bonus__buttons{
    margin-top: clamp(28px,3.1vw,60px);
    text-align: center;
}


.bonus__buttons a.btn {
    border-radius: 15px;
    width: 389px;
    height: 71px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.fs25{
    font-size: clamp(14px,1.3vw,25px);
}

a.btn.fs21{
    font-size: clamp(12px,1.4vw,21px) !important;
}

.path__aft{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(12px,1.67vw,32px);
    text-align: center;
    color: #fff;
    padding: 40px 0 0;
}
.path__buttons{
    margin-top: clamp(28px,3.1vw,60px);
    text-align: center;
}


.path__buttons a.btn {
    border-radius: 15px;
    width: 389px;
    height: 71px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}


.green .path__wrapper-item{
    border: none;
}

.green .path__wrapper-out:not(:last-child) .path__wrapper-item:after{
    background-image: url("../images/garr1.png");
}

.green .path__wrapper-out:nth-child(even):not(:last-child) .path__wrapper-item:after{
    background-image: url("../images/garr2.png");
}

.learn__title4{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(16px,1.7vw,35px);
    text-align: center;
    color: #fff;
    padding: 20px 0;
}


.learn__buttons{
    margin-top: clamp(28px,3.1vw,60px);
    text-align: center;
}


.learn__buttons a.btn {
    border-radius: 15px;
    width: 389px;
    height: 71px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.faq__buttons{
    margin-top: clamp(28px,3.1vw,60px);
    text-align: center;
}


.faq__buttons a.btn {
    border-radius: 15px;
    width: 389px;
    height: 71px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(14px,1.3vw,25px);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.faq__title{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(16px,1.7vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.faq__title span{
    color: #8b48d6;
}

.wctext{
    font-weight: 700;
    color: #8b48d6 !important;
}
.green .coursemain__wrapper-first{
    border: 2px solid #02ffa5 !important;
}
.green>section:not(.mainq) a.btn,.green>div a.btn{
    background: linear-gradient(90deg, #02ffa5 0%, #0c734f 100%) !important;
}
.green .faq__title span{
    color: #02ffa5;
}

.green.popupwoimage .block{
    border: 1px solid #02ffa5 !important;
}

.green .form .input-wrapper input{
    border: 1px solid #02ffa5;
}

.green .form .button-wrapper button{
    background: linear-gradient(90deg, #02ffa5 0%, #0c734f 100%) !important;
}

.green .wctext{
    font-weight: 700;
    color: #02ffa5 !important;
}
.popup a:not(.btn):link, .popup a:not(.btn):visited{
	color: #a243ff;
}
.green.popup .pblock{
    border: 1px solid #02ffa5 !important;
}
.green.popup a:not(.btn):link, .green.popup a:not(.btn):visited{
	color: #02ffa5;
}

.sal.popup .pblock{
    border: 1px solid #caeb01 !important;
}

.sal.popup a:not(.btn):link, .sal.popup a:not(.btn):visited{
	color: #caeb01;
}

.sal .coursemain__wrapper-first{
    border: 2px solid #caeb01 !important;
}
.sal>section:not(.mainq) a.btn,.green>div a.btn{
    color: #000 !important;
    background: linear-gradient(90deg, #c9e902 0%, #acc803 50%, #90a704 100%) !important;
}
.sal .faq__title span{
    color: #caeb01;
}

.sal .wctext{
    color: #caeb01 !important;
}

.sal .coltext{
    color: #caeb01;
}

.sal.popupwoimage .block{
    border: 1px solid #caeb01 !important;
}

.sal .form .input-wrapper input{
    border: 1px solid #caeb01;
}

.sal .form .button-wrapper button{
    color: #000 !important;
    background: linear-gradient(90deg, #c9e902 0%, #acc803 50%, #90a704 100%) !important;
}


.gray .coursemain__wrapper-first{
    border: 2px solid #fff !important;
}
.gray .want__block{
    border: 1.59px solid #fff !important;
}
.gray>section:not(.mainq,.efir) a.btn,.green>div a.btn{
    color: #000 !important;
    background: linear-gradient(90deg, #fcfcfc 0%, #7c7c7c 100%);
}
.gray .faq__title span{
    color: #fff;
}

.gray .wctext{
    color: #fff !important;
}

.gray .coltext{
    color: #fff;
}

.gray .want .block{
    border: 2px solid #fff !important;
}

.peoples .center>.pwrap {
    flex-wrap: wrap;
}

.upper{
    text-transform: uppercase;
    margin-top: 50px;
}

.coursemain__wrapper-full{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(14px,1.3vw,25px);
    text-align: center;
    color: #fff;
}

.bimg{
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(10px,0.72vw,15px);
    color: #fff;
}

.anketa-title{
    padding: clamp(28px,3.1vw,60px) 10px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(15px,3.5vw,50px);
    text-align: center;
    color: #fff;
}

.anketa-after{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.anketa-after__title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(11px,2.4vw,35px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(20px,2.8vw,40px);
}

.anketa-after__block{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    gap: clamp(14px,2.8vw,40px);
}

.anketa-after__block-item{
    width: calc(50% - 20px);
    text-align: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(7px,1.46vw,21px);
    color: #c8c4c4;
}

.anketa-after__block-item.fullw{
    width: 100%;
}

.giftbonus{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.giftbonus__wrapper{
    background: #101010;
    border: 1px solid #9434f2;
    border-radius: 30px;
    padding: clamp(20px,2.8vw,40px) clamp(22px,4.4vw,64px);
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

.giftbonus__block{
    width: 58%;
}

.giftbonus__title{
    font-family: var(--third-family);
    font-weight: 700;
    font-size: clamp(26px,5.9vw,85px);
    color: #fff;
    margin-bottom: 15px;
}

.giftbonus__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(9px,1.7vw,25px);
    color: #fff;
}

.giftbonus__image{
    width: 27%;
}

.giftbonus__image img{
    display: block;
}


.itog{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.itog__title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(11px,2.4vw,33px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(20px,2.8vw,40px);
}

.itog__price{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: clamp(8px,1.7vw,25px);
    text-align: center;
    color: #fff;
}

.free{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.free__title{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(15px,2.5vw,36px);
    text-align: center;
    color: #fff;
    margin-bottom: clamp(20px,2.8vw,40px);
}
.free__text{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(8px,1.7vw,25px);
    text-align: center;
    color: #fff;
}

.free__text strong{
    text-transform: uppercase;
}


.write{
    padding: 0 10px clamp(28px,3.1vw,60px);
    text-align: center;
}

.write img{
    display: inline-block;
}


.anketa{
    padding: clamp(28px,3.1vw,60px) 10px;
}

.anketa__block:not(:nth-child(1)){
    display: none;
}

.anketa__block{
    background: #101010;
    border: 1px solid #9434f2;
    border-radius: clamp(10px,2.3vw,30px);
    padding: clamp(20px,2.7vw,40px) clamp(15px,2vw,25px);
    text-align: center;
}

.anketa__block-num{
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(9px,2.3vw,34px);
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    height: clamp(11px,2.8vw,41px);
    margin-bottom: clamp(18px,4.8vw,70px);
}

.anketa__block-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(9px,2.3vw,34px);
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    margin-bottom: clamp(18px,4.8vw,70px);
}

.anketa__block-inputs{
    margin-bottom: clamp(18px,4.8vw,70px);
}

.anketa__block-inputs .checkbox-wrapper{
    width: 898px;
    max-width: 100%;
    margin: 0 auto 20px;
    position: relative;
}

.anketa__block-inputs .checkbox-wrapper input[type=checkbox]{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.anketa__block-inputs .checkbox-wrapper input[type=checkbox] + label{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,2.2vw,30px);
    text-transform: lowercase;
    color: #fff;
    background: #101010;
    border: 1.70px solid #8b48d6;
    border-radius: 12px;
    width: 100%;
    height: clamp(30px,4vw,58px);
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    cursor: pointer;
}

.anketa__block-inputs .checkbox-wrapper input[type=checkbox] + label:before{
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 20px;
}

.anketa__block-inputs .checkbox-wrapper input[type=checkbox]:checked + label:before{
    content: '\2714';
}

.anketa__block-inputs .input-wrapper{
    width: 898px;
    max-width: 100%;
    margin: 0 auto 20px;
}

.anketa__block-inputs .input-wrapper input{
    background: #101010;
    border: 1.70px solid #8b48d6;
    border-radius: 12px;
    height: clamp(30px,4vw,58px);
    width: 100%;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,2.2vw,30px);
    text-transform: lowercase;
    color: #888;
    padding: 0 10px;
}

.anketa__block-buttons{
    text-align: center;
}

.anketa__block-buttons button{
    border-radius: clamp(6px,1.4vw,21px);
    width: clamp(156px,40vw,588px);
    height: clamp(28px,7.5vw,108px);
    background: linear-gradient(90deg, #6340e5 0%, #6132c1 50%, #5f249c 100%);
    font-family: var(--font-family);
    font-weight: 800;
    font-size: clamp(6px,1.7vw,25px);
    text-transform: uppercase;
    color: #fff;
    border: none;
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.anketa__block-atit{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(10px,2.2vw,30px);
    text-align: center;
    color: #fff;
    margin: clamp(10px,2.2vw,30px);
}


.content{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.content__title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.content__text{
	
}


.premod{
    margin-bottom: clamp(46px,7.3vw,140px);
}

.premod__block{
	display: flex;
	gap: 40px;	
	flex-wrap: wrap;	
}

.premod__block-left{
	width: calc(50% - 20px);
	min-width: 300px;
}

.premod__block-right{
	width: calc(50% - 20px);
	min-width: 300px;
	background-color: rgba(16, 16, 16, 1);
	border-radius: clamp(20px,1.6vw,30px);
	box-sizing: border-box;
	padding: clamp(20px,2.8vw,40px);
}

.premod__block-right-title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: clamp(18px,1.8vw,35px);
    color: #fff;
    margin-bottom: clamp(28px,3.1vw,60px);
}

.sp{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 5px;
}

.sp .l{
	color: #fff;
}

.sp .r{
	color: rgba(120, 120, 120, 1);
}

.menuopened{
	overflow: hidden;
	height: 100vh;
	width: 100vw;
}

.menuopened .topmenu{
	overflow: auto;
}

.topmenu ul ul li a{
	font-size: 16px;
}

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

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}

.reviews .wrapper .item {
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
}

.reviews .wrapper .item iframe {
	border-radius: 13px;
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	border: none;
}

.reviews .wrapper .item a.videocont {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	gap: 20px;
	flex: 1 1 auto;
	height: calc(100% - 20px);
	text-decoration: none !important;
}
.reviews .wrapper .item a.videocont::after {
	bottom: 25%;
}
.reviews .wrapper .item a.videocont:hover {
	color: #fff;
}

.revtext {
	font-size: 15px;
	font-weight: 900;
	font-style: italic;
	line-height: 121%;
	text-align: center;
	font-family: "Druk Wide Cyr";
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	word-break: break-word;
}

.revdesc {
	font-size: 6px;
	line-height: 116%;
	text-align: center;
	text-transform: uppercase;
}


.reviews .wrapper .item .reviews__nlink {
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.pubs .tabs-wrapper .tab-content .wrapper .item {
	text-decoration: none;
	text-transform: uppercase;
}

.pubs .tabs-wrapper .tab-content .wrapper .item {
	font-family: "Druk Wide Cyr";
	transition: color 0.3s;
}

.pubs .tabs-wrapper .tab-content .wrapper .item:hover .t,.pubs .tabs-wrapper .tab-content .wrapper .item:hover .b {
	color: #a243ff;
}
.pubs .tabs-wrapper .tab-content .wrapper .item:hover .b::after {
	opacity: 0;
}

.pubs .tabs-wrapper .tab-content .wrapper .item .b {
	position: relative;
	padding: 2px 30px;
	border-radius: 3px;
	font-style: italic;
	font-weight: 900;
	font-size: clamp(10px, 0.83vw, 16px);
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
.pubs .tabs-wrapper .tab-content .wrapper .item .b span {
	position: relative;
	z-index: 1;
}
.pubs .tabs-wrapper .tab-content .wrapper .item .b::after {
	content: "";
	background: linear-gradient(90deg, #6340E6 0%, #5E2299 99.99%, #9434F2 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	transform: skewX(-18deg);
	transition: opacity 0.1s;
}

.videocont {
	position: relative;
}

.videocont::after {
	content: "";
	position: absolute;
	bottom: 10%;
	left: 50%;
	aspect-ratio: 92/65;
	width: 15%;
	transform: translate(-50%, 0);
	opacity: 0.7;
	background: url('/images/yt-w.png') 0 0 / 100% 100% no-repeat;
	z-index: 2;
	cursor: pointer;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
} 

.videocont:hover::after {
	transform: translate(-50%, 0) scale(1.1);
	opacity: 1;
}

.cases-top  {
	margin-bottom: clamp(50px, 5.2vw, 145px);
}
.cases-top .center {
	width: 790px;
	aspect-ratio: 790/1217;
	background: url('/images/case.png') 0 0 / 100% 100% no-repeat;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-bottom: clamp(40px, 5.2vw, 98px);
	padding-top: clamp(40px, 5.2vw, 98px);
	padding-left: clamp(35px, 5.2vw, 60px);
	padding-right: clamp(35px, 5.2vw, 60px);
	gap: 20px;
	text-decoration: none !important;
}

.cases-top .center:hover {
	color: #fff;
}

.cases-top .center.videocont::after {
	bottom: 23%;
}

.cases-top__text {
	font-size: clamp(20px, 5.8vw, 52px);
	font-weight: 900;
	font-style: italic;
	line-height: 121%;
	text-align: center;
	font-family: "Druk Wide Cyr";
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	word-break: break-word;
}

.cases-top__desc {
	font-size: clamp(12px, 1.8vw, 20px);
	line-height: 116%;
	text-align: center;
	text-transform: uppercase;
}


.cases-top.sucrev .center {
	width: 1290px;
	aspect-ratio: 1322/684;
	background-image: url('/images/sucrev-1.png');
	padding-bottom: 22px;
	padding-top: 22px;
	padding-left: clamp(10px, 5.2vw, 60px);
	padding-right: clamp(10px, 5.2vw, 60px);
}

.cases-top.sucrev .center.videocont::after {
	width: 10%;
}

.cases-top.sucrev .cases-top__text {
	font-size: clamp(14px, 3.8vw, 52px);
}


.cases-top.sucrev .cases-top__desc {
	font-size: clamp(8px, 1.8vw, 15px);
}

.coursemain__wrapper-nlink {
	position: absolute;
	right: 4vw;
	bottom: 50%;
	transform: translateY(50%);
	max-width: 25% !important;
	z-index: 2;
	overflow: hidden;
	border-radius: 50px;
	width: 100%;
	aspect-ratio: 321/180;
}


.coursemain__wrapper-first .coursemain__wrapper-nlink img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	max-width: none !important;
	bottom: 0;
	transform: none;
}

.compauth .title {
	font-size: clamp(18px, 3.875vw, 44px);
	font-family: "Druk Wide Cyr";
	max-width: 987px;
	margin-left: auto;
	margin-right: auto;
}
.compauth .wrapper .col .t {
	font-family: "Druk Wide Cyr";
}

.oferta__image {
	position: relative;
	aspect-ratio: 690/292;
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: clamp(30px, 6.875vw, 100px);
}

.oferta__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

.oferta__title {
	font-family: "Druk Wide Cyr";
	text-align: center;
	font-size: clamp(22px, 3.875vw, 53px);
	text-transform: uppercase;
	margin-bottom: clamp(30px, 6.875vw, 100px);
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.oferta__text {
	margin-bottom: clamp(15px, 2.875vw, 30px);
	font-size: 18px;
}

.oferta__text p {
	margin: 0;
	line-height: 120%;
}

.oferta__toptext {
	font-weight: 700;
	margin-bottom: clamp(20px, 6.875vw, 40px);
}

.oferta__topli {
	margin-bottom: clamp(30px, 6.875vw, 50px);
}

.oferta__text ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

.oferta__text li {
	padding: 0;
}


.oferta__text ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.oferta__text > ol {
	counter-reset: counts;
	margin-bottom: clamp(40px, 6.875vw, 80px);
}


.oferta__text > ol > li {
	font-weight: 700;
	counter-increment: counts;
	margin-top: clamp(30px, 6.875vw, 60px);
}

.oferta__text > ol > li::before {
	content: counters(counts, ". ") ". ";
	padding-right: 10px;
}

.oferta__text > ol > li > ol {
	font-weight: 400;
	margin-top: clamp(15px, 6.875vw, 30px);
	counter-reset: counts;
}

.oferta__text > ol > li > ol > li {
	counter-increment: counts;
	margin-bottom: 25px;
}

.oferta__text > ol > li > ol > li::before {
	content: counters(counts, ". ") ". ";
	padding-right: 10px;
}


.oferta__text > ol > li > ol > li > ol {
	counter-reset: counts;
	margin-top: clamp(15px, 6.875vw, 30px);
}

.oferta__text > ol > li > ol > li > ol > li {
	counter-increment: counts;
	margin-bottom: 25px;
}

.oferta__text > ol > li > ol > li > ol > li::before {
	content: counters(counts, ". ") ". ";
}

.oferta__text .linot::before {
	display: none;
}

.oferta__bottitle {
	font-weight: 700;
	margin-bottom: clamp(20px, 6.875vw, 40px);
}

.err {
	max-width: 1114px;
	margin: 0 auto;
	text-align: center;
	font-family: "Druk Wide Cyr";
}

.err5 {
	max-width: 1005px;
}

.err__image {
	position: relative;
}

.err__image4 {
	aspect-ratio: 1114/959;
}

.err__image5 {
	margin-bottom: 35px;
	aspect-ratio: 1005/646;
}

.err__image4::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.58%, #000000 100%);
	z-index: 1;
}


.err__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

.err__tiv {
	position: relative;
	z-index: 2;
	font-size: clamp(80px, 20.875vw, 287px);
	letter-spacing: -0.02em;
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
}
.err__tiv--top {
	margin-top: clamp(-300px, -29.875vw, -100px);
}

.err__text {
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(16px, 2.875vw, 25px);
	max-width: 1008px;
	margin: 0 auto;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.err__text a {
	background: linear-gradient(180deg, #9434F2 0%, #5E2299 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration-color: #5E2299 !important;
}

.err__tit5 {
	line-height: 120%;
	text-transform: uppercase;
	background: linear-gradient(180deg, #FFFFFF 0%, #999999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(22px, 4.875vw, 64px);
	font-weight: 700;
	margin-bottom: 8px;
}
.err__text5 {
	text-transform: uppercase;
	line-height: 120%;
	font-weight: 500;
	background: linear-gradient(180deg, #FFFFFF 0%, #999999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(12px, 1.875vw, 16px);
}

.err__text5 p {
	margin: 10px 0 0 0;
}

.err__text5 a {
	background: linear-gradient(180deg, #9434F2 0%, #5E2299 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration-color: #5E2299 !important;
}

.premod__block-left {
	aspect-ratio: 484/272;
}

.premod__block-left img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}
.premod__block-right .r {
	white-space: nowrap;
}

.cuc {
	position: fixed;
	max-width: 500px;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s;
	z-index: -100;
	background-color: rgb(0, 0, 0, 0.98);
}

.cuc._active {
	opacity: 1;
	visibility: visible;
	z-index: 100;
	pointer-events: all;
}

.cuc__body {
	 width: 100%;
	 margin-left: auto;
    position: relative;
    box-sizing: border-box;
	 padding: 20px;
}

.cuc__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 10px;
}

.cuc__top .cuc__title {
	font-family: "Druk Wide Cyr";
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 660px;
	text-align: left;
}

.cuc__image {
	position: relative;
	flex: 0 0 40px;
	aspect-ratio: 1/1;
}

.cuc__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

.cuc__bottom {
	border-radius: 15px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: url('../images/cuc.png') 0 0 / cover no-repeat;
	position: relative;
	margin-bottom: 1px;
}

.cuc__bottom::before {
	content: "";
	border-radius: 28px;
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	background: linear-gradient(90deg, #9434F2 0%, #02FFA5 100%);
}
.cuc__bottom::after {
	content: "";
	border-radius: 28px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('../images/cuc.png') 0 0 / cover no-repeat;
	z-index: 1;
}

.cuc__text {
	font-family: "Druk Wide Cyr";
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 260px;
	position: relative;
	z-index: 2;
}

.cuc__button {
	padding: 15px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 120%;
	font-weight: 800;
	color: #fff;
	text-decoration: none !important;
	border-radius: 10px;
	background: linear-gradient(90deg, #6340E5 0%, #6132C1 50%, #5F249C 100%);
	flex: 0 1 100px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.cuc__button:hover {
	background: linear-gradient(90deg, #3a2587 0%, #45248a 50%, #3d1765 100%) !important;
	color: #fff !important;
}

.compauth .center .wrapper .col {
	display: flex;
	flex-direction: column;
	padding-top: 35px;
	padding-bottom: 31px;

}

.compauth .center .wrapper .col .coltop {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.compauth .center .wrapper .col .text {
	font-size: 19px;
}
.compauth .center .wrapper .col .prtext {
	font-size: 19px;
}
.compauth .center .wrapper .col .text.up {
	text-transform: uppercase;
}
.compauth .center .wrapper .col .pr {
	font-size: 27px;
	font-family: "Druk Wide Cyr";
	margin-left: -15px;
	margin-right: -15px;
}
.compauth .center .wrapper .col .apr {
	font-size: 18px;
}
.compauth .center .wrapper .col .buttons a.btn {
	font-size: 17px;
}
.compauth .center .wrapper .col:nth-child(3) .buttons a.btn {
	color: #000;
}
.compauth .center .wrapper .col .abtn {
	font-size: 15px;
}

.million .center {
	padding: 10px 10px clamp(28px, 4.2vw, 80px);
}
.peoples .pwrap .item .about .dolg  {
	margin-bottom: 1px;
}
.million .adv .item {
	border: 1px solid #8b48d6;
    border-radius: 20px;
    padding: 20px;
	 font-weight: 700;
}
.author .wrapper .item .num {
	font-size: 14px;
	font-weight: 700;
}
.theory .not {
	text-transform: uppercase;
}
.theory .not br.notbr{
	display: none;
}
.experts .buttons a.btn {
	font-size: clamp(12px, 0.72vw, 14px);
}
.titlerev br {
	display: none;
}
.efir .title .efbr {
	display: none;
}
.millrow {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 50px;
	justify-content: center;
}
.millrow .item {
	border-radius: 15px;
	overflow: hidden;
	flex: 0 1 calc((100% - 20px * (3 - 1)) / 3);
}
.millrow .item.millbig {
	flex: 0 1 50%;
}
.millrow .item  img{
	max-width: 100%;
}
.footpl img{
	width: 10px;
	margin-right: 5px;
}