@import "fonts.css";
@import "reset.css";
@import "global.css";
@import "main.css";
@import "header.css";
@import "footer.css";





[data-anim="top"] {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,-webkit-transform .6s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .6s ease-out;
    -o-transition: transform .6s ease-out,opacity .3s ease-out;
    transition: transform .6s ease-out,opacity .3s ease-out;
    transition: transform .6s ease-out,opacity .3s ease-out,-webkit-transform .6s ease-out
}

[data-anim="top"].anim {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0)
}






.bodymain {
    background-image: url('../img/body-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;

}

.post-body {
    background-image: url('../img/1920singlebg-new.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.header {
    position: relative;
    width: 100%;
height: 80px;

}

.header::before {
    content: '';
    position: absolute;
    left: 40px;
    right: 40px;
    height: 1px;
    background: white;
    bottom: 0;
}

.logotype {
    position: absolute;
    left: 0;
    top: 0;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;

}
.nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 33px;
    height: 100%;
    font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.hero__inner {
    position: relative;
    width: 100%;
    height: auto;

}
.laptop-img {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.img-tabl{
    position: absolute;
    top: -60px;
    left: 53%;
    transform: translateX(-50%);
}

.vk-main-img {
    position: absolute;
    z-index: 2;
    right: -220px;
    bottom: -60px;
}





.otz-img {
    position: absolute;
    z-index: 2;
    left: -420px;
    bottom: -260px;

}
.yot-img {
    position: absolute;
    z-index: 2;
    right: -220px;
    bottom: -260px;

}
.gog-img {
    position: absolute;
    z-index: 2;
    left: -420px;
    bottom: -60px;

}
.gis-img {
    position: absolute;
    z-index: 2;
    left: -500px;
    bottom: 100px;

}














.kartochka h1 {
    font-family: var(--second-family);
font-weight: 400;
font-size: 66px;
line-height: 100%;
text-transform: uppercase;
text-align: center;
color: #fff;
padding-top: 200px;
position: relative;
z-index: 2;
}
.kartochka p {
    
    font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 155%;
color: #fff;
padding-top: 96px;
position: relative;
z-index: 2;
max-width: 350px;
margin-bottom: -5px;
/* padding-left: 250px; */
}

.kartochka{
    display: flex;
    flex-direction: column;
    align-items: center;
}



.kartochka-flex div {
    padding-top: 96px;
    padding-left: 50px;
        color: #ffffff;
    font-size: 53px;
    font-family: 'Oswald', Arial, sans-serif;
    animation: sway 2s ease-in-out infinite;
}

.kartochka-flex span{
    
    animation: sway 1s linear infinite;
}

.vk-main-img {
    display: block;

}

.elipse-img {
    position: absolute;
    left: -550px;
    top: -200px;
}

@keyframes sway {
    0% {
      transform: rotate(0deg);
    }
    30% {
      transform: rotate(-3deg); /* Небольшой наклон вправо */
    }
    60% {
      transform: rotate(3deg); /* Небольшой наклон вправо */
    }
    100% {
      transform: rotate(0deg); /* Небольшой наклон влево */
    }
  }


.hero-section-post__in img {
animation: swaytop 5s linear infinite;
}

@keyframes swaytop {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-30px);
    }
    
    100% {
      transform: translateY(0);
    }
  }

.primary-btn {
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 20px 0 rgba(225, 0, 255, 0.5);
background: linear-gradient(0deg, #692fd7 0%, #e100ff 49%, #ea80fc 100%);
border-radius: 30px;
width: 279px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--second-family);
font-weight: 300;
font-size: 22px;
line-height: 155%;
text-align: center;
color: #fff;
margin-top: 75px;
}
.primary-btn:hover {
    background: linear-gradient(0deg, #ea80fc 0%, #e100ff 49%, #692fd7 100%) !important;
transition: .6s !important;
}
.sotni-otzivov {
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 136%;
text-transform: uppercase;
text-align: center;
color: #00fffd;
    width: 100%;
    padding-top: 95px;
    padding-bottom: 75px;
}
.hero {
    padding-bottom: 96px;
}

.kartochka-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}
.kartochka-flex span {
    position: relative;
    z-index: 3;

}

.carousel-container {
            width: 100%;
            overflow: hidden;
        }

        .carousel {
            --item-count: 8; /* Установите количество элементов через WordPress */
            display: flex;
            gap: 50px;
            width: calc((400px + 50px) * var(--item-count) * 2); /* Удвоенная ширина для дублирования */
            animation: scroll 40s linear infinite;
        }

        .carousel-item {
            flex: 0 0 auto;
            width: auto !important;
            height: 115px;
        }

        .carousel-item img {
            width: auto;
            height: 100%;
            object-fit: cover;
            max-height: 115px;
            height: 100%;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-1 * (400px + 50px) * var(--item-count))); /* Сдвиг на ширину оригинальных элементов */
            }
        }

        .carousel:hover {
            animation-play-state: paused;
        }

.carousel-container {
    padding-bottom: 68px;

}
.only-live__inner h2 {
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 136%;
text-transform: uppercase;
text-align: center;
color: #d885ff;
padding-bottom: 45px;
}

.only-live__inner h2 span {
    color: #00fffd;
}
.only-live__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.only-live__in {
    display: flex;
    align-items: center;
    justify-content: center;
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 154%;
text-align: center;
color: #fff;
border: 2px solid #d885ff;
border-radius: 30px;
width: 680px;
height: 100px;
}


.begushaya-stroka {
    padding-top: 11px;
    padding-bottom: 11px;
    background: #d885ff;
    font-family: var(--second-family);
font-weight: 600;
font-size: 30px;
line-height: 155%;
text-transform: uppercase;
color: #fff;
}

.only-live {
    padding-bottom: 150px;
}

.begushaya-stroka {
            display: flex;
            align-items: center;
            gap: 10px;
            overflow: hidden;
            width: 100%;
            white-space: nowrap; /* Prevent text wrapping */
        }

        .marquee-content {
            display: flex;
            gap: 10px;
            animation: marquee 80s linear infinite reverse; /* Reverse for rightward movement */
        }

        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%); /* Move half the content width for seamless loop */
            }
        }












        

.new-client__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 75px;
    padding-bottom: 105px;
}


