html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
ul, li {
    list-style:none;
}
input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px;
    scroll-behavior: smooth;
    background: #fff;
    color: #222221;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 1360px;
    padding: 0 16px;
    margin: 0 auto;
}
.btn-4,
.btn-3,
.btn-2,
.btn,
button{
    color: #222221;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    gap: 8px;
    transition: all .1s ease;
    max-width: max-content;
    background-color: transparent;
}
.btn-4,
.btn-3,
.btn-2,
.btn{
    height: 56px;
}
.btn{
    padding: 16px 32px;
    border-radius: 80px;
    border: 1px solid #BDA03B;
    background: #BDA03B;
}
.btn-4 svg path,
.btn svg path,
.btn-3 svg path{
    transition: all .1s ease;
}
.btn:hover:not(:active){
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.btn:hover:not(:active) svg path{
    fill: #fff;
}
.btn-2{
    color: #FFF;
    padding: 16px 32px;
    border-radius: 80px;
    background: #14314E;
    backdrop-filter: blur(4px);
}
.btn-2:hover:not(:active){
    background-color: #BDA03B;
}
.btn-3{
    color: #FFF;
    padding: 16px 32px;
    border-radius: 80px;
    border: 1px solid #FFF;
    backdrop-filter: blur(4px);
}
.btn-3:hover:not(:active){
    background-color: #BDA03B;
    border-color: #BDA03B;
    color: #222221;
}
.btn-3:hover:not(:active) svg path{
    fill: #222221;
}
.btn-4{
    color: #FFF;
    border-radius: 80px;
    padding: 16px 32px;
    background: #BDA03B;
    backdrop-filter: blur(4px);
}
.btn-4:hover:not(:active){
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #222221;
}
.btn-4:hover:not(:active) svg path{
    fill: #222221;
}
h1,
.title-1{
    color: #14314E;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.616px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
h2{
    color: #14314E;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.352px;
}
h2 span{
    color: #BDA03B !important;
}

.competences-golden h2 span {
    color: white !important;
}

h3{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.264px;
}
input,
input::placeholder{
    color: #222221;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px;
}
input{
    border: none;
    outline: none;
    border-bottom: 1px solid rgba(128, 144, 170, 0.50);
    background-color: transparent;
    padding: 8px 0 7px;
}
main.main{
    padding-top: 112px;
    overflow: hidden;
}
@media (max-width: 1279px) {
    .container{
        max-width: 1000px;
    }
}
@media (max-width: 999px) {
    .container{
        max-width: 768px;
    }
    main.main {
        padding-top: 87px;
    }
}
@media (max-width: 767px) {
    .container{
        max-width: 480px;
    }
    h1,
    .title-1{
        font-size: 32px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.352px;
    }
    h2{
        font-size: 24px;
        line-height: 150%;
        letter-spacing: -0.264px;
    }
    .btn{
        padding: 12px 32px;
    }
    .btn-4, .btn-3, .btn-2, .btn{
        height: 48px;
    }
    main.main {
        padding-top: 72px;
    }
}
@media (max-width: 479px) {
    .container{
        max-width: 390px;
    }
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    transition: all .1s ease;
}
.header__inner{
    padding: 31px 0 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.header__logo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 214px;
}
.header__logo img{
    width: 100%;
}
.header__menu{
    width: 100%;
    max-width: 758px;
}
.header__menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.header__menu ul li{
    display: inline-flex;
}
.header__menu ul li a{
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.198px;
    transition: all .1s ease;
}

section.article a {
  color: #BDA03B;
  text-decoration: underline;
}

section.article p:empty {
  margin: 0px;
  padding: 10px 0px;
}

section.article figure[data-ratio] ul li {
  border-radius: 15px;
  overflow: hidden;
}

section.article figure[data-ratio] ul {
  display: flex;
  gap: 20px;
}

section.article figure[data-ratio] ul img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

section.article figure img {
  max-width: 100%;
}

figure iframe {
  width: 600px;
  max-width: 100%;
  height: 340px;
  border-radius: 10px;
  display: block;
  margin: auto;
}

.footer__bottom-descr.active,
.footer__menu li.active a,
.header__menu ul li.active a,
.header__menu ul li a:hover{
    color: #BDA03B;
}
.header__burger{
    display: none;
}
.header.scrolled{
    box-shadow: 0px 0px 64px -36px rgba(0,0,0,0.75);
    top: 0;
    z-index: 100;
    padding-top: 0;
}
.header__menu a.current {
    color: #BDA03B
}
.header__menu ul li:last-of-type a:hover {
    color: #000000;
}

@media (max-width: 999px) {
    .header__inner{
        padding: 26px 0;
    }
    .header__menu{
        position: fixed;
        background-color: #fff;
        z-index: -1;
        top: 87px;
        overflow: auto;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        padding: 23px;
        height: 0;
        padding: 0;
        transition: all .2s ease;
    }
    .header__menu.active{
        height: 100%;
        padding: 23px;
    }
    .header__menu ul{
        flex-direction: column;
        gap: 24px;
    }
    .header__burger{
        display: flex;
    }
    .header__menu.active ~ .header__burger svg:nth-of-type(1),
    .header__burger svg:nth-of-type(2){
        display: none;
    }
    .header__menu.active ~ .header__burger svg:nth-of-type(2){
        display: block;
    }
    .header__logo{
        max-width: 142px;
    }
}
@media (max-width: 767px) {
    .header__inner {
        padding: 23px 0 16px;
        height: 72px;
    }
    .header__logo {
        max-width: 132px;
    }
    .header__menu{
        top: 72px;
    }
    .header__menu ul li a{
        font-size: 16px;
    }
    .header.scrolled{
        box-shadow: 0px 0px 64px -30px rgba(0,0,0,0.75);
    }
}

/* hero */
.hero__inner{
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 170px 19px 100px;
    min-height: 612px;
}
.hero__image{
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.hero__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero__image::after{
    position: absolute;
    content: '';
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.50);
}
.hero__title{
    color: #FFF;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
.hero__title span{
    position: relative;
    color: #BDA03B;
    text-wrap: nowrap;
}
.hero__title span::after {
    position: absolute;
    content: '';
    left: 9px;
    right: 10px;
    bottom: -20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='569' height='24' viewBox='0 0 569 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.4928 6.32756C13.6075 6.97355 5.9311 7.55494 4.6974 8.20094C1.68167 9.62213 7.71311 10.3327 26.767 10.3973C26.9041 10.3973 521.62 5.10015 521.757 5.10015C544.101 4.64795 545.883 4.06657 545.883 2.96838C545.883 1.54719 539.851 0.578199 526.966 0.126003C509.968 -0.584592 121.762 1.74099 26.4928 6.32756ZM530.119 9.55753C524.087 9.68673 131.495 13.9503 121.625 14.3379C0.72211 18.5369 -8.5992 19.1828 4.42324 22.2836C10.7288 23.7694 22.6547 23.7694 74.3332 22.0898C198.937 18.1493 553.696 17.6971 566.17 15.5653C571.927 14.5317 572.75 8.84694 530.119 9.55753Z' fill='%23BDA03B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 23.375px;
}
.hero__descr{
    text-align: center;
    max-width: 417px;
    width: 100%;
    margin: 34px auto 0;
    color: #FFF;
}
.hero__btn{
    margin: 26px auto 0;
}

@media (max-width: 999px) {
    .hero__inner{
        padding: 104px 26px;
    }
    .hero__title span{
        display: flex;
        flex-direction: column;
        text-wrap: wrap;
    }
    .hero__title span::after {
        left: 50%;
        transform: translateX(-50%);
        background-size: contain;
        width: 79.7%;
    }
}
@media (max-width: 767px) {
    .hero__inner{
        border-radius: 16px;
    }
    .hero__descr {
        margin: 34px auto 0;
    }
    .hero__btn{
        margin-top: 24px;
    }
}

/* cartsBlock */
.cartsBlock{
    margin: 40px 0;
}
.cartsBlock__block{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
}
.cartsBlock__item{
    position: relative;
    padding: 24px 34px 24px 24px;
    border-radius: 16px;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
}
.cartsBlock__item-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 72px;
    height: 72px;
    background-color: #14314E;
    border-radius: 50%;
    top: -23px;
    right: 26px;
}
.cartsBlock__item-descr{
    margin-top: 4px;
    flex: 1;
}
.cartsBlock__item-btn{
    margin-top: 16px;
}
@media (max-width: 1279px) {
    .cartsBlock__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 999px) {
    .cartsBlock__item-icon {
        top: -37px;
        right: 12px;
    }
}
@media (max-width: 767px) {
    .cartsBlock__block{
        grid-template-columns: 1fr;
    }
    .cartsBlock__item{
        padding: 18px 24px;
    }
    .cartsBlock__item-icon {
        top: -23px;
        right: 24px;
    }
    .cartsBlock__item-btn{
        max-width: 100%;
    }
}

/* blockImage */
.blockImage{
    margin: 40px 0;
}
.blockImage__inner{
    padding: 80px 69px;
    border-radius: 24px;
    background: #F5F5F5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.blockImage__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 803px;
    margin-left: 14px;
    margin-right: 14px;
}
.blockImage__image img {
  max-width: 100%;
}
.blockImage__content{
    width: 100%;
    max-width: 369px;
}
.blockImage__title{
    margin-bottom: 16px;
}


.blockImage__content p + p {
  margin-top: 24px;
}

.blockImage__descr + .blockImage__descr{
    margin-top: 24px;
}
@media (max-width: 1279px) {
    .blockImage__inner{
        padding: 60px 40px;
    }
}

@media (max-width: 767px) {
    .blockImage__inner{
        border-radius: 16px;
        padding: 40px 24px;
        flex-direction: column;
        gap: 16px;
    }
    .blockImage__title {
        margin-bottom: 8px;
    }
    .blockImage__image {
        margin-right: 9px;
    }
    .blockImage__image img {
        width: 135%;
    }
}

/* solution */
.solution{
    margin: 88px 0;
}
.solution__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1243px;
}
.solution__content{
    width: 100%;
    max-width: 495px;
}
.solution__title{
    margin-bottom: 16px;
}

.solution__descr + .solution__descr{
    margin-top: 24px;
}

.solution__content p + p {
  margin-top: 24px;
}

.solution__gallery{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    max-width: 652px;
    position: relative;
    z-index: 1;
}
.solution__gallery-item{
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    height: 180px;
    width: calc(50% - 12px);
}
.solution__gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution__gallery-item:nth-of-type(1){
    margin-top: 64px;
}
.solution__gallery-item:nth-of-type(4){
    margin-top: -64px;
}
.solution__gallery-logo{
    position: absolute;
    top: 16px;
    left: 54px;
    width: 206px;
}
.solution__gallery-logo--mobile{
    display: none;
}
.solution__gallery::before {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 16px;
    background: #BDA03B;
    width: 79%;
    height: 221px;
    top: 31%;
    left: 13%;
}
.solution-reverse .solution__inner{
    flex-direction: row-reverse;
}
.solution-reverse .solution__content{
    max-width: 466px;
}
.solution__gallery-two .solution__gallery-item{
    height: 245px;
    width: calc(60% - 5px);
}
.solution__gallery-two .solution__gallery-item:nth-of-type(1) {
    margin-top: 169px;
    height: 183px;
    max-width: 241px;
    width: 100%;
}
.solution__gallery-two.solution__gallery::before {
    width: 58%;
    height: 212px;
    top: 29%;
    left: 19%;
}

@media (max-width: 1279px) {
    .solution__gallery-two .solution__gallery-item {
        height: 245px;
        width: calc(50% - 3px);
    }
    .solution__gallery-two .solution__gallery-item:nth-of-type(1) {
        max-width: 211px;
    }
    .solution__gallery-logo{
        left: 13px;
    }
}
@media (max-width: 999px) {
    .solution{
        margin: 60px 0;
    }
    .solution-reverse .solution__inner,
    .solution__inner{
        flex-direction: column;
    }
    .solution-reverse .solution__content,
    .solution__gallery,
    .solution__content {
        max-width: 100%;
    }

    .solution__gallery-two .solution__gallery-item:nth-of-type(1) {
        max-width: 37%;
    }
    .solution__gallery-two .solution__gallery-item {
        width: 59%;
    }
    .solution__gallery-logo{
        left: 60px;
    }
}
@media (max-width: 767px) {
    .solution {
        margin: 40px 0;
    }
    .solution__inner{
        gap: 32px;
    }
    .solution__gallery{
        gap: 12px;
    }
    .solution__gallery-logo {
        max-width: 108px;
        top: 8px;
        left: 20%;
        transform: translateX(-40%);
    }
    .solution__gallery-logo--mobile{
        display: block;
    }
    .solution__gallery-item:nth-of-type(1) {
        margin-top: 33px;
    }
    .solution__gallery-item:nth-of-type(4) {
        margin-top: -33px;
    }
    .solution__gallery-item {
        border-radius: 8px;
        height: 94px;
        width: calc(50% - 6px);
    }
    .solution__gallery::before{
        height: 116px;
        border-radius: 8px;
    }
    .solution__gallery-two .solution__gallery-item{
        height: 128px;
    }
    .solution__gallery-two .solution__gallery-item:nth-of-type(1){
        margin-top: 88px;
        height: 96px;
    }
    .solution__gallery-two.solution__gallery::before{
        height: 111px;
    }
}

/* about */
.about{
    padding: 128px 0;
    background-color: #222221;
}
.about__inner{
    display: flex;
    align-items: stretch;
    gap: 40px;
    justify-content: space-between;
    max-width: 1240px;
}
.about-reverse .about__inner{
    flex-direction: row-reverse;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}
.about__title{
    color: #FFF
}
.about__image{
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 652px;
    border-radius: 16px;
    overflow: hidden;
}
.about__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about__content{
    width: 100%;
    max-width: 492px;
}
.about__title{
    margin-bottom: 16px;
}
.about__descr{
    color: #fff;
}
.about__descr + .about__descr{
    margin-top: 24px;
}

.about__content p {
  color: #fff;
}

.about__content p + P {
  margin-top: 24px;
}
.about__list{
    margin-top: 16px;
}
.about__list li{
    position: relative;
    padding-left: 18px;
    color: #fff;
}
.about__list li::before{
    position: absolute;
    content: '';
    background-color: #BDA03B;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.about__list li + li{
    margin-top: 16px;
}

@media (max-width: 999px) {
    .about{
        padding: 80px 0;
    }
}
@media (max-width: 767px) {
    .about{
        padding: 40px 0;
    }
    .about-reverse .about__inner,
    .about__inner{
        flex-direction: column-reverse;
        gap: 24px;
    }
    .about__image{
        height: 196px;
        border-radius: 8px;
    }
}
@media (max-width: 479px) {
}
/* competences */
.competences{
    padding: 104px 0 101px;
}
.competences-golden{
    background-color: #BDA03B;
}
.competences-white{
    padding: 104px 0 124px;
}
.competences__inner{
    display: flex;
    align-items: start;
    gap: 40px;
    max-width: 1254px;
    justify-content: space-between;
}
.competences__content{
    width: 100%;
    max-width: 466px;
    margin-top: 20px;
}
.competences__title,
.competences h1, h2, h3, h4, h5, h6 {
    margin-bottom: 16px;
    color: #222221;
}
.competences-golden .competences__title span{
    color: #fff;
}
.competences__title.competences__title-mobile span{
    color: #222221;
}

.competences__content p + p {
  margin-top: 24px;
}

.competences__descr + .competences__descr{
  margin-top: 24px;
}
.competences__content ul {
    margin-top: 16px;
}
.competences__content ul li{
    position: relative;
    padding-left: 18px;
}
.competences__content ul li::before{
    position: absolute;
    content: '';
    background-color: #222221;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.competences__content ul li + li{
    margin-top: 8px;
}

.footer__social-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.264px;
}

