@charset "UTF-8";
/* CSS Document */

/*
Theme Name: AlexMade
Author: Alex Made
Author URI: http://alexmade.ru/
*/

@font-face {
    font-family: 'Suisse Intl Bold';
    src: url('font/SuisseIntl-Bold.eot');
    src: url('font/SuisseIntl-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-Bold.woff2') format('woff2'),
        url('font/SuisseIntl-Bold.woff') format('woff'),
        url('font/SuisseIntl-Bold.ttf') format('truetype'),
        url('font/SuisseIntl-Bold.svg#SuisseIntl-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('font/SuisseIntl-Regular.eot');
    src: url('font/SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-Regular.woff2') format('woff2'),
        url('font/SuisseIntl-Regular.woff') format('woff'),
        url('font/SuisseIntl-Regular.ttf') format('truetype'),
        url('font/SuisseIntl-Regular.svg#SuisseIntl-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl SemiBold';
    src: url('font/SuisseIntl-SemiBold.eot');
    src: url('font/SuisseIntl-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-SemiBold.woff2') format('woff2'),
        url('font/SuisseIntl-SemiBold.woff') format('woff'),
        url('font/SuisseIntl-SemiBold.ttf') format('truetype'),
        url('font/SuisseIntl-SemiBold.svg#SuisseIntl-SemiBold') format('svg'); 
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    background: #f8f8f8;
}

:root {
    --motion-fast: 160ms;
    --motion-base: 240ms;
    --motion-slow: 400ms;
    --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.body {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    font-family: 'Suisse Intl';
    font-size: 16px;
    line-height: 200%;
    font-weight: 400;
    color: #191c1e;
    background: #fff;
    overflow-x: hidden;
}

section {
    width: 100%;  
}

.container {
    width: 100%;
    height: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box; 
    
}

.big {
    max-width: 1750px;
}

a {
    transition: color var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);
}

a:hover {
    opacity: 0.84;
}

a:focus-visible,
button:focus-visible,
.button:focus-visible,
.burger:focus-visible,
.open_popup:focus-visible {
    outline: 2px solid rgba(1, 163, 218, 0.45);
    outline-offset: 4px;
}

.header {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background: url(img/bgr.jpg);
}

.header .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 34px;
}

.logo {
    height: 44px;
    display: block;
}

.logo img {
    height: 100%;
    width: auto;
}

.header .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 34px;
}

.tel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    color: #1b1f21;
    text-decoration: none;
    font-family: 'Suisse Intl SemiBold';
}

.tel span {
    transition: color .3s;
}

.tel img {
    transition: filter .3s, transform .3s;
}

.tel:hover,
.tel:focus-visible {
    color: #01A3DA;
    opacity: 1;
}

.tel:hover img,
.tel:focus-visible img {
    filter: invert(54%) sepia(96%) saturate(2072%) hue-rotate(157deg) brightness(91%) contrast(99%);
    transform: translateX(3px);
}

.button {
    height: 62px;
    line-height: 1;
    border: 1px #01A3DA solid;
    color: #01A3DA;
    font-family: 'Suisse Intl';
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2%;
    padding: 0 30px;
    border-radius: 64px;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    transition: color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease);
    will-change: transform;
}

.button span {
    transition: color .3s;
}

.button img {
    transition: filter .3s;
}

.button:hover {
    opacity: 1;
    filter: none;
    color: #FFFFFF;
    background: #1B1F21;
    border: 1px #1B1F21 solid;
}

.button img {
    transition: transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease);
}

.button:hover img {
    filter: brightness(0) invert(100%);
}

.header .button  {
    height: 58px;
    line-height: 1;
    padding: 0 30px;
}

.home-one {
    height: 540px;
    background: #f6fbfd;
    overflow: hidden;
    margin-bottom: 120px;
}

.home-one .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; 
    align-items: stretch;
    gap: 34px;
}

.home-one .container .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 34px;
    width: calc(50% - 17px);
    z-index: 1;
}

h1 {
    font-family: 'Suisse Intl Bold';
    font-size: 70px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    font-weight: normal;
}

h2 {
    font-size: 32px;
    line-height: 130%;
    font-weight: 600;
}

h3 {
    font-size: 26px;
    line-height: 130%;
    font-weight: 700;
}

h4 {
    font-size: 20px;
    line-height: 160%;
    font-weight: 600;
}

h5 {
    font-size: 16px;
    line-height: 200%;
    font-weight: 600;
}

.text {
    font-size: 16px;
    line-height: 200%;
}

.home-one .container .right {
    width: calc(50% - 17px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    overflow: visible;
}

.home-one .container .right img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: center bottom;
}

.hero-visual {
    position: relative;
    flex: 0 0 auto;
    height: 100%;
    aspect-ratio: 747 / 529;
    max-width: none;
}

.hero-visual--layered img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: none;
    object-fit: contain;
    object-position: left bottom;
    pointer-events: none;
    will-change: transform, opacity;
}

.hero-visual__v {
    width: 100%;
    height: 100%;
}

.hero-visual--layered .hero-visual__person {
    left: auto;
    right: 0%;
    width: 69.35%;
    height: 100%;
}

.mySwiper1 .swiper-slide .left h1,
.mySwiper1 .swiper-slide .left .text,
.mySwiper1 .swiper-slide .left .button {
    transform-origin: left center;
    will-change: transform, opacity;
}

.mySwiper1.swiper-initialized .swiper-slide .left h1,
.mySwiper1.swiper-initialized .swiper-slide .left .text,
.mySwiper1.swiper-initialized .swiper-slide .left .button,
.mySwiper1.swiper-initialized .swiper-slide .hero-visual__fallback,
.mySwiper1.swiper-initialized .swiper-slide .hero-visual__v,
.mySwiper1.swiper-initialized .swiper-slide .hero-visual__person {
    opacity: .9;
}

.mySwiper1 .swiper-slide-active .left h1 {
    animation: hero-content-scale .9s var(--motion-ease) .1s both;
}

.mySwiper1 .swiper-slide-active .left .text {
    animation: hero-content-scale .9s var(--motion-ease) .3s both;
}

.mySwiper1 .swiper-slide-active .left .button {
    animation: hero-content-scale .9s var(--motion-ease) .4s both;
}

.mySwiper1 .swiper-slide-active .hero-visual__fallback {
    animation: hero-image-in .9s var(--motion-ease) .2s both;
}

.mySwiper1 .swiper-slide-active .hero-visual__v {
    animation: hero-v-in .9s var(--motion-ease) .2s both;
}

.mySwiper1 .swiper-slide-active .hero-visual__person {
    animation: hero-person-in .9s var(--motion-ease) .3s both;
}