.new-client__inner p,
.new-client__inner h3,
.new-client__inner h2 {
    padding-bottom: 50px;
}

.new-client__inner p {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 155%;
text-align: center;
color: #fff;
max-width: 835px;
}

.new-client__inner h3 {
font-family: var(--second-family);
font-weight: 400;
font-size: 45px;
line-height: 156%;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.new-client__inner h2 {
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 156%;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.new-client__inner-item-text {
    max-width: 390px;
    display: flex;
    flex-direction: column;
    font-family: var(--second-family);
font-weight: 600;
font-size: 20px;
line-height: 155%;
text-transform: uppercase;
color: #fff;
}

.new-client__inner-item{
    display: flex;
    gap: 30px;
    align-items: center;
    padding-right: 50px;
    padding-left: 50px;
}

.new-client__inner-item-text p {
    font-weight: 400;
font-size: 18px;
line-height: 128%;
text-transform: none;
text-align: start;
padding-bottom: 0;
}

.new-client__inner-block{
    max-width: 1230px;
    display: grid;
    grid-template-columns: 1fr 1fr;
gap: 30px;
}

.what-we {
    padding-top: 75px;

}

.what-we__inner h2{
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 156%;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 50px;
margin-top: 50px;
}




.what-we__inner-item-text-block {
    display: flex;
    flex-direction: column;
    align-items: center;
        max-width: 315px;
font-family: var(--second-family);
font-weight: 600;
font-size: 20px;
line-height: 155%;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.what-we__inner-item-text-block span{

    font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 128%;
text-align: center;
color: #fff;
margin-top: 17px;
text-transform: none;
}

.what-we__inner-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.what-we__inner-block {
    margin: 0 auto;
    max-width: 1160px;
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
}
.what-we__inner-item {
    height: 370px;
}



.how-work__inner{
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;


}
.how-work__inner h2 {
    padding-bottom: 105px;
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 123%;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.how-work__inner-block {
    display: flex;
    justify-content: center;
    align-items: center;

}

.how-work__inner-block-item {
    width: 270px;
    position: relative;
    z-index: 1;
    border-top: 2px solid #00fffd;

    padding-top: 40px;
    font-weight: 400;
font-size: 18px;
line-height: 155%;
color: #fff;
height: 270px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}


.how-work__inner-block-item::before{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 2px solid #fff;
border-radius: 38px;
width: 38px;
height: 38px;
    content: '';
    background: #d885ff;
    z-index: 2;
}



.how-work__inner-block-item span{
margin-bottom: 20px;font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 135%;
color: #fff;
width: 100%;

}

.primary-btn.bottom {
    margin: 65px auto;
    height: 60px;

    box-shadow: 0 10px 20px 0 rgba(0, 11, 48, 0.25);
background: linear-gradient(0deg, #692fd7 0%, #e100ff 49%, #ea80fc 100%);
}



.form__in {
    max-width: 965px;
}

.form-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #d885ff;
border-radius: 50px;
padding: 21px;
max-width: 1150px;
}

.form-inner .primary-btn.bottom {
    margin: 0 auto;
    margin-top: 50px;
}
.form-inner h2 {
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 156%;
text-align: center;
color: #fff;
}

.form__in {
font-family: var(--second-family);
font-weight: 400;
font-size: 30px;
line-height: 167%;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.form__in strong:first-of-type {
color: #00fffd;
}


.form__in span:last-of-type {
    color: #d885ff;
}

.form-group {
    
    
    width: 100%;
    margin-top: 27px;
}

.input-group label {
    font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
color: #fff;
margin-bottom: 10px;
margin-top: 10px;
}

.input-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 80px;
    width: 100%;
}
.input-group input{
border: 1px solid #000;
border-radius: 5px;
width: 100%;
height: 50px;
background: #fff;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #000;
padding-left: 20px;
}
.input-group input::placeholder{
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #000;
}
.form-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 710px;
}
.checkbox-group a {
    font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #d885ff;
}
.checkbox-group {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #fff;
margin-top: 10px;
}
.checkbox-group input[type="checkbox"] {
    border: 2px solid #00fffd;
    width: 20px;
    height: 20px;
    background: transparent;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.checkbox-group input[type="checkbox"]:checked {
    background: #00fffd; /* Цвет фона при выборе */
}

/* Опционально: кастомная галочка */
.checkbox-group input[type="checkbox"]:checked::after {
    content: '\2713'; /* Символ галочки */
    display: block;
    text-align: center;
    color: #000; /* Цвет галочки */
    line-height: 20px;
    padding: 0;
}

.popup-content.feedback-form .checkbox-group {
    color: black;
}



.our-uslugi__inner h2{
    font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 156%;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-top: 75px;
margin-bottom: 105px;
}


.our-uslugi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin: 0 auto;
    max-width: 1165px;
}

.our-uslugi-item {
    height: 273px;
    border: 2px solid #d885ff;
border-radius: 30px;
font-family: var(--second-family);
font-weight: 400;
font-size: 45px;
line-height: 156%;
text-align: center;
color: #fff;
}

.our-uslugi-item .primary-btn.bottom {
    font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 155%;
text-align: center;
color: #fff;
margin: 0 auto;
height: 45px;
}

.our-uslugi-item {
    padding: 31px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.soc-block-item {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.soc-block {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 auto;
}

.call-me-maybe__inner {
    display: flex;
    align-items: center;
    flex-direction: column;

font-family: var(--second-family);
font-weight: 600;
font-size: 50px;
line-height: 156%;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.call-me-maybe__inner h2 {
    margin-top: 150px;
    margin-bottom: 24px;

}
.call-me-maybe__inner a:first-of-type {
font-family: var(--font4);
font-weight: 400;
font-size: 26px;
line-height: 154%;
text-align: center;
color: #e100ff;
margin-bottom: 10px;
}
.call-me-maybe__inner a:last-of-type {
font-family: var(--font4);
font-weight: 400;
font-size: 26px;
line-height: 154%;
text-align: center;
color: #00fffd;
margin-bottom: 141px;
}

.text-section-bottom .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 75px;
    padding-top: 75px;
}
.text-section-bottom__inner1 {
    padding: 24px 0;
    font-family: var(--font-family);
font-weight: 400;
font-size: 28px;
line-height: 150%;
color: #fff;
max-width: 1060px;
margin: 0 auto;
border-top: 4px solid #00fffd;
border-bottom: 4px solid #00fffd;
}

.text-section-bottom h2 {
    font-family: var(--second-family);
font-weight: 500;
font-size: 42px;
line-height: 123%;
color: #d885ff;
}


.text-section-bottom__inner2{
    padding: 24px 0;
    font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #fff;
max-width: 1060px;
margin: 0 auto;
border-top: 4px solid #d885ff;
border-bottom: 4px solid #d885ff;
}

.fast-otvet {
    margin: 0 auto;
    max-width: 1060px;
}

.fast-otvet-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.fast-otvet-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: var(--font-family);
font-weight: 300;
font-size: 20px;
line-height: 140%;
color: #fff;
}

.fast-otvet-item span {
    font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 140%;
color: #00fffd;
}


.footer__list {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
text-align: center;
color: #fff;
padding-bottom: 60px;
}
.text-section-bottom {
    padding-bottom: 75px;
}


.footer {
    padding-bottom: 75px;

}








.wa {
    display: none;
    position: fixed;
    right: 70px;
    bottom: 180px;
}

.tel-tel {
    display: none;
    position: fixed;
    right: 70px;
    bottom: 120px;
    background: white;
    border-radius: 50px;
    height: 52px;
    border: 1px solid black;
}



.close2,
.message {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 50px;
    right: 60px;
    border-radius: 30px;
width: 60px;
height: 60px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
background: #d885ff;
cursor: pointer;
}

.close2 {
    display: none;
}

.svyaz {
    position: fixed;
right: 145px;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 135%;
color: #000;
border-radius: 3px;
width: 161px;
height: 38px;
background: #00fffd;
opacity: 0.85;
cursor: pointer;

}


.popup-content.feedback-form h3 {
    font-size: 36px;
    line-height: 1.23;
        font-weight: 500;
    font-family: 'Oswald';
    text-transform: uppercase;
    text-align: center;
}
.popup-content.feedback-form  p{
font-size: 16px;
    line-height: 1.55;
    text-align: center;
    font-weight: 400;
    font-family: 'Montserrat';
}

.popup-content.feedback-form .primary-btn {
    width: 100%;

}
.popup-content.feedback-form {
    max-width: 560px;
}

.popup-content h2 {
font-size: 32px;
    line-height: 1.17;
        font-family: 'Oswald', Arial, sans-serif;
    font-weight: 600;
    color: #000000;
    text-align: start;
}

.popup-content p {
    font-family: 'Montserrat';
        font-size: 16px;
    line-height: 1.55;
    margin-top: 17px;
        font-weight: 300;
    color: #000000;
    text-align: start;
margin-bottom: 25px;
}

.popup-content span {
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 1.55;
        font-weight: 300;
    color: #000000;
    font-style: italic;
    text-align: start !important;
    width: 100%;
}
.popup-content .primary-btn{
    margin-top: 15px;
}




.footer__in {
margin: 0 auto;
max-width: 1060px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}

.footer__in-col-list {
display: flex;
flex-direction: column;
    font-family: var(--second-family);
font-weight: 300;
font-size: 14px;
line-height: 155%;
color: #fff;
}


.footer__in-col h3{
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #525252;
}

.footer__in-col {
    width: 100%;
}


.footer__in {
    width: 100%;
}

.footer {
    width: 100%;
}

.hero-section-post__in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1060px;
}


.hero-section-post__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 130px;
}

.hero-section-post__in h1 {
    font-family: var(--second-family);
font-weight: 500;
font-size: 100px;
line-height: 110%;
letter-spacing: -0.01em;
text-align: center;
color: #00fffd;
text-shadow: 
        -1px -1px 0 #000,  
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000;
}
.hero-section-post__in p:first-of-type {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
transform: rotate(90deg);
}

.hero-section-post__in p:last-of-type {
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 112%;
text-align: center;
color: #fff;
transform: rotate(-90deg);
}


.hero-section-post__in {
    position: relative;

}


.hero-section-post__in img {
    position: absolute;
    bottom: -160px;
    right: 0;
}

.hero-section-post {
    height: 100vh;
}

.single-post-second-text-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
}
.single-post-second-text-button::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: -500px;
    height: 1px;
    background: #fff;
}
.single-post-second .container {
    overflow: hidden;
}
.single-post-second__inner h2 {
    font-family: var(--second-family);
font-weight: 400;
font-size: 60px;
line-height: 130%;
text-transform: uppercase;
color: #fff;
margin-bottom: 30px;
}

