body {
    margin: 0;
    padding: 0;
    font-family: "Archivo Narrow", sans-serif;
    background: #0E0F11;
    color: #fff;
}
body.no-scroll {
    overflow: hidden;
}
body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.container {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
    height: 100%;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
}

.df {
    display: flex;
}

.dn {
    display: none;
}
.f-column{
    flex-direction: column;
}

.a-center {
    align-items: center;
}

.j-spc-btw {
    justify-content: space-between;
}

.j-center {
    justify-content: center;
}

.t-center {
    text-align: center;
}
.f-wrap{
    flex-wrap: wrap;
}
.j-end{
    justify-content: flex-end;
}

input {
    outline: none;
    border: none;
    box-shadow: none;
    font-family: Roboto, sans-serif;
}

header{
    background: #0E0F11;
    display: flex;
    width: 100%;
    height: 100px;
}
.header__logo{
    width: 145px;
    position: absolute;
    left: 0;
    top: 10px;
}
.header__logo img{

}
.nav{
    width: 100%;
    height: 100%;
}
.nav__content{
    height: 100%;
    position: relative;
}
.header__socials{
    margin-left: auto;
    gap: 13px;
}
.header__socials--link{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1C1F26;
    border-radius: 8px;
}
.menu{
    margin-left: 195px;
    gap: 40px;
}
.menu__link{
    color: #A3A3A3;
    font-size: 18px;
    font-weight: 400;
    font-family: Inter, sans-serif;
    transition: all .3s;
}
.menu__item--active .menu__link, .menu__link:hover {
    color: #fff;
}
.banner{
    background: url('../images/banner.png') no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-top: 0;
}
.banner__content{
    position: relative;

}
.banner__left{
    padding-top: 143px;
    max-width: 731px;
    width: 100%;
    padding-bottom: 112px;
}
.banner__title{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
    text-align: left;
    color: #ffffff;
    margin-bottom: 20px;
}
.banner__text{
    font-family: Archivo Narrow,  sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    max-width: 600px;
    width: 100%;
    color: #c4c4c4;
    margin-bottom: 74px;

}
.banner__actions{
    gap: 30px;
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Archivo Narrow, sans-serif;
    border-radius: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    border: none;
    background: transparent;
}
.btn__white{
    width: 279px;
    height: 74px;
    padding: 25px 50px;
    background: #f2f2f2;
    color: #0e0f11;
}
.btn__outline{
    width: 279px;
    height: 74px;
    padding: 25px 50px;
    background: rgba(66, 66, 67, 0.699999988079071);
    border: 1px solid #c4c4c4;
    color: #c4c4c4;
}
.banner__right{
    position: absolute;
    bottom: -15px;
    right: -60px;
    display: flex;
    align-items: flex-end;
}
section{
    padding-top: 120px;
}
.status{
    padding-top: 110px;
}
.section__title{
    font-family: Archivo, sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    color: #ffffff;
}
.status__list{
    margin-top: 40px;
    gap: 20px;
}
.status__item{
    width: calc(100%/3 - 10px);
    background: #15171B;
    border-radius: 8px;
    padding: 60px 40px;
}
.status__icon{
    margin-bottom: 30px;
}
.status__title{
    font-family: Archivo Narrow, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;

    color: #e6e6e6;
    margin-bottom: 10px;
}
.status__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #c4c4c4;
}
.about{
    padding-top: 120px;

}
.about__left{
    max-width: 732px;
    width: 100%;
}
.about__right{
    max-width: calc(100% - 782px);
    padding-top: 20px;
}
.about__right .btn__white{
    width: 251px;
}
.about__content{
    gap: 50px;
}
.about__banner{
    margin-top: 20px;
    border-radius: 8px;
    background: #15171b;
    width: fit-content;
    padding: 15px 25px 15px 15px;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}