@keyframes hero-content-scale {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hero-image-in {
    from {
        opacity: 0;
        transform: translateX(48px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes hero-v-in {
    from {
        opacity: 0;
        transform: translateX(86px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes hero-person-in {
    from {
        opacity: 0;
        transform: translateX(86px) scale(1.06);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mySwiper1.swiper-initialized .swiper-slide .left h1,
    .mySwiper1.swiper-initialized .swiper-slide .left .text,
    .mySwiper1.swiper-initialized .swiper-slide .left .button,
    .mySwiper1.swiper-initialized .swiper-slide .hero-visual__fallback,
    .mySwiper1.swiper-initialized .swiper-slide .hero-visual__v,
    .mySwiper1.swiper-initialized .swiper-slide .hero-visual__person {
        opacity: 1;
        animation: none !important;
        transform: none;
    }
}

.mySwiper1 {
    height: 100%;
}

.hero-slider-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    width: clamp(72px, 12vw, 230px);
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--motion-base) var(--motion-ease);
}

.mySwiper1:hover .hero-slider-arrow:not(.swiper-button-disabled),
.hero-slider-arrow:focus-visible {
    opacity: 1;
    pointer-events: auto;
}

.hero-slider-arrow--next {
    right: 0;
    background: linear-gradient(90deg, rgba(229, 245, 253, 0) 0%, #E5F5FD 100%);
}

.hero-slider-arrow--prev {
    left: 0;
    background: linear-gradient(90deg, #E5F5FD 0%, rgba(229, 245, 253, 0) 100%);
}

.hero-slider-arrow img {
    width: 42px;
    height: 27px;
    transition: transform var(--motion-base) var(--motion-ease);
}

.hero-slider-arrow--prev img {
    transform: rotate(180deg);
}

.hero-slider-arrow--next:hover img {
    transform: translateX(4px);
}

.hero-slider-arrow--prev:hover img {
    transform: rotate(180deg) translateX(4px);
}

.hero-slider-arrow.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (hover: none) and (pointer: coarse) {
    .hero-slider-arrow {
        display: none;
    }
}

.swiper-pagination {
    bottom: 34px !important;
}

.swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    background: #fff;
    border: #D1ECF3 solid 1px;
    margin: 0 14px !important;
    opacity: 1;
    transition: background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.swiper-pagination-bullet-active {
    border-color: #fff;
    background: #01A3DA;
}

.swiper-pagination-bullet:hover {
    transform: scale(1.16);
}

.swiper-pagination1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.swiper-pagination1 .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    background: #fff;
    border: 1px solid #D1ECF3;
    border-radius: 24px;
    opacity: 1;
    position: relative;
    flex: 0 0 auto;
    transition: width var(--motion-base) var(--motion-ease), height var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease);
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    width: 40px;
    height: 25px;
    background: #fff;
    border-color: #fff;
}

.swiper-pagination1 .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 5px;
    width: 28px;
    height: 15px;
    border-radius: 6px;
    background: #01A3DA;
    transform: skewX(-10deg);
}

.swiper-pagination1 .swiper-pagination-bullet:hover {
    transform: none;
}

.section {
    margin-bottom: 100px;
}

.home-two {
    margin-bottom: 120px;
}

.home-two .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 120px;
}

.home-two .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 70px;
}

.home-two .row .left {
    width: 514px;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.home-two .row .right {
    padding: 70px 0;
    width: calc(100% - 584px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.home-two h3 {
    text-transform: uppercase;
}

h2 {
    font-family: 'Suisse Intl SemiBold';
    color: #191C1E;
    text-transform: uppercase;
}

.home-two .button,
.home-three .item .button,
.home-four .item .button,
.home-five .item .button,
.home-six .item .button,
.footer .top .item .button,
.arch-servie-two .block .item .button,
.accordion__content .item .button {
    border: none;
    padding: 0;
    line-height: 100%;
    height: auto;
}

.home-two .button:hover {
    filter: none;
}

.home-two .button:hover,
.home-three .item .button:hover,
.home-four .item .button:hover,
.home-five .item .button:hover,
.home-six .item .button:hover,
.footer .top .item .button:hover,
.arch-servie-two .block .item .button:hover,
.accordion__content .item .button:hover {
    box-shadow: none;
    background: none;
    color: #1B1F21;
    border: none;
}

.home-two .button:hover img,
.home-three .item .button:hover img,
.home-four .item .button:hover img,
.home-five .item .button:hover img,
.home-six .item .button:hover img,
.footer .top .item .button:hover img,
.arch-servie-two .block .item .button:hover img,
.accordion__content .item .button:hover img {
    transform: translateX(3px);
    filter: brightness(0) saturate(100%);
}

.home-items .block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 120px 80px;
}

.home-items .block .item {
    width: calc(33.33% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.home-items .block .item h4 {
    font-family: 'Suisse Intl SemiBold';
}

.home-items .block .item .text {
    /* color: #50565D; */
    color: #191C1E;
    margin-bottom: 10px;
}

.home-items .block .item:first-child {
    padding: 40px;
    gap: 10px;
    border: 1px solid #59BC46;
    border-radius: 16px;
}

.home-items .block .item:first-child img {
    height: auto;
    width: 21px;
    margin-top: 0;
    transform: rotate(-72deg);
    margin-left: 12px;
}

.home-items .block .item:first-child .text {
    color: #191C1E;
}

.home-four .box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.home-four .box .img {
    width: 57px;
    height: 81px;
}

.button-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
}

.home-two .row .left,
.home-items .block .item,
.home-six .item,
.home-news .block,
.news-swiper .swiper-slide,
.news-archive-two .container .item,
.footer .top .title,
.footer .top .item,
.accordion__header,
.accordion__content .item,
.partners-two .accordion-box .item,
.arch-servie-two .block .item,
.mySwiper7 .block .item {
    transition: transform var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.home-six .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 100px;
}

.title {
    padding: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    border: 1px solid #59BC46;
    border-radius: 16px;
}

.title .text-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: calc(100% - 41px);
}

.home-six .block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
    width: 100%;
}

.home-six .item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    gap: 40px;
    border: 1px solid #E7EBF3;
    border-radius: 16px;
}

.home-six .item .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.home-six .item .top .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.home-six .item .top .right .box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.home-six .item .top .right .box .img {
    width: 52px;
    height: 37px;
}

.home-six-image-popup-trigger {
    appearance: none;
    background: transparent;
}

.home-six .item h4 {
    font-family: 'Suisse Intl SemiBold';
}

.home-six .item .button.rotate img {
    transform: rotate(90deg);
}

.home-six .item .button.rotate:hover img {
    transform: rotate(90deg) translateX(3px);
}

.home-six .item .bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    flex-wrap: wrap;
}

.home-six .item .bottom .col {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: calc(33.33% - 54px);
}

.home-six .item .bottom .col img {
    width: 13px;
    transform: rotate(180deg);
}

.home-six .item .bottom .col .text-box {
    width: calc(100% - 23px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.home-six .item .bottom .col h2 {
    font-family: 'Suisse Intl SemiBold';
    letter-spacing: 2%;
    text-transform: uppercase;
    color: #01A3DA;
}

.home-six .item .bottom .col .text {
    /* color: #50565D; */
    color: #191C1E;
}

.home-six .item .bottom-link {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.home-six .item.is-companies-open {
    box-shadow: 0 4px 16px rgba(196, 212, 238, 0.5);
}

.home-six .company-toggle {
    background: transparent;
    border: 0;
    font: inherit;
}

.home-six .company-toggle__close-label,
.home-six .company-toggle__close {
    display: none;
}

.home-six .company-toggle__arrow {
    width: 24px;
    height: 13px;
    transform: rotate(90deg);
}

.home-six .company-toggle[aria-expanded="true"] {
    color: #191C1E;
}

.home-six .company-toggle[aria-expanded="true"] .company-toggle__open-label,
.home-six .company-toggle[aria-expanded="true"] .company-toggle__arrow {
    display: none;
}

.home-six .company-toggle[aria-expanded="true"] .company-toggle__close-label,
.home-six .company-toggle[aria-expanded="true"] .company-toggle__close {
    display: block;
}

.home-six .company-toggle__close {
    width: 24px;
    height: 24px;
    filter: grayscale(1) brightness(0.2);
}

.home-six .company-toggle:hover .company-toggle__arrow {
    transform: rotate(90deg) translateX(3px);
}

.home-six .company-toggle:hover .company-toggle__close {
    transform: rotate(90deg);
}

.home-six .company-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 80px;
    margin: 0;
    padding: 6px 0 0;
    list-style: none;
}

.home-six .company-list[hidden] {
    display: none;
}

.home-six .company-list li {
    position: relative;
    min-width: 0;
    padding-left: 31px;
    color: #191C1E;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
    overflow-wrap: anywhere;
}

.home-six .company-list li::before {
    content: "";
    position: absolute;
    top: 1em;
    left: 0;
    width: 15px;
    border-top: 1px solid #9DA4AD;
}

.home-six .button-box,
.home-seven .button-box {
    padding: 0;
}

.home-seven .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 100px;
}

.mySwiper2 {
    width: 100%;
}

.mySwiper2 .swiper-slide {
    height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #E7EBF3;
    border-radius: 16px;
    margin-bottom: 100px;
} 

.mySwiper2 .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.swiper-pagination2,
.swiper-pagination3,
.swiper-pagination4,
.swiper-pagination5 {
    position: relative;
    height: 20px !important;
    border: 1px solid #D5EBD0;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.swiper-pagination-progressbar-fill {
    background: #D1ECF3 !important;
}

.home-news .block {
    padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 100px;
  border: 1px solid #59BC46;
  border-radius: 16px;
}

.home-news .title {
    padding: 0;
    border: none;
}

.home-news .title img {
    transform: rotate(-20deg);
}

.news-swiper {
    width: calc(100% - 160px);
    margin: 0 80px;
}

.news-swiper .swiper-slide {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    text-decoration: none;
    margin-bottom: 100px;
}

.news-swiper .swiper-slide:hover {
    opacity: 1;
}

.news-swiper .swiper-slide .img {
    width: 365px;
    min-height: 258px;
    border-radius: 16px;
    transition: filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
}

.news-swiper .swiper-slide .text-box {
    width: calc(100% - 445px);
    padding-top: 0;
    padding-bottom: 0;
    margin: auto 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.news-swiper .swiper-slide h5 {
    letter-spacing: 2%;
    color: #1B1F21;
    font-family: 'Suisse Intl SemiBold';
    transition: color var(--motion-base) var(--motion-ease);
}

.news-swiper .swiper-slide:hover .img {
    filter: saturate(1.05) contrast(1.02);
}

.news-swiper .swiper-slide:hover h5 {
    color: #01A3DA;
}

.date {
    color: #1B1F21;
}

.news-swiper .date {
    margin: 0;
}

.home-eight .button-box,
.home-nine .button-box {
    width: 100%;
    padding: 0;
}

.home-news h3,
.footer h2 {
    color: #1B1F21;
}

.footer {
    padding-bottom: 60px;
    margin-top: 100px;
    margin-bottom: 0;
}

.footer .top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 60px;
}

.footer .top .title,
.footer .top .item {
    width: calc(33.33% - 40px);
}

.footer .top .title {
    align-items: center;
}

.footer .top .item {
    padding: 30px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border: 1px solid #01A3DA;
    border-radius: 16px;
}

.footer .top .title img {
    transform: rotate(-90deg);
}

.footer .top .title .text-box {
    width: auto;
}

.footer .top .item .img {
    height: 80px;
    width: auto;
}

.footer .bottom {
    width: 100%;
    height: auto;
    margin: 60px 0;
    padding: 40px;
    border: 1px solid #01A3DA;
    border-radius: 16px;
}

.footer .bottom .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    flex-wrap: wrap;
}

.footer .bottom .menu li {
    list-style: none;
    width: calc(25% - 33.33px);
}

.footer .bottom .menu li a {
    text-decoration: none;
    font-weight: normal;
    color: #01A3DA;
    transition: .3s;
}

.footer .bottom .menu li a:hover {
    color: #1B1F21;
}

.footer-cont {
    margin-bottom: 20px;
    line-height: 200%;
}

.footer-cont span {
   margin-right: 6px;
}

.footer-cont a {
    text-decoration: none;
    color: #191C1E;
}

.copyright span {
    margin-right: 10px;
}

.copyright a {
    color: #01A3DA;
    text-decoration: none;
    transition: .3s;
}

.copyright a:hover {
    color: #1B1F21;
    text-decoration: none;
}

.back {
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    text-decoration: none;
    color: #01A3DA;
}

.back img {
    transform: rotate(180deg);
    transition: filter .3s, transform .3s;
}

.back span {
    font-style: normal;
    font-family: 'Suisse Intl SemiBold';
    font-size: 16px;
    letter-spacing: 2%;
    text-transform: uppercase;
    font-feature-settings: 'liga' off;
    color: inherit;
    transition: color .3s;
}

.back:hover,
.back:focus-visible {
    color: #1B1F21;
    opacity: 1;
}

.back:hover img,
.back:focus-visible img {
    filter: brightness(0) saturate(100%);
    transform: rotate(180deg) translateX(3px);
}

.bread {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}

.bread .arr,
.bread a {
    color: #01A3DA;
    text-decoration: none;
    white-space: nowrap;
    font-style: normal !important;
}

.bread span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-title {
    padding: 70px 0 120px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.page-title h1 {
    width: calc(45% - 25px);
}

.page-q {
    width: auto;
}

.page-q span:first-child,
.page-q span:nth-child(3) {
    font-size: 20px;
    font-family: 'Suisse Intl Bold';
    display: block;
}

.page-q span:nth-child(2) {
    color: #01A3DA;
    font-size: 18px;
    font-style: italic;
    line-height: 160%;
    padding: 3px 20px;
    display: block;
}

.page-q span:nth-child(3) {
    float: right;
}

.page-content .container {
    max-width: 1166px;
    line-height: 200%;
}

.page-content h2 {
    font-family: 'Suisse Intl SemiBold';
    padding-bottom: 30px;
    text-transform: none;
}

.page-content p {
    margin-bottom: 20px;
}

.page-content a {
    color: #01A3DA;
    font-style: italic;
}

.privacy-page {
    padding: 0 0 100px;
}

.privacy-page__container {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 1200px;
}

.privacy-page-top .page-title {
    padding-bottom: 80px;
}

.privacy-page-top .page-title h1 {
    width: min(760px, 100%);
}

.privacy-page-top .bread {
    min-width: 0;
    overflow: hidden;
}

.privacy-page-top .bread span:last-child {
    min-width: 0;
}

.privacy-intro {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.privacy-intro h2,
.privacy-content h2 {
    color: #191C1E;
    font-family: 'Suisse Intl SemiBold';
    font-size: 32px;
    font-weight: normal;
    line-height: 130%;
    letter-spacing: 2%;
    text-transform: none;
}

.privacy-intro p,
.privacy-content p {
    color: #191C1E;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
}

.privacy-intro a,
.privacy-content a {
    color: #01A3DA;
    overflow-wrap: anywhere;
}

.privacy-principles {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.privacy-principles__heading {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.privacy-principles__heading h2 {
    color: #262626;
    font-family: 'Suisse Intl Bold';
    font-size: 38px;
    line-height: 120%;
    text-transform: none;
}

.privacy-principles__heading p,
.privacy-principle p {
    color: #262626;
    font-size: 15px;
    line-height: 200%;
}

.privacy-principles__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 60px;
}

.privacy-principle {
    min-width: 0;
    min-height: 250px;
    padding: 30px 40px;
    border: 1px solid #E7EBF3;
    border-radius: 24px;
}

.privacy-principle h3 {
    margin-bottom: 12px;
    color: #020202;
    font-family: 'Suisse Intl SemiBold';
    font-size: 22px;
    font-weight: normal;
    line-height: 130%;
    letter-spacing: 2%;
    overflow-wrap: anywhere;
}

.privacy-legal {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.privacy-content {
    width: min(1110px, 100%);
    overflow-wrap: anywhere;
}

.privacy-content h2 {
    margin: 60px 0 16px;
}

.privacy-content h2:first-child {
    margin-top: 0;
}

.privacy-content p {
    margin: 0 0 16px;
}

.privacy-content .privacy-policy-tutorial {
    display: none;
}

@media screen and (max-width: 1100px) {
    .privacy-principles__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
}

@media screen and (max-width: 680px) {
    .privacy-page {
        padding-bottom: 60px;
    }

    .privacy-page__container,
    .privacy-principles,
    .privacy-legal {
        gap: 40px;
    }

    .privacy-page-top .page-title {
        padding-bottom: 60px;
    }

    .privacy-intro h2,
    .privacy-content h2 {
        font-size: 24px;
    }

    .privacy-principles__heading h2 {
        font-size: 30px;
    }

    .privacy-principles__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .privacy-principle {
        min-height: 0;
        padding: 24px;
        border-radius: 16px;
    }

    .privacy-principle h3 {
        font-size: 20px;
    }

    .privacy-intro p,
    .privacy-content p,
    .privacy-principles__heading p,
    .privacy-principle p {
        font-size: 14px;
    }

    .privacy-content h2 {
        margin-top: 40px;
    }
}

blockquote {
    max-width: 775px;
    margin: 60px auto 60px auto;
    border-top: 1px solid #59BC46;
    border-bottom: 1px solid #59BC46;
    padding: 30px 30px;
    font-style: italic;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

blockquote p {
    padding: 0 30px;
    margin-bottom: 0 !important;
}

.about-three .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 120px;
    max-width: 1166px;
}

.about-three .title {
    padding: 40px;
    gap: 10px;
    border: 1px solid #59BC46;
    border-radius: 16px;
    width: calc(35% - 60px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.about-three .title .text {
    color: #191C1E;
}

.about-three .title img {
    height: auto;
    width: 21px;
    margin-top: 4px;
    transform: rotate(-80deg);
    margin-left: 12px;
}

.about-three .right {
    width: calc(65% - 60px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
}

.about-three .right .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}

.about-three .right .item span:first-child {
    width: 50px;
    height: 50px;
    display: block;
    border: 1px solid #59BC46;
    text-align: center;
    line-height: 50px;
    border-radius: 8px;
    font-family: 'Suisse Intl SemiBold';
}

.about-three .right .item span:nth-child(2) {
    width: calc(100% - 100px);
    line-height: 200%;
}

.about-three .right .item span:nth-child(2) a {
    color: #1b1f21;
}

.about-four .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 70px;
    max-width: 1166px;
}

.about-four h2 {
    color: #1b1f21;
}

.mySwiper5 {
    width: 100%;
}

.mySwiper5 .swiper-wrapper {
    align-items: stretch;
}

.mySwiper5 .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: #C5CBD8 solid 1px;
    padding: 40px;
    height: 440px;
}

.mySwiper5 .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.about-four .button-box {
    padding-top: 0;
}

.swiper-pagination5 {
    margin-top: 80px;
    margin-bottom: 1px;
}

.zaglavn .box {
    display: none;
}

.zaglavn {
    padding: 40px;
    gap: 10px;
    border: 1px solid #59BC46;
    border-radius: 16px;
    margin: 0 !important;
    gap: 10px !important;
}

.zaglavn h3 {
    /* color: #01A3DA; */
}

.zaglavn img {
    height: auto;
    width: 21px;
    margin-top: 0;
    transform: rotate(-90deg) !important;
    margin-left: 12px;
}

.zaglavn .text {
    color: #1b1f21;
}

.arch-servie-two .block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 120px;
}

.arch-servie-two .block .item-cat{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 40px;
    gap: 10px;
    border: 1px solid #59BC46;
    border-radius: 16px;
    width: calc(33.33% - 80px);
    height: 250px;
}

.arch-servie-two .block .item-cat img {
    height: auto;
    width: 21px;
    margin-top: 4px;
    transform: rotate(-90deg);
    margin-left: 12px;
}

.arch-servie-two .block .item {
    width: calc(33.33% - 80px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
}

.arch-servie-two .block .item .img {
    width: 100%;
    height: 250px;
    border-radius: 16px;
}

.arch-servie-two .block .item .text {
    margin-top: -8px;
}

.arch-servie-two .block .item .button {
    margin-top: 4px;
}

.categ {
    font-size: 0;
    padding: 30px 0 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.categ a {
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    color: #59BC46;
    text-decoration: none;
    font-style: normal; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 26px;
}

.categ a::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #59BC46;
    pointer-events: none;
    left: 0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    transform: skewx(-12deg);
}

.categ a::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #59BC46;
    pointer-events: none;
    right: -2px;
    border-left: none;
    transform: skewx(-12deg);
    border-radius: 0 10px 10px 0;
}

.service-content h1 {
    font-family: 'Suisse Intl SemiBold';
    padding-bottom: 20px;
    text-transform: none;
}

.service-content blockquote {
    max-width: none;
    margin: 10px 0 30px 0 !important;
    clip-path: none;
    padding: 40px;
    width: 100%;
    border: 1px solid #01A3DA;
    border-radius: 16px;
    text-decoration: none;
    font-style: normal !important;
}

.service-content blockquote p {
    border: none;
    padding: 0;
    border-radius: 0;
}

.service-content blockquote p::before,
.service-content blockquote p::after {
    display: none !important;
}

.service-content a {
    max-width: none;
    margin-top: 30px;
}

.arbitration-table-wrap {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
}

.arbitration-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #C5CBD8;
    border-bottom: 1px solid #C5CBD8;
    color: #191C1E;
    font-family: 'Suisse Intl';
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
    margin-bottom: 30px;
}

.arbitration-table th,
.arbitration-table td {
    padding: 30px 80px 30px 0;
    border-bottom: 1px solid #C5CBD8;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
}

.arbitration-table th:first-child,
.arbitration-table td:first-child,
.arbitration-table th:nth-child(2),
.arbitration-table td:nth-child(2) {
    width: 260px;
}

.arbitration-table th:last-child,
.arbitration-table td:last-child {
    padding-right: 0;
}

.arbitration-table tbody tr:last-child td {
    border-bottom: 0;
}

.file {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 40px;
    gap: 24px;
    width: 100%;
    border: 1px solid #01A3DA;
    border-radius: 16px;
    text-decoration: none;
    font-style: normal !important;
}

.file img:first-child {
    transform: rotate(90deg);
    height: 18px;
}

.file span  {
    color: #1b1f21;
    font-style: normal !important;
}

.service-content h2 {
    /* font-size: 16px; */
    padding-bottom: 20px;
}

.service-content ul,
.page-content ul {
    margin-bottom: 30px;
    list-style-image: url(img/Line5.png);
    list-style-position: inside;
}

.page-content h3 {
    margin-bottom: 10px;
}

.skill-two .item .bottom .col h4{
    color: #01A3DA;
}

.home-six .item .button.rotate img {
    transform: rotate(90deg);
}

.home-six .item .bottom .col img {
    width: 13px;
    margin-top: 0;
}

.feed-three {
    margin-top: 70px;
}

.mySwiper7 .block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 80px;
    flex-wrap: wrap;
}

.mySwiper7 .block .item {
    width: calc(33.33% - 53.33px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: #C5CBD8 solid 1px;
    padding: 10px;
    height: auto;
}

.mySwiper7 .block .item img {
    width: 100%;
    height: auto;
}

.mySwiper6 {
    padding: 50px 0 40px 0;
}

.mySwiper6.feed-tabs .swiper-wrapper {
    gap: 20px;
}

.mySwiper6.feed-tabs .blog__categories-button {
    border: 0;
    background: transparent;
    text-transform: uppercase;
    appearance: none;
}

.mySwiper6 .swiper-slide {
    padding: 0 26px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: auto !important;
    text-transform: uppercase;
    font-family: 'Suisse Intl';
    font-weight: normal;
    cursor: pointer;
    margin-left: 3px;
}

.mySwiper6 .swiper-slide-thumb-active {
    color: #01A3DA;
    cursor: default;
}

.mySwiper6 .swiper-slide-thumb-active::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px #01A3DA solid;
    pointer-events: none;
    left: 0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    transform: skewx(-12deg);
}

.mySwiper6 .swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px #01A3DA solid;
    pointer-events: none;
    right: -2px;
    border-left: none;
    transform: skewx(-12deg);
    border-radius: 0 10px 10px 0;
}

.column{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

.accordion-box {
    width: 100%;
}

.accordion {
    width: 100%;
}

.accordion input {
    display: none;
    position: absolute;
    visibility: hidden;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.accordion__header {
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 40px;
    margin: 0;
    font-size: 17px;
    border-radius: 0;
    font-size: 18px;
    border: 1px solid #E7EBF3;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    pa
}

.accordion__header:hover {
    opacity: 0.9;
}

.accordion__header .left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
}

.partners-two .accordion__header .left {
    gap: 0;
}

.accordion__header h3 {
    font-family: 'Suisse Intl SemiBold';
    color: #191C1E;
}

.accordion__header .left span {
    color: #01A3DA;
}

.accordion__header .right div {
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
    text-transform: uppercase;
    font-feature-settings: 'liga' off;
    color: #01A3DA;
    transition: .3s;
}

.accordion__header .right .vis {
    display: flex;
    align-items: center;
    gap: 10px;
}

.accordion__header .right .vis:hover {
    cursor: pointer;
    filter: grayscale(100) brightness(10%);
}

.accordion__header .right .vis img {
    width: 18px;
    height: 18px;
}

.accordion__header .right .novis {
    filter: grayscale(100) brightness(10%);
    display: none;
}

.accordion__header .right .novis:hover {
    cursor: pointer;
    filter: none;
}

.accordion input:checked ~ .accordion__header {
    border-radius: 16px 16px 0 0;
    border-bottom: 0px solid #E7EBF3;
}

.accordion input:checked ~ .accordion__header .novis {
    display: block;
}

.accordion input:checked ~ .accordion__header .vis {
    display: none;
}

.accordion input:checked ~ .accordion__header:hover {
    opacity: 0.9;
    cursor: default;
}

.accordion input:checked ~ .accordion__header:after {
    display: none;
}

.accordion__content {
    border-radius: 0 0 16px 16px;
    border: 1px solid #E7EBF3;
    border-top: 0px solid #E7EBF3;
    display: none;
    padding: 0 40px 40px 40px;
}

.accordion input:checked ~ .accordion__content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 80px;
    flex-wrap: wrap;
}

.accordion__content .item {
    width: calc(33.33% - 53.33px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
}

.accordion__content .item h4 {
    font-family: 'Suisse Intl SemiBold';
}

.accordion__content .item .item-logo {
    height: 70px;
}

.accordion__content .item .item-logo img {
    /* height: 100%; */
    width: auto;
}

.news-img {
    height: 380px;
    border-radius: 16px;
    margin-bottom: 50px;
}

.news-archive-two .top-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.news-archive-two .top-box .date {
    margin: 0;
}

.news-swiper .date,
.news-two .date,
.news-archive-two .container .item .date {
    color: #59BC46;
    padding: 0 26px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Suisse Intl SemiBold';
    font-weight: normal;
    display: inline-block;
    width: auto;
    margin: 0;
    position: relative;
}

.news-two .date {
    margin: 30px 0 20px;
}

.news-swiper .date::before,
.news-two .date::before,
.news-archive-two .container .item .date::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #59BC46;
    pointer-events: none;
    left: 0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    transform: skewx(-12deg) translate(2px);
}

.news-swiper .date::after,
.news-two .date::after,
.news-archive-two .container .item .date::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #59BC46;
    pointer-events: none;
    right: -2px;
    border-left: none;
    transform: skewx(-12deg);
    border-radius: 0 10px 10px 0;
}

.news-two h1 {
    font-family: 'Suisse Intl SemiBold';
    padding-bottom: 30px;
    text-transform: none;
}

.news-two h2 {
    font-family: 'Suisse Intl SemiBold';
    padding-bottom: 20px;
    text-transform: none;
}

.news-two h5 {
    padding-top: 6px;
}

.ist {
    /* color: #50565D; */
    color: #191C1E;
}

.ist a {
    font-style: normal;
    text-decoration: none;
}

.news-archive h1 {
   margin: 20px 0 40px;
}

.blog__categories {
  --categories-fade-size: 88px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: inline proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.blog__categories::-webkit-scrollbar {
    display: none;
}

.blog__categories.has-scroll-right:not(.has-scroll-left) {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--categories-fade-size)), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--categories-fade-size)), transparent 100%);
}

