@font-face {
    font-family: 'RotondaC';
    src: url(../fonts/rotondac.otf);
    font-display: swap;
}
@font-face {
    font-family: 'Rotonda Bold';
    src: url(../fonts/rotonda_bold.ttf);
    font-display: swap;
}

body{
    margin: 0;
    padding: 0;
    font-family: RotondaC;
    background-color: #ffffff;
}
html {
    scroll-behavior: smooth;
}

.privatPolicy-A{
    cursor: pointer;
    text-decoration: underline;
}
a{
    cursor: pointer;
    color: unset;
    text-decoration: none;
}
@media screen and (max-width: 600px) {
    body{
        background: #ffffff;
    }
}

input, button{
    background: none;
    outline: none;
    border: none;
    font-family: RotondaC;
    font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]{
    -moz-appearance: textfield;
}

* {
    box-sizing: border-box;
}

/* =========================================
   HEADER
   ========================================= */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 60px 0;
    height: 72px;
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #20B300 0%, #6ee600 100%);
    pointer-events: none;
}

.header-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 1;
}
.header-logo img {
    height: 42px;
    width: auto;
}

/* Desktop navigation */
.nav-desktop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 52px;
    white-space: nowrap;
}
.nav-desktop a {
    font-family: 'Rotonda Bold', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.2s;
}
.nav-desktop a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #20B300;
    border-radius: 1px;
    transition: width 0.25s ease;
}
.nav-desktop a:hover { color: #20B300; }
.nav-desktop a:hover::after { width: 100%; }

/* Animated hamburger button */
.hamburger-btn {
    position: relative;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1;
    flex-shrink: 0;
    border-radius: 8px;
    transition: background 0.2s;
    padding: 0;
}
.hamburger-btn:hover { background: rgba(32, 179, 0, 0.08); }
.hamburger-btn span {
    position: absolute;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #222;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger-btn span:nth-child(1) { top: 13px; }
.hamburger-btn span:nth-child(2) { top: 19px; }
.hamburger-btn span:nth-child(3) { top: 25px; right: 13px; }
.hamburger-btn.active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger-btn.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger-btn.active span:nth-child(3) { right: 8px; transform: translateY(-6px) rotate(-45deg); }

ul li { list-style: none; }
ul { margin: 0; padding: 0; }
img { width: 100%; }

@media screen and (max-width: 1300px) {
    .nav-desktop { gap: 36px; }
    .nav-desktop a { font-size: 16px; }
}
@media screen and (max-width: 1100px) {
    .nav-desktop { display: none; }
}
@media screen and (max-width: 600px) {
    header { padding: 0 24px; height: 64px; }
    .header-logo img { height: 34px; }
}

/* =========================================
   MOBILE MENU
   ========================================= */
.mobile-menu {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 40px 64px 48px;
    overflow-y: auto;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.38s ease;
}
.mobile-menu.active {
    transform: translateX(0);
    visibility: visible;
}
.mobile-menu-backdrop {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
    transition: background 0.38s ease, visibility 0.38s ease;
}
.mobile-menu-backdrop.active {
    background: rgba(0, 0, 0, 0.22);
    visibility: visible;
    pointer-events: all;
}
.mobile-nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}
.mobile-nav a {
    display: block;
    font-family: 'Rotonda Bold', sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #111;
    text-decoration: none;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    transition: color 0.2s, padding-left 0.25s ease;
}
.mobile-nav a:first-child { border-top: 1px solid rgba(0, 0, 0, 0.07); }
.mobile-nav a:hover { color: #20B300; padding-left: 14px; }
.mobile-menu-contacts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 28px;
}
.mobile-menu-contacts a {
    font-family: RotondaC, sans-serif;
    font-size: 14px;
    color: #aaa;
    text-decoration: none;
    transition: color 0.2s;
}
.mobile-menu-contacts a:hover { color: #20B300; }

@media screen and (max-width: 600px) {
    .mobile-menu { top: 64px; padding: 32px 28px 40px; }
    .mobile-menu-backdrop { top: 64px; }
    .mobile-nav a { font-size: 26px; padding: 14px 0; }
}

/* =========================================
   HERO (index.html)
   ========================================= */
.mainBlock {
    padding: 52px 80px 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px;
    position: relative;
}
.mainBlock::before,
.mainBlock::after {
    content: '';
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
}
.mainBlock::before {
    width: 260px; height: 260px;
    top: -160px; right: 0;
    background: url(../img/листочек\ 3\ 1.svg) center/contain no-repeat;
}
.mainBlock::after {
    width: 180px; height: 360px;
    top: 120px; right: 0;
    background: url(../img/листочек\ 4\ 1.svg) center/contain no-repeat;
}

.mainTitle {
    font-family: RotondaC, sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    text-align: left;
    margin: 0;
}

.mainPluses {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-family: RotondaC, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #20B300;
}
.mainPluses-item {
    display: flex;
    align-items: center;
    gap: 22px;
}
.mainPluses-icon {
    width: 40px;
    display: flex;
    flex-shrink: 0;
}

.main-icon {
    width: 480px;
    flex-shrink: 0;
    margin-top: 10px;
}

.mainButton {
    margin-top: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #20B300;
    border-radius: 50px;
    padding: 18px 40px;
    font-family: RotondaC, sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #FEFEFE;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 4px 16px rgba(32,179,0,0.18);
}
.mainButton:hover {
    background: #1ba000;
    box-shadow: 0 6px 22px rgba(32,179,0,0.25);
    transform: translateY(-1px);
}
.button-icin {
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.main-icon-mini {
    display: none;
    width: 380px;
    margin: 32px auto 0;
}

/* ---- Responsive ---- */
@media (max-width: 1550px) {
    .mainTitle { font-size: 38px; }
    .mainPluses { font-size: 20px; }
    .main-icon { width: 420px; }
    .mainButton { font-size: 20px; padding: 16px 36px; }
}
@media (max-width: 1300px) {
    .mainBlock { padding: 44px 52px 64px; gap: 56px; }
    .mainTitle { font-size: 34px; }
    .mainPluses { font-size: 18px; margin-top: 28px; }
    .main-icon { width: 380px; }
}
@media (max-width: 1100px) {
    .mainTitle { font-size: 30px; }
    .mainPluses { font-size: 17px; }
    .main-icon { width: 340px; }
    .mainButton { font-size: 18px; padding: 14px 30px; }
}
@media (max-width: 900px) {
    .mainBlock {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 32px 56px;
        gap: 0;
    }
    .main-icon { display: none; }
    .main-icon-mini { display: block; }
    .mainBlock::before, .mainBlock::after { display: none; }
    .mainTitle { font-size: 30px; }
    .mainPluses {
        margin-top: 28px;
        padding: 18px 20px;
        border-radius: 22px;
        background: rgba(32,179,0,0.07);
        gap: 10px;
        font-size: 17px;
    }
    .mainButton { margin-top: 32px; width: 100%; font-size: 20px; }
}
@media (max-width: 600px) {
    .mainBlock { padding: 28px 22px 44px; }
    .mainTitle { font-size: 24px; }
    .mainPluses { font-size: 15px; }
    .main-icon-mini { width: 100%; max-width: 300px; }
}
@media (max-width: 400px) {
    .mainTitle { font-size: 20px; }
    .mainButton { font-size: 17px; padding: 14px 24px; }
}
.aboutUs-top{
    margin-top: 175px;
    position: relative;
}
.aboutUs-top::before{
    position: absolute;
    content: "";
    display: block;
}
.aboutUs-top::before{
    width: 185px;
    height: 185px;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);

    background: url(../img/Group\ 95.svg);
    z-index: 1;
}
.aboutUs{
    padding: 130px 250px 200px;
    background: #20B300;
    box-shadow: 0px 4px 4px 0px #0000001A;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.aboutUs::after,
.aboutUs::before{
    position: absolute;
    content: "";
    display: block;
}
.aboutUs::before{
    width: 277px;
    height: 554px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);

    background: url(../img/листочек\ 1\ 1.svg);
    z-index: 1;
}
.aboutUs::after{
    width: 277px;
    height: 554px;
    bottom: 50%;
    left: 0;
    rotate: 180deg;
    transform: translate(0, -50%);

    background: url(../img/листочек\ 1\ 1.svg);
    z-index: 1;
}

.aboutUs .title,
.aboutUs p {
    color: #FFFFFF;
}
.aboutUs p{
    max-width: 1100px;
    margin-top: 60px;
}

.title{
    font-family: RotondaC;
    font-size: 50px;
    font-weight: 700;
    line-height: 57.75px;
    text-align: center;
    color: #20B300;
}

.we_take .title{
    color: #000000;
}
p{
    margin: 0;
    padding: 0;

    font-family: RotondaC;
    font-size: 25px;
    font-weight: 400;
    line-height: 33.72px;
    text-align: center;

    color: #000000;
}
.circles{
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    gap: 180px;

}
.circle{
    position: relative;
    width: 150px;
}
.circles-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
}
.circles-item p{
    position: absolute;
    top: 50%;
}
.circle-txt{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: RotondaC;
    font-size: 50px;
    font-weight: 700;
    line-height: 73.92px;

    color: #20B300;
}
@media screen and (max-width: 1600px) {
    .title{
        font-size: 35px;
        line-height: 40px;
    }
    p{
        font-size: 25px;
    }
    .circles{
        gap: 80px;
    }
}
@media screen and (max-width: 1100px) {
    .aboutUs-top{
        margin-top: 130px;
    }
    .aboutUs-top::before{
        width: 100px;
        height: 100px;
        bottom: 50%;
        right: 50%;
        transform: translate(50%, 50%);
    
        background: url(../img/Group\ 99.svg);
        z-index: 1;
    }
    .aboutUs{
        padding: 130px 150px 190px;
    }
    .title{
        position: relative;
        z-index: 3;
        font-size: 35px;
    }
    p{
        position: relative;
        z-index: 3;
        font-size: 20px;
    }
    .circles{
        gap: 20px;
    }
}
@media screen and (max-width: 900px) {
    .aboutUs {
        padding: 80px 30px 120px;
    }
    .title{
        font-size: 30px;
    }
    p{
        font-size: 20px;
    }
    .aboutUs p {
        margin-top: 20px;
    }
    .circles-item p {
        position: absolute;
        top: calc(50% + 35px);
    }
    .circles{
        margin-top: 20px;
        row-gap: 50px;
        flex-wrap: wrap;
        width: 350px;
        justify-content: center;
    }
    .aboutUs::before,
    .aboutUs::after {
        scale: 0.7;
        opacity: 0.9;
    }
}
@media screen and (max-width: 500px) {
    .aboutUs {
        padding: 20px 15px 120px;
    }
    .title{
        font-size: 25px;
    }
    p{
        font-size: 17px;
    }
    .aboutUs p {
        margin-top: 10px;
    }
    .aboutUs::before,
    .aboutUs::after {
        display: none;
    }
    
}
@media screen and (max-width: 450px) {
    .aboutUs {
        padding: 40px 15px;
    }
    .title{
        font-size: 25px;
        line-height: 30px;
    }
    p{
        font-size: 15px;
        line-height: 17px;
    }
    .aboutUs p {
        margin-top: 10px;
    }
    .circle{
        width: 100px;
    }
    .circle-txt{
        font-size: 40px;
    }
    .circles{
        width: 250px;
        display: none;
    }
}
.blockDirection{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../img/Group\ 45.svg);
    background-size: contain;
    background-position: center;
    padding-bottom: 80px;

}

