@font-face {
    font-family: 'Regular';
    src: url('/wp-content/themes/NkH/fonts/Jost-Regular.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Medium';
    src: url('/wp-content/themes/NkH/fonts/Jost-Medium.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Bold';
    src: url('/wp-content/themes/NkH/fonts/Jost-Bold.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}

h2{
    margin-bottom: 35px !important;
}
p{
    font-size: 18px;
}
#UpForm .input-form p .send-form{
    background: #a47e56;
}
#UpForm .input-form p .send-form:hover{
    background: #97744f;
}

/*Шапка сайта*/
#shapka{
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: cover;
}
#PC-header{
    position: fixed;
    z-index: 407;
    top: 0px;
    width: 100%;
    /* background: #00000050; */
    /* box-shadow: rgba(255, 255, 255, 0.25) 0px 25px 50px -12px; */
    margin-bottom: 8vh;
}
.shapan{
    width: 100%;
    /*background: #548ae8;*/
}
.shapans{
    transition: 0.3s ease-in-out; /* Плавное изменение фона */
}
.shapans.scrolled {
    /* top: -150px !important; */
    background: #000000b0 !important;
    /* box-shadow: rgb(18 0 255 / 46%) 0px 20px 50px -18px; */
}
.shapan .top{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;    
    margin: 15px 0;
    padding: 20px;
    background: #00000050;
    border-radius: 25px;
}
.shapan .top .content{
    width: 110px;
    display: inherit;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.shapan .top .content p, .shapan .top .content a{
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.shapka{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*border-bottom: 1px solid white;*/
    /*background: #e7e7e7;
    border-radius: 80px;*/
    align-items: center;
    padding: 10px;
    margin: 0;
}
.shapka .left{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-top: 15px;
}
li nav a{
    color: white;
    font-size: 18px;
}
.shapka-logo{
    width: 100%;
}
.shapka-logo:hover{
    transform: scale(1.02);
}
.shapka-logo:active{
    transform: scale(1);
}
#PC-header .shapka .logo{
    display: flex;
    width: 50px;
    align-items: center;
}
#PC-header .top .content .logo{
    /* width: 30% !important; */
    box-shadow: none !important;
    padding: 0;
}
.shapka_button{
    background: #A47E56;
    border-radius: 5px;
    padding: 10px 35px;
    font-weight: 500;
    color: white;
    font-size: 15px;
    transition: 0.5s;
    display: block;
    width: max-content;
    text-align: center;
    height: max-content;
    transition: .3s ease-in-out;
    background-size: 300% 300%;
}
.shapka_button:hover{
    color: white;
    animation: linear-bg-bt 6s infinite linear;
    transform: scale(1.02);
}
.shapka_button:active{
    transform: scale(1);
}
#buthead{
    text-align: center;
}
#buthead .input-form p{
    width: 100%;
    margin: 0;
}
#buthead .input-form .num-head, #buthead .input-form .tel-head, #buthead .input-form .but-head{
    width: 100%;
    padding: 15px;
    color: #4C545E;
    background: #f7f7f5;
    border-radius: 15px;
    border: 1px solid #f7f7f5;
    margin-bottom: 10px;
}
#buthead .input-form .but-head{
    cursor: pointer;
    background: #c5a47e;
    color: black;
    margin: 0;
}
nav.main-navigation-PC{
    width: 50%;
}
nav.main-navigation div.menu ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
nav.main-navigation .menu-menu-container .menu-item a {
    font-size: 18px;
    color: white;
    font-weight: 400;
    margin: 0;
}
nav.main-navigation .menu-menu-container .menu-item{
    transition: .3s ease-in-out;

    &:hover{
        color: rgb(224, 207, 207);
        transform: translateY(-2px);
    }

    &:active{
        transform: translateY(0);
    }
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
    visibility: hidden !important;
}
.shapan .container nav{
    margin: 0;
}
.sub-menu{
    display: none;
    transform: translateY(0px);
}
#menu-item-14:hover > .sub-menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    z-index: 2;
    background: #000000d5;
    border-radius: 15px;
    padding: 15px;
    width: 400px;
    transform: translateY(2px);
}
#menuToggle{
    display: none;
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
    z-index: 2;
}
.shapan .container nav{
    margin: 0;
}
#menu-item-11 li a:hover{
    text-decoration: underline !important;
}