.single-post-second__inner p{
    max-width: 580px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
}

.single-post-second__inner {
    max-width: 1060px;
    margin: 0 auto;
}

.single-post-second__inner .primary-btn {
    margin: 0;
}




.footer {
    margin-top: 100px;
}



.single-post-second__inner-bottom {
    width: 100%;
    max-width: 1060px;
    padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
margin: 0 auto;
gap: 30px;
padding-bottom: 135px;
}

.single-post-second__inner-bottom-col {
    display: flex;
    flex-direction: column;
    gap: 21px;
    width: 100%;
}

.single-post-second__inner-bottom-col h3 {
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 156%;
color: #fff;
}

.single-post-second__inner-bottom-col p {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 157%;
color: #fff;
}



.faq__inner {
    max-width: 650px;
    margin: 0 auto;

}


.faq__inner h3 {
font-family: var(--second-family);
font-weight: 400;
font-size: 40px;
line-height: 130%;
text-align: center;
color: #d885ff;
}

.faq__inner p {
    font-family: var(--second-family);
font-weight: 400;
font-size: 40px;
line-height: 130%;
text-align: center;
color: #fff;
}

.faq__inner span {
    font-family: var(--second-family);
font-weight: 400;
font-size: 40px;
line-height: 130%;
text-align: center;
    font-family: var(--font4);
color: #d430ce;
}


.faq__inner .primary-btn{
margin-left: auto;
margin-right: auto;
}
.faq {
    padding-top: 75px;
    border-top:1px solid #fff
}

.reviews__inner h2 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
max-width: 631px;
text-align: end;
border-top:1px solid white
}

.reviews {
    padding-bottom: 90px;
}


.reviews__inner {
    width: 100%;
}