.directions-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.directions-item-block{
    width: 830px;
}
.directions-item-block-txt{
    width: 100%;
    height: 134px;
    padding: 35px;
    border-radius: 73px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 10px 20px 0px #0000001A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.directions-item-block-buttonMore{
    margin-top: 3px;
    width: 100%;
    padding: 17px;
    border-radius: 40px;
    background: #20B300;
    cursor: pointer;
}
.directions-item-block-buttonMore p{
    color: #FFFFFF;
}
.directions-item-icon {
    width: 300px;
}
@media screen and (max-width: 1800px) {
    .blockDirection {
        margin-top: 110px;
        background-size: cover;
    }
}

@media screen and (max-width: 1500px) {
    .directions-item-block{
        width: 700px;
    }
    .directions-item-block-txt{
        height: 100px;
    }
}
@media screen and (max-width: 1100px) {
    .directions-item-icon{
        width: 200px;
    }
    .directions-item-block{
        width: 500px;
    }
}
@media screen and (max-width: 900px) {
    .directions-item-block{
        width: 100%;
    }
    .directions-item {
        margin-top: 50px;
        flex-direction: column;
    }
    .directions-item-icon:nth-child(2n){
        order: -1;
    }
    .blockDirection{
        margin-top: 80px;
        padding: 0 15px;
        background: none;
    }
    .directions-item-block-buttonMore{
        padding: 10px;
    }
}
@media screen and (max-width: 500px) {
    .directions-item-block-txt{
        height: 60px;
    }
    .corp_pit{
        width: 152px;
        height: 181px;
    }
    .gor_stolovka{
        width: 177px;
        height: 170px;
    }
    .ceiring{
        width: 147px;
        height: 194px;
    }
    .sobst_pr{
        width: 147px;
        height: 194px;
    }
    .sobst_ferma{
        width: 213px;
        height: 165px;
    }
}