.blog__categories.has-scroll-left:not(.has-scroll-right) {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--categories-fade-size), #000 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--categories-fade-size), #000 100%);
}

.blog__categories.has-scroll-left.has-scroll-right {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--categories-fade-size), #000 calc(100% - var(--categories-fade-size)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--categories-fade-size), #000 calc(100% - var(--categories-fade-size)), transparent 100%);
}

.blog__categories .blog__categories-button {
    padding: 0 28px;
    height: 48px;
    line-height: 48px;
    min-width: 172px;
    text-align: center;
    width: auto !important;
    /* text-transform: uppercase; */
    font-family: 'Suisse Intl SemiBold';
    font-weight: normal;
    cursor: pointer;
    color: #1b1f21;
    text-decoration: none;
    font-style: normal;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease);
}

.blog__categories button.blog__categories-button {
    border: 0;
    background: transparent;
    appearance: none;
}

a.blog__categories-button:hover,
button.blog__categories-button:hover {
    color: #01A3DA;
    opacity: 1;
    transform: translateY(-1px);
}

span.blog__categories-button,
.blog__categories-button.active,
.blog__categories-button.swiper-slide-thumb-active {
    color: #01A3DA !important;
    cursor: default;
    transform: none;
}

button.blog__categories-button.swiper-slide-thumb-active:hover {
    transform: none;
}