.swiper-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 200px !important;
}
.swiper-container {
            width: 100% !important;
padding-top: 90px !important;
padding-bottom: 45px !important;
            margin: 0 auto !important;
        }
        .swiper-slide img {
            width: auto !important;
            height: auto !important;
            display: block !important;
            height: 200px !important;
        }
        .button-container {
            display: flex !important;
            justify-content: center !important;
            gap: 5px !important;
        }
        .swiper-button-prev, .swiper-button-next {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #000 !important;
            border-radius: 50px !important;
width: 40px !important;
height: 40px !important;
            cursor: pointer !important;
        }
.swiper-button-prev::after, .swiper-button-next::after{
    display: none;
}
.swiper-slide {
    width: auto !important;
}
.swiper-container {
    overflow: hidden !important;
}
.hero-section-post__in p:first-of-type {
    white-space: nowrap;
}
.button-wrapper {
    display: flex;
    justify-content: end;
    width: 100%;
    padding-bottom: 50px;
    max-width: 1200px;
    margin: 0 auto;
}
.cases__inner h2{
    padding-top: 20px;
    padding-bottom: 60px;
    max-width: 500px;
    text-align: end;
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
border-top:1px solid white;
}


.cases__inner-2col {
    display: flex;
    gap: 40px;
    
}
.cases__inner-left-col-item {
    max-width: 385px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
padding-bottom: 150px;
}
.cases__inner-right-col,
.cases__inner-left-col {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.cases__inner-left-col-item {
    max-width: 560px;
    margin-left: auto;
}
.cases__inner-right-col .cases-wrapper{
    display: flex;
    flex-direction: column;
    align-items: start;
}




.cases__inner-left-col .cases-wrapper{
        display: flex;
    flex-direction: column;
    align-items: end;
}

.cases-item {
    max-width: 560px;
}

.cases-item p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;

}
.cases-item p strong {
    font-weight: 700;
    text-decoration: underline;
}
.cases-item h3 {
font-family: var(--second-family);
font-weight: 500;
font-size: 60px;
line-height: 100%;
letter-spacing: -0.03em;
color: #fff;
margin-bottom: 30px;

}

.cases-item button {
    background: transparent;
    font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 155%;
text-align: center;
color: #d885ff;
border: 1px solid #d885ff;
border-radius: 30px;
width: 200px;
height: 36px;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

.cases-wrapper {
    padding-top: 20px;
    padding-bottom: 100px;
}
.a-lot-off__bottom img,
.in-item-img img,
.hero-section-post__in img {
    max-width: 200px;
}
.cases-item img{
    border-radius: 10px;
max-width: 560px;
width: 100%;
height: auto;
}
.card-block {
    overflow-y: auto;
}
.cases-wrapper{
    width: 100%;
    border-top: 1px solid white;
}

.info-usluga__top{
    padding-top: 20px;
    padding-bottom: 50px;
}

.info-usluga__top h2 {
font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
padding-bottom: 60px;
}

.info-usluga__top p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
}

.info-usluga__top {
    max-width: 1540px;
    width: 100%;
    margin-left: auto;
    border-top:1px solid white;
}

.card-block-item {
    max-width: 375px;
    width: 100%;
    height: 280px;
    background: #333;
    border-radius: 10px;
}


.card-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.card-block-item {
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-block-item p {
    font-family: var(--font-family);
font-weight: 300;
font-size: 18px;
line-height: 155%;
color: #fff;
position: relative;
z-index: 1;
}
.card-block-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}

