/* Подключение локальных шрифтов Roboto */
:root {
    --main-color: #1E1E1E;
    --bg-color: #F3F5F6;
    --blue-color: #1263BF;
    --acent-color: #79B230;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: var(--main-color);
    background: var(--bg-color);
}

html {
    height: 100%;
}
/* ======== Header ========*/
header {
   padding: 25px 0;
    position: relative;
    z-index: 100;
}
main {
    min-height: 45vw;

}
.header-nav-panel-wrapper {
    box-shadow: 0 4px 4px rgba(0,0,0,0.04);
    border-radius: 22px;
    background: white;
}

.header-nav-panel{
    padding: 15px 35px;
}

.header-navigation__logo img {
    width: 205px;
}

.wrap-contact {
    display: flex;
    justify-content: space-between;
}

.header-calc_btn a {
    display: flex;
    align-items: center;
    gap: 25px;
    border: 1px solid var(--acent-color);
    border-radius: 12px;
    padding: 10px 16px;
    font-weight: bold;
    color: var(--acent-color);
    text-decoration: none;
    will-change: transform;
    transition: all 0.4s ease;
}

.header-calc_btn a:hover {
    color: rgba(238, 63, 88, 1);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(238, 63, 88, 0.2);
    text-decoration: none;
}

.header-calc_btn a img {
    transition: transform 0.4s ease;
}

.header-calc_btn a:hover img {
    transform: translateX(6px) rotate(5deg);
}


.header-navigation {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
}


.header-navigation__adres-item {
    position: relative;
    line-height: 1.3;
    padding-left: 25px;
    margin-bottom: 5px;
}
.header-navigation__adres-item::after {
    content: '';
    background: url('data:image/svg+xml,<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.67969 0C2.99628 0 0 2.92781 0 6.483C0 7.74754 0.379518 8.97262 1.09747 10.025L6.67969 18.3387L12.2619 10.025C12.9799 8.97265 13.3594 7.74758 13.3594 6.483C13.3594 2.92781 10.3631 0 6.67969 0ZM6.67969 9.70659C4.83799 9.70659 3.33984 8.2606 3.33984 6.483C3.33984 4.7054 4.83799 3.22359 6.67969 3.22359C8.52139 3.22359 10.0195 4.7054 10.0195 6.483C10.0195 8.2606 8.52139 9.70659 6.67969 9.70659Z" fill="%2379B230"/></svg>') no-repeat center / contain;
    width: 20px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: -1px;
}
.header-navigation__adres-link button {
    text-decoration: underline;
    font-size: 14px;
    background: none;
    padding: 0;
    border: none;
    margin-left: 25px;
    transition: all .3s;
}
.header-navigation__adres-link button:hover {
    color: var(--acent-color);
    cursor: pointer;
}

.header-navigation__phone span {
    display: block;
    font-size: 14px;
    opacity: .45;
}
.header-navigation__phone {
    text-align: right;
}
.header-navigation__phone a {
    color: #1e1e1e;
    font-size: 22px;
    padding-left: 30px;
    position: relative;
    font-weight: 700;
    transition: all .3s;
}
.header-navigation__phone a:hover {
    color: var(--acent-color);
    text-decoration: none;
}
.header-navigation__phone a::after {
    content: '';
    width: 20px;
    height: 20px;
    background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5628 11.2542L13.3278 9.11421C12.5296 8.34992 11.1726 8.65566 10.8533 9.64922C10.6139 10.3371 9.81565 10.7193 9.09725 10.5664C7.50081 10.1842 5.34561 8.19706 4.9465 6.59204C4.70704 5.90414 5.18597 5.13985 5.90437 4.91059C6.94206 4.60487 7.26134 3.30557 6.46312 2.54128L4.2281 0.401255C3.58953 -0.133752 2.63166 -0.133752 2.07291 0.401255L0.556286 1.85341C-0.960334 3.382 0.71593 7.43276 4.46757 11.0249C8.21921 14.6171 12.4498 16.2986 14.0462 14.77L15.5628 13.3178C16.1216 12.7064 16.1216 11.7892 15.5628 11.2542Z" fill="%2379B230"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 2px;
}

.header-navigation__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 18px;
    display: flex;
}

.header-navigation__menu ul li a {
    color: var(--main-color);
    text-transform: uppercase;
    transition: all .3s;
    font-weight: 700;
}

.header-navigation__menu ul li a:hover {
    text-decoration: none;
    color: var(--acent-color);
}