.about__banner--icon{
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #0e0f11;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about__banner--text h3{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #e6e6e6;
}
.about__banner--text p{
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;

    color: #c4c4c4;
    opacity: 0.5;
}
.section__text{
    color: #C4C4C4;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}
.section__text strong{
    color: #E6E6E6;
    font-weight: 700;
}
.about__right .btn__white{
    margin-top: 50px;
    font-weight: 500;
}
.tradition__list{
    gap: 20px;
    margin-top: 40px;
    padding-bottom: 80px;
}
.tradition__item{
    background: url('../images/t-bg.png') no-repeat;
    height: 419px;
    width: 100%;
    padding: 60px 40px;
    position: relative;

}
.tradition__item img{
    position: absolute;
    right: 0;
    bottom: -87px;
}
.tradition__title{
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    margin-bottom: 8px;
    font-family: Archivo, sans-serif;
}
.tradition__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
}
.commander{
    padding-top: 120px;
}
.commander__content{
    background: #15171B;
    padding: 50px 50px 50px 0;
    min-height: 568px;
    height: auto;
    width: calc(100% - 40px);
    margin-left: auto;
    border-radius: 8px;
}
.commander__left{
    width: 650px;
    position: relative;
}
.commander__left img{
    position: absolute;
    left: -40px;
}

.commander__right{
    width: calc(100% - 650px);
    padding-top: 30px;
}
.commander__sub{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    color: #e6e6e6;
    margin-top: 10px;
    margin-bottom: 20px;
}
.commander__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
    margin-bottom: 30px;
}
.commander__audio{
    height: 82px;
    padding: 15px;
    background: #1C1F26;
    border-radius: 8px;
    gap: 15px;
    width: fit-content;
}
.commander__audio--play{
    width: 52px;
    height: 52px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0E0F11;
}
.commander__audio--sound{
    width: calc(100% - 65px);
}
.directions{
    padding-top: 160px;
}
.direction__list{
    gap: 20px;
}
.directions .section__text{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    text-align: left;

    color: #c4c4c4;
    margin-top: 8px;
    margin-bottom: 40px;
}
.direction__item{
    width: calc(100%/3 - 14px);
    height: 458px;
    background: url('../images/d1.png') no-repeat;
    background-size: cover;
    padding: 30px 50px 30px 30px;
}
.direction__item:nth-child(2){
    background: url('../images/d2.png') no-repeat;
    background-size: cover;
}
.direction__item:nth-child(3){
    background: url('../images/d3.png') no-repeat;
    background-size: cover;
}
.direction__item:nth-child(4){
    background: url('../images/d4.png') no-repeat;
    background-size: cover;
}
.direction__item:nth-child(5){
    background: url('../images/d6.png') no-repeat;
    background-size: cover;
}
.direction__item:nth-child(6){
    background: url('../images/d5.png') no-repeat;
    background-size: cover;
}
.direction__title{
    font-family: Archivo, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    color: #e6e6e6;
    transition: all .3s;
    padding: 8px 15px;

    background: rgba(28, 31, 38, 0.6000000238418579);
    backdrop-filter: blur(0px);
    width: fit-content;
    border-radius: 8px;
}
.direction__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 5px;
    display: none;
    color: #c4c4c4;
    transition: all .3s;
}
.direction__item:hover .direction__text{
    display: flex;
}
.become__list{
    margin-top: 40px;
    gap: 20px;
}
.become__item{
    width: calc(100%/4 - 10px);
    background: #15171B;
    border-radius: 8px;
    min-height: 224px;
}
.become__title{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;
    color: #e6e6e6;
    margin-top: 20px;
}
.gallery__list{
    gap: 20px;
    width: 100%;
}
.swiper {
    width: 100%;
    height: 100%;
}