#shapka{
    margin-bottom: 65px;
}
#shapka .shapka_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}
#shapka .fortochka_cont{
    position: absolute;
    z-index: -1;
    background: black;
    width: 98%;
    border-radius: 30px;
    margin: 15px;
}
#shapka .fortochka{
    width: 100%;
    opacity: .5; /* Прозрачность фонового изображения */
    object-fit: cover;
    background: transparent;
    border-radius: 30px;
}
#shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
    height: 97vh;
}
#shapka .shapka_content .advantages .ikonka_1{
    width: 25px;
    height: 25px;
    box-shadow: rgba(3, 119, 224, 0.2) 0px 7px 29px 0px;
    /* border-radius: 40px; */
    margin-right: 3px;
}
#shapka .shapka_content p, #shapka .shapka_content h1, #shapka .shapka_content .advantages p{
    margin: 0;
    color: #ffffff;
}
#shapka .shapka_content p{
    font-size: 16px;
    font-weight: 500;
    color: #A5A5A5;
}
#shapka .shapka_content h1{
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 20px;
}
#shapka .shapka_content .advantages p{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
    display: flex;
    align-self: center;
}
#shapka .shapka_content .advantages .rejing{
    font-size: 18px;
    display: flex;
    gap: 3px;
    height: auto;
    align-items: center;
}
#shapka .shapka_content .advantages .rejing .starsss{
    /* margin-left: 5px; */
    height: fit-content;
}
#shapka .shapka_content .cont-form{
    margin-top: 15px;
    width: 100%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
#shapka .shapka_content .cont-form a{
    padding: 15px 44px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    transition: .3s ease-in-out;
}
#shapka .shapka_content .cont-form .bottom1{
    color: white;
    background: #a47e56;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;

    &::after{
        content: "";
        display: block;
        width: 20px;
        height: 200px;
        margin-left: 50px;
        background: #fff;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
        left: -40px;
        top: -80px;
        z-index: 1;
        transform: rotate(45deg);
        position: absolute;
        animation: movingFlare 3s ease-in-out 0.05s infinite;
    }
}
#shapka .shapka_content .cont-form .bottom2{
    background: transparent;
    color: #303030;
    border: 1px solid #303030;
}
#shapka .shapka_content .cont-form .bottom2:hover{
    background: #303030;
    color: white;
}
#shapka .content-z{
    position: relative;
    z-index: 2;
}





#Branche-card .Branche_item{
    position: relative;
    height: 800px;
    overflow: hidden;
    border-radius: 15px;
}
#Branche-card h2{
    color: #222222;
}
#Branche-card .Branche_item .img{
    position: absolute;
    width: 100%;
    height: 800px;
    object-fit: cover;
}
#Branche-card .Branche_item .content{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
}
#Branche-card .Branche_item .content .info{
    display: flex;
    flex-direction: column;
    align-self: end;
    padding: 15px;
    background: #53a377de; /*5f9276de*/
    border-radius: 15px;
    width: 100%;
}
#Branche-card .Branche_item .ppimg{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
#Branche-card .Branche_item .ppimg2{
    /* justify-content: end; */
}
#Branche-card .Branche_item .ppimg.resa{
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    width: 81%;
}
#Branche-card .Branche_item h4{
    color: #fff;
    font-family: 'Medium';
}
#Branche-card .Branche_item .ppimg p{
    margin: 0;
    color: #fff;
}
/* #Branche-card .Branche_item .ppimg:nth-child(4){
    flex-direction: column;
    gap: 0;
} */
#Branche-card .Branche_item .content img{
    width: 30px;
    height: 30px;
}
#Branche-card .Branche_item .bottom{
    margin-top: 15px;
}
#Branche-card .Branche_item a{
    background: #b18557;
    border-radius: 5px;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
}