.competences__gallery{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px 24px;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 652px;
}
.competences__gallery-image{
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 652px;
    height: auto;
}
.competences__gallery-item {
    border-radius: 16px;
    overflow: hidden;
    width: calc(50% - 12px);
    display: flex;
    align-items: center;
    height: 180px;
}

.competences__gallery-image img,
.competences__gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}
.competences__gallery::before{
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.50);
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
    height: 266px;
    width: 62%;
}
.competences-once .competences__inner{
    align-items: stretch;
}
.competences-once .competences__content{
    margin: auto 0;
    max-width: 480px;
}
.competences-white .competences__list li + li {
    margin-top: 8px;
}
.competences-white  li::before{
    width: 10px !important;
    height: 10px !important;
    background-color: #BDA03B !important;
}
.competences-white .competences__gallery::before{
    background-color: #BDA03B;
}

@media (max-width: 1279px) {
    .competences__inner{
        gap: 40px;
    }
}
@media (max-width: 999px) {
    .competences{
        padding: 80px 0;
    }
    .competences__inner{
        flex-direction: column;
    }
    .competences__content{
        margin: 0;
        max-width: 100%;
    }
    .competences__gallery-image,
    .competences-once .competences__content,
    .competences__gallery{
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .competences {
        padding: 40px 0;
    }
    .competences__inner{
        gap: 24px;
    }
    .competences__gallery {
        gap: 12px;
    }
    .competences__gallery::before{
        top: 21px;
        height: 131px;
        border-radius: 8px;
    }
    .competences__gallery-item {
        border-radius: 8px;
        width: calc(50% - 6px);
        height: 89px;
    }
    .competences__title.competences__title-mobile span{
        color: #fff;
    }
}

/* banner */
.banner{
    padding: 72px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.banner__image{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    z-index: -1;
}
.banner__image::after{
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(0, 0, 0, 0.50);
}
.banner__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner__inner{
    width: 100%;
    max-width: 788px;
    margin: 0 auto;
}
.banner__title{
    text-align: center;
    margin-bottom: 8px;
    color: #FFF;
}

.banner__title p {
  margin: 0 !important;
  max-width: 100% !important;
}

.banner__inner p,
.banner__descr{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 417px;
    color: #FFF;
}
.banner__btn{
    margin: 16px auto 0;
}


@media (max-width: 767px) {
    .banner{
        padding: 48px 0;
    }
}

/* kontakt */
.kontakt{
    margin: 88px 0;
    position: relative;
}
#kontakt{
    position: absolute;
    top: -200px;
}
.kontakt__inner{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
}
.kontakt__content{
    width: 100%;
    max-width: 572px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}
.kontakt__form{
    width: 100%;
    max-width: 652px;
    padding: 40px;
    background-color: #F5F5F5;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.kontakt__form-btn{
    padding: 12px 32px;
    height: auto;
}
.kontakt__block{
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 347px;
    width: 100%;
}
.kontakt__item{
    display: flex;
    align-items: center;
    gap: 24px;
}
.kontakt__item-icon{
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    background-color: #BDA03B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.kontakt__item-descr{
    transition: all .1s ease;
    font-size: 18px;
}
a.kontakt__item-descr:hover{
    color: #BDA03B;
}

@media (max-width: 999px) {
    .kontakt{
        margin: 80px 0;
    }
}
@media (max-width: 767px) {
    .kontakt {
        margin: 40px 0;
    }
    .kontakt__inner{
        flex-direction: column;
        gap: 24px;
    }
    .kontakt__form,
    .kontakt__content{
        max-width: 100%;
    }
    .kontakt__form{
        border-radius: 16px;
        padding: 40px 24px;
    }
    .kontakt__form-btn{
        max-width: 100%;
    }
}

/* footer */
.footer{
    padding: 64px 0;
    background-color: #14314E;
}
.footer__inner{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: start;
}
.footer__logo{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    width: 100%;
    max-width: 204px;
}
.footer__logo img{
    width: 100%;
}


.footer-content,
.footer-content *,
.footer__box-descr{
    color:  #FFF;
}

.footer__box-btn{
    margin-top: 16px;
}
.footer__menu{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__menu li{
    display: inline-flex;
}
.footer__menu li a{
    color: #FFF;
    font-weight: 500;
    transition: all .1s ease;
}
.footer__menu li a:hover{
    color: #BDA03B;
}
.footer__social-block{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.footer__social-block a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #BDA03B;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    transition: all .1s ease;
}
.footer__social-block a:hover{
    transform: scale(1.1);
}
.footer__block{
    max-width: 331px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer__block-item{
    display: flex;
    align-items: center;
    gap: 24px;
    color: #FFF;
    transition: all .1s ease;
    max-width: max-content;
}
.footer__block-item svg{
    width: 24px;
    height: 24px;
    min-width: 24px;
}
a.footer__block-item:hover{
    color: #BDA03B;
}
.footer__bottom{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    display: flex;
    align-items: center;
    gap: 40px;
}
.footer__bottom-descr {
    color: #FFF;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.154px;
}
a.footer__bottom-descr:not(:hover){
    text-decoration: underline;
}

@media (max-width: 999px) {
    .footer__inner{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 20px;
    }
    .footer__box:nth-of-type(1){
        grid-row: span 2;
    }
    .footer__box:nth-of-type(4){
        grid-column: span 2;
    }
}
@media (max-width: 767px) {
    .footer {
        padding: 56px 0;
    }
    .footer__inner {
        grid-template-columns: 1fr;
        gap: 32px
    }
    .footer__box:nth-of-type(4) {
        grid-column: auto;
    }
    .footer__box:nth-of-type(1){
        grid-row: auto;
    }
    .footer__bottom{
        margin-top: 32px;
        padding-top: 32px;
        flex-direction: column;
        align-items: start;
        gap: 16px;
        margin-right: -10px;
    }
}


/* pageContent */
.pageContent__inner{
    min-height: 456px;
    overflow: hidden;
    border-radius: 24px;
    position: relative;
    z-index: 1;
    padding: 170px 19px 150px;
}
.pageContent__image{
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.pageContent__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pageContent__image::after{
    position: absolute;
    content: '';
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.50);
}
.pageContent__title{
    text-align: center;
    color: #fff;
}

.pageContent__inner p {
  margin: 16px auto 0;
  text-align: center;
  color: #fff;
  max-width: 417px;
  width: 100%;
}

.pageContent__descr{
    margin: 16px auto 0;
    text-align: center;
    color: #fff;
    max-width: 417px;
    width: 100%;
}


@media (max-width: 767px) {
    .pageContent__inner{
        padding: 108px 19px;
        min-height: 343px;
        border-radius: 16px;
    }
}

/* vorteile */
.vorteile{
    margin: 80px 0 124px;
}
.vorteile__title{
    text-align: center;
}
.vorteile__block{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.vorteile__item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vorteile__item-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    background-color: #BDA03B;
    border-radius: 50%;
}
.vorteile__item-title{
    margin-top: 24px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.352px;
    color: #14314E;
}
.vorteile__block p,
.vorteile__item-descr{
    text-align: center;
    margin-top: 8px;
}
@media (max-width: 1279px) {
    .vorteile{
        margin: 80px 0;
    }
}
@media (max-width: 999px) {
    .vorteile__block {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .vorteile{
        margin: 40px 0 80px;
    }
    .vorteile__block {
        grid-template-columns: 1fr;
    }
    .vorteile__item{
        max-width: 266px;
        margin: 0 auto;
    }
    .vorteile__item-title{
        font-size: 24px;
        letter-spacing: -0.264px;
        margin-top: 16px;
    }
}


/* partner */
.partner{
    padding: 56px 0 88px;
}
.partner-black{
    padding: 80px 0 128px;
    background-color: #222221;
}
.partner__title{
    text-align: center;
}
.partner-black .partner__title{
    color: #fff;
}
.partner__block{
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 24px;
}
.partner__item{
    padding: 24px;
    position: relative;
    background-color: #F5F5F5;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
}
.partner__item-logo{
    position: absolute;
    top: -21px;
    right: 1px;
    z-index: 1;
    border-radius: 80px;
    border: 1px solid #14314E;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 177px;
    height: 72px;
}
.partner__item-logo img {
    max-width: 82%;
    max-height: 49%;
    width: max-content;
}
.partner__item-title {
    color: #14314E;
    font-size: 32px;
    letter-spacing: -0.352px;
}
@media (min-width: 768px) {
  .partner__item-title {
    max-width: 60%;
  }
}

.partner__item-descr{
    flex: 1;
    margin-top: 8px;
}
.partner__item-btn{
    margin-top: 24px;
}
@media (max-width: 1279px) {
    .partner__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .partner{
        padding: 40px 0;
    }
    .partner__block{
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .partner__item{
        border-radius: 16px;
    }
    .partner__item-title{
        font-size: 24px;
        letter-spacing: -0.264px;
    }
    .partner__item-descr{
        font-size: 14px;
        line-height: 150%;
        letter-spacing: -0.154px;
    }
    .partner__item-btn{
        max-width: 100%;
        margin-top: 16px;
    }
    .partner__item-logo {
        top: -24px;
        right: 24px;
        border-radius: 53px;
        width: 100%;
        max-width: 118px;
        height: 48px;
    }
    .partner__item-logo img {
        max-width: 82%;
        max-height: 49%;
    }
}
/* popup */
.popup{
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: 111;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .1s ease;
}
.popup.show{
    opacity: 1;
    pointer-events: all;
}
.popup__inner{
    max-width: 1150px;
    width: 100%;
    margin: 3% auto 2%;
    border-radius: 24px;
    background: #FFF;
    overflow: hidden;
    position: relative;
}
.popup__close{
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 10;
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.popup__top{
    position: relative;
    z-index: 1;
    padding: 97px 40px;
    min-height: 309px;
}
.popup__image{
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 0px 0px 24px 24px;
    overflow: hidden;
}
.popup__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.popup__image::after{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.50);
}
.popup__title{
    text-align: center;
    color: #fff;
}
.popup__descr{
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 417px;
    margin: 0 auto;
}
.popup__content{
    padding: 32px 40px 38px;
}
.popup__about{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.popup__about-block{
    padding: 16px;
    border-radius: 24px;
    background: #F5F5F5;
    width: 100%;
    max-width: 767px;
}
.popup__about-logo{
    width: 100%;
    max-width: 256px;
}
.popup__about-logo img{
    width: 100%;
    height: 100%;
}
.popup__block{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.popup__item-image{
    width: 100%;
    height: 152px;
    display: flex;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
}
.popup__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.popup__item-descr{
    margin-top: 8px;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.154px;
}
@media (max-width: 999px) {
    .popup__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .popup__inner{
        border-radius: 16px;
        margin: 5% auto;
    }
    .popup__image{
        border-radius: 0px 0px 16px 16px;
    }
    .popup__image img {
        object-position: -50px;
    }
    .popup__close{
        top: 16px;
        right: 16px;
    }
    .popup__content {
        padding: 24px 16px 32px;
    }
    .popup__about{
        flex-direction: column;
        gap: 24px;
        align-items: start;
    }
    .popup__about-block{
        border-radius: 16px;
        max-width: 100%;
    }
    .popup__about-logo {
        max-width: 82.4%;
    }
    .popup__block {
        grid-template-columns: 1fr;
        margin-top: 24px;
    }
    .popup__item-image{
        height: 185px;
    }
}


/* team */
.team{
    padding: 128px 0;
    background-color: #222221;
}
.team__block{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.team__item{
    width: 100%;
}
.team__item-image{
    height: 307px;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    max-width: 360px;
}
.team__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.team__item-title{
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px;
}
.team__item-name{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.154px;
    margin-top: 4px;
}
.team__item-descr{
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.154px;
    margin-top: 4px;
}
@media (max-width: 1279px) {
    .team__block{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 999px) {
    .team{
        padding: 80px 0;
    }
    .team__block {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .team{
        padding: 40px 0;
    }
    .team__block {
        grid-template-columns: 1fr;
    }
    .team__item-image{
        height: 335px;
    }
}

/* news */
.news{
    padding: 32px 0 80px;
}
.news__title{
    text-align: center;
}
.news__slider{
    margin-top: 40px;
    overflow: hidden;
}
.news__slider .swiper-wrapper{
    align-items: stretch;
}
.news__slide{
    height: auto;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #F5F5F5;
}
.news__slide-image{
    display: flex;
    align-items: center;
    overflow: hidden;
}
.news__slide-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .2s ease;
}
.news__slide-image:hover img{
    transform: scale(1.1);
}
.news__slide-content{
    padding: 16px 24px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.news__slide-descr{
    margin-top: 8px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100%;
}
.news__slide-descr p {
    transition: all .1s ease;
}
.news__slide-btn{
    transition: all .1s ease;
    display: flex;
    max-width: max-content;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    font-weight: 600;
}
.news__slide-btn svg path{
    transition: all .1s ease;
}
.news__slide-btn:hover svg path{
    fill: #BDA03B;
}
.news__slide-btn:hover{
    color: #BDA03B;
}

.popup__item-descr a {
  color: #BDA03B;
  text-decoration: underline;
}

.news__slide-title{
    max-width: max-content;
}
.news__slide-title h3{
    transition: all .1s ease;
    color: #14314E;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.176px;
}
.news__slide-descr:hover p,
.news__slide-title:hover h3{
    color: #BDA03B;
}
.news__slider-bottom{
    margin-top: 24px;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}
.news__slider-btns{
    display: flex;
    align-items: center;
    gap: 8px;
}
.news__slider-btns button{
    width: 32px;
    height: 32px;
    min-width: 32px;
}
.news__slider-btns button.swiper-button-disabled{
    opacity: 0.4;
}
.news__slider-pagination{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 80px;
    overflow: hidden;
}
.news__slider-pagination .swiper-pagination-bullet{
    margin: 0 !important;
    width: 100%;
    border-radius: 0;
    opacity: 1;
    height: 2px;
    background-color: rgba(189, 160, 59, 0.20);
}
.news__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #BDA03B;
}
@media (max-width: 767px) {
    .news{
        padding: 24px 0 40px;
    }
    .news__slider {
        overflow: visible;
        max-width: 340px;
    }
    .news__slide{
        border-radius: 16px;
    }
}
/* article */
.article{
    padding: 56px 0 48px;
}
.article__content{
    max-width: 1102px;
    width: 100%;
    margin: 0 auto;
}

.article__content > ul {
  margin-top: 16px;
}
.article__content > ul li{
  position: relative;
  padding-left: 18px;
}
.article__content > ul li::before{
  position: absolute;
  content: '';
  background-color: #222221;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.article__content > ul li + li{
  margin-top: 16px;
}

.article__content video {
  width: 100%;
  margin: 30px 0;
}
.article__content h2{
    margin-bottom: 24px;
}
.article__content p + p{
    margin-top: 8px;
}
.article__block + .article__block{
    margin-top: 40px;
}
@media (max-width: 767px) {
    .article{
        padding: 40px 0;
    }
    .article__block + .article__block {
        margin-top: 24px;
    }
    .article__content h2 {
        margin-bottom: 16px;
    }
}
/* messageBlock */
.messageBlock{
    padding: 40px 0 80px;
}
.messageBlock__inner{
    width: 100%;
    max-width: 1102px;
    margin: 0 auto;
}
.messageBlock__title{
    text-align: center;
}
.messageBlock__content{
    margin-top: 48px;
}
.messageBlock__block + .messageBlock__block{
    margin-top: 40px;
}
.messageBlock__content h2{
    margin-bottom: 8px;
}
.messageBlock__content p + p{
    margin-top: 8px;
}
.messageBlock__content p a:not(:hover){
    text-decoration: underline;
    color: #BDA03B;
}
@media (max-width: 767px) {
    .messageBlock{
        padding: 40px 0;
    }
    .messageBlock__title{
        font-size: 30px;
        text-align: left;
    }
    .messageBlock__content {
        margin-top: 24px;
    }
    .messageBlock__content h2 {
        margin-bottom: 16px;
    }
    .messageBlock__block + .messageBlock__block {
        margin-top: 24px;
    }
}



.color-golden{
    color: #BDA03B;
}
.color-white{
    color: #fff;
}