span.blog__categories-button::before,
.blog__categories-button.active::before,
.blog__categories-button.swiper-slide-thumb-active::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #01A3DA;
    pointer-events: none;
    left: 3px;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    transform: skewx(-12deg);
}

span.blog__categories-button::after,
.blog__categories-button.active::after,
.blog__categories-button.swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 51%;
    box-sizing: border-box;
    border: 1px solid #01A3DA;
    pointer-events: none;
    right: -2px;
    border-left: none;
    transform: skewx(-12deg);
    border-radius: 0 10px 10px 0;
}

.news-archive-two .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 80px;
    padding-top: 60px;
}

.news-archive-two .container .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
    text-decoration: none;
    max-width: 1133px;
}

.news-archive-two .container .item .img {
    width: 365px;
    height: 258px;
    border-radius: 16px;
    flex: 0 0 365px;
    transition: filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
}

.news-archive-two .container .item .text-box {
    width: calc(100% - 445px);
}

.news-archive-two .container .item .date {
    margin: 0 0 10px;
    font-style: normal;
} 

.news-archive-two .container .item h4 {
    font-family: 'Suisse Intl SemiBold';
    color: #191C1E;
    font-style: normal;
    transition: color var(--motion-base) var(--motion-ease);
    margin-bottom: 30px;
}