#komp-info{
    position: relative;
    padding: 40px 0;
    border-radius: 30px;
    /* box-shadow: 0px -7px 22px 1px rgba(0, 0, 0, .10); */
    margin-bottom: 65px;
}
#komp-info .drel{
    position: absolute;
    left: -280px;
}
#komp-info .center{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#komp-info .left{
    width: 48%;
    display: flex;
    flex-direction: column;
    align-self: center;
}
#komp-info .left p, #komp-info .left h2{
    color: #222222;
}
#komp-info .left p{
    color: #888888;
}
#komp-info .right{
    width: 48%;
    display: flex;
}
#komp-info .right img{
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}





#gallary{
    margin-bottom: 65px;
}
#gallary .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
#gallary .contnent .inforu p{
    margin: 0;
}
#gallary .contnent .arrow{
    width: 85px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
/* Сам слайдер */
#gallary .swiper-container {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#gallary .swiper-wrapper{
    height: auto;
}
#gallary .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    padding-bottom: 20px;
    transition: .3s ease-in-out;
}
#gallary .swiper-slide a video{
    width: 100%;
    border-radius: 15px;
}
#gallary .swiper-scrollbar {
    position: relative !important; /* ВАЖНО: чтобы скроллбар позиционировался относительно контейнера */
    bottom: 0px !important; /* Прикрепляем к низу .swiper-container */
    left: 0 !important;
    width: 100% !important;
    height: 8px !important;
    margin-top: 15px;
    z-index: 1;
}
#gallary .swiper-scrollbar-drag{
    background: #ffffff;
}
#gallary .Swipers-Sliders-a{
    width: 100%;
    transition: .3s ease-in-out;
    border-radius: 10px;
    height: 400px;
}
#gallary .Swipers-Sliders-a:hover{
    box-shadow: rgba(255, 255, 255, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transform: scale(1);
}
#gallary .Swipers-Sliders-a:active{
    transform: scale(0.99);
}
#gallary .Swipers-Sliders{
    width: 100%;
    border-radius: 10px;
    height: 400px;
    object-fit: cover;
}
#gallary .swiper-button-prev, #gallary .swiper-button-next {
    color: #fff; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #5f9276;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#gallary .swiper-button-next:after{
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#gallary .swiper-button-prev:after{
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#gallary .swiper-button-prev, #gallary .swiper-button-next{ 
    left: 10px;
    transition: .3s ease-in-out;
    transform: translateY(0);
    top: 0;
}
#gallary .swiper-button-next:hover, #gallary .swiper-button-prev:hover {
    filter: drop-shadow(0 0 4px #5f9276);
}
#gallary .swipe-paginate{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
#gallary .swipe-paginate .swiper-pagination{
    background: #5f9276;
    padding: 10px 10px;
    border-radius: 10px;
    width: max-content;
    position: relative;
    bottom: 0;
}
#gallary .swipe-paginate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #d7dbdd;
    transition: .3s ease-in-out;
}
#gallary .swipe-paginate .swiper-pagination-bullet-active{
    background-color: white;
    width: 11px;
    height: 11px;
    pointer-events: none;
}
/* Сам слайдер */







#doprazv h2{
    color: #222222;
}
#doprazv .ffo{
    height: 450px;
    object-fit: cover;
    border-radius: 15px;
}
#doprazv .pipinst{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
#doprazv .pipinst img{
    width: 25px;
    height: 25px;
}
#doprazv .pipinst p, #doprazv .pipinst h3{
    color: #888888;
}
#doprazv .BGA{
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
#dop_gal{
    overflow: hidden;
}
#dop_gal .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
}
#dop_gal .contnent .inforu p{
    margin: 0;
}
#dop_gal .contnent .arrow{
    width: 97%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Сам слайдер */