.card-block-item-top {
position: relative;
z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-block-item-top span {
    font-family: var(--font-family);
font-weight: 400;
font-size: 22px;
line-height: 135%;
color: #fff;
max-width: 180px;
}

.blur {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.card-block-item:hover .blur {
    display: none;
}

.card-block {
    padding-bottom: 246px;
}
.a-lot-off__inner {
    padding-top: 45px;
    padding-bottom: 41px;
}

.a-lot-off__inner h2 {
    max-width: 475px;
    width: 100%;
    padding-top: 20px;
    border-top:1px solid white;
    text-align: end;
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
}


.a-lot-off__in {
    display: flex;
    justify-content: end;

}

.a-lot-off__in div {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: start;

    border-bottom: 1px solid white;
    max-width: 1160px;

}
.a-lot-off__in div img {
    position: absolute;
    bottom: 0;
    left: -300px;
    width: 200px;
}
.a-lot-off__in p {
    max-width: 750px;
    padding-bottom: 35px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 23px;
line-height: 139%;
color: #fff;
}
.a-lot-off__bottom-text {
    max-width: 500px;
}
.a-lot-off__bottom-text p {
    font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 161%;
color: #fff;
padding-bottom: 30px;

}
.a-lot-off__bottom {
    padding-top: 100px;
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.nav-item {
    position: relative;
    z-index: 3;
    
}
.footer__item:hover,
.footer__in-col-item:hover,
.nav-link:hover {
color: #d885ff;
}
.primary-btn {
    text-transform: uppercase !important;
}


.partner__in-item {
    margin-top: -185px;
}




.hero {
  position: relative;
  

}

.hero__inner {
  position: relative;
}

.laptop-img, .img-tabl, .vk-main-img, .otz-img, .yot-img, .gog-img, .gis-img {

  will-change: transform; /* Оптимизация для анимации */
  transition: transform 0.1s linear; /* Плавность движения */
}



.elipse-img {
  opacity: 0; /* Начальная прозрачность */
  animation: fadeIn 3s ease-in-out forwards; /* Анимация на 2 секунды, выполняется один раз */
}

@keyframes fadeIn {
  from {
    opacity: 0; /* Начальное состояние */
  }
  to {
    opacity: 1; /* Конечное состояние */
  }
}



/* Animation for img-tabl (from top to bottom, preserving translateX(-50%)) */
.img-tabl {
  opacity: 0; /* Start invisible */
  transform: translateX(-50%) translateY(-50px); /* Start 50px above, keep horizontal centering */
  animation: slideInFromTopImg 0.5s ease-out forwards; /* Apply specific animation */
}

/* Animation for h1 (from top to bottom, vertical only) */
.kartochka h1 {
  opacity: 0; /* Start invisible */
  transform: translateY(-50px); /* Start 50px above */
  animation: slideInFromTopH1 0.5s ease-out forwards; /* Apply specific animation */
}

/* Animation for kartochka-flex (from bottom to top) */
.kartochka-flex {
  opacity: 0; /* Start invisible */
  transform: translateY(50px); /* Start 50px below */
  animation: slideInFromBottom 0.5s ease-out forwards; /* Apply animation */
}

/* Keyframes for img-tabl sliding in from top, preserving translateX */
@keyframes slideInFromTopImg {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Keyframes for h1 sliding in from top, vertical only */
@keyframes slideInFromTopH1 {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Keyframes for sliding in from bottom */
@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}





.team__inner-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.team__inner-item img {
    margin-bottom: 20px;
border-radius: 100px;
width: 200px;
height: 200px;
}

.team__inner-item h3 {
    margin-bottom: 10px;
    font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
line-height: 135%;
text-align: center;
color: #f6f6f6;
}


.team__inner-item span {
font-family: var(--font-family);
font-weight: 300;
font-size: 14px;
line-height: 155%;
text-align: center;
color: #fff;
}



.nav-link {
    position: relative;
}
.nav-item-menu {
    position: absolute;
    top: 80px;
    left: 50%;
transform: translateX(-50%);
}


.nav-item-menu{
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 18px 20px;
    font-weight: 400;
    color: #000000;
        opacity: 0;
    z-index: 6000000;
    width: 150px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    -webkit-font-smoothing: antialiased;
    -o-transition: opacity .2s cubic-bezier(.895,.03,.685,.22);
    transition: opacity .2s cubic-bezier(.895,.03,.685,.22);
    -webkit-transition: opacity .2s cubic-bezier(.895,.03,.685,.22);
}

.nav-item:hover .nav-item-menu{
    display: flex;
    opacity: 1;
    transition: .3s;
}


.nav-item{
    
    height: 80px;
    display: flex;
    align-items: center;
}


.team__inner {
    max-width: 1540px;
    margin-left: auto;
}
.team__inner h2 {
    max-width: 1540px;
    padding-top: 20px;
    border-top: 1px solid #fff;
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
padding-bottom: 60px;
}

.team__inner p {
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
padding-bottom: 50px;
}

.team__inner-block {
    display: flex;
    align-items: center;
    gap: 40px;

    justify-content: center;
    max-width: 1240px;
}

.partner__inner {
    padding-top: 90px;
    padding-bottom: 54px;
}

.partner__inner h2 {
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 142%;
text-transform: uppercase;
color: #fff;
padding-bottom: 113px;
max-width: 1540px;
width: 100%;
}
.partner__inner-top {
    display: flex;
    justify-content: end;
}

.partner__in {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;

}
.partner__in-item {
    width: 100%;
}
.in-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner__in-item h2 {
    padding-bottom: 20px;
    padding-top: 20px;
    font-family: var(--second-family);
font-weight: 500;
font-size: 54px;
line-height: 100%;
letter-spacing: -0.03em;
color: #fff;
border-top: 1px solid #fff;
}

.partner__in-item p{
    padding-bottom: 20px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
}



.sotrudnichestvo__inner h2 {
    max-width: 475px;
    width: 100%;
    padding-top: 20px;
    border-top:1px solid white;
    text-align: end;
    font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #fff;
padding-bottom: 160px;
}

.sotrudnichestvo__in-item h3 {
    padding-bottom: 20px;
    font-family: var(--second-family);
font-weight: 400;
font-size: 40px;
line-height: 130%;
color: #fff;
}

.sotrudnichestvo__in-item p{
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
}
.sotrudnichestvo__in{
    display: flex;
    justify-content: center;
}
.sotrudnichestvo__in-block{
    max-width: 1540px;
}
.sotrudnichestvo__in-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 450px;
}

.sotrudnichestvo__in-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1060px;
}
.sotrudnichestvo__in-item {
    position: relative;
}











.wrapper-dot {
      position: absolute;
      width: 300px;

      transform: rotate(90deg);
          top: 171px;
    left: -190px;
    }

    .dotted-line {
      position: absolute;
      top: 50%;
      left: 0;
      display: flex;
      align-items: center;
      gap: 16px; /* Расстояние между точками */
    }

    .dot {
      width: 4px;
      height: 4px;
      background-color: white;
      border-radius: 50%;
    }

    .end-dot {
      position: relative;
      width: 14px;
      height: 14px;
      background-color: #d885ff;
      border-radius: 50%;
    }

    .end-dot::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 24px;
      border: 2px solid #d885ff;
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }


.citata__inner {
    max-width: 1200px;
    margin: 0 auto;
}


.citata__inner h3 {
    position: relative;
    font-family: var(--second-family);
font-weight: 400;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #fff;
padding-top: 64px;
padding-left: 20px;
}

.citata__inner h3::before{
    content: '"';
    position: absolute;
    font-family: var(--font4);
font-style: italic;
font-weight: 700;
font-size: 52px;
line-height: 130%;
text-transform: uppercase;
color: #d885ff;
left: 0;
top: 0;
}


.citata__inner h3::after {
    content: 'Джеймс Дайсон';
    position: absolute;
    bottom: -40px;
    right: 0;
    font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
line-height: 135%;
text-transform: uppercase;
text-align: right;
color: #fff;
}


.citata__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 150px;
    padding-top: 260px;
}


.in-item-img {
    padding-top: 270px;

}

.card-block {
    padding-bottom: 184px;
}
.a-lot-off__bottom  {
    padding-top: 68px;
}
.card-block-item img,
.single-post-second__inner-bottom-col img{
max-width: 300px;
width: 100%;
height: auto;
}