.news-archive-two .container .item h4:last-child {
    margin-bottom: 0;
}

.news-archive-two .container .item h5 {
    font-family: 'Suisse Intl SemiBold';
    color: #191C1E;
    font-style: normal;
}

.news-archive-two .container .item:hover {
    opacity: 1;
}

.news-archive-two .container .item:hover .img {
    filter: saturate(1.05) contrast(1.02);
}

.news-archive-two .container .item:hover h4 {
    color: #01A3DA;
}

.blog__categories-tax {
    margin-left: -30px;
}

.articles-two .block{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    width: 100%;

}

.articles-two .block .left {
    width: 230px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.articles-two .block .left .box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.articles-two .block .left h4 {
    font-family: 'Suisse Intl SemiBold';
}

.articles-two .block .right {
    width: calc(100% - 310px);
}

.ava {
    height: 120px;
    width: 120px;
    border-radius: 100%;
}

.articles-two .block .left span {
    font-style: italic;
    font-size: 14px;
    line-height: 180%;
    /* color: #50565D; */
    color: #191C1E;
}

.articles-two .file {
    margin-top: 40px;
    margin-bottom: 60px;
}

.autr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.autr .ava {
    width: 40px;
    height: 40px;
}

.autr .box {
    width: calc(100% - 50px);
}

.autr h4 {
    font-family: 'Suisse Intl SemiBold';
    line-height: normal;
    color: #1b1f21;
}

.autr .box span {
    color: #50565D;
    /* color: #191C1E; */
    font-size: 14px;
}

.analiti-two .box .button .arr{
    transform: rotate(90deg);
}

.event-two .blok {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 80px;
    margin-top: 80px;
}

.event-two h5 {
    margin-bottom: 10px;
}

.event-two .blok .left {
    padding: 40px;
    border: 1px solid #01A3DA;
    border-radius: 16px;
    width: calc(50% - 20px);
}

.event-two .blok .right {
    padding: 40px;
    border: 1px solid #01A3DA;
    border-radius: 16px;
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 100%;
    gap: 20px;
}

.event-two .blok .right .autr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.event-two .blok .right .autr .ava {
    height: 80px;
    width: 80px;
}

.event-two .blok .right .autr span {
    font-style: italic;
    font-weight: 450;
    font-size: 14px;
    line-height: 180%;
    letter-spacing: 2%;
    color: #191C1E;
}

.event-two .blok .right a {
    color: #1b1f21;
    font-style: normal;
}

.event-two .blok .right .footer-cont {
    margin: 0;
}

.partners-two .accordion-box .item {
    width: calc(25% - 60px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.partners-two .accordion-box .item .item-logo {
    height: auto;
}

.partners-two .accordion-box .item .item-logo img {
    max-width: 150px;
    max-height: 150px;
}

.contact-map-card {
    padding: 30px 40px;
    border: 1px solid #E7EBF3;
    border-radius: 16px;
    background: #FFFFFF;
}

.contact-map-card.is-open {
    box-shadow: 0 4px 16px rgba(196, 212, 238, 0.5);
}

.contact-map-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.contact-map-card__info {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    color: #191C1E;
}

.contact-map-card__info h4 {
    margin: 0;
    font-family: 'Suisse Intl SemiBold';
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: 2%;
}

.contact-map-card__info span {
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
}

.contact-map-toggle {
    display: flex;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex: 0 0 auto;
    color: #01A3DA;
    cursor: pointer;
    font-family: 'Suisse Intl Medium', 'Suisse Intl', sans-serif;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 2%;
    text-transform: uppercase;
    font-feature-settings: 'liga' off;
}

.contact-map-toggle:hover,
.contact-map-toggle:focus-visible {
    color: #191C1E;
}

.contact-map-toggle:focus-visible {
    outline: 2px solid #01A3DA;
    outline-offset: 4px;
}

.contact-map-toggle img {
    width: 18px;
    height: 18px;
    transition: filter .3s;
}

.contact-map-toggle span {
    transition: color .3s;
}

.contact-map-toggle:hover img.contact-map-toggle__show,
.contact-map-toggle:focus-visible img.contact-map-toggle__show {
    filter: brightness(0) saturate(100%);
}

.contact-map-toggle__hide {
    display: none;
}

.contact-map-card.is-open .contact-map-toggle {
    gap: 8px;
    color: #191C1E;
}

.contact-map-card.is-open .contact-map-toggle__show {
    display: none;
}

.contact-map-card.is-open .contact-map-toggle__hide {
    display: block;
}

.contact-map-card.is-open .contact-map-toggle img.contact-map-toggle__hide {
    width: 24px;
    height: 24px;
}

.contact-map-card__content {
    width: 100%;
    height: 644px;
    margin-top: 24px;
    overflow: hidden;
    border-radius: 16px;
}

.contact-map-card__content[hidden] {
    display: none;
}

.contact-map-card__content > div,
.contact-map-card__content iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-radius: 16px;
}

.con-block {
    padding: 40px;
    border: 1px #59BC46 solid;
    border-radius: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.con-block h3 {
    font-family: 'Suisse Intl SemiBold';
    color: #191C1E;
}

.con-block .box  {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.ontact-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 14px;
}

.ontact-block a {
    color: #1b1f21;
    text-decoration: none;
}

.contact-two .accordion__header .left span {
    color: #1b1f21;
}

.side-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 540px;
    height: 100%;
    background: #fff;
    padding: 40px 40px 40px 40px;
    transition: right var(--motion-slow) var(--motion-ease), box-shadow var(--motion-slow) var(--motion-ease);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и старый Edge */
}

.side-menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, новый Edge */
}
  
.side-menu.active {
    right: 0;
    box-shadow: -24px 0 60px rgba(25, 28, 30, 0.12);
}

.menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.82);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--motion-slow) var(--motion-ease), visibility var(--motion-slow) var(--motion-ease);
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.scroll-top-button {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 990;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #01A3DA;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    transition: color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), visibility var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
}