#dop_gal .swiper-container {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#dop_gal .swiper-wrapper{
    height: auto;
}
#dop_gal .swiper-wrapper li{
    border-radius: 15px;
    overflow: hidden;
}
#dop_gal .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    padding-bottom: 20px;
    transition: .3s ease-in-out;
}
#dop_gal .swiper-slide a{
    width: 100%;
}
#dop_gal .swiper-dop-prev-0, #dop_gal .swiper-dop-next-0, #dop_gal .swiper-dop-prev-1, #dop_gal .swiper-dop-next-1, #dop_gal .swiper-dop-prev-2, #dop_gal .swiper-dop-next-2, #dop_gal .swiper-dop-prev-3, #dop_gal .swiper-dop-next-3 {
    color: #fff; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #c6c6c67a;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#dop_gal .swiper-dop-next-0:after, #dop_gal .swiper-dop-next-1:after, #dop_gal .swiper-dop-next-2:after, #dop_gal .swiper-dop-next-3:after{
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#dop_gal .swiper-dop-prev-0:after, #dop_gal .swiper-dop-prev-1:after, #dop_gal .swiper-dop-prev-2:after, #dop_gal .swiper-dop-prev-3:after{
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#dop_gal .swiper-dop-prev-0, #dop_gal .swiper-dop-next-0, #dop_gal .swiper-dop-prev-1, #dop_gal .swiper-dop-next-1, #dop_gal .swiper-dop-prev-2, #dop_gal .swiper-dop-next-2, #dop_gal .swiper-dop-prev-3, #dop_gal .swiper-dop-next-3{ 
    left: 10px;
    transition: .3s ease-in-out;
    transform: translateY(0);
    top: 0;
}
#dop_gal .swiper-dop-next-0:hover, #dop_gal .swiper-dop-prev-0:hover, #dop_gal .swiper-dop-next-1:hover, #dop_gal .swiper-dop-prev-1:hover, #dop_gal .swiper-dop-next-2:hover, #dop_gal .swiper-dop-prev-2:hover, #dop_gal .swiper-dop-next-3:hover, #dop_gal .swiper-dop-prev-3:hover {
    filter: drop-shadow(0 0 4px #c6c6c6d3);
}
#dop_gal .pos{
    position: relative;
}





.revers{
    flex-direction: row-reverse !important;
}





#komp-info-dom h2{
    color: #222222;
}
#komp-info-dom p{
    color: #888888;
}
.doma .center{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}
.doma .center .left{
    display: flex;
    flex-direction: column;
    align-self: center;
}
.doma .center .right{
    border-radius: 15px;
    overflow: hidden;
}
.doma .center .left, .doma .center .right{
    width: 48%;
}
.doma .ppimg{
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.doma .right{
    height: 750px;
}
.doma .ppimg.re{
    flex-direction: column;
    gap: 0;
}
.doma .ppimg img{
    width: 30px;
    height: 30px;
}
.doma .ppimg p{
    margin: 0;
    font-size: 18px;
}
.doma .ppimg p{
    margin: 0;
}
.doma .bottom{
    margin-top: 15px;
}
.doma a{
    color: #fff;
    background: #a47e56;
    font-size: 16px;
    border-radius: 5px;
    padding: 15px 35px;
}
.doma .dawx{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#Branche-card .dawx.BGA{
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}




#gallary .galereya_grin.BGA{
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}