.blockPlases{
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pluses{
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 37px;
    row-gap: 80px;
}
.plus-item{
    display: flex;
    align-items: center;
    gap: 20px;
}
.plus-item-icon{
    width: 160px;
}

.plus-item-textBox{
    padding: 9px 30px 9px 9px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    min-height: 183px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 4px 4px 0px #0000001A;

    max-width: 550px;
}
.textBox-title{
    font-family: RotondaC;
    font-size: 27px;
    font-weight: 700;
    line-height: 31.18px;
    text-align: left;

}
.textBox-txt{
    margin-top: 19px;
    font-family: RotondaC;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.23px;
    text-align: left;
}
button.textBox-txt{
    margin: 0;
    padding: 0;
    color: #C6E400;
    cursor: pointer;
}
.icontextbox1,
.icontextbox2,
.icontextbox3,
.icontextbox4,
.icontextbox5,
.icontextbox6{
    position: relative;
}

.icontextbox1::after,
.icontextbox2::after,
.icontextbox3::after,
.icontextbox4::after,
.icontextbox5::after,
.icontextbox6::after{
    position: absolute;
    content: "";
    display: none;

    width: 45px;
    height: 45px;
    top: 13px;
    right: 32px;
    z-index: 1;

}
.icontextbox1::after{
    background: url(../img/1-1.svg);
    background-size: contain;
}
.icontextbox2::after{
    background: url(../img/Развитие.svg);
    height: 37px;
    background-size: cover;
}
.icontextbox3::after{
    background: url(../img/География\ деятельности.svg);
    background-size: contain;
}
.icontextbox4::after{
    background: url(../img/Собственные\ ингридиенты.svg);
    background-size: contain;
}
.icontextbox5::after{
    background: url(../img/Преданы\ качеству.svg);
    background-size: contain;
}
.icontextbox6::after{
    background: url(../img/Разные\ масштабы\ работы.svg);
    background-size: contain;
}
.plusesMobile{
    display: none;
}

@media screen and (max-width: 1550px) {
    .pluses {
        row-gap: 40px;
    }
    .textBox-txt {
        font-size: 16px;
        line-height: 17.23px;
    }
    .plus-item-textBox {
        max-width: 440px;
    }
}
@media screen and (max-width: 1300px) {
    .pluses {
        flex-direction: column;
    }
}

@media screen and (max-width: 900px) {
    .pluses {
        margin-top: 60px;
    }
    .plus-item-icon{
        width: 100px;
    }
    .textBox-title{
        font-size: 20px;
    
    }
    .textBox-txt{
        margin-top: 5px;
        font-size: 16px;
    }
    .plus-item-textBox {
        width: 420px;
    }
}
@media screen and (max-width: 600px) {
    .pluses {
        margin-top: 60px;
        width: 100%;
        align-items: flex-start;
        padding-right: 33px;
    }
    .plus-item{
        width: 100%;
    }
    .plus-item-icon{
        display: none;
    }
    .textBox-title{
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
    }
    .textBox-txt{
        margin-top: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 15.74px;

    }
    .plus-item-textBox {
        width: 100%;
        padding: 35px 35px 27px 18px;
        min-height: 130px;
    }
    .plusesFullscrin{
        display: none;
    }
    .plusesMobile{
        display: block;
    }
    .icontextbox1::after,
    .icontextbox2::after,
    .icontextbox3::after,
    .icontextbox4::after,
    .icontextbox5::after,
    .icontextbox6::after{
        display: block;
    }
}
@media screen and (max-width: 360px) {
    .icontextbox1::after,
    .icontextbox2::after,
    .icontextbox3::after,
    .icontextbox4::after,
    .icontextbox5::after,
    .icontextbox6::after{
        display: none;
    }
}
.plus-item-textBox-full{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

    /* min-height: 147px; */
}
.blockTrust{
    margin-top: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.slide-icon{
    margin-top: 100px;
    display: flex;
    align-items: center;
    gap: 34px;
    justify-content: center;
}
.companies-icons{
    display: flex;
    align-items: center;
    gap: 38px;
}
.rotete{
    transform: scale(-1, 1) 
}

@media screen and (max-width: 1550px) {
    .companies-icons{
        width: 90%;
    }
    .buttonNext{
        width: 6%;
    }
}
@media screen and (max-width: 1100px) {
    .slide-icon {
        margin-top: 60px;
        gap: 20px;
    }
    .blockTrust {
        margin-top: 80px;
    }
    .companies-icons {
        gap: 15px;
    }
}
@media screen and (max-width: 600px) {
    .slide-icon {
        margin-top: 60px;
        gap: 15px;
    }
    .blockTrust {
        margin-top: 80px;
    }
    .companies-icons {
        gap: 5px;
    }
}


.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 2em;
    height: 2em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.5em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-checkbox:checked+label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
}
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #80bdff;
    
}
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
    
}