.gallery__list:first-child{
    margin-bottom: 20px;
}
.socials{
    padding-top: 177px;
}
.socials__content{
    background: #1C1F26;
    border-radius: 8px;
    padding: 70px 54px 0 70px;
    position: relative;
    min-height: 460px;
}
.socials__left{
    max-width: 650px;
}
.socials__left .section__title{
    margin-bottom: 16px;
}
.socials__left .section__text{
    margin-bottom: 45px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;

    color: #c4c4c4;

}
.section__actions{
    gap: 20px;
}
.section__actions .btn__white{
    height: 69px;
    min-width: 247px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    gap: 10px;
    color: #000000;
}
.section__actions .btn__white:first-child{
    width: 247px;
}
.section__actions .btn__white:last-child{
    width: 265px;
}
.socials__right{
    position: absolute;
    right: 57px;
    bottom: 0;
}
.news__list{
    margin-top: 40px;
    gap: 20px;

}
.news__img{
    position: relative;
    height: 340px;
}
.news__img img{
    height: 100%;
    object-fit: cover;
}
.news__logo{
    position: absolute;
    top: 22px;
    left: 23px;
}
.news__item{
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
}
.news__content{
    padding: 20px 20px 30px;
    background: #15171B;
}
.news__title{
    font-family: Archivo, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 8px;
    color: #e6e6e6;

}
.news__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
    margin-bottom: 20px;
}
.news__date{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #6d6d6d;
}
.news__read-more{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-decoration-line: underline;
    color: #e6e6e6;
}
.merch__top{
    margin-bottom: 40px;
}
.merch__link{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    text-decoration-line: underline;

    color: #e6e6e6;
}
.merch__list{
    gap: 20px;
}
.merch__right{
    gap: 20px;
}
.merch__item{
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.merch__content{
    position: absolute;
    left: 40px;
    bottom: 45px;
}
.merch__content h3{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.4;
    text-align: left;
    color: #fff;
}
.merch__content p{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.4;
    text-align: left;
    color: #fff;
}
.contact__left{
    max-width: 650px;
    width: 100%;
    position: relative;
}
.contact__left img{
    position: absolute;
    bottom: 40px;
}
.contact__right{
    max-width: calc(100% - 700px);
    padding-top: 80px;
}
.contact__content{
    gap: 50px;
    min-height: 638px;
}
.contact{
    background: #15171B;
    padding-top: 0;
    margin-top: 150px;
}
.contact__text{
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 30px;
    color: #c4c4c4;
}
.contact__info h3{
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;

    color: #6d6d6d;
}
.contact__info a.email{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    text-align: left;
    text-decoration-line: underline;
    color: #c4c4c4;
}

.contact__info{
    gap: 40px;
}
.contact__info a.phone{
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    text-align: left;

    color: #c4c4c4;
}
.contact__info a.phone span{
    color: #A3A3A3;
}
.contact__right .btn__white{
    margin-top: auto;
    margin-bottom: 105px;
}
footer{
    padding-top: 40px;
    padding-bottom: 30px;
}
.footer__bottom{
    padding-top: 20px;
    border-top: 1px solid #fff;
    opacity: 0.3;
    margin-top: 34px;
}
.footer__bottom a{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-decoration-line: underline;

    color: #a3a3a3;

}
.footer__menu{
    height: 53px;
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    gap: 9px 70px;
    justify-content: flex-start;
}
.footer__menu .menu__link{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    min-width: 79px;
    color: #c4c4c4;
    display: flex;
}
.footer__menu .menu__item:nth-child(2), .footer__menu .menu__item:nth-child(6){
    min-width: 92px;
}
.footer__socials{
    gap: 20px;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.footer__link{
    display: flex;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;

}
.footer__link--email{
    text-decoration-line: underline;
    margin-bottom: 5px;
}

.btn__menu{
    display: none;
}
.service__list{
    margin-top: 40px;
}
.service__item{
    height: 600px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background: url('../images/s1.png') no-repeat;
    width: 100%;
    padding: 30px;
}
.service__item:nth-child(2){
    background: url('../images/s2.png') no-repeat;

}
.service__item:nth-child(3){
    background: url('../images/s4.png') no-repeat;

}
.service__item:nth-child(4){
    background: url('../images/s3.png') no-repeat;

}
.service__title{
    font-family: Archivo, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    margin-bottom: 5px;
}
.service__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
}
.main-direction .section__text{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    margin-top: 8px;
    color: #c4c4c4;
}
.main-direction__list{
    margin-top: 40px;
    gap: 20px;
}
.main-direction__item{
    height: 458px;
   max-width: 762px;
    width: 100%;
    background: url('../images/md.png') no-repeat;
    background-size: cover;
    padding: 70px 40px 50px 40px;
    position: relative;
}
.main-direction__item:first-child:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md1.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(2){
    max-width: calc(100% - 782px);
}
.main-direction__item:nth-child(2):before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md2.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(3){
    max-width: calc(100% - 782px);
}
.main-direction__item:nth-child(3):before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md3.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(4):before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md4.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(5):before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md5.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(6):before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/md6.svg') no-repeat right bottom;

}
.main-direction__item:nth-child(6){
    max-width: calc(100% - 782px);
}
.main-direction__item--content{
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 300px;
    position: relative;
    z-index: 1;
}
.main-direction__item:nth-child(3) .main-direction__item--content {
    max-width: 230px;
}
.main-direction__item:nth-child(6) .main-direction__item--content {
    max-width: 230px;
}
.read-more{
    margin-top: auto;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    text-decoration-line: underline;

    color: #a3a3a3;
}
.main-direction__item--content h3{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 10px;
    color: #e6e6e6;
}
.main-direction__item--content p{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;

    color: #c4c4c4;
}
.training__list{
    margin-top: 40px;
    gap: 110px 20px;
}
.training__item{
     width: calc(100%/2 - 10px);
 }
