@font-face {
    font-family: 'LibreFranklin-Black';
    src: local('LibreFranklin-Black'),
    url('../fonts/LibreFranklin-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-BlackItalic';
    src: local('LibreFranklin-BlackItalic'),
    url('../fonts/LibreFranklin-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Bold';
    src: local('LibreFranklin-Bold'),
    url('../fonts/LibreFranklin-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-BoldItalic';
    src: local('LibreFranklin-BoldItalic'),
    url('../fonts/LibreFranklin-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-ExtraBold';
    src: local('LibreFranklin-ExtraBold'),
    url('../fonts/LibreFranklin-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-ExtraBoldItalic';
    src: local('LibreFranklin-ExtraBoldItalic'),
    url('../fonts/LibreFranklin-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-ExtraLight';
    src: local('LibreFranklin-ExtraLight'),
    url('../fonts/LibreFranklin-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-ExtraLightItalic';
    src: local('LibreFranklin-ExtraLightItalic'),
    url('../fonts/LibreFranklin-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Italic';
    src: local('LibreFranklin-Italic'),
    url('../fonts/LibreFranklin-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Light';
    src: local('LibreFranklin-Light'),
    url('../fonts/LibreFranklin-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-LightItalic';
    src: local('LibreFranklin-LightItalic'),
    url('../fonts/LibreFranklin-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Medium';
    src: local('LibreFranklin-Medium'),
    url('../fonts/LibreFranklin-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-MediumItalic';
    src: local('LibreFranklin-MediumItalic'),
    url('../fonts/LibreFranklin-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Regular';
    src: local('LibreFranklin-Regular'),
    url('../fonts/LibreFranklin-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-SemiBold';
    src: local('LibreFranklin-SemiBold'),
    url('../fonts/LibreFranklin-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-SemiBoldItalic';
    src: local('LibreFranklin-SemiBoldItalic'),
    url('../fonts/LibreFranklin-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Thin';
    src: local('LibreFranklin-Thin'),
    url('../fonts/LibreFranklin-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-ThinItalic';
    src: local('LibreFranklin-ThinItalic'),
    url('../fonts/LibreFranklin-ThinItalic.ttf') format('truetype');
}

body{
    font-family: 'LibreFranklin-Regular', serif;
    font-size:24px;
    line-height:36px;
    background-image: url("../img/main-background.png");
    background-size: cover;
    background-attachment: fixed;
}

header{
    background-color: #000000;
    min-height:80px;
    font-size:20px;
    line-height:24px;
    z-index:1;
}

header img{
    max-width:100%;
}

.header-menu a,
.footer-menu a{
    text-transform: uppercase;
}

a{
    color:#fff;
    text-decoration: none;
}

a:hover,
.language-ul a.active{
    color: #F9CE08;
}

.language-ul li{
    margin-right:15px;
}

.language-ul li a{
    text-transform: uppercase;
}

main{
    /*height:calc(100% - 100px);*/
    height:100%;
}

.main-img{
    background-image: url("../img/2148744009.jpg");
    background-size: cover;
    background-position: center;
    height:100%;
    background-repeat: no-repeat;
    position: relative;
}

.main-img-block{
    position: absolute;
    bottom: 15%;
}

.main-img h1{
    font-family: 'LibreFranklin-Bold', serif;
    line-height: 50px;
    font-size:42px;
}

.main-img h2{
    font-family: 'LibreFranklin-Bold', serif;
    line-height: 24px;
    font-size:20px;
    color:#675A3C;
    text-transform: uppercase;
    margin-top:10px;
    margin-bottom:30px;
}

.main-img h2 span{
    font-family: 'LibreFranklin-BoldItalic', serif;
}

.button-link{
    border-radius: 30px;
    padding:10px 25px;
    font-family: 'LibreFranklin-Bold', serif;
    font-size:24px;
    min-width: 240px;
    display: inline-block;
    text-align: center;
}

.orange-button-link{
    background-color: #F9CE08;
    color:#fff;
    cursor: pointer;
}

.orange-button-link:hover{
    background-color: #000;
    color:#fff;
}

.right-bottom-arrow{
    background-image: url("../img/right-bottom-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width:50px;
    height: 60px;
    margin-left:20px;
}

.right-bottom-arrow-1{
    background-image: url("../img/fontisto_arrow-right.png");
}

.container-1{
    margin-top:80px;
    margin-bottom:80px;
    text-align: justify;
}

.container-1 span{
    font-family: 'LibreFranklin-BoldItalic', serif;
    color:#675A3C;
}

.container-2-title{
    font-family: 'LibreFranklin-Bold', serif;
    text-transform: uppercase;
    margin-bottom:25px;
}

.container-3{
    margin-bottom: 80px;
}

.container-3-item{
    background-color: #fff;
    border:2px solid #675A3C;
    border-radius: 15px;
    clip-path: polygon(
            0% 0%,   /* Левый верхний угол (90 градусов) */
            85% 0%,  /* Правая граница перед скосом */
            111% 25%,/* Точка скоса (первый угол 100 градусов) */
            100% 75%,/* Точка скоса (второй угол 100 градусов) */
            100% 100%,/* Правый нижний угол (90 градусов) */
            0% 100%, /* Левый нижний угол (90 градусов) */
            0% 0%    /* Возврат к началу */
    );
    padding:50px 30px;
    position: relative;
}


.container-3-item-arrow{
    background-image: url("../img/yellow-arrow.png");
    position: absolute;
    top:0;
    right:0;
    width:45px;
    height:45px;
    margin-right: calc(var(--bs-gutter-x) * .5);
}

.container-3-item-title{
    font-family: 'LibreFranklin-BoldItalic', serif;
    font-size:20px;
    line-height: 22px;
    text-transform: uppercase;
    min-height:70px;
}

.container-3-item-description{
    font-size:16px;
    text-align: justify;
    line-height: 22px;
    margin-top:30px;
    min-height: 90px;
}

.container-4{
    text-align: justify;
    margin-bottom: 80px;
}

.container-4 span{
    font-family: 'LibreFranklin-BoldItalic', serif;
    color:#675A3C;
}

.container-5{
    margin-bottom:100px;
}

.container-6{
    margin-bottom:65px;
}

.container-6 h3{
    font-size:42px;
    font-family: 'LibreFranklin-Bold', serif;
    text-transform: uppercase;
}

.container-6 .right-bottom-arrow{
    margin-top: -5px;
}

.container-7{
    text-align: justify;
    margin-bottom: 80px;
}

.container-8{
    margin-bottom: 50px;
}

.container-8 img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.container-9{
    margin-bottom:40px;
}

.container-9-title{
    font-size:24px;
    font-family: 'LibreFranklin-Bold', serif;
    text-transform: uppercase;
    margin-bottom:40px;
}

.container-9-item{
    margin-bottom:30px;
}

.container-9-item img{
    max-width: 100%;
}

.container-9-item-title{
    font-size:18px;
    font-family: 'LibreFranklin-Bold', serif;
}

.container-9-item-description{
    font-size:18px;
    line-height: 24px;
    text-align: justify;
    min-height: 75px;
}

.container-9-item-image{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.container-10{
    margin-bottom:40px;
}

.container-10-title{
    font-size:24px;
    font-family: 'LibreFranklin-Bold', serif;
    text-transform: uppercase;
    margin-bottom:40px;
}

.container-10-title-under{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:18px;
    line-height: 24px;
}

.container-10-title-under-number{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:20px;
    color:#fff;
    background-color: #000;
    border-radius: 50%;
    padding: 6px 16px;
}

.container-11{
    margin-bottom: 80px;
}

.container-11-item{
    background-color: #000;
    color:#fff;
    border-radius: 30px;
    padding:80px;
}

.container-11-item-title{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:18px;
}

.container-11-item-inner-title{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:24px;
    color:#F9CE08;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.container-11-item-inner-title-another{
    writing-mode: inherit;
    transform: none;
    margin-bottom:20px;
}

.container-11-item-table-big-title{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:18px;
    line-height: 24px;
    text-align: justify;
    margin-bottom:40px;
}

.container-11 table{
    border-collapse: collapse;
    width: 100%;
}

.container-11 table th,
.container-11 table td {
    border: 2px solid #000;
    text-align: center;
    padding:10px 25px;
    height:60px;
}

.container-11 table thead th{
    background-color: #F9CE08;
    font-size:14px;
    line-height: 17px;
    color:#000;
}

.container-11 table tbody td{
    background-color: #fff;
    font-size:14px;
    line-height: 17px;
    color:#000;
}

.orange-button-link-hover-white:hover{
    background-color:#fff;
    color:#000;
}

.order-items-table{
    margin-top:50px;
}

.container-12{
    margin-bottom: 40px;
}

.block-with-line{
    background-color: #F9CE08;
    box-shadow: 0 4px 4px 0 #0000001A;
    width:100%;
    height:55px;
}

.block-with-line-right-to-left-arrow-line,
.block-with-line-left-to-right-arrow-line{
    border:1px solid #fff;
    position: relative;
}

.block-with-line-inner{
    padding:0 30px;
}

.block-with-line-right-to-left-arrow-line:before{
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 15px solid #fff;
}

.block-with-line-left-to-right-arrow-line:before{
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 15px solid #fff;
}

.d-flex-middle{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.block-with-line-inner-content-pre{
    background-color: #000;
}

.block-with-line-inner-content{
    text-transform: uppercase;
    text-align: center;
    color:#fff;
    font-size:20px;
}

.block-with-line-2{
    background-color: transparent;
    box-shadow: none;
}

.block-with-line-2 .block-with-line-right-to-left-arrow-line:before{
    border-right: 15px solid #000;
}

.block-with-line-2 .block-with-line-left-to-right-arrow-line:before{
    border-left: 15px solid #000;
}

.block-with-line-2 .block-with-line-right-to-left-arrow-line{
    border:2px solid #000;
}

.block-with-line-2 .block-with-line-left-to-right-arrow-line{
    border:2px solid #000;
}

.block-with-line-2 .block-with-line-inner-content{
    text-transform: none;
    color:#000;
    font-size: 16px;
}

.block-with-line-2 .block-with-line-inner-content-pre{
    background-color: transparent;
}

.block-with-line-2 .block-with-line-inner-l{
    padding:0;
}

.block-with-line-2 .block-with-line-inner-r{
    padding:0;
}

.container-10-title-under-2{
    margin-bottom:40px;
}

.vikno{
    background-color: #A6966E;
}

.lable-1{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45px;
}

.lable-1-text{
    color:#675A3C;
    font-size:16px;
    font-family: 'LibreFranklin-Bold', serif;
    text-align: center;
}

.lable-1-arrow{
    border:1px solid #000;
    position: relative;
    transform: rotate(130deg);
    width: 40px;
    margin: 0 auto 15px;
}

.lable-1-arrow:before{
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #000;
}


.lable-2{
    position: absolute;
    right: 50px;
    top: 0;
}

.lable-2-text{
    color:#000;
    font-size:16px;
    font-family: 'LibreFranklin-Bold', serif;
    text-align: left;
    margin-left: 40px;
    line-height: 20px;
}

.lable-2-arrow{
    border:1px solid #000;
    position: relative;
    transform: rotate(-55deg);
    width: 40px;
    margin-bottom: -60px;
}



.lable-2-arrow:before{
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #000;
}

.lable-2-text-en{
    margin-left:120px;
    width: 100%;
}

.lable-2-arrow{
    right: -75px;
}

.container-10-title-under-3{
    margin-bottom:120px;
}

.container-14{
    margin-bottom:100px;
}

.container-15{
    text-align: justify;
    margin-bottom:100px;
}

.container-15 span{
    font-family: 'LibreFranklin-Bold', serif;
    color:#675A3C;
}

.container-16{
    font-family: 'LibreFranklin-Bold', serif;
    text-transform: uppercase;
    margin-bottom:40px;
}

.container-17{
    text-align: justify;
    margin-bottom:80px;
}

.container-17 span{
    font-family: 'LibreFranklin-Bold', serif;
    color:#675A3C;
}

.container-16 span{
    color:#675A3C;
    font-family: 'LibreFranklin-BoldItalic', serif;
}

.container-16{
    margin-bottom:40px;
}

.container-19{
    margin-bottom:30px;
}

.container-19-item{
    margin-bottom: 60px;
}

.container-19-item img{
    max-width:100%;
    border-radius: 15px;
}

.container-19-item-title{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:18px;
    margin-top:20px;
    margin-bottom: 10px;
    line-height: 24px;
    min-height: 50px;
}

.container-19-item-description{
    font-size:14px;
    color:#555A65;
    line-height: 24px;
    text-align: justify;
}

.container-20{
    margin-bottom:80px;
}

.container-20 span{
    font-family: 'LibreFranklin-Bold', serif;
    color:#675A3C;
    text-transform: uppercase;
}

.container-21{
    margin-bottom:100px;
}

.container-22{
    text-transform: uppercase;
    font-family: 'LibreFranklin-Bold', serif;
    margin-bottom: 40px;
}

.container-22 span{
    color:#675A3C;
    font-family: 'LibreFranklin-BoldItalic', serif;
}

.container-23{
    text-align: justify;
    margin-bottom: 80px;
}

.container-23 span{
    text-transform: uppercase;
    font-family: 'LibreFranklin-BoldItalic', serif;
    color:#675A3C;
}

.container-24{
    margin-bottom: 80px;
}

.container-24 img{
    border-radius: 15px;
    max-width: 100%;
}

.container-24-title{
    text-transform: uppercase;
    font-family: 'LibreFranklin-Bold', serif;
    margin-top:80px;
    margin-bottom: 40px;
}

.container-24-description{
    text-align: justify;
}

.container-25{
    margin-bottom: 50px;
}

.container-25-item{
    background-color: #F0EFEC;
    border-radius: 15px;
    padding:30px 20px;
    margin-bottom: 30px;
}

.container-25-item-img{
    max-width:100%;
}

.container-25-item-title{
    font-family: 'LibreFranklin-Bold', serif;
    font-size:18px;
}

.container-25-item-description{
    font-size:18px;
    text-align: justify;
    line-height: 24px;
    min-height: 75px;
}

.container-26{
    margin-bottom: 80px;
    text-align: justify;
}

.container-26 span{
    color:#675A3C;
    font-family: 'LibreFranklin-BoldItalic', serif;
}

.container-27{
    margin-bottom: 80px;
}

.container-27-inner{
    background-color: #000;
    border-radius: 15px;
    padding: 80px;
}

.container-27-inner h3{
    font-size:44px;
    color:#fff;
    text-transform: none;
}

.container-27-inner-title-block{
    margin-bottom: 25px;
}

.container-27-inner-form-block form input[type="text"],
.container-27-inner-form-block form textarea,
.container-27-inner-form-block form input[type="email"],
.container-27-inner-form-block form select{
    background-color:#fff;
    border-radius: 15px;
    padding:15px 30px;
    width: 100%;
    margin-bottom: 20px;
}

.container-27-inner-form-block form input[type="button"]{
    background-color: #F9CE08;
    color:#fff;
    text-transform: uppercase;
    font-size:22px;
    font-family: 'LibreFranklin-Bold', serif;
    border-radius: 15px;
    width:100%;
    text-align: center;
    padding:5px 0;
    margin-bottom: 20px;
    border:none;
}

.container-27-inner-form-block form .form-description{
    font-size:14px;
    line-height: 21px;
    color:#fff;
    text-align: justify;
}

.container-28{
    margin-bottom: 70px;
}

.container-28-title{
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    font-size:22px;
    font-family: 'LibreFranklin-Bold', serif;
}

.question-item{
    border-bottom:1px solid #000;
    padding:25px 0;
    cursor: pointer;
}

.question-item-description{
    display: none;
    margin-top: 30px;
    font-size:18px;
    line-height: 24px;
}

.question-item-active .question-item-description{
    display: block;
}

.question-item-active .right-bottom-arrow{
    transform: rotate(-45deg);
}

footer{
    background-color: #000;
    padding-top:40px;
    padding-bottom:40px;
}

.policy-link{
    color:#fff;
    text-decoration: none;
    font-size:15px;
}

.footer-logo{
    margin-bottom: 30px;
}

.footer-menu a{
    color:#fff;
    text-decoration: none;
    font-size:20px;
}

.footer-menu a:hover{
    color: #F9CE08;
}

.footer-feedback-title{
    color:#F9CE08;
    font-family: 'LibreFranklin-Bold', serif;
    font-size:20px;
}

.footer-feedback-right a{
    color:#fff;
    font-family: 'LibreFranklin-Bold', serif;
    font-size:20px;
}

.question-item-last-child{
    border-bottom: none;
    padding-bottom:0;
}

.container-11-item table{
    position: relative;
}

.container-11-pre-table{
    overflow-x: auto;
    position: relative;
}

.container-11-item table tbody tr td:first-child,
.container-11-item table thead tr th:first-child
{
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
}

.model-d .container-11-item{
    background-color: #F9CE08;
}

.model-d .container-11-item-inner-title{
    color:#000;
}

.model-d .container-11-item-table-big-title{
    color:#000;
}

.container-11.model-d table thead th{
    background-color: #000;
    color:#fff;
}

.container-11.model-d table th,
.container-11.model-d table td{
    border: 2px solid #F9CE08;
}

.container-11.model-d select{
    border:1px solid #000;
    padding:10px;
}

.container-11.model-d .order-items-table .button-link{
    background-color: #000;
    color:#fff;
}

.container-11.model-d .order-items-table .button-link.orange-button-link-hover-white:hover{
    background-color: #fff;
    color:#000;
}

.form-errors{
    display:none;
}

.form-errors ul{
    background-color:#fff;
    padding:20px 30px;
    border-radius: 15px;
    font-size:16px;
    color:red;
    list-style-type: none;
}

.container-27-inner-form-success{
    color:#fff;
    display:none;
}

.modal,
.modal-dialog,
.modal-content{
    background-color:rgba(0,0,0,40%);
}

.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content textarea{
    background-color:#fff;
    border-radius: 15px;
    padding:15px 30px;
    width: 100%;
    margin-bottom: 20px;
}

.modal-content input[type="button"]{
    background-color: #F9CE08;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'LibreFranklin-Bold', serif;
    border-radius: 15px;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}

.modal-content .btn-close{
    position: absolute;
    top:50px;
    right:50px;
    z-index:9999999999999;
    --bs-btn-close-bg: url("../img/maki_cross.png");
    --bs-btn-close-focus-opacity: 1;
}

.formOrderPopupSuccess{
    display: none;
}

.formOrderPopupSuccess div{
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
}

.arrow-plav{
    background-image: url("../img/arrow-plav.png");
}

.loadContentTable{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    align-items: center;
    justify-content: center;
    display: none;
}

.dots span{
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 50%;
    transform: rotate(calc(var(--i) * (360deg / 15))) translateY(35px);
    animation: animate 1.5s linear infinite;
    animation-delay: calc(var(--i) * 0.1s);
    opacity: 0;
}

@keyframes animate {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}


@media (max-width: 1400px) {

    .container-3-item-title{
        min-height: 90px;
    }

    .container-3-item-description{
        min-height: 110px;
    }

}

@media (max-width: 1200px) {

    body{
        font-size:20px;
    }

    .header-menu a,
    .footer-menu a,
    .language-ul li a{
        font-size: 16px;
    }

    .main-img h1,
    .container-6 h3{
        font-size:32px;
    }

    .button-link{
        font-size:22px;
    }

    .container-3-item-description {
        min-height: auto;
    }

    .container-3-item-title {
        min-height: auto;
    }

    .container-3-item{
        margin-bottom: 20px;
    }

    .container-25-item-description{
        min-height:120px;
    }

    .footer-feedback-right a{
        font-size:16px;
    }

    .container-3-item {
        clip-path: polygon(
                0% 0%, /* Левый верхний угол (90 градусов) */ 94% 0%, /* Правая граница перед скосом */ 100% 25%, /* Точка скоса (первый угол 100 градусов) */ 100% 75%, /* Точка скоса (второй угол 100 градусов) */ 100% 100%, /* Правый нижний угол (90 градусов) */ 0% 100%, /* Левый нижний угол (90 градусов) */ 0% 0% /* Возврат к началу */
        )
    }

    .lable-1-en{
        bottom:-80px;
    }

    .lable-2-arrow{
        right: 40px;
    }

    .lable-2-text{
        margin-left: 0px;
    }

    .lable-2{
        right: -50px;
    }

    .lable-2-en{
        right: -225px;
    }

}

@media (max-width: 992px) {

    .lable-1-1-en{
        bottom:-80px;
    }

    .container-11-pre-table{
        overflow-x: scroll;
    }

    .container-3-item {
        clip-path: polygon(
                0% 0%, /* Левый верхний угол (90 градусов) */ 94% 0%, /* Правая граница перед скосом */ 100% 25%, /* Точка скоса (первый угол 100 градусов) */ 100% 75%, /* Точка скоса (второй угол 100 градусов) */ 100% 100%, /* Правый нижний угол (90 градусов) */ 0% 100%, /* Левый нижний угол (90 градусов) */ 0% 0% /* Возврат к началу */
        )
    }


    .scrollbar-inner > .scroll-element,
    .scrollbar-inner > .scroll-element div
    {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }

    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 5px;
        left: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 1;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff; }
    .scrollbar-inner > .scroll-element .scroll-bar { background-color: #000; }
    .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


    /* update scrollbar offset if both scrolls are visible */

    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }



    .main-img-block{
        bottom: 5%;
        top: 20%;
        height: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .container-11-item-table-big-title{
        margin-bottom:20px;
    }

    .footer-feedback-title,
    .mobile-menu-container .footer-feedback-right a,
    .footer-feedback-right{
        line-height: 20px;
    }

    .mobile-menu-container .language-ul{
        margin-top:10px;
    }

    .mobile-menu-container .language-ul a{
        color:#000;
        font-family: 'LibreFranklin-Bold', serif;
    }

    .container-6 .right-bottom-arrow{
        margin-top: -12px;
    }

    .mobile-menu-container .language-ul a.active{
        color:#F9CE08;
    }

    .right-bottom-arrow{
        margin-left:10px;
    }

    .container-11-item{
        padding: 50px 30px;
    }

    .container-28-title{
        font-size: 20px;
    }

    .container-24-title{
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .container-25-item-description{
        min-height:auto;
        text-align: center;
    }

    .right-bottom-arrow {
        background-size: cover;
    }

    .question-item .right-bottom-arrow.float-start{
        margin-left:0;
    }

    .mobile-menu-icon{
        background-image: url("../img/mingcute_menu-fill.png");
        width:30px;
        height:25px;
        background-size: cover;
        background-repeat: no-repeat;
        cursor:pointer;
    }

    .mobile-menu-container{
        position: fixed;
        right:0;
        width: 300px;
        z-index: 11;
        background-color: #fff;
        background-image: url("../img/background-mobile-menu.png");
        background-repeat: no-repeat;
        padding:20px;
        display: flex !important;
        transform: translateX(100%); /* Уводим блок за правый край */
        transition: transform 0.5s ease;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow-y: auto;
    }

    .mobile-menu-icon-active{
        background-image: url("../img/background-mobile-menu-y.png");
    }

    .mobile-menu-container-active{
        transform: translateX(0);
    }

    .menu-mobile{
        margin: 0;
        padding:0;
        list-style-type: none;
    }

    .menu-mobile a{
        color:#000;
        font-family: 'LibreFranklin-Bold', serif;
        font-size:16px;
        text-transform: uppercase;
    }

    .menu-mobile a:hover{
        color:#F9CE08;
    }

    .header-mobile{
        position: fixed;
        width: 100%;
    }

    .mobile-menu-container .footer-feedback-title{
        font-size:12px;
    }

    .mobile-menu-container .footer-feedback-right a{
        font-size:12px;
        color:#000;
    }

    .policy-link-mobile-header{
        font-size:10px;
        color:#000;
    }

    .nav.footer-menu{
        display:block;
    }

    .main-img h1,
    .container-6 h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .container-6{
        margin-bottom: 30px;
    }

    .container-25-item-title{
        margin-top:20px;
        margin-bottom:20px;
    }

    .mobile-footer-content{
        margin-top:30px;
    }

    .mobile-footer-content .policy-link{
        margin-top:30px;
        display: block;
    }

}

@media (max-width: 768px) {

    .container-3-item{
        clip-path: polygon(
                0% 0%, /* Левый верхний угол (90 градусов) */ 89% 0%, /* Правая граница перед скосом */ 100% 18%, /* Точка скоса (первый угол 100 градусов) */ 100% 75%, /* Точка скоса (второй угол 100 градусов) */ 100% 100%, /* Правый нижний угол (90 градусов) */ 0% 100%, /* Левый нижний угол (90 градусов) */ 0% 0% /* Возврат к началу */
        );
    }

    .container-8 img{
        margin-bottom: 30px;
    }

    .container-10-title-under-number{
        font-size: 12px;
        padding: 0 14px;
    }

    .button-link{
        min-width:140px;
        font-size:14px;
        padding: 5px 25px;
    }

    .right-bottom-arrow{
        height:50px;
    }

    .container-27-inner h3{
        font-size: 30px;
    }

    .container-27-inner{
        padding:30px;
    }



    .container-9-item{
        text-align: center;
    }

    .container-9-item-title{
        margin-top:20px;
        margin-bottom:10px;
    }

}

@media (max-width: 567px) {

    .button-link {
        font-size: 19px;
    }

    .block-with-line-2,
    .block-with-line-inner-content{
        line-height: 16px;
    }

    .lable-1-text,
    .lable-2-text{
        font-size: 12px;
        line-height: 15px;
    }

    .container-28-title{
        line-height: 24px;
    }

    .container-25-item{
        margin-bottom:20px;
        padding: 20px;
    }

    .container-27-inner-form-block form input[type="button"]{
        font-size:16px;
    }

    .container-19-item img{
        margin: 0 auto;
        display: block;
    }

    .lable-1{
        bottom:-30px;
    }

    .lable-2-arrow {
        right: 5px;
    }

    .lable-2 {
        right: -30px;
    }

    .lable-2-en{
        right: -50px;
    }

    .lable-2-arrow-en{
        right: -40px;
    }

    .lable-1-en {
        bottom: -40px;
    }

    .lable-1-1-en {
        bottom: -40px;
    }

}