.blockapplication{
    margin-top: 133px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    position: relative;

    padding-bottom: 200px;
}
.blockapplication::after,
.blockapplication::before{
    position: absolute;
    content: "";
    display: block;
}
.blockapplication::before{
    width: 570px;
    height: 917px;
    top: -120px;
    left: 0px;
    background: url(../img/листочек\ 3\ 5.svg);
    z-index: -1;
}
.blockapplication::after{
    width: 570px;
    height: 917px;
    top: -120px;
    right: 0px;
    transform: scale(-1 , 1);
    background: url(../img/листочек\ 3\ 5.svg);
    z-index: -1;
}


.description{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    text-align: center;

}
.application{
    margin-top: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 900px;
}
.invalid {
    border: dashed red;
}
.application input{
    width: 900px;
    padding: 30px 57px;

    background: #FFFFFF;
    border-radius: 73px;
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 10px 20px 0px #0000001A;

     font-family: RotondaC;
    font-size: 30px;
    font-weight: 400;
    line-height: 33.72px;
    text-align: left;
    color: #20B300;
}
.name{
    margin-bottom: 30px;
}
.checkbox{
    margin-top: 50px;
    width: 100%;
}
.application-button{
    margin-top: 50px;
    background: #20B300;
    padding: 28px;
    border-radius: 40px;
    width: 100%;
}
.application-button p{
    color: #FEFEFE;

}
.sendTrue .modaltitle{
    text-align: center;
}
@media screen and (max-width: 1550px) {
    .application input{
        padding: 25px 57px;
        font-size: 25px;
    }
    .description {
        font-size: 18px;
    }
    .blockapplication::after,
    .blockapplication::before{
        scale: 0.8;
    }
    .blockapplication::after{
        right: -55px;
    }
    .blockapplication::before{
        left: -55px;
    }
}
@media screen and (max-width: 1100px) {
    .application input{
        width: 600px;
        padding: 15px 40px;
        font-size: 20px;
    }
    .application {
        margin-top: 30px;
        width: 600px;
    }
    .description {
        margin-top: 0;
        font-size: 14px;
    }
    .blockapplication{
        padding: 0 30px;
    }
    .blockapplication::after,
    .blockapplication::before{
        scale: 0.6;
        top: -200px;
    }
    .blockapplication::after{
        right: -110px;
    }
    .blockapplication::before{
        left: -110px;
    }
}
@media screen and (max-width: 700px) {
    .application input{
        width: 370px;
        padding: 15px 40px;
        font-size: 20px;
    }
    .application {
        margin-top: 30px;
        width: 400px;
    }
    .blockapplication{
        padding: 0 30px;
        text-align: center;
    }
    label.description{
        text-align: left;
    }
    .blockapplication .title{
        line-height: 30px;
    }
    .blockapplication::after,
    .blockapplication::before{
        scale: 0.3;
        top: -200px;
    }
    .blockapplication::after{
        right: -195px;
    }
    .blockapplication::before{
        left: -195px;
    }
    .application-button{
        margin-top: 15px;
        padding: 15px;
    }
    .checkbox {
        margin-top: 15px;
    }
}
@media screen and (max-width: 450px) {
    .application input{
        width: 300px;
        padding: 15px 40px;
        font-size: 20px;
    }
    .application {
        margin-top: 30px;
        width: 300px;
    }
    .blockapplication{
        padding: 0 30px;
        text-align: center;
    }
    .blockapplication .title{
        line-height: 30px;
    }
    .blockapplication::after,
    .blockapplication::before{
        scale: 0.3;
        top: -200px;
    }
    .blockapplication::after{
        right: -195px;
    }
    .blockapplication::before{
        left: -195px;
    }
    .application-button{
        margin-top: 15px;
        padding: 15px;
    }
    .checkbox {
        margin-top: 15px;
    }
}

footer{
    /* margin-top: 200px; */
    background: #20B300;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 37px 120px 50px;
}
.footer-main{
    display: flex;
    align-items: flex-start;
    gap: 45px;
    
    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: left;
    color: #FFFFFF;
}
.footer-links{
    display: flex;
    gap: 44px;
}
.footer-links-item{
    cursor: pointer;
}
@media screen and (max-width: 1550px) {
    footer{
        /* margin-top: 150px; */
        padding: 30px 60px 50px;
    }
    .footer-main{
        gap: 30px;
        font-size: 16px;
    }
    .footer-links{
        gap: 20px;
    }
}
@media screen and (max-width: 1100px) {
    footer{
        /* margin-top: 150px; */
        padding: 30px 30px 50px;
    }
    .footer-main{
        gap: 30px;
        font-size: 14px;
        line-height: 16px;
    }
    .footer-links{
        gap: 20px;
    }
    .icon{
        width: 150px;
    }
    .footer-links-item{
        width: 45px;
    }
}
@media screen and (max-width: 900px) {
    footer{
        flex-direction: column;
        row-gap: 50px;
    }
    .footer-links{
        gap: 40px;
    }
    .icon{
        width: 150px;
    }
    .footer-links-item{
        width: 60px;
    }
}
@media screen and (max-width: 450px) {
    .footer-main {
        align-items: center;
        flex-direction: column;
    }
}

.modal {
    box-shadow: 0 16px 48px rgba(0,0,0,0.09), 0 2px 10px rgba(0,0,0,0.04);
    padding: 40px 44px 36px;
    width: 520px;
    border-radius: 28px;
    background: #fff;
    display: none;
    position: relative;
    overflow: hidden;
}
.modal::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #20B300, #6ee040);
    border-radius: 28px 28px 0 0;
}
.modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgb(0, 0, 0, 0.7);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    padding: 17px;
    overflow: auto;
}
.modal-overlay-center{
    align-items: center;
}

.modaltitle{
    font-family: 'Rotonda Bold', RotondaC, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    color: #0c1a0b;
    margin-bottom: 0;
}
.modaltxt{
    margin-top: 16px;
    font-family: RotondaC, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    text-align: left;
    color: #3d5238;
}
.modalButton{
    margin-top: 28px;
    background: transparent;
    border: 1.5px solid rgba(32,179,0,0.35);
    border-radius: 50px;
    padding: 12px 28px;
    display: inline-block;
    font-family: RotondaC, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #179200;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.modalButton:hover{
    background: #20B300;
    border-color: #20B300;
    color: #fff;
}