.training__item:nth-child(2){
    margin-top: 160px;
}
.training__item:nth-child(3){
    margin-top: -160px;
}
.training__item h3{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.training__item p{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding-left: 20px;
    color: #c4c4c4;
}
.faq__list{
    padding-top: 40px;
}
.faq__item{
    width: 100%;
    background: #15171B;
    padding: 40px 50px;
    margin-bottom: 20px;
    list-style: none;
    position: relative;
}
.faq__item:last-child{
    margin-bottom: 0;
}
.faq__item summary{
    font-family: Archivo, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    cursor: pointer;
}
.faq__item div{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
    padding-top: 30px;
}
details summary::marker {
    content: ""; /* Custom marker when closed */

}
.faq__item summary:after{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 37px;
    right: 50px;
    background: url('../images/plus.svg') no-repeat;
    cursor: pointer;
}
.faq__item[open] summary:after{
    content: '';
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 37px;
    right: 50px;
    background: url('../images/minus.svg') no-repeat center;

}
.become--rec .become__item{
    width: calc(100%/3 - 14px);
    padding: 50px;
    justify-content: flex-start;
    align-items: flex-start;
}
.become--rec .become__icon{
    width: 100px;
    height: 100px;
    background: #0E0F11;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.become--rec .become__icon svg{
    width: 60px;
}
.become--rec .become__title{
    font-family: Archivo, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    text-transform: unset;
    margin-bottom: 7px;
}
.become--rec  p{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
}
.become--rec .become__item:last-child .become__title{
    margin-top: 0;
}
.become--rec .become__item:last-child .btn__white{
    margin-top: auto;
    margin-bottom: 10px;
}
.get__content{
    margin-top: 40px;
    gap: 20px;
}
.get__left{
    max-width: 650px;
}
.get__right{
    max-width: calc(100% - 670px);
    width: 100%;
}
.get__item{
    min-height: 200px;
    background: #15171B;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 40px 50px;
}
.get__item:last-child{
    margin-bottom: 0;
}
.get__item h3{
    font-family: Archivo, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
    color: #e6e6e6;
    margin-bottom: 10px;
}
.get__item ul{
    padding-left: 22px;
}
.get__item ul li{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #c4c4c4;
    margin-bottom: 5px;
    position: relative;
}
.get__item ul li:last-child{
    margin-bottom: 0;
}
.get__item ul li:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #A3A3A3;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
}
.tradition--rec .tradition__item{
    height: 539px;
    background: #15171B;
    border-radius: 8px;
    padding: 30px;
}
.tradition--rec .tradition__item .tradition__title{
    margin-bottom: 20px;
}
.tradition--rec .tradition__item li{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding-left: 37px;
    color: #c4c4c4;
    margin-bottom: 10px;
    position: relative;
}
.tradition--rec .tradition__item li:last-child{
    margin-bottom: 0;
}
.tradition--rec .tradition__item li:before{
    content: '';
    width: 30px;
    height: 1px;
    background: #747474;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.directions--rec{
    padding-top: 120px;
}
.directions--rec .direction__title{
    background: #1c1f26;

    border: 1px solid rgba(163, 163, 163, 0.26);
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;

    color: #e6e6e6;
}
.directions--rec .direction__text{
    margin-top: 10px;
}
.interview{
    padding-bottom: 90px;
}
.video{
    padding-bottom: 90px;
}
.video__left{
    background: #15171B;
    border-radius: 8px;
    padding: 40px;
    position: relative;
    height: 427px;
}
.video__right{
    background: #15171B;
    border-radius: 8px;
    padding: 40px;
    position: relative;
    height: 427px;
}