#contform .center{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    padding: 40px;
    background: #5f9276;
    border-radius: 15px;
}
#contform .center .left, #contform .center .right{
    width: 49%;
}
#contform .center .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}
#contform .center .right img{
    height: 650px;
    object-fit: cover;
    border-radius: 15px;
}
#contform .input-form{
    display: flex;
    flex-direction: column;
}
#contform .input-form p{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-self: center;
    width: 80%;
}
#contform .content .content h4, #contform .content .content p{
    text-align: center;
}
#contform .content .content h4{
    font-size: 36px;
    margin: 0;
}
#contform .content .content p{
    font-size: 22px;
}
#contform .input-form p span{
    width: 100%;
}
#contform p, #contform h4{
    color: white;
}
#contform .input-form input{
    width: 100%;
    padding: 15px 35px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
}
#contform .input-form p .send-form{
    width: 100%;
    cursor: pointer;
    background: #a47e56;
    color: white;
    transition: .3s ease-in-out;
}
#contform .input-form p .send-form:hover{
    background: #94724e;
    color: white;
}





#gallary h2{
    color: #222222;
}
#gallary.block-desktop .galereya_grin{
    padding: 0 15px;
}
#gallary.block-desktop .doimg{
    height: 100%;
    transition: .3s ease-in-out;
}
#gallary.block-desktop .doimg img{
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
#gallary.block-desktop .doimg:hover{
    transform: scale(1.02);
}
#gallary.block-desktop .doimg:active{
    transform: scale(1);
}




#Branche-card .dawx{
    display: ;
    flex-direction: column;
    gap: 10px;
}







#feedback{
    margin-bottom: 65px;
}
#feedback h2{
    color: #222222;
}
#feedback .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
#feedback .contnent .inforu p{
    margin: 0;
}
#feedback .contnent .arrow{
    width: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Сам слайдер */
#feedback .swiper-container-feed {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#feedback .swiper-wrapper{
    height: auto;
}
#feedback .swiper-slide {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 24px;
    padding-bottom: 20px;
    transition: .3s ease-in-out;
}
#feedback .Swipers-Sliders-a{
    width: 100%;
    transition: .3s ease-in-out;
    border-radius: 10px;
    /* height: 400px; */
}
#feedback .Swipers-Sliders-a:hover{
    box-shadow: rgba(255, 255, 255, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transform: scale(1);
}
#feedback .Swipers-Sliders-a:active{
    transform: scale(0.99);
}
#feedback .Swipers-Sliders{
    width: 100%;
    border-radius: 10px;
    height: 400px;
    object-fit: cover;
}
#feedback .swiper-feed-prev, #feedback .swiper-feed-next {
    color: #fff; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #a47e56ab;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#feedback .swiper-feed-next:after{
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#feedback .swiper-feed-prev:after{
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 24px !important;
}
#feedback .swiper-feed-prev, #feedback .swiper-feed-next{ 
    left: 10px;
    transition: .3s ease-in-out;
    transform: translateY(0);
    top: 0;
}
#feedback .swiper-feed-next:hover, #feedback .swiper-feed-prev:hover {
    filter: drop-shadow(0 0 4px #a47e56ab);
}
#feedback .swipe-paginate{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
#feedback .swipe-paginate .swiper-pagination-feed{
    background: #292929;
    padding: 10px 10px;
    border-radius: 10px;
    width: max-content;
    position: relative;
    bottom: 0;
}
#feedback .swipe-paginate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #d7dbdd;
    transition: .3s ease-in-out;
}
#feedback .swipe-paginate .swiper-pagination-bullet-active{
    background-color: white;
    width: 11px;
    height: 11px;
    pointer-events: none;
}
/* Сам слайдер */
#feedback li {
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#feedback li p {
    font-size: 18px;
}
#feedback li span {
  font-style: italic;
  color: #555;
}