@media screen and (max-width: 600px) {
    .modal{
        padding: 35px 33px 19px 35px;

    }
    .modaltitle{
        font-size: 20px;
        line-height: 23.1px;
    }
    .modaltxt{
        margin-top: 13px;
        font-size: 12px;
        line-height: 14px;
    }
    .modalButton{
        margin-top: 20px;
        border: 2px solid #20B300;
        padding: 10px;
    
        font-size: 10px;
        line-height: 11.24px;    
    }
}

/* old burger styles removed - see .mobile-menu above */
.modal-overlay--visible {
    opacity: 1;
    visibility: visible;
}
.modal--visible { display: block; }

.privacyPolicyBlock{
    margin-top: 100px;
    margin-bottom: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.privacyPolicyBlock::after,
.privacyPolicyBlock::before{
    position: absolute;
    content: "";
    display: block;
}
.privacyPolicyBlock::before{
    width: 260px;
    height: 380px;
    top: -70px;
    right: 23px;
    background: url(../img/Group\ 33531.svg) no-repeat;
    z-index: -1;
    transform: scale(-1, 1);
}
.privacyPolicyBlock::after{
    width: 260px;
    height: 380px;
    top: -70px;
    left: 23px;
    background: url(../img/Group\ 33531.svg) no-repeat;
    z-index: -1;
}
@media screen and (max-width: 700px) {
    .privacyPolicyBlock::before,
    .privacyPolicyBlock::after{
        display: none;
    }
}

.privacyPolicyBlock-back{
    margin-top: 75px;
    max-width: 1000px;

    background: #ECECEC99;
    border-radius: 30px;
    padding: 37px 25px;

    font-family: RotondaC;
    font-size: 15px;
    font-weight: 400;
    line-height: 16.86px;
    text-align: left;
}

.privacyPolicyBlock-txt{
    margin-top: 17px;
}

.privacyPolicyBlock-title{
    font-family: RotondaC;
    font-size: 15px;
    font-weight: 700;
    line-height: 17.32px;
    text-align: left;
}
.privacyPolicyBlock-txt b{
    font-weight: 700;
}


.mainVacansyBlock{
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 200px;
}
.mainVacansyBlock-textBlock{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 565px;
}
.mainVacansyBlock-textBlock .title{
    color: #000000;
    text-align: start;
}

.vacansy-buttonInfo{
    margin-top: 38px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.vacansy-button{
    font-family: RotondaC;
    font-size: 25px;
    font-weight: 400;
    line-height: 28.1px;
    text-align: left;
    color: #FFFFFF;

    border-radius: 10px;
    background: #20B300;
    padding: 21px 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 70px;
    cursor: pointer;

}
.vacansy-buttonInfo-txt{
    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: left;
    color: #B8B8B8;

    width: 285px;
}
.mainVacansyBlock-info{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}
.info-img{
    padding: 60px 28px;
    border-radius: 10px;
    background: #C6E400;

    font-family: RotondaC;
    font-size: 35px;
    font-weight: 700;
    line-height: 40.42px;
    text-align: left;
    color: #FFFFFF;
}

.info-txt{
    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: left;
}
.info-txt b{
    font-weight: 700;
    line-height: 23.1px;
}

.mainVacansyBlock-icon{
    width: 327px;
    position: relative;
}
.mainVacansyBlock-icon::before{
    position: absolute;
    content: "";
    display: block;
    
    width: 380px;
    height: 220px;    

    bottom: 0;
    left: -30px;
    background: url(../img/Group\ 33552.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.vacansy-description{
    margin-top: 110px;
    padding: 0 100px;
    position: relative;
}


.vacansy-description-txt{
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 10px 20px 0px #0000001A;
    padding: 33px 50px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;

    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: left;

    background: #FFFFFF;

}
.vacansy-description-txt b{
    font-weight: 700;
    line-height: 23.1px;
    
}
.map-company-block{
    margin-top: 66px;
    padding: 0 100px;
    position: relative;
}
.map-company{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px #0000001A,
      0px 10px 20px 0px #0000001A;
    padding: 50px 108px 177px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
.map-company .title{
    color: #000000;
    text-align: start;
}
.line{
    margin-top: 19px;
    border: 1px solid #000000;
    width: 100%;
}
.map-company-info{
    margin-top: 50px;
}
.map-company-info .title{
    color: #88DA00;
    text-align: center;
}
.title-description{
    margin-top: 3px;
    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: center;
}

.map-company-info-icon-block{
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}
.map-company-info-icon-item{
    position: relative;
}
.map-company-info-icon-description{
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 20px;

    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
}
.description-title{
    font-family: RotondaC;
    font-size: 35px;
    font-weight: 700;
    line-height: 40.42px;
    
}
.map-company-info-icon{
    width: 200px;
}
.recruting {
    margin-top: 130px;
    padding: 0 100px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    gap: 50px;
    padding-bottom: 200px;
}
.recruting-video{
    display: flex;
    flex-direction: column;
    width: 45%;
}
.recruting .title{
    color: #000000;
    text-align: start;
}
.recruting-video-button{
    background: #54E100;
    padding: 14px 14px;
    width: 77px;
    height: 77px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruting-video-button img{
    width: 80%;
    margin-left: 5px;
}
.recruting-video-info{
    margin-top: 40px;
    display: flex;
    gap: 16px;

    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    text-align: left;
    color: #B8B8B8;

}
.recruting-video-descioption{
    width: 230px;
}
.recruting-application{
    width: 45%;
}

.line-recruting{
 position: absolute;
 border: 1px solid #88DA00;
 height: 250px;
 left: 50%;
 transform: translate(-50%, 0);
}

.mainVacansyBlock-icon-mini{
    width: 327px;
    display: none;
}


.map-company-block-back{
    position: relative;
}
.map-company-block-back::after,
.map-company-block-back::before,
.map-company-block::after,
.map-company-block::before,
.vacansy-description::after,
.vacansy-description::before{
    position: absolute;
    content: "";
    display: block;
}
.vacansy-description::after{
    width: 280px;
    height: 310px;
    top: 100px;
    left: 0;
    background: url(../img/path156.svg) no-repeat;
    z-index: -1;
}
.vacansy-description::before{
    width: 230px;
    height: 260px;
    top: -37px;
    right: 0;
    background: url(../img/path112.svg) no-repeat;
    z-index: -1;
}
.map-company-block::after{
    width: 280px;
    height: 310px;
    top: 130px;
    left: 0;
    background: url(../img/path156.svg) no-repeat;
    z-index: -1;
}
.map-company-block::before{
    width: 465px;
    height: 520px;
    top: -20px;
    right: 0;
    background: url(../img/path132.svg) no-repeat;
    z-index: -1;
}
.map-company-block-back::after{
    width: 330px;
    height: 375px;
    top: -200px;
    left: 0;
    background: url(../img/path96.svg) no-repeat;
    z-index: -1;
}
.map-company-block-back::before{
    width: 235px;
    height: 275px;
    top: -140px;
    right: 0;
    background: url(../img/path72.svg) no-repeat;
    z-index: -1;
}


@media screen and (max-width: 1428px) {
    .recruting-application .vacansy-buttonInfo {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media screen and (max-width: 1280px) {
    .mainVacansyBlock {
        gap: 20px;
    }
    .vacansy-description {
        padding: 0px 35px;
    }
    .map-company-block {
        padding: 0px 35px;
    }
    .map-company-info-icon {
        width: 150px;
    }
}

@media screen and (max-width: 1000px) {
    .mainVacansyBlock {
        gap: 0px;
    }
}
@media screen and (max-width: 950px) {
    .mainVacansyBlock-icon-mini{
        display: block;
    }
    .mainVacansyBlock-icon{
        display: none;
    }
    .mainVacansyBlock-textBlock {
        align-items: center;
    }
    .mainVacansyBlock {
        margin-top: 60px;
    }
    .map-company-info-icon-block {
        width: 490px;
        flex-wrap: wrap;
        row-gap: 130px;
    }
    .map-company-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .recruting {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 60px;
    }
    .line-recruting {
        rotate: 90deg;
        top: 16%;
    }
    .recruting-video,
    .recruting-application {
        width: unset;
    }

    .vacansy-buttonInfo-txt {
        width: 358px;
    }
}
@media screen and (max-width: 600px) {
    .vacansy-button {
        font-size: 20px;
    }
    .vacansy-buttonInfo {
        flex-direction: column;
        gap: 10px;
    }
    .vacansy-buttonInfo-txt {
        text-align: start;
    }
    .line-recruting {
        top: 23%;
    }
    .info-img {
        padding: 40px 20px;
        font-size: 25px;
    }
    .mainVacansyBlock-info {
        gap: 20px;
        width: 90%;
    }
    .map-company-info-icon-block {
        width: unset;
        row-gap: 20px;
    }
    .map-company-info-icon {
        width: 100px;
    }
    .map-company-info-icon-block {
        flex-direction: column;
    }
    .map-company {
        padding: 50px 30px;
    }
    .map-company-info-icon-description {
        position: relative;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .map-company-info-icon-item{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .recruting {
        margin-top: 130px;
        padding: 0 25px;
        margin-bottom: 200px;
    }
    .recruting .title{
        width: 100%;
    }
    .recruting-application {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .recruting-application .vacansy-buttonInfo {
        align-items: start;
        flex-direction: column;
    }
    .vacansy-description-txt {
        padding: 33px 15px;
        font-size: 14px;
        text-align: center;
        line-height: 16.48px;
    }
    .recruting-video-button {
        padding: 5px 5px;
        width: 60px;
        height: 60px;
    }
    .recruting-video-descioption {
        width: 205px;
    }
    .mainVacansyBlock-icon-mini {
        width: 300px;
    }
    .vacansy-description {
        margin-top: 45px;
    }

    .map-company-block-back::after,
    .map-company-block-back::before,
    .map-company-block::after,
    .map-company-block::before,
    .vacansy-description::after,
    .vacansy-description::before{
        display: none;
    }

    .vacansy-description-txt{
        box-shadow: 0px 0px 20px 0px #0000001A;
    }
    .map-company {
        box-shadow: 0px 0px 20px 0px #0000001A;
    }
    .recruting-video-button img {
        width: 59%;
    }
    .vacansy-buttonInfo-txt {
        width: 285px;
    }
}

.modal.video,
.modal.vacansy{
    width: 560px;
    padding: 48px 52px 44px;
    overflow-y: auto;
}

.closeIcon{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(32,179,0,0.07);
    transition: background 0.2s;
}
.closeIcon:hover { background: rgba(32,179,0,0.15); }
.closeIcon img { width: 14px; height: 14px; opacity: 0.6; }

.modal-logo{
    display: none;
}
.video .modaltitle,
.vacansy .modaltitle{
    color: #0c1a0b;
    text-align: left;
    font-family: 'Rotonda Bold', RotondaC, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 6px;
}
.vacansy .modaltitle::after {
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background: #20B300;
    border-radius: 2px;
    margin-top: 12px;
}
.video video{
    margin-top: 25px;
    width: 100%;
}

.modalForm{
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.input-vacansy{
    border: 1.5px solid rgba(32,179,0,0.15);
    font-family: RotondaC, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    color: #0c1a0b;
    width: 100%;
    padding: 14px 18px;
    border-radius: 12px;
    background: #fafffe;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}
.input-vacansy:focus {
    border-color: #20B300;
    box-shadow: 0 0 0 3px rgba(32,179,0,0.09);
    background: #fff;
}
.input-vacansy::placeholder { color: #b0c4ae; }

.select-content{
    width: 100%;
    font-family: Rotonda Bold;
    color: #666666;
    padding: 16px;
    border-radius: 8px;
}
.select{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    cursor: pointer;
}
.select-choise{
    padding: 16px;

    font-family: Rotonda Bold;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #20B300;

    border-top: 1px solid #CCCCCC;
}
.select-choise-lict{
    display: none;
}
.color-choise{
    color: #20B300;
}
.show{
    display: block;
}

.contact{
    width: 100%;
}
.contact-form{
    margin-bottom: 30px;
}
.contact-form .description-contact{
    margin-top: 7px;
    margin-left: 60px;
}

.description-contact{
    font-family: RotondaC;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #666666;
}
.select-close{
    appearance: none;
    background-image: url(../img/Vector\ \(9\).svg);
    background-position : right 16px center;
    background-repeat: no-repeat;
}

.vacansy .checkbox{
    margin-top: 10px;
}

.button-send{
    margin-top: 8px;
    background: #20B300;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px;
    border-radius: 50px;
    font-family: RotondaC, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 4px 14px rgba(32,179,0,0.18);
}
.button-send:hover {
    background: #1a9900;
    transform: translateY(-1px);
}
.button-send .button-send-icon { display: none; }

@media screen and (max-width: 650px) {
    .modal.video,
    .modal.vacansy{
        padding: 44px 28px 36px;
        width: calc(100vw - 32px);
    }
    .video .modaltitle,
    .vacansy .modaltitle{
        padding: 0;
    }
}
@media screen and (max-width: 350px) {
    .modal.video,
    .modal.vacansy{
        padding: 40px 20px 32px;
    }
}

.gallary-block{
    margin-top: 100px;
    margin-bottom: 200px;
    padding: 0 105px;

    background: url(../img/Group\ 33551.svg);
    background-size: cover;
    background-position: center;

    /* padding-bottom: 200px; */

}
.vacansy-back{
    /* background: url(../img/Group\ 33551.svg);
    background-size: cover;
    background-position: center; */
}


.gallary-list{
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    gap: 63px;

}

.gallary-item{
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 10px 20px 0px #0000001A;

    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    background: #FFFFFF;

    padding: 50px 100px 22px;
}

.gallary-item-hedder{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gallary-item-hedder .title{
    color: #000000;
}
.button-more{
    padding: 6px 12px;

    background: #20B300;
    border-radius: 10px;
    font-family: RotondaC;
    font-size: 15px;
    font-weight: 700;
    line-height: 17.32px;
    color: #FFFFFF;

    cursor: pointer;
}
.gallary-item-line{
    margin-top: 19px;
    border: 1px solid #000000;
    width: 100%;
}
.collection{
    margin-top: 38px;
    display: none;
    align-items: center;
    justify-content: space-between;

    position: relative;
}

.button-back{
    position: absolute;
    left: -94px;
}
.button-next{
    position: absolute;
    right: -94px;
    transform: scale(-1, 1);
}

.collection-description{
    margin-top: 23px;
    font-family: RotondaC;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #666666;
}
.input-vacansy-none{
    border: 1px solid #dd4c4c;
}
.all-collection{
    margin-top: 38px;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.collection-show{
    display: flex;
}
.collection-item{
    width: 30%;
    padding: 0 20px;
}
.collection-item img{
    border-radius: 20px;

}


/* Слайдер */
.slick-slider{}

/* Слайдер запущений */
.slick-slider.slick-initialized{}

/* Слайдер з крапками */
.slick-slider.slick-dotted{}

/* Обмежувальна оболонка */
.slick-list {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

/* Стрічка слайдів */
.slick-track{
    display: flex;
}

/* Слайд */
.slick-slide{}

/* Слайд активний (показується) */
.slick-slide.slick-active{}

/* Слайд основний */
.slick-slide.slick-current{}

/* Слайд по центру */
.slick-slide.slick-center{}

/* Клонований слайд */
.slick-slide.slick-cloned{}

/* Стрілка */
.slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 5;
    font-size: 0;
    width: 60px;
    height: 60px;
    padding: 0;

    display: flex;

}


/* Стрілка вліво */
.slick-arrow.slick-prev{
    left: -75px;
    transform: translate(0, -50%) scale(-1, 1);
    background: url('../img/Group\ 33612.svg') 0 0 / auto no-repeat, #FFFFFF;
    background-size: auto;
    border-radius: 50%;
    background-position: center;
    box-shadow: 0px 4px 4px 0px #0000001A,
     0px 4px 20px 0px #0000001A;


}

/* Стрілка вправо */
.slick-arrow.slick-next{
    right: -75px;
    transform: translate(0, -50%);
    background: url('../img/Group\ 33612.svg') 0 0 / auto no-repeat, #FFFFFF;
    background-size: auto;
    border-radius: 50%;
    background-position: center;
    box-shadow: 0px 4px 4px 0px #0000001A,
     0px 4px 20px 0px #0000001A;
   

}


/* Стрілка не активна */
.slick-arrow.slick-disabled{}

/* Точки (буліти) */
.slick-dots{}

.slick-dots li{}

/* Активна точка */
.slick-dots li.slick-active{}

/* Елемент точки */
.slick-dots li button{}


@media screen and (max-width: 1100px) {
    .gallary-item {
        padding: 50px 60px 22px;
    }
    .gallary-block {
        margin-top: 50px;
        padding: 0 60px;
    }
    .gallary-list {
        margin-top: 30px;
        gap: 45px;
    }
    .slick-arrow.slick-prev{
        left: -50px;
    }
    
    .slick-arrow.slick-next{
        right: -50px;
    }
    .collection-item{
        width: 45%;
    }
    .slick-arrow{
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 650px){
    .gallary-item {
        padding: 20px 25px 22px;
    }

    .slick-arrow{
        width: 0px;
        height: 0px;
    }
}
@media screen and (max-width: 550px) {
    .gallary-item-hedder {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .button-more {
        font-size: 12px;
    }
    .collection-description {
        margin-top: 10px;
        font-size: 10px;
    }
    .gallary-block {
        padding: 0 15px;
    }
    .gallary-item {
        padding: 20px 15px 22px;
    }
    /* .slick-arrow{
        width: 40px;
        height: 40px;
    } */

    .slick-arrow.slick-prev {
        background-size: 27%;
    }
    .slick-arrow.slick-next{
        background-size: 27%;
    }

    .slick-arrow.slick-prev{
        left: -40px;
    }
    
    .slick-arrow.slick-next{
        right: -40px;
    }

    .collection {
        margin-top: 15px;
    }
    .collection-item{
        width: 100%;
    }
}

.main-contract{
    margin-top: 170px;
    padding: 0 20px;
}
.main-contract .title{
    color: #000000;
}
.main-contract-description{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.button-formain-contract{
    width: 375px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    
    font-family: RotondaC;
    font-size: 20px;
    font-weight: 400;
    line-height: 22.48px;
    color: #B8B8B8;
    text-align: center;


}
.icon-for-main-contract{
    width: 220px;
    position: relative;
}

.icon-for-main-contract::before{
    position: absolute;
    content: "";
    display: block;
    
    width: 300px;
    height: 170px;   

    bottom: 0;
    left: -44px;
    background: url(../img/Group\ 33552.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}


.we_take{
    margin-top: 140px;
}
.we_take-box-list{
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 65px;
}

.we_take-box{
    /* box-shadow: 0px 4px 20px 0px #0000001A,
     0px 4px 4px 0px #0000001A; */

    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 4px 4px 0px #0000001A;


    background: #FFFFFF;
    width: 304px;
    height: 250px;

    padding: 24px 10px 25px 30px;
    border-radius: 10px;

    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between; */
}
.we_take-box-icon{
    width: 30px;
    height: 30px;
}

.we_take-box-icon-green-back{
    width: 60px;
    height: 60px;
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #54E1004D;

}


.we_take-box-title{
    /* font-family: Rotonda Bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 23.1px;
    letter-spacing: 0.07em; */

    font-family: RotondaC;
    font-weight: 700;
    font-size: 20px;
    line-height: 23.1px;

    margin-top: 16px;

    text-transform: uppercase;
    color: #000000;
}

.we_take-box-description{
    /* font-family: RotondaC;
    font-size: 12px;
    font-weight: 400;
    line-height: 13.49px;
    text-align: left; */

    font-family: RotondaC;
    font-weight: 400;
    font-size: 13px;
    line-height: 14.61px;

    margin-top: 16px;

}
.example{
    margin-top: 78px;
    display: flex;
    justify-content: center;
}
.example .gallary-item{
    width: 1042px;
    padding: 40px 60px;
}

.example .gallary-item .slick-arrow{
    width: 0;
}
.example .gallary-item .collection-item{
    padding: 0 5px;
}



.our_advantages{
    margin-top: 130px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.our_advantages-block{
    margin-top: 68px;
    box-shadow: 0px 4px 20px 0px #0000001A,
     0px 4px 4px 0px #0000001A;
    
    border-radius: 10px;
    width: 1042px;
    background: #FFFFFF;

    padding: 53px 80px 48px 103px;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 65px;
}
.our_advantages-block-box{
    width: 350px;
}
.our_advantages-number{
    font-family: RotondaC;
    font-weight: 700;
    font-size: 35px;
    line-height: 40.42px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: Auto;

    color: #20B300;
}
.our_advantages-title{
    margin-top: 20px;

    font-family: RotondaC;
    font-weight: 700;
    font-size: 20px;
    line-height: 23.1px;
    text-transform: uppercase;

    color: #000000;
}
.our_advantages-description{
    margin-top: 10px;
    font-family: RotondaC;
    font-weight: 400;
    font-size: 15px;
    line-height: 16.86px;
}
green{
    font-family: RotondaC;
    font-weight: 700;
    line-height: 17.32px;

    color: #20B300;
}

@media screen and (max-width: 1300px) {
    .we_take-box-list{
        gap: 30px;
    }
    .our_advantages-block{
        width: 975px;
    }
    .example .gallary-item{
        width: 975px;
    }
}

@media screen and (max-width: 980px) {
    .example .gallary-item{
        width: 100%;
    }
    .our_advantages-block{
        width: 100%;
        flex-direction: column;
        align-items: center;
        
    }
    .our_advantages{
        padding: 0 20px;
    }
}

@media screen and (max-width: 950px) {
    .main-contract-description {
        justify-content: center;
        gap: 35px;
        flex-direction: column;
        align-items: center;
    }
    .button-formain-contract {
        gap: 30px;
    }
    .for_mobiole{
        display: none;
    }
    .example{
        margin-top: 38px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 650px) {
    .main-contract{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main-contract .title{
        width: 400px;
        text-align: center;
    }
    .our_advantages-block-box{
        width: unset;
    }
    .our_advantages-block{
        padding: 30px 50px;
    }

    
    .example .gallary-item{
        padding: 25px 15px;
    }

}

@media screen and (max-width: 450px) {
    .main-contract .title{
        width: unset;
    }
    .button-formain-contract{
        width: unset;
    }
    .we_take-box{
        width: unset;
        height: 270px;
    }
    .we_take-box-list {
        padding: 0 15px;
    }
    .our_advantages-block{
        padding: 30px;
        gap: 30px;
    }
}

.collection-item img {
cursor: pointer;
/* transition: transform 0.3s ease; */
}

.collection-item:hover img {
/* transform: scale(1.03); */
}

.overlay-gallery {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
z-index: 1000;
justify-content: center;
align-items: center;
}

.overlay-image {
max-width: max-content;
max-height: 90%;
object-fit: contain;
border-radius: 20px;
}

.close-gallery {
position: absolute;
top: 25px;
right: 40px;
color: white;
font-size: 45px;
cursor: pointer;
transition: opacity 0.2s;
}

.close-gallery:hover {
opacity: 0.8;
}

body.overlay-open {
overflow: hidden;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}

.back-partnership{
    background: url(../img/Group\ 33551.svg);
    background-size: cover;
    background-position: center;
}

/* =========================================
   LARGE SCREEN OPTIMISATION
   На больших IPS мониторах тени выглядят
   жёсткими — минимизируем на 1600px+
   ========================================= */
@media screen and (min-width: 1600px) {
    /* Replace heavy multi-layered shadows with a single, very soft shadow + border */
    .gallary-item,
    .main-contract-form,
    .vacansy-description-txt,
    .map-company,
    .we_take-box,
    .our_advantages-block,
    .example .gallary-item,
    .modal {
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.06);
    }
    .aboutUs {
        box-shadow: none !important;
    }
    header {
        box-shadow: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}