@media (max-width: 1550px) {


.bodymain {
    background-image: url('../img/1440main.webp');

}

.post-body {
    background-image: url('../img/1440singlebg-new.webp');

}

.nav-list {
    gap: 15px;
}


.citata__inner  {
    padding-top: 150px;
}

.team__inner {
    max-width: 1300px;
}
.card-block {
    padding-bottom: 75px;
}
.partner__inner h2 {
    padding-left: 20px;
}
.partner__inner {
    padding-top: 160px;
    padding-bottom: 200px;
}
.a-lot-off__inner {
    padding-top: 0;
}

.citata__inner {
    padding-bottom: 110px;
}
.a-lot-off__in div {
    max-width: 890px;
}
.a-lot-off__bottom {
    max-width: 890px;
}
.info-usluga__top {
    max-width: 1300px;
}
.single-post-second__inner-bottom {
    padding-bottom: 60px;
}
.carousel-container {
    padding-bottom: 120px;
}
.single-post-second-text-button  {
    padding-bottom: 135px;
}
.citata__inner {
    padding-top: 80px;
}

.cases-wrapper {
    padding-bottom: 107px;
}

.partner__inner {
    padding-bottom: 130px;
}

.a-lot-off__in{
    padding-top: 62px;
}




}
.post-main .carousel-container {
    /* padding-top: 50px; */
    padding-bottom: 32px;
}
.carousel {
    margin-bottom: 10px;
}
.bread-inner {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Montserrat';
    font-size: 16px;
}
.bread-inner {
    max-width: 1060px;
    margin: 0 auto;
    height: 70px;
}
.bread-inner a {
    opacity: .5;
}
.bread-inner a:hover {
    opacity: 1;
}
.bread {

    width: 100%;
    padding-bottom: 60px;
}
.in-item-img img{
animation: swaytop 3s linear infinite;
}
.nav-item-menu {
    align-items: start !important;
}
@media (max-width: 1125px) {

.mobile-menu.open {
    align-items: start;
}
.bodymain {
    background-image: url('../img/1024main.webp');

}

.post-body {
    background-image: url('../img/1024singlebg-new.webp');

}


.hero-section-post__in h1 {
    font-weight: 500;
font-size: 43px;
line-height: 135%;
}
.hero-section-post__in img {
    right: 38%;
    bottom: -267px;

}
.hero-section-post {
    height: 565px;
}

.container{
    padding-left: 20px;
    padding-right: 20px;
}

.partner__inner h2 {
    padding-left: 0;
}
.cases-wrapper {
    padding-bottom: 102px;
}

.partner__inner {
    padding-top: 60px;
}
.sotrudnichestvo__inner h2{
    padding-bottom: 100px;
}
.partner__inner {
    padding-bottom: 50px;
}


.in-item-img {
    padding-top: 130px;

}


.partner__in-item h2 {
    font-weight: 500;
font-size: 35px;
}
.partner__in-item p {
    font-weight: 400;
font-size: 14px;
}

.partner__inner {
    padding-bottom: 18px;
}

.a-lot-off__in div {
    max-width: 650px;

}
.a-lot-off__in p {
    font-weight: 700;
font-size: 18px;
}

.a-lot-off__bottom {
    padding-top: 145px;
}

.citata__inner h3 {
    font-size: 30px;
}

.citata__inner {
    padding-top: 216px;
}










    
}








.burger,
.mobile-img {
    display: none;
}
@media (max-width: 869px) {
.burger{
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}
.bodymain {
    background-image: url('../img/768main.webp');

}

.post-body {
    background-image: url('../img/768singlebg-new.webp');

}

.sotrudnichestvo__in-block {
    flex-direction: column;

}


.sotrudnichestvo__in-item{
    width: 100%;
    max-width: 450px;

    height: 360px;
}

.a-lot-off__in div img {
    left:auto;
    bottom: -60px;
}
    .single-post-second__inner-bottom {
        grid-template-columns: 1fr 1fr;
    }

.cases__inner h2 {
    max-width: 160px;
}


.partner__inner h2 {
    max-width: 400px;
}

.partner__inner-top {
    justify-content: start;
}


.sotrudnichestvo__inner h2 {
    max-width: 370px;
}






.hero-section-post__in img {
transform: translateX(-50%);
}

@keyframes swaytop {
    0% {
      transform: translateY(0) translateX(-50%);
    }
    50% {
      transform: translateY(-15px) translateX(-50%);
    }
    
    100% {
      transform: translateY(0) translateX(-50%);
    }
  }

.hero-section-post__in img {
    left: 50% !important;
}


.wa {
    
    right: 10px;
    
}
.message {
    right: 10px;
}
.svyaz {
    right: 80px;
}
    



.faq__inner p,
.faq__inner h3 {
    font-size: 30px;
}
.header__inner {
    border-bottom: none;
}

.nav-list {
    display: none;
}

.header::before {
    display: none;
}



.img-tabl{
    width: 250px;

    height: 280px;
}
.laptop-img {
    display: none;
}
.mobile-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 371px;
}


@keyframes slideInFromTopImg {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(100px);
  }
}












}







.form-inner h2 br {
    display: none;
}
.mobile-menu {
    display: none;
}


.skip-link.screen-reader-text {
    position: absolute;
    visibility: hidden;
}
.wpcf7-spinner {
    display: none;
}
.nav-item-item {
    display: flex;
    justify-content: start;
    text-align: start;
}