.scroll-top-button.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.scroll-top-button:hover,
.scroll-top-button:focus-visible {
    color: #191C1E;
    opacity: 1;
    transform: translateY(-2px);
}

.scroll-top-button svg {
    display: block;
    width: 34px;
    height: 34px;
    margin: auto;
}

body.menu-open {
    overflow: hidden;
}

.close-menu {
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer;
    right: 40px;
    filter: grayscale(100) brightness(20%);
    transition: filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
    z-index: 999;
}

.close-menu:hover {
    filter: none;
    transform: rotate(90deg);
}

.side-menu .menu {
    padding-left: 20px;
}

.side-menu .menu li{
    list-style-image: url(img/Line5.png);
  filter: grayscale(100);
    transition: filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
}

.side-menu .menu li:hover {
    list-style-image: url(img/menuarr.svg);
    filter: none;
    transform: translateX(4px);
}

.side-menu .menu li {
    margin-bottom: 25px;
    padding-left: 10px;
}

.side-menu .menu li a {
    color: #1b1f21;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Suisse Intl SemiBold';
    transition: color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.side-menu .menu li:hover a {
    color: #007CB8;
    opacity: 1;
}

.burger {
    cursor: pointer; 
    width: 28px;
    height: 28px;
    background: url(img/burger.svg);
    transition: transform var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.burger:hover {
    background: url(img/burgerh.svg);
    transform: scale(1.08);
}

.side-btm .copyright {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.overlay {
    display:none; 
    position:fixed; 
    z-index:999; 
    opacity:0.7; 
    filter:alpha(opacity=50); 
    top:0; 
    right:0; 
    left:0; 
    bottom:0; 
    background:#000;
    text-align: center;
    animation: fadeOverlay var(--motion-base) var(--motion-ease);
}

.popup {
    display:none;
    align-items: center;
    justify-content: center;
    position:fixed; 
    overflow-y: auto;
    z-index:1000;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    top: 0;
    left: 0;
    animation: fadeIn var(--motion-base) var(--motion-ease);
}

.popup-box {
    width: 90%;
    max-width: 560px;
    height: auto;
    background: #fff;
    margin: 0;
    padding: 40px 40px 20px 40px;
    border-radius: 16px;
    box-sizing: border-box;
    animation: popupIn var(--motion-slow) var(--motion-ease);
}

.popup h2 {
    text-transform: unset;
}

.popup-box .text {
    line-height: 150%;
    margin: 10px 0;
    display: block;
    padding-right: 37px;
}

.close {
    display:block; 
    width: 34px;  
    height: 34px;
    cursor:pointer;  
    position:relative; 
    margin: 0;
    filter: grayscale(100) brightness(20%);
    float: right;
    transition: filter var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.close:hover {
    filter: none;
    transform: rotate(90deg);
}

.wpcf7-form input {
    font-family: "Suisse Intl";
    font-size: 16px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background:#F8F9FA;
    border: 1px #E7EBF3 solid;
    color: #8C94A6;
    border-radius: 12px;
    padding: 0 20px;
    margin-bottom: 20px;
    transition: border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);
}

.wpcf7-form textarea {
    font-family: "Suisse Intl";
    font-size: 16px;
    width: 100%;
    height: 260px;
    resize: vertical;
    background:#F8F9FA;
    border: 1px #E7EBF3 solid;
    color: #8C94A6;
    border-radius: 12px;
    padding: 20px 20px;
    margin-bottom: 20px;
    transition: border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #01A3DA;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(1, 163, 218, 0.08);
}

.wpcf7-form .wpcf7-submit {
    font-size: 16px;
    text-transform: uppercase;
    background: none;
    border-radius: 30px;
    border: 1px #01A3DA solid;
    color: #01A3DA;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}

.wpcf7-form .wpcf7-submit:hover {
    color: #FFFFFF;
    background: #1B1F21;
    border: 1px #1B1F21 solid;
}

.card-title {
    font-size: 26px;
    line-height: 130%;
    text-transform: uppercase;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOverlay {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.7;
    }
}

@keyframes popupIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}

.wpcf7-spinner {
    display: none !important;
}

.skill-two {
    margin-top: 120px;
}

.skill-two .item .bottom .col img {
    transform: rotate(-90deg);
}

.open_popup {
    cursor: pointer;
}

.img-box {
    max-width: 90%;
    width: fit-content;
    max-height: 90vh;
    height: fit-content;
}

.img-box img {
    max-height: calc(90vh - 60px);
    max-width: 100%;
}

.home-three ul {
    list-style-image: url(img/Line5.png);
    list-style-position: inside;
    filter: grayscale(100);
}

.credit-two {
    margin-bottom: 120px;
}

.footer-mobile-visible {
    display: none;
}

.about-three {
    margin-top: 100px;
}

.service-content .categ {
    padding-top: 0;
}

@media screen and (max-width: 1100px) {
    h1 {
        font-size: 50px;
    }

    .section {
        padding-top: 60px;
    }

    .home-one .text br {
        display: none;
    }

    .home-two .container,
    .home-items .block,
    .home-six .item .bottom,
    .home-news .block,
    .about-three .container,
    .about-four .container,
    .arch-servie-two .block,
    .mySwiper7 .block,
    .accordion input:checked ~ .accordion__content,
    .news-swiper .swiper-slide,
    .articles-two .block {
        gap: 60px;
    }

    .home-items .block .item,
    .home-six .item .bottom .col,
    .arch-servie-two .block .item,
    .mySwiper7 .block .item,
    .accordion__content .item {
        width: calc(33.33% - 40px);
    }

    .button-box {
        padding-top: 60px;
    }

    .home-three, .home-four {
        padding-bottom: 60px;
    }

    .news-swiper {
        width: 100%;
        margin: 0;
    }

    .page-title {
        padding: 60px 0;
    }

    .about-three .right {
        width: calc(65% - 30px);
    }

    .about-three .title {
        width: calc(35% - 30px);
    }

    .about-three .right .item {
        gap: 30px;
    }

    .about-three .right .item span:nth-child(2) {
        width: calc(100% - 80px);
    }

    .footer .bottom .menu li {
        width: calc(25% - 40px);
    }
    .footer-mobile-visible {
        display: unset;
    }
}

@media screen and (max-width: 900px) {
    .home-two .row .left,
    .home-two .row .right,
    .news-swiper .swiper-slide .img,
    .news-swiper .swiper-slide .text-box {
        width: calc(50% - 30px);
    }

    .news-swiper .swiper-slide .text-box {
        padding-top: 30px;
        padding-bottom: 30px;
        gap: 30px;
    }

    .home-items .block .item:first-child,
    .title,
    .about-three .title,
    .footer .top .item,
    .event-two .blok .left,
    .event-two .blok .right {
        padding: 30px;
    }

    .home-items .block .item, .home-six .item .bottom .col, .arch-servie-two .block .item, .mySwiper7 .block .item, .accordion__content .item,
    .arch-servie-two .block .item-cat {
        width: calc(50% - 30px);
    }

    .page-title {
        flex-direction: column;
    }

    .page-title h1 {
        width: 100%;
    }

    .about-three .right {
        gap: 30px;
    }

    .footer .top,
    .articles-two .block {
        gap: 30px;
    }

    .footer .top .title, .footer .top .item {
        width: calc(33.33% - 20px);
    }

    h1 {
        font-size: 32px;
        line-height: 110%;
    }

    .button {
        height: 48px;
        line-height: 1;
    }

    .blog__categories {
        flex-wrap: nowrap;
        gap: 20px;
    }

    .news-two h1 {
        font-size: 26px;
    }

    .side-menu {
        padding-top: 30px;
    }

    .side-menu,
    .home-six .item {
        padding: 30px;
    }

    .side-menu .menu li {
        margin-bottom: 15px;
    }

    .side-menu .menu li a {
        font-size: 16px;
        line-height: 135%;
    }
}

@media screen and (max-width: 760px) {
    .home-two .row,
    .news-swiper .swiper-slide,
    .footer .top,
    .about-three .container {
        flex-direction: column;
        gap: 30px;
    }

    .home-six .company-list {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .news-archive h1 {
        margin: 3px 0 30px;
    }
    
    .news-archive-two .container {
        padding-top: 30px;
        gap: 60px;
    }

    .news-archive-two .container .item {
        flex-direction: column;
        gap: 20px;
        max-width: 100%;
    }

    .news-archive-two .container .item .img,
    .news-archive-two .container .item .text-box {
        width: 100%;
    }

    .news-archive-two .container .item .img {
        flex-basis: auto;
    }

    .news-archive-two .container .item {
        padding: 0 !important;
        gap: 20px;
    }

    .news-archive-two.news-archive-two--news .container .item,
    .news-archive-two.news-archive-two--articles .container .item {
        gap: 30px;
    }

    .news-archive-two.news-archive-two--news .top-box,
    .news-archive-two.news-archive-two--articles .top-box {
        margin-bottom: 10px;
    }

    .news-archive-two.news-archive-two--articles .container .item h4 {
        margin-bottom: 20px;
    }

    .home-two .row:nth-child(2) {
        flex-direction: column-reverse;
    }

    .home-two .row .left,
    .home-two .row .right,
    .news-swiper .swiper-slide .img,
    .news-swiper .swiper-slide .text-box {
        width: 100%;
        padding: 0;
    }

    .home-two .row .left,
    .news-swiper .swiper-slide .img {
        height: 240px;
    }

    .home-items .block .item:first-child {
        margin: 0;
    }

    .footer .top .title, .footer .top .item,
    .title, .about-three .title,
    .about-three .right {
        width: 100%;
    }

    .about-three .right {
        width: 100%;
    }
    
    .footer .bottom .menu {
        gap: 20px;
    }

    .footer .bottom .menu li {
        width: 100%;
    }

    .mySwiper6 .swiper-wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }

    .mySwiper6.feed-tabs .swiper-wrapper {
        flex-wrap: nowrap;
        gap: 20px;
    }

    .accordion__header {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .news-archive-two .top-box {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
        align-items: flex-start;
    }

    .blog__categories-tax {
        margin-left: 0;
    }

    .articles-two .block {
        flex-direction: column;
        gap: 0;
    }

    .articles-two .block .left {
        width: 100%;
    }

    .articles-two .block .right {
        width: 100%;
        display: contents;
    }

    .articles-two .block .right h2 {
        order: 1;
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .articles-two .block .right > *:not(h2) {
        order: 3;
        width: 100%;
    }

    .articles-two .block .left.article-author {
        order: 2;
        width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        margin: 0 0 30px;
    }

    .articles-two .block .left.article-author .ava {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .articles-two .block .left.article-author .box {
        width: calc(100% - 60px);
    }

    .articles-two .block .left.article-author h5 {
        padding-top: 0;
        line-height: normal;
        color: #1b1f21;
    }

    .articles-two .block .left.article-author span {
        color: #50565D;
    }

    .articles-two .file {
        padding: 20px;
    }

    .partners-two .accordion-box .item {
        width: 100%;
    }

    .accordion__header {
        padding: 20px;
    }

    .accordion__header .right {
        order: -1;
        align-self: end;
    }

    .accordion__content {
        padding: 0 20px 20px 20px;
    }

    .con-block .box {
        gap: 10px;
    }
}

@media screen and (max-width: 680px) {
    .body {
        font-size: 14px;
        line-height: 190%;
        font-weight: 400;
    }

    h1 {
        font-size: 32px;
        line-height: 110%;
        font-weight: 700;
    }

    h2 {
        font-size: 26px;
        line-height: 130%;
        font-weight: 600;
    }

    h3 {
        font-size: 22px;
        line-height: 130%;
        font-weight: 700;
    }

    h4 {
        font-size: 18px;
        line-height: 160%;
        font-weight: 600;
    }

    h5 {
        font-size: 14px;
        line-height: 190%;
        font-weight: 600;
    }

    .hero-slider-arrow {
        display: none;
    }

    .text {
        font-size: 14px;
        line-height: 180%;
    }

    .arbitration-table-wrap {
        margin: 20px 0;
    }

    .arbitration-table,
    .arbitration-table tbody,
    .arbitration-table tr,
    .arbitration-table td {
        display: block;
        width: 100%;
    }

    .arbitration-table {
        border: 0;
        font-size: 14px;
        line-height: 180%;
    }

    .arbitration-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .arbitration-table tbody {
        border-top: 1px solid #C5CBD8;
        border-bottom: 1px solid #C5CBD8;
    }

    .arbitration-table tbody tr {
        padding: 20px 0;
        border-bottom: 1px solid #C5CBD8;
    }

    .arbitration-table tbody tr:last-child {
        border-bottom: 0;
    }

    .arbitration-table td,
    .arbitration-table td:first-child,
    .arbitration-table td:nth-child(2) {
        display: grid;
        grid-template-columns: minmax(0, 120px) minmax(0, 1fr);
        gap: 20px;
        width: 100%;
        padding: 0;
        border: 0;
        align-items: start;
    }

    .arbitration-table td + td {
        margin-top: 12px;
    }

    .arbitration-table td::before {
        content: attr(data-label);
        color: #01A3DA;
        font-family: 'Suisse Intl SemiBold';
        font-weight: 600;
    }
    
    .page-title {
        padding: 0;
        gap: 0;
    }

    .section {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .container {
        padding: 0 20px;
    }

    .home-one {
        --hero-pagination-bottom: 30px;
        --hero-pagination-height: 23px;
        --hero-cta-pagination-gap: 30px;
        height: unset;
        background: radial-gradient(50% 50% at 50% 50%, #F4FBFF 0%, #E5F5FD 100%);
        margin-bottom: 40px;
    }

    .home-one .container {
        padding: 0 20px;
    }

    .home-one .container .right {
        display: none;
    }

    .home-one .container .left {
        width: 100%;
        height: 100%;
        padding: 40px 0 calc(var(--hero-pagination-bottom) + var(--hero-pagination-height) + var(--hero-cta-pagination-gap));
        gap: 30px;
        justify-content: flex-start;
    }

    .home-one h1 {
        width: 100%;
        letter-spacing: 2%;
    }

    .home-one .text {
        width: 100%;
        font-size: 14px;
        line-height: 180%;
        letter-spacing: 2%;
    }

    .home-one .button {
        width: 100%;
        height: 52px;
        min-height: 52px;
        margin-top: auto;
        padding: 0 20px;
        font-size: 14px;
        letter-spacing: 2%;
        gap: 16px;
        justify-content: center;
    }

    .home-one .button:hover {
        transform: none;
        box-shadow: none;
    }

    .home-one .button:hover img {
        transform: translateX(3px);
    }

    .home-one .swiper-pagination1 {
        left: 20px;
        right: 20px;
        bottom: var(--hero-pagination-bottom) !important;
        width: auto;
        gap: 30px;
    }

    .mySwiper5 .swiper-slide {
        padding: 30px;
    }
    
    .swiper-pagination1 .swiper-pagination-bullet {
        border-color: #fff;
    }

    .swiper-pagination1 .swiper-pagination-bullet-active {
        width: 54px;
        height: var(--hero-pagination-height);
    }

    .swiper-pagination1 .swiper-pagination-bullet-active::before {
        left: 6px;
        top: 5px;
        width: 41px;
        height: 13px;
    }

    .home-two .container, .home-items .block, .home-six .item .bottom, .home-news .block, .about-three .container, .about-four .container, .arch-servie-two .block, .mySwiper7 .block, .accordion input:checked ~ .accordion__content, .news-swiper .swiper-slide, .articles-two .block {
        gap: 40px;
    }

    .home-items .block {
        gap: 40px;
    }
    
    .customize-support .page-content h2 {
        padding-bottom: 20px;
    }
    
    .mySwiper6 {
        padding: 20px 0 40px 0;
    }

    .feed-three {
        margin-top: 20px;
    }
    
    .news-swiper .swiper-slide {
        margin-bottom: 30px;
    }
    
    .skill-two {
        margin-top: 40px;
    }
    
    .home-two .row {
        gap: 40px;
    }

    .home-two .row .right {
        gap: 15px;
    }

    .home-two .row .right .text {
        margin-bottom: 20px;
    }

    .home-items .block .item, .home-six .item .bottom .col, .arch-servie-two .block .item, .mySwiper7 .block .item, .accordion__content .item, .arch-servie-two .block .item-cat {
        width: 100%;
    }
    
    .home-items .block .item {
        gap: 10px;
    }
    
    .home-items .block .item .text {
        margin-bottom: 10px;
    }

    .home-items  .block .item:first-child, .title, .about-three .title, .footer .top .item, .event-two .blok .left, .event-two .blok .right, .home-news .block, .zaglavn {
        padding: 20px;
    }

    .home-six .container, .home-seven .container {
        gap: 40px;
    }
    
    .home-six .block {
        gap: 30px;
    }

    .news-swiper .date {
        margin: 0;
    }

    .home-seven .mySwiper2 .swiper-slide img {
        max-height: 22px;
    }
    
    .home-seven .mySwiper2 .swiper-slide, .home-seven .news-swiper .swiper-slide {
        margin-bottom: 20px;
        height: 80px;
        padding: 20px;
    }
    
    .news-swiper .swiper-slide {
        gap: 30px;
    }
    
    .news-swiper .swiper-slide .text-box {
        gap: 20px;
    }

    .home-six .item .top,
    .home-six .item .top .right {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    
    .credit-two {
        margin-bottom: 40px;
    }

    .header .right a,
    .header .right .button {
        display: none;
    }

    .bread {
        display: none;
    }

    .page-q {
        width: calc(100% + 60px);
        padding: 30px;
    }

    .side-menu {
        width: 100%;
    }

    .side-menu .menu {
        width: 100%;
        padding-right: 20px;
    }

    .side-menu .menu li a {
        display: inline-block;
        max-width: 100%;
        white-space: normal;
    }

    .blog__categories {
        --categories-fade-size: 44px;
    }

    .blog__categories .blog__categories-button {
        min-width: 0;
        max-width: none;
        white-space: nowrap;
        line-height: 120%;
    }

    .page-q span br {
        display: none;
    }

    .event-two .blok {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }
    
    .event-two .blok .left,
    .event-two .blok .right {
        width: 100%;
    }

    .footer {
        padding-bottom: 40px;
        margin-top: 40px;
        margin-bottom: 0;
    }

    .footer .bottom {
        margin: 40px 0;
        padding: 20px;
    }

    .card-title {
        font-size: 24px;
    }
    
    .news-two .date {
        margin: 3px 0 20px;
    }
    
    .news-two.articles-two .date {
        margin: 3px 0 30px;
    }

    .articles-two .block {
        gap: 0;
    }
    
    .contact-map-card {
        padding: 30px 30px 20px;
    }

    .contact-map-card.is-open {
        padding-bottom: 30px;
    }

    .contact-map-card__header {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .contact-map-card.is-open .contact-map-card__header {
        gap: 10px;
    }

    .contact-map-card__info h4 {
        font-size: 18px;
        line-height: 160%;
    }

    .contact-map-card__info span {
        font-size: 14px;
        line-height: 190%;
    }

    .contact-map-toggle {
        align-self: flex-end;
        gap: 16px;
        font-size: 14px;
    }

    .contact-map-card.is-open .contact-map-toggle {
        gap: 12px;
    }

    .contact-map-card__content {
        height: auto;
        margin-top: 8px;
        aspect-ratio: 243 / 342;
    }
    
    .column {
        margin-top: 0;
    }
    
    .con-block {
        padding: 30px;
        margin-bottom: 30px;
    }
    
    .arch-servie-two .block .item-cat {
        padding: 30px;
        height: auto;
    }

    .about-three {
        margin-top: 40px;
    }
}