#fooer{
    position: relative;
    height: 450px;
    padding: 80px;
    margin: 0;
}
#fooer iframe{
    position: absolute;
    top: 0;
    left: 0;
}
#fooer .info{
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 40px;
    max-width: 450px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.46) 0px 10px 50px -18px;
}
#fooer h2{
    margin-bottom: 10px !important;
}
#fooer .info p, #fooer .info a{
    color: #222222;
    font-size: 18px;
}
#fooer .info .icon{
    display: flex;
    flex-direction: row;
    gap: 15px;
}
#fooer .info .icon a{
    width: 35px;
    height: 35px;
    display: block;
    transition: .3s ease-in-out;
}
#fooer .info .icon a:hover{
    transform: scale(1.04);
}
#fooer .info .icon a:active{
    transform: scale(1);
}
#fooer .info .icon a img{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1280px){
    #Branche-card .Branche_item .ppimg.resa{
        width: 86%;
        gap: 15px;
    }
}
@media screen and (max-width: 1024px){
    #Branche-card .Branche_item .ppimg.resa{
        flex-direction: column;
    }
    #gallary .galereya_grin.BGA{
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    #Branche-card .BGA{
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
    #komp-info .center{
        flex-direction: column;
    }
    #komp-info .left, #komp-info .right{
        width: 100%;
    }
    .doma .center{
        flex-direction: column !important;
    }
    #contform .center .left, #contform .center .right{
        width: 100%;
    }
    #contform .center .right{
        display: none;
    }
    .doma .center .left, .doma .center .right{
        width: 100%;
    }
    #Branche-card .Branche_item .ppimg.resa{
        width: 80%;
    }

    /*Toggler-menu*/
    #PC-header{
        display: none;
    }    
    #menuToggle
    {
    display: block;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 15;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    background: rgb(255 255 255 / 82%);
}
    #menuToggle input
    {
    display: block;
    width: 50px;
    height: 41px;
    position: absolute;
    top: -7px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 17; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
    }

    #menuToggle .class_menu{
        position: fixed;
        top: 25px;
        right: 20px;
    }
    /*
    * Just a quick hamburger
    */
    #menuToggle span
    {
    display: block;
    width: 40px;
    height: 4px;
    margin-bottom: 7px;
    position: relative;
    
    background: #fc6938 ;
    
    z-index: 16;
    
    transform-origin: 4px 0px;
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
    transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2)
    {
    transform-origin: 0% 100%;
    }
    #menuToggle input:checked ~ span
    {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
    transform: rotate(-45deg) translate(0, -1px);
    }
    #overlay{
        position: absolute;
    width: 100vw;
    height: 100vh;
    margin: -100px 0 0 55px;
    padding: 50px;
    padding-top: 125px;
    z-index: 14;
    background: #FFFFFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    #overlay li > a{
        text-align: right;
        width: 100%;
        display: block;
        font-size: 20px;
        font-family: 'Inter_medium' sans-serif;
        margin-bottom: 10px;
        color: black;
    }
    #overlay a.header-cta{
        margin: auto;
        margin-bottom: 15px;
    }
    .main-navigation{
        margin-bottom: 70%;
    }
    #overlay a.mob-link{
        width: 100%;
        display: block;
    }
    #menuToggle input:checked ~ #overlay
    {
    transform: translate(calc(30px - 100%), 0);
    }
    #menuToggle .content{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 15px;
        width: 70%;
        padding: 15px 0;
    }
    #shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
        height: 88vh;
    }
    #menuToggle .mobilemob .logo{
        display: flex;
        align-items: center;
        width: 110px;
    }
    #menuToggle .mobilemob .logo img{
        width: 100%;
        height: max-content;
    }
    #menuToggle .content{
        justify-content: space-around;
    }
}
@media screen and (max-width: 568px){
    #Branche-card .Branche_item .ppimg.resa{
        gap: 5px;
    }
    #shapka .shapka_content h1{
        font-size: 30px;
    }
    #shapka .fortochka_cont{
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
    #shapka .fortochka{
        border-radius: 0;
    }
    #menuToggle .content{
        width: 80%;
    }
    #fooer .info{
        padding: 25px;
    }
    #Branche-card .Branche_item .content{
        padding: 20px;
    }
    .doma .right{
        height: auto;
    }
    #contform .input-form p{
        width: 100%;
    }
    #fooer{
        padding: 10px;
    }
    span.wpcf7-acceptance input{
        width: 10px !important;
        height: 10px !important;
        font-size: 12px !important;
        display: contents;
    }
}