@media (max-width: 481px) {

.sotrudnichestvo__in br {
    display: none;
}

.svg-group-mobile-bottom {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.svg-group-mobile {
    display: flex;
    gap: 8px;
}

.svg-group-mobile-bottom .primary-btn {
    margin-top: 0;
    height: 50px;
}





.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;

    transition: right 0.3s ease-in-out;
    z-index: 1000;
    display: flex;
        flex-direction: column;
    font-family: var(--font-family);

    width: 80vw;
    height: 100vh;
    background: white;
    padding: 20px;
    font-size: 16px;
    color: #0f0f0f;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 120px;
}



.mobile-menu.open {
    right: 0;
}

body.no-scroll {
    overflow: hidden;
}

/* Ensure burger and close buttons are clickable */
.burger, .close {
    cursor: pointer;

}






    
.our-uslugi__inner h2 {
    margin-bottom: 40px;
    font-weight: 600;
font-size: 25px;
line-height: 156%;
text-transform: uppercase;
text-align: center !important;
}

.our-uslugi-grid {
    grid-template-columns: 1fr;
}

.our-uslugi-item h3 {
    font-weight: 400;
font-size: 25px;
line-height: 156%;
text-align: center;
}

.call-me-maybe__inner h2 {
    font-weight: 600;
font-size: 25px;
line-height: 156%;
text-transform: uppercase;
text-align: center !important;
margin-bottom: 50px;
}
.text-section-bottom__inner1 {
    font-weight: 400;
font-size: 16px;
line-height: 150%;
}
.text-section-bottom h2 {
    font-weight: 500;
font-size: 30px;
line-height: 123%;
}
.fast-otvet-item {
    font-weight: 300;
font-size: 16px;
line-height: 140%;
}
.text-section-bottom .container {
    padding-top: 50px;
}
.text-section-bottom__inner2 {
    font-weight: 400;
font-size: 16px;
line-height: 150%;
}
.text-section-bottom {
    padding-bottom: 0;
}
.footer {
    margin-top: 20px;
}
.footer__in {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.form-inner h2 br {
    display: block;
}
.bodymain {
    background-image: url('../img/newnewnew390.webp');

}

.post-body {
    background-image: url('../img/390singlebg-new.webp');

}

.reviews{
    padding-bottom: 10px;
}

.kartochka h1 {
    padding-top: 0;
    font-weight: 400;
font-size: 35px;
line-height: 126%;
}
.kartochka-flex {
    flex-direction: column;
}
.kartochka-flex div {
    padding-left: 0;
    padding-top: 10px;
}
.kartochka p {
    padding-top: 20px;
}
.swiper-container {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}
.cases-wrapper {
    padding-bottom: 40px;
}

.citata__inner h3 br{
display: none;
}
.single-post-second__inner-bottom {
    grid-template-columns: 1fr;
}

.single-post-second__inner-bottom-col {
    gap: 5px;
}
.single-post-second__inner-bottom {
    padding-bottom: 30px;
}
.swiper-container {
    padding-top: 0 !important;
}

.cases__inner-2col {
    flex-direction: column;
}
.cases__inner-left-col-item {
    padding-bottom: 20px;
}

.cases-item h3 {
    font-weight: 500;
font-size: 30px;
}
.cases-item p {
    font-weight: 400;
font-size: 14px;
}

.cases-item a {
    font-weight: 600;
font-size: 16px;
}

.card-block {
    flex-direction: column;
}
.team__inner-block {
    flex-direction: column;
}
.partner__in{
    grid-template-columns: 1fr;
}
.partner__in-item {
    margin-top: 0;
}

.in-item-img {
    padding-top: 0;
    padding-bottom: 40px;
}

.partner__inner h2 {
    padding-bottom: 40px;
}

.partner__in-item p br{
    display: none;
}

.partner__inner h2 {
    padding-bottom: 20px;
    font-weight: 500;
font-size: 35px;
}
.sotrudnichestvo__inner h2 {
    max-width: 322px;
}


.partner__inner-top h2 br {
    display: none;
}
.partner__inner-top h2{
    font-size: 24px;
}


.sotrudnichestvo__inner h2 {
    padding-bottom: 30px;
}
.sotrudnichestvo__in-item {
    justify-content: start;
    height: auto;
}

.citata__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: column;
    gap: 40px;
}

.a-lot-off__bottom {
    flex-direction: column;
    padding-bottom: 40px;
}


.footer__in {
    grid-template-columns: 1fr;
    gap: 16px;
}
.footer__list {
    flex-wrap: wrap;
}
.faq__inner p br {
    display: none;
}
.citata__inner h3 br {
    display: none;
}

.carousel-container {
    padding-bottom: 50px;
    padding-top: 50px;
}

.hero-section-post__in img {
    right: 20%;
}

.carousel-item,
.carousel-item img {
    width: 180px;
    height: auto;
}
    
.carousel {
    gap: 8px;
}

.kartochka-flex div {

    font-size: 34px; 
}
.single-post-second__inner h2 {
    font-weight: 400;
font-size: 30px;
line-height: 130%;
}
.kartochka h1 {
    position: absolute;
    top: 170px;
}

.single-post-second-text-button {
    flex-direction: column;
    padding-bottom: 40px;
    gap: 30px;
    align-items: start;
}
.hero-section-post__in p {
    display: none;
}
.hero-section-post__in {
    justify-content: center;
}
h2 {
    text-align: start !important;
}

.kartochka-flex {
    position: absolute;
    top: 255px;
}

.kartochka p {
    max-width: 150px;
    text-align: center;
    font-weight: 500;
font-size: 15px;
line-height: 153%;
}


.sotni-otzivov {
    font-weight: 600;
font-size: 25px;
line-height: 136%;
text-transform: uppercase;
text-align: center !important;
max-width: 315px;
margin: 0 auto;
padding-top: 188px;
    padding-bottom: 0px;
}
.sotni-otzivov br {
    display: none;
}
.only-live__inner h2 {
    font-weight: 600;
font-size: 25px;
line-height: 136%;
text-transform: uppercase;
text-align: center !important;
}
.elipse-img {
    display: none;
}
.vk-main-img {
    width: 62px;
    height: 62px;
    left: auto;
    right: -80px;
    bottom: 45px;
}
.otz-img {
    width: 62px;
    height: 62px;

        bottom: 150px;
    left: auto;
    right: -80px;
}
.yot-img {
    width: 62px;
    height: 62px;
    left: -80px;
        bottom: 115px;
        right: auto;
}
.gog-img {
    width: 62px;
    height: 62px;
    left: -80px;
    bottom: 20px;

}
.gis-img {
    left: -80px;
    bottom: 370px;
    width: 120px;
}
.hero__inner .primary-btn {
    margin-top: 0;
    font-weight: 300;
font-size: 18px;
line-height: 155%;
text-align: center;
width: 202px;
height: 45px;
position: absolute;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
}

.primary-btn {
        font-weight: 300;
font-size: 18px;
line-height: 155%;
text-align: center;
width: 202px;
height: 45px;
}
.only-live__in {
    font-weight: 600;
font-size: 18px;
line-height: 156%;
text-align: center;
width: 308px;
height: 133px;
}
.begushaya-stroka {
    font-weight: 600;
font-size: 16px;
line-height: 145%;
}

.new-client__inner h2 br {
    display: none;
}


.new-client__inner h2 {
    font-weight: 600;
font-size: 25px;
line-height: 156%;
text-transform: uppercase;
text-align: center !important;
}

.new-client__inner p {
    font-weight: 400;
font-size: 16px;
line-height: 137%;
text-align: center;
}
.new-client__inner h3 {
    font-weight: 400;
font-size: 25px;
line-height: 156%;
text-transform: uppercase;
text-align: center !important;
}
.new-client__inner-block {
    grid-template-columns: 1fr;
}

.new-client__inner-item {
    flex-direction: column;
}
.new-client__inner-item-text {
    align-items: center;
    text-align: center;
}
.only-live {
    padding-bottom: 190px;
}

.new-client__inner p {
    padding-bottom: 127px;
}


.new-client__inner-item {
    gap: 0;
}



.new-client__inner-item-text span br {
    display: none;
}
.what-we h2{
    padding-top: 0 !important;
    font-weight: 600 !important;
font-size: 25px !important;
line-height: 156% !important;

text-align: center !important;
}
.what-we {
    padding-top: 0;
}

.what-we__inner-block img {
    width: 60px;
    height: 60px;

}
.what-we__inner-block {
    gap: 0;
    height: auto;
}
.what-we__inner-item {
    height: auto;
    gap: 10px;
    padding-top: 20px;
}
.how-work__inner h2 {
    font-weight: 600;
font-size: 30px;
line-height: 123%;
text-transform: uppercase;
text-align: center;
}
.how-work__inner-block {
    flex-direction: column;
}
.primary-btn.bottom {
    margin: 35px auto;
}
.form-inner h2 {
    font-weight: 600;
font-size: 25px;
line-height: 156%;
text-align: center !important;
}
.form__in {
font-weight: 400;
font-size: 17px;
line-height: 165%;
text-transform: uppercase;
text-align: center;
}
.input-group label {
    font-weight: 400;
font-size: 18px;
}
.checkbox-group {
    font-size: 14px;
    flex-wrap: wrap;
}


.close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.nav-item {
    height: auto;
    margin-bottom: 14px;
}

.kartochka p {
    padding-top: 0;
}

.only-live {
    padding-bottom: 100px;
}

.new-client__inner p {
    padding-bottom: 80px;
}
.new-client__inner {
    padding-bottom: 0;
}


.call-me-maybe__inner h2 {
    margin-top: 70px;
}
.how-work__inner {
    padding-top: 70px;
}
.how-work__inner h2 {
    padding-bottom: 60px;
}
.text-section-bottom .container {
    padding-top: 0;
}
.hero {
    padding-bottom: 0;
}
.only-live {
    padding-bottom: 0;
}
.only-live__inner {
    padding-bottom: 50px;
}
.new-client__inner p {
    padding-bottom: 15px;
}

.footer__list {
    padding-bottom: 30px;
}

.text-section-bottom .container {
    gap: 30px;
}

.how-work__inner {
    padding-top: 50px;
}

.sotni-otzivov {
    padding-top: 90px;
}

.sotni-otzivov h2 {
    text-align: center !important;
}
.what-we__inner h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.nav-item-menu {
    position: relative;
left: auto;
top: auto;
transform: translateX(0);
box-shadow: none;

flex-direction: column;
align-items: start;
width: 180px !important;
}

.nav-item {
    flex-direction: column;
    text-align: start;
    align-items: start;
}
.nav-item-item {
padding-left: 0;
    justify-content: start;
    text-align: start;
}

.in-item-img {
    display: none;
}














}