/* Кнопка */
.contact-floating {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

/* Круглая кнопка */
.contact-floating .contact-main-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--acent-color);
    border: none;
    cursor: pointer;
    display: flex;

    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.phone-anim {
    width: 28px;
    height: 28px;
    animation: phone-ring 1s ease-in-out infinite;
    transform-origin: 50% 50%;
}

@keyframes phone-ring {
    0%   { transform: rotate(0deg); }
    15%  { transform: rotate(-15deg); }
    30%  { transform: rotate(15deg); }
    45%  { transform: rotate(-10deg); }
    60%  { transform: rotate(10deg); }
    75%  { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.contact-floating .contact-main-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.30);
}

/* Ссылки */
.contact-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);

    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.30s ease, transform 0.30s ease;
}

/* Анимация задержки по очереди */
.contact-links.uk-open a:nth-child(1) { transition-delay: 0.05s; }
.contact-links.uk-open a:nth-child(2) { transition-delay: 0.13s; }
.contact-links.uk-open a:nth-child(3) { transition-delay: 0.20s; }

/* Видимые фон и движение */
.contact-links.uk-open a {
    opacity: 1;
    transform: translateY(0);
}

/* При наведении */
.contact-links a:hover {
    background: #1e87f0;
    color: #fff;
}

/* Брендовые цвета */
.contact-links a.whatsapp:hover { background: #25d366; }
.contact-links a.telegram:hover { background: #0088cc; }
.contact-links a.instagram:hover { background: #c13584; }
.contact-links a.phone:hover    { background: #333; }
.contact-links a.max:hover {
    background: #9B50DB;
}
.contact-links a.max svg {
    width: 20px;
}
/* Иконки */
.contact-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.contact-links a:hover svg path {
    color: white;
    fill: white !important;
}


.mobile-btn-menu button {
    background: var(--acent-color);
    color: white;
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    padding: 15px 15px 15px 45px;
    position: relative;
    transition: all .3s;
    border: none;
    outline: none;
    box-shadow: none;
}
.mobile-btn-menu button:hover {
    cursor: pointer;
    outline: none;
}
.mobile-btn-menu button::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 15px;
    background: url('data:image/svg+xml,<svg width="63" height="46" viewBox="0 0 63 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3.25C0 2.38805 0.342409 1.5614 0.951903 0.951903C1.5614 0.342409 2.38805 0 3.25 0H59.5833C60.4453 0 61.2719 0.342409 61.8814 0.951903C62.4909 1.5614 62.8333 2.38805 62.8333 3.25C62.8333 4.11195 62.4909 4.9386 61.8814 5.5481C61.2719 6.15759 60.4453 6.5 59.5833 6.5H3.25C2.38805 6.5 1.5614 6.15759 0.951903 5.5481C0.342409 4.9386 0 4.11195 0 3.25ZM0 22.75C0 21.888 0.342409 21.0614 0.951903 20.4519C1.5614 19.8424 2.38805 19.5 3.25 19.5H59.5833C60.4453 19.5 61.2719 19.8424 61.8814 20.4519C62.4909 21.0614 62.8333 21.888 62.8333 22.75C62.8333 23.612 62.4909 24.4386 61.8814 25.0481C61.2719 25.6576 60.4453 26 59.5833 26H3.25C2.38805 26 1.5614 25.6576 0.951903 25.0481C0.342409 24.4386 0 23.612 0 22.75ZM0 42.25C0 41.388 0.342409 40.5614 0.951903 39.9519C1.5614 39.3424 2.38805 39 3.25 39H59.5833C60.4453 39 61.2719 39.3424 61.8814 39.9519C62.4909 40.5614 62.8333 41.388 62.8333 42.25C62.8333 43.112 62.4909 43.9386 61.8814 44.5481C61.2719 45.1576 60.4453 45.5 59.5833 45.5H3.25C2.38805 45.5 1.5614 45.1576 0.951903 44.5481C0.342409 43.9386 0 43.112 0 42.25Z" fill="white"/></svg>') no-repeat center / contain;
}


.uk-offcanvas-bar {
    background: var(--blue-color);
    color: white;
}

.mobile-wrap-menu nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-wrap-menu {
    margin-top: 45px;
}
.mobile-wrap-menu nav ul li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
}
.uk-offcanvas-overlay::before {
    background: rgba(0,0,0,.7);
}
.mobile-wrap-menu nav ul li a:hover {
    text-decoration: none;
}

.uk-offcanvas-bar .header-calc_btn a {
    color: white;
    border: 1px solid white;
}


.uk-offcanvas-bar .header-navigation__phone {
  text-align: left;
    color: white;
}

.uk-offcanvas-bar .header-navigation__phone a {
    color: white;
}

.uk-offcanvas-bar .header-navigation__phone {
}
.uk-offcanvas-bar .header-navigation__phone a::after {
    background:url('data:image/svg+xml,<svg width="38" height="37" viewBox="0 0 38 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.934 26.7087L31.6298 21.63C29.7354 19.8161 26.515 20.5418 25.7573 22.8997C25.189 24.5322 23.2947 25.4391 21.5897 25.0763C17.801 24.1694 12.6863 19.4534 11.7391 15.6443C11.1708 14.0118 12.3074 12.198 14.0123 11.6539C16.475 10.9284 17.2327 7.84484 15.3384 6.031L10.0342 0.952263C8.51872 -0.317421 6.2455 -0.317421 4.91945 0.952263L1.32019 4.39855C-2.27908 8.02622 1.69906 17.6395 10.6025 26.1646C19.506 34.6896 29.546 38.6801 33.3347 35.0524L36.934 31.6061C38.2601 30.155 38.2601 27.9784 36.934 26.7087Z" fill="white"/></svg>') no-repeat center / cover;
}

.uk-drop {
    width: 200px;
}

.header-content {
    display: flex;
    gap: 35px;
    justify-content: space-between;
}
.header-content-left {
    background: var(--blue-color);
    color: white;
    border-radius: 22px;
    padding: 70px 70px 35px;
    width: 55vw;
    overflow: hidden;
}
.header-content-right {
    width: 32vw;
    overflow: hidden;
    border-radius: 22px;
    position: relative;
    background: url('/img/bg.webp') no-repeat center / cover;
}

.header-content-right video {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    border: none;
    object-fit: cover;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    overflow: hidden;
}
.header-content-left::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url("../img/maks.svg") no-repeat center / cover;
}
.partner-logo {
    position: absolute;
    right: -20px;
    top: -20px;
    background: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    border-radius: 12px;
}
.partner-logo a:hover {
    text-decoration: none;
}
.partner-logo span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0 0;
    color: green;
}
.partner-logo img {
    width: 200px;
}
.header-content-wrap {
    position: relative;
    z-index: 2;
}
#changing-word {
    display: block !important;
}
.header-content-left__title span {
    display: block;
}
.header-content-left__title h1 {
    color: white;
    font-size: 50px;
    margin: 0;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.header-content-left__text {
    margin: 55px  0 55px;
    display: block;
    font-size: 18px;
    width: 80%;
}

.typewriter {
    display: inline-block;
    white-space: nowrap;
    border-right: 4px solid white;
    padding-right: 5px;
    animation: blink 0.7s infinite;
}
.header-content-left-btn {
    margin-top: 35px;
}
.header-content-left-btn button {
    padding: 25px 150px 25px 100px;
    background: var(--acent-color);
    border-radius: 22px;
    color: white;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    position: relative;
}
.header-content-left-btn button::after {
    content: "";
    width: 60px;
    background: url('data:image/svg+xml,<svg width="512" height="248" viewBox="0 0 512 248" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M506.134 109.843L506.116 109.824L401.612 5.82394C393.783 -1.96706 381.12 -1.93807 373.327 5.89193C365.534 13.7219 365.565 26.3839 373.394 34.1759L443.558 104H20C8.954 104 0 112.954 0 124C0 135.046 8.954 144 20 144H443.557L373.395 213.824C365.566 221.616 365.536 234.279 373.328 242.108C381.121 249.939 393.785 249.966 401.613 242.176L506.117 138.176L506.135 138.157C513.968 130.339 513.943 117.635 506.134 109.843Z" fill="black"/></svg>') #fff no-repeat center / 30px;
    position: absolute;
    border-radius: 50%;
    right: 15px;
    top: 7px;
    height: 60px;
    animation: leftRight 2s infinite ease-in-out;
}

@keyframes leftRight {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
    100% { transform: translateX(0); }
}

@keyframes blink {
    0%, 100% { border-color: transparent; }
    50% { border-color: #fff; }
}
.header-content__botom {
    margin-top: 75px;
    gap: 55px;
    display: flex;
}

.header-content__botom-item {
    display: flex;
    gap: 5px;
    border-right: 2px solid white;
    padding-right: 35px;
    flex-direction: column;
}
.header-content__botom-item__number {
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.header-content__botom-item__text {
    font-size: 16px;
    line-height: 1.2;
}

.header-content-right {
    overflow: hidden;
}



.marquee-wrapper {
    width: 100%;
    margin: 35px 0;
    overflow: hidden;
    background: var(--acent-color);
    padding: 10px 0;
    color: white;
}

.marquee {
    display: inline-flex;
    gap: 24px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee-scroll 35s linear infinite; /* БЕЗ пауз */
}

/* Один блок акции */
.marquee-item {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;

}


/* Ключевая фишка — сдвиг ровно на половину (2 набора подряд) */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


.uk-modal-dialog {
    width: 400px;
    border-radius: 22px;
}


input[type="text"],
 input[type="tel"]{
    width: 100%;
    background-color: #e3e3e3;
    color: rgba(102, 102, 102, 1);
    border: none;
    border-radius: 22px;
    font-size: 16px;
    padding: 25px 15px;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow 0.3s ease;
    margin-bottom: 20px;
}

input[type="submit"]{
    width: 100%;
    background-color:var(--acent-color);
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 22px;
    font-size: 16px;
    padding: 20px 15px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow 0.3s ease;
    margin-bottom: 15px;
}
.uk-modal-dialog {
    position: relative;
}
.uk-modal-dialog p {
    margin: 0;
    padding: 0;
}

.modal-title {
    font-size: 35px;
    font-weight: 700;


}

.uk-modal-dialog .politick {
    font-size: 14px;
    line-height: 1.2;
    opacity: .45;
}
.wpcf7-spinner {
    display: none;
}



.section-title {
    position: relative;
  
}
.lz {
    width: 100px !important;
}
.section-title h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.partners-card-icon img {
    width: 30px;
}

.partners-benefit-icon {
    font-size: 30px;
}

.logo-slider__item  {
    background: white;
    text-align: center;
    border-radius: 12px;
}
.slick-track {
    display: flex;
    gap: 25px;
}
.slick-list {
    overflow: hidden;
}

.logo-slider__item img {
    border-radius: 22px;
    filter: grayscale(1);
}

.service-items {
    margin-top: 70px;
}

.form-inner {
    padding: 35px 35px;
    background: var(--blue-color);
    color: white;
    border-radius: 22px;
    position: relative;
    z-index: 10;
    position: sticky;
    top: 10px;
}
.form-inner::after {
    content: '';
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    background: var(--blue-color);
    position: absolute;
    right: -25px;
    top: 70px;
    z-index: -1;
}
.form-inner h3 {
    text-align: center;
    font-weight: 700;
    color: white;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 25px;
}
.form-inner .politick {
    font-size: 14px;
    color: white;
    opacity: .55;
}

.service-item {
    position: relative;
    height: 490px;
    border-radius: 22px;
    overflow: hidden;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
}
.service-item__content {
    position: relative;
    z-index: 10;
}

.service-item__content__title  {
    font-size: 40px;
    font-weight: 700;
    padding-left: 35px;
    border-left: 2px solid white;
    color: white;
    width: 90%;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.fade-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: none;
    background: #000724;
    background: linear-gradient(0deg,rgba(0, 7, 36, 0.8) 0%, rgba(0, 0, 0, 0) 100%);pointer-events: none;
    box-sizing: border-box;
}

.btn {
    background-color: var(--acent-color);
    color: white;
    font-weight: bold;
    border-radius: 22px;
    font-size: 16px;
    padding: 20px 35px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid var(--acent-color);
}

.service-item .service-item__content-btn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    height: 0;
}

.service-item:hover .service-item__content-btn {
    opacity: 1;
    visibility: visible;
    height: 60px;

}
.service-item {
    position: relative;
    overflow: hidden;
}

/* Картинка, которую подставит UIkit */
.service-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    transform-origin: center center;
}

/* При наведении: зум + лёгкий сдвиг (параллакс) */
.service-item:hover img {
    transform: scale(1.15) translateY(-10px);
}

.sales {
    position: absolute;
    right: 50px;
    top: 0;
    background: var(--acent-color);
    color: white;
    padding: 25px 10px;
    border-radius:  0 0 22px 22px;
    display: flex;
    gap: 15px;
    font-size: 14px;
    align-items: center;
}
.sales__title {
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
}

.sales__amount {
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
}










.footer {
    padding: 35px 0;
    position: relative;
    background: rgba(13, 105, 210, 1);
    color: white;
}




.footer-content span {
    display: block;
    text-transform: uppercase;
}
.benefit-item {
    margin-top: 35px;
}
.section-title h2 span {
    color: #5fad21;
}
.contacts-boxz .header-content-left-btn button {
    width: 100%;
    display: block;
}
.copityght {
    text-align: right;
}
.contacts-item img {
    width: 50px;
}
.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: var(--acent-color);
    color: #fff;
    font-size: 14px;
    padding: 12px 16px;
    box-sizing: border-box;
}