.video__content{
    margin-top: 40px;
    gap: 20px;
}
.video__content h3{
    font-weight: 700;
    font-family: 'Archivo', sans-serif;
    line-height: 1.2;
    font-size: 28px;
    margin-bottom: 8px;
}
.video__content p{
    color: #C4C4C4;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 30px;
}
.video__item{
    position: absolute;
    left: 40px;


}
.video__item:before{
    content: '';
    width: 100%;
    height: calc(100% - 5px);
    top: 0;
    border-radius: 8px;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 9.41%, rgba(255, 255, 255, 0.1) 100%);
}
.video__play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: url('../images/play.svg') no-repeat;
}
.photo__content{
    margin-top: 40px;
    background: #15171B;
    padding: 50px 0 20px;
    border-radius: 8px;
    position: relative;
    width: calc(100% - 40px);
}
.photo__content h3{
    color: #E6E6E6;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Archivo', sans-serif;
    line-height: 1.2;
    padding-left: 40px;

}
.photo__list{
    margin-top: 40px;
    gap: 10px;
    position: relative;
    left: 40px;
    width: calc(100% + 40px);
}
.photo__item{
    width: calc(100%/3 - 20px);
}
.photo__bottom{
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;

}
.photo__count{
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #A3A3A3;
}
.show__more{
    color: #E6E6E6;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: underline;
}
.top-news__content{
    max-width: 1077px;
    background: #15171B;
    border-radius: 8px;
    padding: 40px;
    gap: 40px;
    position: relative;
    margin-bottom: 50px;
    margin-left: 59px;
}
.top-news__left{
    max-width: 600px;
    width: 100%;
}
.top-news__right{
    max-width: calc(100% - 600px)    ;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 28px;
}
.top-news__right .news__date{
    margin-bottom: 20px;
    display: flex;
}
.top-news__right h3{
    color: #E6E6E6;
    font-size: 24px;
    font-weight: 700;
    font-family: "Archivo", sans-serif;
    line-height: 1.2;
    margin-bottom: 8px;
}
.top-news__right p{
    color: #C4C4C4;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 40px;
}
.top-news__right .btn__white{
    width: 270px;
    font-weight: 600;
}
.top-news__left img{
    position: absolute;
    left: -59px;
}
.top-news__block{
    max-width: 1136px;
    width: 100%;
    margin: 0 auto;
}
.news--page .news__item{
    width: calc(100%/3 - 14px);
}
.news--page .news__list{
    gap: 40px 20px ;
    margin-bottom: 40px;
}
.news--page .btn__white{
    margin: 0 auto;
    width: 262px;
}
.article__right{
    max-width: 315px;
    width: 100%;
    background: #0E0F11;
    border-radius: 8px;
    height: 592px;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}