.carousel-item {
    border-radius: 16px;
    overflow: hidden;
}

.popup-content strong{
    font-weight: 700;
    margin-top: 20px;
}
.popup-content em{
    font-style: italic;
    font-size: 16px;
    line-height: 1.55;
}
.popup-content li {
    padding-left: 10px;
}
.popup-content li::before {
    content: '•';
    
}


.t390__title.t-heading {
    font-size: 32px;
    line-height: 1.17;
    font-weight: 600;
}
.popup-content {
    display: flex;
    flex-direction: column !important;
    align-items: start !important;
    text-align: start !important;
    gap: 8px;
}


.nav-item-menu {
    width: 180px !important;
}





.jcc {
    justify-content: center !important;
}
.hero-section-post__in.jcc {
    flex-direction: column;
}
.hero-section-post__in.jcc p {
	display:block !important;
    transform: none;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 24px;
	white-space:wrap !important;
}

.hero-section-post__in.jcc h1 {
    padding-bottom: 40px;
}

.vh70 {
    height: 70vh;
}


























































/* restore-mobile-layout-20260810 */
@media (max-width: 481px) {
  .hero, .hero__inner { height: 520px; min-height: 520px; }
  .hero__inner .primary-btn { top: 430px; bottom: auto; }
  .sotni-otzivov { padding-top: 40px; }
}

/* layout-stability-fixes-20260810 */
.our-uslugi-item {
  justify-content: center !important;
  gap: 14px !important;
  overflow: hidden;
}
.our-uslugi-item > img {
  width: 100% !important;
  max-width: 200px !important;
  height: 64px !important;
  object-fit: contain !important;
}
.our-uslugi-item h3 {
  line-height: 1.15 !important;
  margin: 0 !important;
}
.our-uslugi-item .primary-btn.bottom {
  height: 45px !important;
  min-height: 45px !important;
  flex: 0 0 45px !important;
  margin: 0 auto !important;
}
.text-section-bottom__inner1,
.text-section-bottom__inner2 {
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 481px) {
  .text-section-bottom .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* intermediate-breakpoints-fix-20260810 */
@media (min-width: 641px) and (max-width: 1100px) {
  .how-work__inner-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 270px));
    width: 100%;
    max-width: 100%;
    justify-content: center;
    row-gap: 50px;
  }
}
@media (max-width: 640px) {
  .how-work__inner-block {
    display: grid !important;
    grid-template-columns: minmax(0, 270px);
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
}
@media (min-width: 482px) and (max-width: 869px) {
  .vk-main-img,
  .yot-img {
    right: -20px !important;
    left: auto !important;
  }
  .otz-img,
  .gog-img,
  .gis-img {
    left: -20px !important;
    right: auto !important;
  }
  .only-live__in {
    width: 100% !important;
    max-width: 680px !important;
  }
  .only-live__in p {
    width: auto !important;
    max-width: 100% !important;
  }
}
@media (min-width: 482px) and (max-width: 640px) {
  .new-client__inner-block {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .new-client__inner-item {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* services-intermediate-width-fix-20260810 */
@media (min-width: 482px) {
  .our-uslugi-item h3 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .our-uslugi-item .primary-btn.bottom {
    width: 100% !important;
    max-width: 279px !important;
  }
}
@media (min-width: 482px) and (max-width: 640px) {
  .our-uslugi-grid {
    grid-template-columns: 1fr !important;
  }
}