.cookie-banner__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cookie-banner__text {
    flex: 1 1 auto;
}

.cookie-banner__button {
    flex: 0 0 auto;
    border: none;
    padding: 8px 18px;
    cursor: pointer;
    border-radius: 4px;
    background: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.cookie-banner__button:hover {
    opacity: 0.9;
}

@media (max-width: 600px) {
    .cookie-banner__inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-banner__button {
        width: 100%;
        text-align: center;
    }
}


.сity-title {
    font-weight: bold;
    font-size: 18px;
}
.city-select span {
    text-decoration: underline;
}

.сity-list a {
    font-size: 35px;
    color: var(--main-color);
    font-weight: bold;
    text-decoration: underline;
}

.city-btn {
    text-align: center;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    display: block;
    text-decoration: underline;
    border: none;
    color: var(--acent-color);
    width: 100%;
    box-sizing: border-box;
}

.contact-box {
    background: rgba(13, 105, 210, 1);
    color: white;
    position: relative;
    padding-top: 30px;
    padding-bottom: 120px;
}

.contact-box::before {
    position: absolute;
    content: '';
    background: url(../img/footer-wave-svg.svg) no-repeat center top / cover;
    width: 100%;
    height: 106px;
    top: -105px;
}
.contact-box::after {
    position: absolute;
    content: '';
    background: url(../img/wav.svg) no-repeat center top / cover;
    width: 100%;
    height: 106px;
    bottom: -2px;

}
.contact-rom-inner__title,
.contact-form-call__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact-rom-inner__sale {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 25px;
   margin: 25px 0;
}

.wrap-contact .btn:hover {
    color: white;
    background: transparent;
    border: 1px solid var(--acent-color);
}

.contact-form__phone a {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: white;
    padding-left: 45px;
}

.contact-form__phone a::after {
    content: '';
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.622 19.2516L22.7987 15.5909C21.4333 14.2835 19.112 14.8065 18.5658 16.5061C18.1562 17.6828 16.7908 18.3365 15.5619 18.0749C12.831 17.4212 9.14426 14.022 8.46154 11.2764C8.05191 10.0997 8.87117 8.79228 10.1001 8.40011C11.8752 7.87715 12.4213 5.65455 11.0559 4.34714L7.23264 0.68639C6.14028 -0.228797 4.50175 -0.228797 3.54594 0.68639L0.951589 3.17047C-1.64276 5.78529 1.22468 12.7146 7.64227 18.8594C14.0599 25.0042 21.2967 27.8806 24.0276 25.2657L26.622 22.7816C27.5778 21.7357 27.5778 20.1668 26.622 19.2516Z" fill="white"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 10px;
}

.man {
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translate(-50%, 0);
}

.man img {
    width: 350px;
}



.step-item-small {
    display: flex;
    align-items: center;
    gap: 25px;
}
.step-item-small__number {
    line-height: 1;
    font-size: 150px;
    opacity: .10;
    font-weight: 700;
}


.step-item-small__descr {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 22px;
    padding: 25px;
    background: white;
}

.step-item-small__descr__text {
    line-height: 1.3;
    opacity: .7;
}
.step-item-small__descr__title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
}
.items-step {
    margin-top: 35px;
}
.step-big .step-big__text {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.step-item-small__descr__link button {
    color: var(--acent-color);
    text-transform: uppercase;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.step-big .step-item-small__number {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.step-big__text {
    width: 60%;
}

.step-basik {
    width: 100%;
    height: 770px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative; /* важно для абсолютных элементов */
}

/* Общий стиль */
.myach,
.krug {
    position: absolute;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* --- Мяч — круговое плавание --- */
.myach {
    right: 17%;
    top: 50%;
    animation-name: swim-ball;
    animation-duration: 12s;
}

/* Траектория мяча */
@keyframes swim-ball {
    0%   { transform: translate(0, 0); }
    25%  { transform: translate(40px, -30px); }
    50%  { transform: translate(0px, -60px); }
    75%  { transform: translate(-40px, -30px); }
    100% { transform: translate(0, 0); }
}

/* --- Круг — чуть другая амплитуда --- */
.krug {
    left: 17%;
    top: 30%;
    animation-name: swim-ring;
    animation-duration: 14s;
}

/* Траектория круга */
@keyframes swim-ring {
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(-30px, 25px);
    }
    50% {
        transform: translate(0px, 50px);
    }
    80% {
        transform: translate(30px, 25px);
    }
    100% {
        transform: translate(0, 0);
    }
}


.allert {
    background: var(--blue-color);
    padding: 35px 0;
    color: white;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
}



.gallery-item {
    display: block;
    width: 100%;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.gallery-item img {
    border-radius: 22px;
}
.read-all-wrap {
    display: block;
    width: 100%;
    text-align: center;
}
.read-all {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    padding: 25px;
    border-radius: 22px;
    background: transparent;
    color: var(--main-color);
    border: 1px solid var(--acent-color);
    transition: all .3s;
}

.read-all:hover {
    color: white;
    background: var(--acent-color);
}
.seo-section {
    padding-bottom: 100px;
}
.seo-text {
    position: relative;
    z-index: 100;
    padding: 25px;
    background: white;
    border-radius: 22px;
}
.seo-text h2,
.seo-text h3 {
    font-weight: 700;
    margin: 25px 0;
}
.section-title p {
    font-size: 22px;
    text-transform: uppercase;
    opacity: .75;
}
.oborudovanie-slider {
    margin-top: 70px;
}
.oborudovanie-slider-item {
    width: 100%;
    height: 500px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.oborudovanie-slider-item__title {
    position: absolute;
    left: 50%;
    bottom: 40px; /* или сколько нужно */
    transform: translateX(-50%);
    text-align: center;
    text-transform: uppercase;
     color: white;
    padding: 15px 25px;
    border-radius: 22px;
    border: 1px solid white;
    font-size: 22px;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(
            180deg,
            rgba(0, 18, 53, 0.1) 0%,
            rgba(0, 7, 36, 0.7) 100%
    );
    border-radius: 22px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

iframe {
    border-radius: 22px;
    height: 530px;
}
.contact-btn {
    margin-top: 25px;
}
.contacts-box .header-navigation__phone {
    text-align: left;
}
.contact-btn .btn {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.title-sub {
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: var(--main-color);
    opacity: .55;
    margin: 15px 0;
}
.contacts-logo {
    text-align: center;
    margin-bottom: 25px;
}
.contacts-box {
    background: white;
    padding: 25px;
    border-radius: 22px;
}


.page-title h1 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    text-transform: uppercase;
}
.current_page_item a {
    color: var(--acent-color) !important;
}
.breadcrumb ul,
.breadcrumb p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding-bottom: 15px;
}

.breadcrumb a {
    color: var(--acent-color);
    text-decoration: underline;
}
.header-page {
    padding-top: 35px;
}
.page-contact {
    padding-bottom: 100px;
}
/* ======== MEDIA ========*/

  
 
@media (max-width: 1599px) {
    .header-navigation__adres-item {
        font-size: 14px;
    }
    .header-content-left__text br {
        display: none;
    }
}
@media (max-width: 1440px) {
    .header-content-left {
        padding: 50px;
    }
    .partner-logo {
        width: 150px;
    }
    .partner-logo span {
        font-size: 10px;
    }
    .step-item-small__number {
        font-size: 80px;
    }
    .krug {
        width: 120px;
    }
    .myach {
        width: 80px;
    }
    .step-basik {
        width: 100%;
        height: 600px;
    }
    .header-content-right {
        width: 38vw;
    }
    .form-inner h3 {
        font-size: 25px;
    }
    .header-content-left__text {
        margin: 35px 0;
        font-size: 16px;
        width: 90%;
    }
    .header-content {
        display: flex;
        gap: 15px;
        justify-content: space-between;
    }
    .form-inner .politick {
        font-size: 12px;
        line-height: 1.1;
    }
    .form-inner::after {
        content: '';
        width: 30px;
        height: 30px;
        transform: rotate(45deg);
        background: var(--blue-color);
        position: absolute;
        right: -15px;
        top: 70px;
        z-index: -1;
    }
    .service-item {
        height: 350px;
    }
    .form-inner {
        padding: 25px 15px;
    }
    .service-item__content__title {
        font-size: 30px;
        line-height: 1.3;
    }
    .header-content-left__title h1 {
        font-size: 40px;
    }
    .header-navigation__phone a {
        font-size: 18px;
    }
    .header-navigation__logo img {
        width: 160px;
    }
 
    .section-title h2 {
        font-size: 45px;
    }
 
.benefit-item h4 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    color: #111;
}
}
@media (max-width: 1199px) {
    .header-navigation__logo img {
        width: 200px;
    }
    .uk-offcanvas-bar .header-navigation__logo {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}
.lz {
    width: 60px !important
    ;
}
    .header-content-left__text br {
        display: none;
    }
    .partner-logo {
    position: relative;
    right: 0;
    top: -50px;
    background: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    border-radius: 0 0 12px 12px;
    width: 200px;
    margin: 0 auto;
}
.partner-logo span {
    font-size: 12px;
    margin: 8px 0 0;
}
    .man {
        position: absolute;
        right: 100px;
        bottom: -120px;
        transform: translate(0%, 0);
        left: auto;
    }
    .mobile-number {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    .section-title h2 {
        font-size: 35px;
        line-height: 1.2;
    }
    .step-item-small__number {
        font-size: 45px;
    }
    .step-item-small__descr__title {
        font-size: 18px;
    }
    .step-big__text {
        width: 80%;
    }
    .step-item-small {
        gap: 15px;
    }
    .wrap-contact {
        display: flex;
        flex-direction: column;
    }
    .man {
        position: absolute;
        right: 100px;
        bottom: -120px;
    }
    .copityght {
        text-align: left;
        padding-bottom: 70px;
    }
    .footer::before {
        height: 50px;
        top: -50px;
    }
    .header-content {
        flex-direction: column;
    }
    .header-content-left {
        width: 100%;
        box-sizing: border-box;
    }
    .header-content-right video {
        width: 100%;
    }
    .header-content-right {
        width: 100%;
        height: 480px;
    }
    .header-navigation__phone a {
        font-size: 22px;
    }
}

@media (max-width: 959px) {
    .header-navigation__logo img {
        width: 180px;
    }
    .oborudovanie-slider {
        margin-top: 35px;
    }
    .step-basik {
        display: none !important;
    }
    .man {
        right: 0;
    }
    .oborudovanie-slider-item {
        height: 450px;
    }
    .contact-rom-inner__title, .contact-form-call__title {
        font-size: 30px;
    }
    .contact-form-call {
        margin-top: 35px;
    }
    .marquee {
        gap: 16px;
        animation-duration: 15s; /* помедленнее */
    }
    .service-item {
        height: 350px;
        padding: 25px;
    }
    .service-item__content__title {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 15px;
        padding-left: 12px;
    }
    .service-item .service-item__content-btn {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s ease;
        height: auto;
    }
    .service-item .btn {
        font-size: 14px;
        padding: 25px 5px;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        display: block;
        width: 100%;
        text-align: center;
    }
    .service-item__content {
        width: 100%;
    }
    .fade-bg {
        height: 90%;
        background: linear-gradient(0deg,rgba(0, 7, 36, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    }
}
/* На мобилке можно просто замедлить, но движение остаётся непрерывным */
@media (max-width: 767px) {
    .marquee {
        gap: 16px;
        animation-duration: 35s; /* чуть медленнее, но без остановок */
    }
    .oborudovanie-slider .slick-track {
        gap: 0;
    }
    .mobile-btn-menu {
        width: 100%;
    }
    .header-navigation__logo {
        margin: 0 auto;
    }
    .mobile-btn-menu button {
        display: block;
        width: 100%;
        margin-top: 10px ;
    }
    .contacts-info {
        flex-direction: column;
    }
    .partner-logo {
        top: -25px;
    }
    iframe {
        height: 330px;
    }
    .oborudovanie-slider-item {
        margin: 0 15px;
    }
    .sales {
        right: 25px;
    }
    .step-big__text {
        width: 100%;
    }
    .section-title p {
        font-size: 16px;
        text-transform: none;
    }
    .allert {
        font-size: 16px;
    }
    .allert br {
        display: none;
    }
    .step-item-small__descr__title br {
        display: none;
    }
    .step-item-small__descr__text {
        width: 83%;
    }
    .sales__title {
        font-size: 14px;
    }
    .sales__amount {
        font-size: 30px;
    }

  
    .service-item__content__title {
        font-size: 22px;
    }
  

    .marquee-item {
        font-size: 14px;
        padding: 5px 10px;
    }
    .modal-title {
        font-size: 25px;
    }
    .modal-subtitle {
        margin-bottom: 25px;
    }
    .header-content-left__title h1 br {
        display: none;
    }
}
@media (max-width: 739px) {
    .header-content-left__title h1 {
        font-size: 35px;
    }
    .contact-form__phone a {
        font-size: 25px;
    }
    .gallery-item img {
    border-radius: 12px;
}
    .contact-form__phone a::after {
        width: 20px;
        height: 20px;
        top: 8px;
    }
    .man {
        position: relative;
        margin: 0 auto;
        width: 250px;
        bottom: -50px;
    }
    .contact-box {
        padding-bottom: 50px;
    }
    .contact-form-inner .btn {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .contact-box::before {
        height: 50px;
        top: -49px;
    }
    .contact-box::after {
        height: 50px;
        bottom: -2px;
    }
    .section-title h2 {
        font-size: 35px;
    }
}
@media (max-width: 639px) {
    .header-nav-panel {
        padding: 15px;
    }
    .step-basik {
        width: 85%;
        margin: 0 auto;
        height: 500px;
    }
      .uk-offcanvas-flip .uk-offcanvas-bar {
        left: auto;
        right: -100%;
    }
    .uk-offcanvas-bar {
        width: 100%;
    }
    .header-navigation__logo {
        text-align: center;
    }
    .uk-offcanvas-bar .header-calc_btn a {
  text-align: center;
  padding: 20px 40px;
  gap: 15px;
  display: inline-flex;
}
    .items-step {
        margin-top: 35px;
    }
    .gallery-item {
        border-radius: 12px;
    }
    .section-title h2 {
        font-size: 30px;
    }
 
    .header-content-left {
        padding: 25px;
    }
    .header-content-left__title h1 {
        font-size: 30px;
    }
    .header-content-left__text {
        margin: 35px 0 35px;
        display: block;
        font-size: 15px;
        width: 100%;
    }
    .header-content-left__text br {
        display: none;
    }
    .header-content-left-btn button {
        padding: 25px;
        background: var(--acent-color);
        border-radius: 22px;
        color: white;
        border: none;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }
    .header-content__botom {
       display: none;
    }
    .header-content-right {
        width: 100%;
        height: 350px;
    }
    .step-basik  {
        display: block !important;
    }
    .krug {
        width: 95px;
    }
    .myach {
        width: 60px;
    }
    .step-item-small__descr {
        width: 100%;
    }
}


@media (max-width: 400px) {
    .mobile-btn-menu button {
        font-size: 14px;
        padding: 15px 10px 15px 35px;
    }
    .header-navigation__logo {
        text-align: center;
    }
  
    .step-basik {
        width: 100%;
    }
    .mobile-btn-menu button::after {
        left: 10px;
        top: 13px;
    }
        .header-content-left__title h1 {
        font-size: 25px;
    }
    .header-navigation__logo img {
        width: 150px;
    }
    .header-content-left-btn button::after {
        content: "";
        width: 35px;
        background: url('data:image/svg+xml,<svg width="512" height="248" viewBox="0 0 512 248" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M506.134 109.843L506.116 109.824L401.612 5.82394C393.783 -1.96706 381.12 -1.93807 373.327 5.89193C365.534 13.7219 365.565 26.3839 373.394 34.1759L443.558 104H20C8.954 104 0 112.954 0 124C0 135.046 8.954 144 20 144H443.557L373.395 213.824C365.566 221.616 365.536 234.279 373.328 242.108C381.121 249.939 393.785 249.966 401.613 242.176L506.117 138.176L506.135 138.157C513.968 130.339 513.943 117.635 506.134 109.843Z" fill="black"/></svg>') #fff no-repeat center / 20px;
        position: absolute;
        border-radius: 50%;
        right: 15px;
        top: 18px;
        height: 35px;
        animation: leftRight 2s infinite ease-in-out;
    }
}


@media (max-width: 340px) {
    .contact-rom-inner__title, .contact-form-call__title {
        font-size: 25px;
    }
    .header-content-left-btn button {
        font-size: 16px;
    }
}