.article__right img{
    margin-top: auto;
}
.article__content{
    gap: 20px;
}
.article__left{
    max-width: calc(100% - 335px);
    width: 100%;
    padding: 40px;
    border-radius: 8px;
    background: #0E0F11;
}
.news-inner{
    background: #15171B;
}
pre{
    max-width: 100%;
    display: flex;
    white-space: normal;
    background: #15171B;
    border-radius: 8px;
    padding: 10px 20px;
    color: #C4C4C4;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Archivo Narrow', sans-serif;
    margin-top: 11px;
    margin-bottom: 44px;
}
.article__left img:first-child{
    margin-bottom: 40px;
}
.article__left p{
    color: #C4C4C4;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.article__left .section__title{
    margin-bottom: 20px;
}
.article__left h3{
    color: #E6E6E6;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 30px;
}
.article__left .news__date{
    margin-top: 40px;
    display: flex;
}
.news-inner .news__content{
    background: #0E0F11;
}
.news-inner footer {
    background: #0E0F11;
}
.article__right h3{
    color: #E6E6E6;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Archivo', sans-serif;
    line-height: 1.2;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.aside__socials{
    gap: 10px;
    padding-left: 30px;
}
.article{
    padding-top: 96px;
}
.merch .banner, .merch .banner__content{
   height: 613px;
}
.merch .banner__right{
    bottom:0;
    max-width: 650px;
}
.merch .banner__right img{
    height: 613px;
    object-fit: cover;

}
.merch .banner__text{
    margin-bottom: 10px;
}
.product__list{
    margin-top: 40px;
    gap: 40px 20px;
}
.product__item{
    width: calc(100%/3 - 14px);
    border-radius: 8px;
    overflow: hidden;
}
.product__img{
    height: 380px;
}
.product__img .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 0;
    opacity: 50%;
    background: #A3A3A3;
    margin-left: 0!important;
    margin-right: 0!important;
    cursor: pointer;
}
.product__img .swiper-pagination{
    gap: 5px;
    display: flex;
    justify-content: center;
    bottom: 21px;
}
.product__img  .swiper-pagination-bullet-active{
    width: 20px;
    background: #E6E6E6;
    opacity: 80%;
}
.product__info{
    padding: 30px 20px 27px;
    background: #15171B;

}
.product__info h3{
    color: #E6E6E6;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 42px;
    font-family: 'Archivo', sans-serif;
}
.product__info .btn__white{
    height: 54px;
    width: 164px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    color: #0E0F11;
    margin-top: auto;
}
.product__bottom{
    align-items: center;

}
.product__bottom .price{
    color: #E6E6E6;
    font-size: 40px;
    font-weight: 700;
    font-family: "Archivo", sans-serif;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 15px;
}
.product__bottom .price .old{
    color: #A3A3A3;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    text-decoration: line-through;

}

.tab {
    overflow: hidden;
    padding-left: 30px;
    position: relative;
    top: 1px;
}

/* Style the buttons inside the tab */
.tab button {
    float: left;
    outline: none;
    cursor: pointer;
    padding: 15px 20px;
    transition: 0.3s;
    color: #A3A3A3;
    font-weight: 700;
    line-height: 1.2;
    font-size: 24px;
    text-transform: uppercase;
    border: 1px solid transparent;
    background:transparent;

}



/* Create an active/current tablink class */
.tab button.active {
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;

    background: #15171B;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 30px;
    border: 1px solid #D9D9D9;
    color: #C4C4C4;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.product__content{
    gap: 40px;
}
.product__left{
    max-width: 762px;
    width: 100%;
    gap: 15px;
}
.product__right{
    max-width: calc(100% - 802px);
    width: 100%;
}
.product__gallery{
    gap: 15px;
}
.product__gallery--left{
    width: 153px;
    gap: 10px;
    height: 541px;
}
.product__gallery--item{
    border-radius: 8px;
    height: 138px;
    overflow: hidden;
}
.product__gallery--item img{
    height: 100%;
}
.product__gallery--right{
    max-height: 541px;
    height: 100%;
    overflow: hidden;
}
.product__gallery--right img{
    height: 100%;
}
.product__title{
    font-family: 'Archivo', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    padding-top: 10px;
}
.product__sku{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 30px;

}
.product__sku span{
    color: #A3A3A3;
    font-weight: 500;
}

.product__color h3{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.product__color--list{
    gap: 10px;
    margin-bottom: 30px;
}
.product__color--item{
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
}
.product__color--active{
    border: 2px solid #E6E6E6
}
.product__size{
    margin-bottom: 30px;
}
.product__size h3{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.product__size--list{
    gap: 10px;
    margin-bottom: 10px;
}
.product__size--item{
    border: 1px solid #A3A3A3;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: #A3A3A3;
}
.product__size--active{
    border: 1px solid #E6E6E6;
    color: #FFFFFF;
}
.product__size .show__more{
    color: #A3A3A3;
    font-weight: 400;
    line-height: 1.4;
    font-size: 18px;
}
.product__right .price{
    color: #E6E6E6;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Archivo', sans-serif;
    margin-bottom: 10px;
    line-height: 1.2;
}
.product__right .btn__white{
    width: 226px;
}
.product__details{
    margin-top: 96px;
}
.merch-inner{
    background: #15171B;
}
.product{
    padding-top: 106px;
}