@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Bold.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Light.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Medium.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Regular.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-UltraLight.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-UltraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Thin.woff2") format("woff2"),
        url("/wp-content/themes/ukrtouch/build/fonts/e-Ukraine-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}
*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

img,
svg {
    vertical-align: top;
}

button {
    cursor: pointer;
    border: none;
}

* {
    position: relative;
}

html {
    font-size: 10px;
    background-color: #fff;
    scroll-behavior: smooth;
}

body {
    font-family: e-Ukraine;
    scroll-behavior: smooth;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-weight: 300;
}
body.menu-open {
    overflow: hidden;
    height: 100vh;
}
body.scroll-disable {
    height: 100vh;
    overflow: hidden;
}

section {
    overflow: hidden;
    z-index: 1;
    padding: 4rem 0 12rem;
}

main {
    flex: 1;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 127rem;
    padding: 0 1.5rem;
}

.tac {
    text-align: center;
    margin: 0 auto;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

[class*="grid"] + [class*="grid"] {
    margin-top: 2rem;
}

.grid-2,
.grid-3,
.grid-4 {
    grid-gap: 2rem;
}
@media only screen and (min-width: 450px) {
    .grid-2 > div,
    .grid-2 > a,
    .grid-3 > div,
    .grid-3 > a,
    .grid-4 > div,
    .grid-4 > a {
        width: calc(50% - 1rem);
    }
}
@media only screen and (min-width: 450px) {
    .grid-2,
    .grid-3,
    .grid-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 992px) {
    .grid-3,
    .grid-4 {
        justify-content: flex-start;
    }
    .grid-3 > div,
    .grid-3 > a,
    .grid-4 > div,
    .grid-4 > a {
        width: calc(33.33% - 1.3333333333rem);
    }
}
@media only screen and (min-width: 1300px) {
    .grid-4 > div,
    .grid-4 > a {
        width: calc(25% - 1.5rem);
    }
}
.spacer {
    height: 1rem;
    display: block;
}

.bg {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background: var(--bg-image) no-repeat center center;
    position: absolute;
    background-size: cover;
}
.bg-top:before,
.bg-top:after {
    background-position: top center;
}
.bg-bottom:before,
.bg-bottom:after {
    background-position: bottom center;
}

@media only screen and (min-width: 992px) {
    .flex-2 {
        display: flex;
        align-items: center;
    }
    .flex-2 > div {
        flex: 1;
    }
}
blockquote {
    padding-left: 1rem;
    margin-left: 2rem;
    border-left: 0.1rem solid #0057b8;
}

h1,
h2,
h3,
h4,
h5,
p,
span,
div,
a,
li,
textarea,
input,
button,
input::placeholder,
textarea::placeholder {
    font-size: 1.6rem;
    font-style: normal;
    line-height: 120%;
    color: inherit;
}

span {
    font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: 400;
}

h1 {
    font-size: 3.2rem;
}
@media only screen and (min-width: 576px) {
    h1 {
        font-size: calc(5.6rem + 8 * (100vw - 375px) / 625);
    }
}
@media only screen and (min-width: 992px) {
    h1 {
        font-size: 6.8rem;
    }
}

h2 {
    font-size: 3.2rem;
    line-height: 1.2;
}
@media only screen and (min-width: 576px) {
    h2 {
        font-size: calc(3.2rem + 8 * (100vw - 375px) / 625);
    }
}
@media only screen and (min-width: 992px) {
    h2 {
        font-size: 6.8rem;
    }
}

h3 {
    font-size: 2rem;
    line-height: 1.4;
}
@media only screen and (min-width: 576px) {
    h3 {
        font-size: calc(2rem + 4 * (100vw - 375px) / 625);
    }
}
@media only screen and (min-width: 992px) {
    h3 {
        font-size: 2.4rem;
    }
}

h4 {
    font-size: 2rem;
    line-height: 1.4;
}
@media only screen and (min-width: 576px) {
    h4 {
        font-size: calc(2rem + 4 * (100vw - 375px) / 625);
    }
}
@media only screen and (min-width: 992px) {
    h4 {
        font-size: 2.4rem;
    }
}

h5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.5;
}
h5 a {
    font-size: 2rem;
}

h6 {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
}

p {
    font-size: 1.6rem;
    line-height: 1.5;
}
@media only screen and (min-width: 992px) {
    p {
        font-size: 2rem;
    }
}

form label {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #080520;
    text-align: left;
}

.bttn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 30.7rem;
    padding: 1rem;
    max-width: 100%;
    border-radius: 10rem;
    border: 1px solid #161616;
    font-size: 2rem;
    font-weight: 300;
    line-height: 150%;
    transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
    .bttn {
        width: auto;
        padding: 0.7rem 2.5rem;
    }
}
.bttn--small {
    font-size: 1.6rem;
}
@media only screen and (max-width: 576px) {
    .bttn--small {
        font-size: 1.4rem;
    }
}
.bttn:hover {
    color: #ffffff;
    background: #161616;
}

.bttn--circle {
    width: 18.2rem;
    height: 18.2rem;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0057b8;
    border-radius: 50%;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 400;
    padding: 2rem;
    text-align: center;
    transition: all 0.2s ease;
}
.bttn--circle:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background: #0b4586;
}
.bttn--circle:active {
    transform: scale(0.95);
}
.bttn--circle_yellow {
    color: #161616;
    background: #ffd700;
}
.bttn--circle_yellow:hover {
    background: #ffffff;
}
@media only screen and (max-width: 576px) {
    .bttn--circle {
        font-size: 1.6rem;
        width: 14rem;
        height: 14rem;
    }
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 1.5rem;
    z-index: 99;
    transition: 0.1s ease-out;
}
@media only screen and (max-width: 576px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
}
.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 0;
    border-bottom: 1px solid #898989;
    transition: 0.3s linear;
    z-index: 11;
}
@media only screen and (max-width: 878px) {
    .header .container::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 11;
    }
}
@media only screen and (max-width: 576px) {
    .header .container {
        padding: 0.6rem 1.5rem;
    }
}
.header--scrolled {
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #898989;
}
@media only screen and (max-width: 576px) {
    .header--scrolled {
        padding: 0.3rem 1.5rem;
    }
}
.header--scrolled .container {
    padding: 0;
    border: none;
}
.header__logo {
    z-index: 200;
    transition: 0.5s linear;
}
.header__logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
@media only screen and (max-width: 576px) {
    .header__logo img {
        width: 8rem;
    }
}
.header__burger {
    display: block;
    width: 3.2rem;
    height: 1.5rem;
    z-index: 11;
}
@media only screen and (min-width: 878px) {
    .header__burger {
        display: none;
    }
}
.header__burger:before,
.header__burger span,
.header__burger:after {
    content: "";
    position: absolute;
    width: 2.4rem;
    height: 0.2rem;
    left: 50%;
    background-color: #161616;
    transform: translateX(-50%);
    transition: top 0.15s linear 0.15s, transform 0.15s linear,
        background 0.3s linear, -webkit-transform 0.15s linear,
        opacity 0.3s linear;
}
.header__burger span {
    top: 50%;
    transform: translate(-50%, -50%);
}
.header__burger:before {
    top: 0;
}
.header__burger:after {
    top: 100%;
    transform: translate(-50%, -100%);
}
.header__bttn {
    width: 18.2rem;
    z-index: 11;
}
@media only screen and (max-width: 576px) {
    .header__bttn {
        width: auto;
    }
}
.header__user {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-left: 3rem;
    z-index: 12;
}
@media only screen and (max-width: 576px) {
    .header__user {
        gap: 1.5rem;
    }
}
.header__menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    z-index: 10;
    transform: translateX(100%);
    transition: transform 0.3s linear;
    padding: 6.9rem 0 3rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
@media only screen and (max-width: 576px) {
    .header__menu {
        padding-top: 5.6rem;
    }
}
@media only screen and (min-width: 878px) {
    .header__menu {
        transform: unset;
        width: auto;
        height: auto;
        position: static;
        padding: 0;
        background-color: transparent;
        margin-left: auto;
    }
}
@media only screen and (max-width: 878px) {
    .header__menu {
        overflow: auto;
    }
}
.header__menu-list {
    list-style-type: none;
}
@media only screen and (min-width: 878px) {
    .header__menu-list {
        display: flex;
        gap: 2rem;
    }
}
.header__menu-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    font-size: 1.6rem;
    transition: all 0.2s ease;
}
@media (any-hover: hover) {
    .header__menu-list li a:hover {
        color: #0057b8;
    }
}
@media only screen and (max-width: 878px) {
    .header__menu-list li a {
        padding: 2rem 0;
        font-size: 2rem;
    }
}
.header__menu-list li {
    border-top: 0.1rem solid rgba(114, 117, 152, 0.2);
}
@media only screen and (min-width: 878px) {
    .header__menu-list li {
        border-top: 0;
    }
}
.sub-menu li {
    width: 100%;
    display: flex;
}
.sub-menu li a {
    width: 100%;
}
.sub-menu .menu-item-has-children {
    display: block !important;
}

.menu-item-has-children {
    position: relative;
}
.menu-item-has-children a {
    display: block !important;
}
@media (any-hover: hover) {
    .menu-item-has-children:hover > .sub-menu {
        display: flex;
    }
}
.menu-item-has-children > .sub-menu {
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
    background: #ffffff;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 2rem;
}
.menu-item-has-children > .sub-menu a {
    padding: 1.4rem;
}
@media only screen and (min-width: 768px) {
    .menu-item-has-children > .sub-menu {
        left: -5rem;
        min-width: 29rem;
    }
}
.menu-item-has-children > .sub-menu ul a {
    padding: 1rem;
}
@media only screen and (max-width: 878px) {
    .menu-item-has-children > .sub-menu {
        position: static;
        max-width: 80%;
        margin: 0 auto;
        border: none;
    }
    .menu-item-has-children > .sub-menu li {
        display: flex;
        width: 100%;
    }
    .menu-item-has-children > .sub-menu li a {
        padding: 1.4rem 0;
        font-size: 1.6rem;
        width: 100%;
    }
}
.menu-item-has-children > .sub-menu.active {
    display: flex;
}
.menu-item-has-children > .sub-menu .sub-menu {
    left: 0;
    top: 0;
    transform: translateX(100%);
}
@media only screen and (max-width: 878px) {
    .menu-item-has-children > .sub-menu .sub-menu {
        transform: translate(0);
    }
}

@media only screen and (max-width: 878px) {
    .menu-item-has-children a {
        width: max-content;
        margin: 0 auto;
    }
    .menu-item-has-children::after {
        content: "";
        position: absolute;
        top: 3rem;
        transform: translateY(-50%) rotate(45deg);
        right: 4rem;
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transition: all 0.2s ease;
    }
}
.menu-item-has-children.active::after {
    transform: rotate(225deg) translateY(-50%);
}
.menu-item-has-children .menu-item-has-children a {
    width: max-content !important;
    margin: 0 auto;
}
.menu-item-has-children .menu-item-has-children::after {
    top: 2.2rem;
}

@media only screen and (max-width: 878px) {
    body.menu-open .header__menu {
        transform: translate3d(0, 0, 0);
    }
    body.menu-open .header__burger span {
        opacity: 0;
    }
    body.menu-open .header__burger::before,
    body.menu-open .header__burger::after {
        -webkit-transition: top 0.15s linear, background 0.3s linear,
            -webkit-transform 0.15s linear 0.15s;
        transition: top 0.15s linear, background 0.3s linear,
            -webkit-transform 0.15s linear 0.15s;
        -o-transition: top 0.15s linear, transform 0.15s linear 0.15s,
            background 0.3s linear;
        transition: top 0.15s linear, transform 0.15s linear 0.15s,
            background 0.3s linear;
        transition: top 0.15s linear, transform 0.15s linear 0.15s,
            background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
    }
    body.menu-open .header__burger:before {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    body.menu-open .header__burger:after {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}
.phones {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 12;
}

.banner {
    display: flex;
    align-items: flex-end;

    min-height: 50rem;
    padding-bottom: 0;
}
@media only screen and (min-width: 878px) {
    .banner {
        min-height: 80rem;
    }
}
@media only screen and (max-width: 576px) {
    .banner {
        height: 100vh;
        justify-content: center;
        align-items: center;
    }
    .banner .container {
        justify-content: center;
        display: flex;
        align-items: center;
    }
}
.banner__wrap {
    width: 71rem;
    max-width: 100%;
}
@media only screen and (max-width: 878px) {
    .banner__wrap {
        width: 100%;
    }
}
@media only screen and (max-width: 576px) {
    .banner__wrap {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
}
.banner h1 {
    width: 60.5rem;
    max-width: 100%;
}
@media only screen and (max-width: 350px) {
    .banner h1 {
        font-size: 2.6rem;
    }
}
.banner .container {
    border-bottom: 1px solid #898989;
    height: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 12rem;
}
@media only screen and (max-width: 878px) {
    .banner .container {
        padding-top: 12rem;
    }
}
@media only screen and (max-width: 576px) {
    .banner .container {
        padding: 6rem 4rem 6rem 4rem;
    }
}

@media (max-width: 1200px) {
    .banner__wrap {
        margin: 0 auto;
    }
}

.banner__tip {
    max-width: 42rem;
    padding: 0.6rem 1.5rem 0.7rem 4rem;
    margin-top: 3rem;
    display: inline-flex;
    align-items: center;
    gap: 6rem;
    border-radius: 3rem;
    border: 1px solid #161616;
    cursor: pointer;
    font-weight: 300;
    font-size: 2rem;
    transition: all 0.2s ease;
    text-align: left;
}
@media only screen and (max-width: 576px) {
    .banner__tip {
        margin-top: 1rem;
        gap: 2rem;
        padding-left: 2.5rem;
    }
}
.banner__tip span {
    display: flex;
    width: 4.7rem;
    min-width: 4.7rem;
    height: 4.7rem;
    align-items: center;
    justify-content: center;
    background: #72b5ff;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.banner__bttn {
    position: absolute;
    right: 0rem;
    bottom: -2rem;
}
@media only screen and (max-width: 878px) {
    .banner__bttn {
        right: 3rem;
    }
}
@media only screen and (max-width: 768px) {
    .banner__bttn {
        position: static;
        margin: 2rem auto 0;
        text-align: center;
    }
    .banner__bttn a {
        margin: 0 auto;
    }
}
.banner__social {
    position: absolute;
    right: 0;
    bottom: 7rem;
}
@media only screen and (max-width: 768px) {
    .banner__social {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media only screen and (max-width: 576px) {
    .banner__social {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}
.banner__social li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner__social li + li {
    margin-top: 1rem;
}
.banner__social li a {
    padding: 1rem;
}

.about {
    padding: 8rem 0 6rem;
}
@media only screen and (max-width: 768px) {
    .about {
        padding: 4rem 0;
    }
}
.about .container {
    max-width: 105.8rem;
}
.about__wrap {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4rem 3rem;
}
@media only screen and (max-width: 768px) {
    .about__wrap {
        gap: 1rem;
    }
}
.about__wrap p {
    display: block;
    width: calc(50% - 1.5rem);
}
.about__wrap p:first-child {
    flex: 100%;
}
@media only screen and (min-width: 768px) {
    .about__wrap p:first-child {
        max-width: 50%;
    }
}
.about__wrap p:not(:first-child) {
    color: #898989;
    font-size: 1.6rem;
    font-weight: 300;
}
@media only screen and (max-width: 768px) {
    .about__wrap p {
        flex: 100%;
    }
}
.about__bttn {
    margin-top: 3rem;
}

.tags {
    padding: 4.6rem 0 6rem;
    background-image: url(/wp-content/themes/ukrtouch/build/img/tags/bg.png);
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width: 768px) {
    .tags {
        padding: 3rem 0;
    }
}
.tags__wrap {
    width: 144rem;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.tags__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tags__line li {
    padding: 1rem 3rem;
    border-radius: 10rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    margin-left: 4rem;
}
.tags__line li:first-child {
    margin-left: 0;
}
.tags__line + .tags__line {
    margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
    .tags__line + .tags__line {
        margin-top: 2rem;
    }
}
.tags__line:nth-child(1) {
    transform: translateX(-35.4rem);
}
.tags__line:nth-child(2) {
    transform: translateX(-23rem);
}
.tags__line:nth-child(3) {
    transform: translateX(-35.4rem);
}

.service-info {
    padding: 8rem 0;
}
.service-info .container {
    max-width: 105.8rem;
}
@media only screen and (max-width: 768px) {
    .service-info {
        padding: 4rem 0;
    }
}

.lang-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14.4rem, 1fr));
    gap: 2rem 10.5rem;
    margin-top: 4rem;
}
.lang-list li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.service-info__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    position: relative;
    margin-top: 8rem;
    color: #898989;
}
@media only screen and (max-width: 768px) {
    .service-info__body {
        gap: 1rem;
        margin-top: 4rem;
    }
}
.service-info__body p {
    font-size: 1.6rem;
    /*width: calc(50% - 1.5rem);*/
}
@media only screen and (max-width: 768px) {
    .service-info__body p {
        width: auto;
        padding-bottom: 0;
    }
}
.service-info__body figure {
    flex-basis: 45%;
}
@media only screen and (max-width: 768px) {
    .service-info__body figure {
        flex-basis: 100%;
    }
}
.service-info__body img {
    width: 100%;
    height: auto;
}

.service-info__bttn {
    position: absolute;
    left: 20%;
    bottom: 0;
    z-index: 1;
}
@media only screen and (max-width: 768px) {
    .service-info__bttn {
        bottom: 1rem;
    }
}

.service .container {
    border-top: 0.1rem solid #898989;
    padding-top: 4rem;
}
.service .swiper-container {
    max-width: 105.8rem;
    padding: 0 1.5rem;
    margin: 6.5rem auto 0 auto;
}
@media only screen and (max-width: 768px) {
    .service .swiper-container {
        margin: 4rem auto 0 auto;
    }
}
@media only screen and (max-width: 768px) {
    .service {
        padding: 4rem 0;
    }
}

.service__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 8rem;
    gap: 4rem;
}

.service__slide {
    width: 49rem;
    font-size: 1.6rem;
    font-weight: 300;
    padding-bottom: 1rem;
}
@media only screen and (max-width: 1300px) {
    .service__slide {
        width: auto;
    }
}
.service__slide h3 {
    color: #161616;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 150%;
}
@media only screen and (max-width: 768px) {
    .service__slide h3 {
        font-size: 2rem;
    }
}
.service__slide p {
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 2rem;
    color: #898989;
}
.service__slide ul {
    margin-top: 2rem;
    color: #898989;
}
.service__slide ul li {
    list-style: inside;
}
.service__slide ul li:not(:first-child) {
    margin-top: 2rem;
}
.service__slide figure {
    flex-basis: 49%;
}
.service__slide figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.service__slide .bttn {
    margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
    .service__slide {
        flex-direction: column;
    }
}
.service__slide-img {
    max-height: 37rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.service__slide-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.service__slide_body {
    flex-basis: 49%;
}

.service__slide_body li a {
    color: #0057b8;
    text-decoration: underline;
}

.service__slide_body li a:hover {
    color: #0b4586;
}

.slider-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    padding-right: calc((100% - 105.8rem) / 2);
}
@media only screen and (max-width: 768px) {
    .slider-head {
        justify-content: center;
    }
}

.slider-nav {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.swiper-container {
    overflow: hidden;
}

.btn-next,
.btn-prev {
    width: 5.3rem;
    height: 5.3rem;
    border-radius: 50%;
    background-color: #0057b8;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.4rem 2.3rem;
    transition: background-color 0.1s ease-in-out;
}
@media only screen and (max-width: 768px) {
    .btn-next,
    .btn-prev {
        width: 3.3rem;
        height: 3.3rem;
        background-size: 1rem;
    }
}
.btn-next:hover,
.btn-prev:hover {
    background-color: #161616;
}

.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='23' viewBox='0 0 14 23' fill='none'%3E%3Cpath d='M13.0607 10.4393C13.6464 11.0251 13.6464 11.9749 13.0607 12.5607L3.51472 22.1066C2.92893 22.6924 1.97919 22.6924 1.3934 22.1066C0.807611 21.5208 0.807611 20.5711 1.3934 19.9853L9.87868 11.5L1.3934 3.01472C0.807611 2.42893 0.807611 1.47919 1.3934 0.893398C1.97919 0.307611 2.92893 0.307611 3.51472 0.893398L13.0607 10.4393ZM11 10H12V13H11V10Z' fill='white'/%3E%3C/svg%3E");
}

.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='23' viewBox='0 0 14 23' fill='none'%3E%3Cpath d='M0.93934 10.4393C0.353553 11.0251 0.353553 11.9749 0.93934 12.5607L10.4853 22.1066C11.0711 22.6924 12.0208 22.6924 12.6066 22.1066C13.1924 21.5208 13.1924 20.5711 12.6066 19.9853L4.12132 11.5L12.6066 3.01472C13.1924 2.42893 13.1924 1.47919 12.6066 0.893398C12.0208 0.307611 11.0711 0.307611 10.4853 0.893398L0.93934 10.4393ZM3 10H2L2 13H3V10Z' fill='white'/%3E%3C/svg%3E");
}

.pagination {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.swiper-pagination-bullet {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #ffd700;
}

.swiper-pagination-bullet-active {
    background: #0057b8;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-button-lock {
    display: none;
}

.price {
    position: relative;
    background: #0057b8;
    color: #ffffff;
    overflow: visible;
    padding: 6.7rem 0 9rem 0;
    margin-bottom: 16rem;
}
.price ul {
    max-width: 50%;
}
.price ul li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.5;
}
.price ul li:not(:first-child) {
    margin-top: 1rem;
}

.price__choice {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-top: 4rem;
}
.price__choice h3 {
    font-size: calc(3.2rem + 4 * (100vw - 375px) / 625);
    font-weight: 300;
}
@media only screen and (max-width: 768px) {
    .price__choice {
        flex-direction: column;
        align-items: start;
    }
}

.price__select {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 300;
    padding: 1.2rem 5.7rem;
    padding-right: 8rem;
    border-radius: 10rem;
    border: 0.1rem solid #ffffff;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M6 10.5L11.6292 0.75H0.370835L6 10.5Z' fill='white'/%3E%3C/svg%3E");
    background-size: 1.2rem 1.1rem;
    background-repeat: no-repeat, repeat;
    background-position: right 3rem top 50%, 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
@media only screen and (max-width: 768px) {
    .price__select {
        padding: 1.2rem 4.7rem;
        padding-right: 5rem;
    }
}

.price__select option {
    color: #161616;
    padding: 0;
}

.price__body {
    margin-top: 6rem;
}

.price__tab {
    display: none;
}

.price__tab_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 768px) {
    .price__tab_grid {
        grid-template-columns: 1fr;
    }
}

.price__tab.active {
    display: block;
}

.price__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
    padding-left: 1rem;
}
.price__col:not(:first-child) {
    border-left: 0.1rem solid #72b5ff;
}
@media only screen and (max-width: 768px) {
    .price__col:not(:first-child) {
        border-left: 0;
    }
}

.price__bttn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    bottom: -11rem;
}

@media (max-width: 900px) {
    .price__bttn {
        right: unset;
        left: 50%;
        transform: translateX(-50%) !important;
    }
}

.price--t2 h2 {
    font-size: 3.2rem;
    font-weight: 300;
}
.price--t2 h2:first-child {
    max-width: 60.5rem;
}
.price--t2 .price__choice h2 {
    width: 48%;
}
@media only screen and (max-width: 768px) {
    .price--t2 .price__choice h2 {
        width: auto;
    }
}
.price--t2 .price__body {
    margin-top: 4rem;
}

.price__tab_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.price__tab_flex h2,
.price__tab_flex h3,
.price__tab_flex h4,
.price__tab_flex h5 {
    width: 48%;
}
@media only screen and (max-width: 768px) {
    .price__tab_flex h2,
    .price__tab_flex h3,
    .price__tab_flex h4,
    .price__tab_flex h5 {
        width: 100%;
    }
}
.price__tab_flex p {
    font-size: 1.6rem;
    flex: 1 1 100%;
}

p.line {
    max-width: 100%;
}

.line {
    width: 100%;
    height: 0.1rem;
    background: #ffffff;
}

.price__bottom {
    padding-top: 4rem;
    margin-top: 6rem;
    border-top: 0.1rem solid #ffffff;
}
.price__bottom p {
    font-size: 1.6rem;
    max-width: 56.8rem;
}

.area {
    margin-top: 15.1rem;
}

.area .container {
    border-radius: 2rem;
    background-image: linear-gradient(
        90deg,
        #0097ea 0%,
        #057ede 10.33%,
        #0a3de7 31%,
        #5849df 42.67%,
        #886dc0 66%,
        #dd80b7 77.33%,
        #edee72 100%
    );
    background-origin: border-box;
    box-shadow: inset 100vh 100vw white;
    border: 3px solid transparent;
}
@media only screen and (max-width: 768px) {
    .area .container {
        max-width: 50rem;
    }
}
@media only screen and (max-width: 768px) {
    .area {
        padding-bottom: 4rem;
    }
}

.areacont {
    margin-top: 1rem;
	padding: 4rem 0 1rem;
}
.areacont .container {
    border-radius: 2rem;
    background-image: linear-gradient(
        90deg,
        #0097ea 0%,
        #057ede 10.33%,
        #0a3de7 31%,
        #5849df 42.67%,
        #886dc0 66%,
        #dd80b7 77.33%,
        #edee72 100%
    );
    background-origin: border-box;
    box-shadow: inset 100vh 100vw white;
    border: 3px solid transparent;
}
@media only screen and (max-width: 768px) {
    .areacont .container {
        max-width: 50rem;
    }
}
@media only screen and (max-width: 768px) {
    .areacont {
        padding-bottom: 4rem;
    }
}

.area__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
    padding: 4rem 10.6rem;
}
.area__wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media only screen and (max-width: 1300px) {
    .area__wrap {
        flex-direction: column;
        padding: 4rem 5rem;
    }
}
@media only screen and (max-width: 576px) {
    .area__wrap {
        padding: 4rem 2rem;
    }
}

.area__body {
    flex-basis: 49%;
}
.area__body h2 {
    font-size: calc(3.2rem + 4 * (100vw - 375px) / 625);
    margin-top: 3rem;
    font-weight: 300;
}
@media only screen and (max-width: 576px) {
    .area__body h2 {
        font-size: 2.5rem;
    }
}
.area__body h4 {
    font-weight: 300;
}

.area__bttn {
    margin-top: 3rem;
}

@media only screen and (max-width: 768px) {
    .reviews {
        padding: 4rem 0;
    }
}
.reviews .swiper-container {
    margin: 0 auto;
    padding-top: 6rem;
    max-width: 92.1rem;
}
.reviews .btn-prev,
.reviews .btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.reviews .btn-prev {
    left: 7.6rem;
}
@media only screen and (max-width: 768px) {
    .reviews .btn-prev {
        left: 2rem;
    }
}
.reviews .btn-next {
    right: 7.6rem;
}
@media only screen and (max-width: 768px) {
    .reviews .btn-next {
        right: 2rem;
    }
}

.reviews__slider {
    position: relative;
}

.reviews__slide {
    padding: 0.8rem;
    width: 28.7rem !important;
}
.reviews__slide a {
    position: relative;
    display: block;
    box-shadow: 0px 0.2rem 0.8rem 0px rgba(0, 0, 0, 0.2);
}
.reviews__slide a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.7rem;
    height: 6.7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68' viewBox='0 0 68 68' fill='none'%3E%3Cpath d='M48.4167 42.6667H45.3883L44.315 41.6317C48.0717 37.2617 50.3333 31.5883 50.3333 25.4167C50.3333 11.655 39.1783 0.5 25.4167 0.5C11.655 0.5 0.5 11.655 0.5 25.4167C0.5 39.1783 11.655 50.3333 25.4167 50.3333C31.5883 50.3333 37.2617 48.0717 41.6317 44.315L42.6667 45.3883V48.4167L61.8333 67.545L67.545 61.8333L48.4167 42.6667ZM25.4167 42.6667C15.8717 42.6667 8.16667 34.9617 8.16667 25.4167C8.16667 15.8717 15.8717 8.16667 25.4167 8.16667C34.9617 8.16667 42.6667 15.8717 42.6667 25.4167C42.6667 34.9617 34.9617 42.6667 25.4167 42.6667Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 6.7rem;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.reviews__slide a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
    );
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.reviews__slide a:hover:after,
.reviews__slide a:hover:before {
    visibility: visible;
    opacity: 1;
}
.reviews__slide img {
    width: 100%;
    height: 34.8rem;
    object-fit: cover;
}
.reviews__slide p {
    margin-top: 1rem;
    color: #898989;
    font-size: 1.6rem;
    font-weight: 300;
}

/*.office-section.reviews .swiper-container {
    max-width: 100%;
}*/

.office-section {
    padding-bottom: 0;
}

.find-us {
    padding-bottom: 0;
}

.fint-us-text {
    margin-top: 30px;
}

.fint-us-text p:nth-last-child(1) {
    margin-top: 1.5rem;
}

.contact-map {
    padding-top: 40px;
    padding-bottom: 0;
}

.contact-map iframe {
    display: block;
    width: 100%;
}

.map-btn-link {
    position: fixed;
    bottom: 87px;
    right: 5px;
    height: 65px;
    z-index: 102;
}

.map-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 65px !important;
    box-shadow: 0 19px 38px 0 rgba(34, 36, 43, .3);
    height: 65px;
    margin-bottom: 20px !important;
    position: relative;
    text-align: center;
    transform: scale(1);
    width: 65px;
}

.map-btn img {
    display: flex;
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 768px) {
    .partners {
        padding: 4rem 0;
    }
    .contact-map iframe {
        width: 100%;
    }

    .map-btn-link {
        right: 20px;
    }
}
.partners h2 {
    font-size: calc(3.2rem + 8 * (100vw - 375px) / 625);
    font-weight: 300;
}
.partners .swiper-container {
    margin: 0 auto;
    padding-top: 4rem;
    max-width: 92.1rem;
}
.partners .btn-prev,
.partners .btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.partners .btn-prev {
    left: 7.6rem;
}
@media only screen and (max-width: 768px) {
    .partners .btn-prev {
        left: 2rem;
    }
}
.partners .btn-next {
    right: 7.6rem;
}
@media only screen and (max-width: 768px) {
    .partners .btn-next {
        right: 2rem;
    }
}

.partners__slide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    width: 100%;
}
.partners__slide figure {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 992px) {
    .partners__slide {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 768px) {
    .partners__slide {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 576px) {
    .partners__slide {
        grid-template-columns: 1fr;
    }
}

.work .swiper-container {
    margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
    .work {
        padding: 4rem 0;
    }
}

.work__slide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    width: 100%;
}
.work__slide .work__slide_item:nth-child(2) {
    grid-column: 2/4;
}
.work__slide .work__slide_item:nth-child(3) {
    grid-column: 4/5;
}
.work__slide .work__slide_item:nth-child(6) {
    grid-column: 3/5;
}
.work__slide .work__slide_item img {
    width: 100%;
    height: 27rem;
    object-fit: cover;
}
@media only screen and (max-width: 992px) {
    .work__slide .work__slide_item img {
        height: 20rem;
    }
}
@media only screen and (max-width: 768px) {
    .work__slide .work__slide_item img {
        height: 15rem;
    }
}
@media only screen and (max-width: 576px) {
    .work__slide .work__slide_item img {
        height: 10rem;
    }
}
@media only screen and (max-width: 768px) {
    .work__slide .work__slide_item:nth-child(2) {
        grid-column: 2/4;
    }
    .work__slide .work__slide_item:nth-child(3) {
        grid-column: 1/3;
    }
    .work__slide .work__slide_item:last-child {
        grid-column: 2/4;
    }
}
@media only screen and (max-width: 576px) {
    .work__slide .work__slide_item:nth-child(2) {
        grid-column: 2/3;
    }
    .work__slide .work__slide_item:nth-child(3) {
        grid-column: 1/2;
    }
    .work__slide .work__slide_item:last-child {
        grid-column: 2/3;
    }
}
.work__slide p {
    color: #898989;
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 1rem;
}
@media only screen and (max-width: 768px) {
    .work__slide {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 576px) {
    .work__slide {
        grid-template-columns: repeat(2, 1fr);
    }
}

section.blog:not(.blog-page):not(.blog-page) .container {
    border-top: 0.1rem solid #898989;
    padding-top: 4rem;
}
@media only screen and (max-width: 768px) {
    section.blog:not(.blog-page) {
        padding: 4rem 0;
    }
}

sectioncont.blog:not(.blog-page):not(.blog-page) .container {
    border-top: 0.1rem solid #898989;
    padding-top: 4rem;
}
@media only screen and (max-width: 768px) {
    sectioncont.blog:not(.blog-page) {
        padding: 4rem 0;
    }
}

.blog-page {
    padding-top: 0;
}

.blog__items {
    margin-top: 4rem;
}

.blog__item {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.blog__item:not(:first-child) {
    margin-top: 8rem;
}
.blog__item h4 {
    font-size: 2rem;
    font-weight: 300;
}
.blog__item p {
    color: #898989;
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.blog__item figure {
    flex-basis: 60%;
}
.blog__item figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media only screen and (max-width: 768px) {
    .blog__item {
        flex-direction: column;
    }
}

.blog__item_body {
    display: flex;
    flex-direction: column;
    flex-basis: 45%;
}

.blog__item_bttn {
    margin-top: auto;
}

.form .container {
    border-top: 0.1rem solid #898989;
    padding-top: 4rem;
}
.form form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-basis: 45%;
}
.form form .bttn {
    width: 100%;
}
.form select {
    font-family: e-Ukraine;
    width: 100%;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 1.4rem 2rem;
    padding-right: 8rem;
    border-radius: 1rem;
    border: 0.1rem solid #0057b8;
    background: #0057b8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M6 10.5L11.6292 0.75H0.370835L6 10.5Z' fill='white'/%3E%3C/svg%3E");
    background-size: 1.2rem 1.1rem;
    background-repeat: no-repeat, repeat;
    background-position: right 3rem top 50%, 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
@media only screen and (max-width: 768px) {
    .form {
        padding: 4rem 0;
    }
}
.form:focus {
    border-color: #ffd700;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    padding: 1.4rem 2rem;
    font-family: e-Ukraine;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 300;
    background: #161616;
    border: 0.1rem solid transparent;
    transition: all 0.1s ease;
    width: 100%;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #0057b8;
}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
    color: #ffffff;
    font-family: e-Ukraine;
}

textarea {
    resize: none;
    height: 14.8rem;
}

input[type="submit"] {
    cursor: pointer;
}

input[type="submit"].bttn {
    background: transparent;
}
input[type="submit"].bttn:hover {
    color: #ffffff;
    background: #161616;
}

.form__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
    .form__wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2rem;
    }
}

.form__body {
    flex-basis: 45%;
}
.form__body p {
    margin-top: 4rem;
}
.form__body figure {
    margin-top: 3.6rem;
}
.form__body img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.input__file {
    display: none;
}

.input__wrapper {
    width: 100%;
}

.input__file-icon-wrapper {
    height: 3.2rem;
    width: 3.2rem;
    margin-left: 2rem;
    display: flex;
    justify-content: center;
}

.input__file-button {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 300;
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
    margin: 0 auto;
    align-items: center;
}

.article-header {
    margin-top: 10.5rem;
    margin-bottom: 4rem;
}

.rank-math-breadcrumb p {
    display: inline;
    font-size: 1.6rem;
    flex-wrap: wrap;
}
.rank-math-breadcrumb p span {
    margin-left: 1rem;
    color: #898989;
}
.rank-math-breadcrumb p span.last {
    color: #0057b8;
}
.rank-math-breadcrumb p a:not(:first-child) {
    margin-left: 1rem;
}

.article {
    position: relative;
    margin-top: 4rem;
    margin-bottom: 4rem;
    z-index: 1;
}
.article h1 {
    font-size: 3.2rem;
    font-weight: 300;
}
@media only screen and (max-width: 576px) {
    .article h1 {
        font-size: 2.5rem;
    }
}
.article h2 {
    font-size: 3.2rem;
    font-weight: 300;
}
@media only screen and (max-width: 576px) {
    .article h2 {
        font-size: 2.5rem;
    }
}
.article h4 {
    font-size: 2rem;
}
.article .line {
    display: inline-block;
    background: #161616;
}
.article__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media only screen and (max-width: 768px) {
    .article__content {
        flex-direction: column;
        gap: 2rem;
    }
}

.entry-content h2:not(:first-child),
.entry-content h3:not(:first-child),
.entry-content h4:not(:first-child),
.entry-content h5:not(:first-child) {
    margin-top: 3rem;
}
.entry-content h6:not(:first-child) {
    margin-top: 1rem;
}
.entry-content p {
    clear: both;
    font-size: 1.6rem;
    color: #898989;
    margin: 3rem 0;
}
.entry-content p strong {
    color: #161616;
    font-weight: 300;
}
.entry-content p a {
    font-size: 1.6rem;
}
.entry-content p.has-medium-font-size {
    font-size: 2rem;
}
.entry-content p.has-medium-font-size a {
    font-size: 2rem;
}
.entry-content .article {
    margin: 0;
}
.entry-content ul {
    font-size: 1.6rem;
    color: #898989;
    margin: 3rem 0;
}
.entry-content ul li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.5;
}
.entry-content ul li:not(:first-child) {
    margin-top: 1rem;
}
.entry-content ol {
    font-size: 1.6rem;
    color: #898989;
    margin: 3rem 0;
    margin-left: 2rem;
}
.entry-content ol li {
    line-height: 1.5;
}
.entry-content ol li:not(:first-child) {
    margin-top: 1rem;
}
.entry-content ul.article__list li,
.entry-content ul.article__list li > p,
.entry-content ul.info__lang li {
    color: #161616;
    list-style-type: none;
    margin-top: 0;
}

.entry-content a {
    color: #0057b8;
    text-decoration: underline;
}
.entry-content a:hover {
    color: #0b4586;
}
.entry-content .line {
    display: inline-block;
    background: #161616;
}
.entry-content .wp-caption {
    padding: 4rem 0;
}
.entry-content .wp-caption a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.entry-content .wp-caption a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.7rem;
    height: 6.7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68' viewBox='0 0 68 68' fill='none'%3E%3Cpath d='M48.4167 42.6667H45.3883L44.315 41.6317C48.0717 37.2617 50.3333 31.5883 50.3333 25.4167C50.3333 11.655 39.1783 0.5 25.4167 0.5C11.655 0.5 0.5 11.655 0.5 25.4167C0.5 39.1783 11.655 50.3333 25.4167 50.3333C31.5883 50.3333 37.2617 48.0717 41.6317 44.315L42.6667 45.3883V48.4167L61.8333 67.545L67.545 61.8333L48.4167 42.6667ZM25.4167 42.6667C15.8717 42.6667 8.16667 34.9617 8.16667 25.4167C8.16667 15.8717 15.8717 8.16667 25.4167 8.16667C34.9617 8.16667 42.6667 15.8717 42.6667 25.4167C42.6667 34.9617 34.9617 42.6667 25.4167 42.6667Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 6.7rem;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.entry-content .wp-caption a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
    );
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.entry-content .wp-caption a:hover:after,
.entry-content .wp-caption a:hover:before {
    visibility: visible;
    opacity: 1;
}
.entry-content .wp-caption img {
    box-shadow: 0px 0.2rem 0.8rem 0px rgba(0, 0, 0, 0.2);
}
.entry-content .wp-caption:not(:first-child) {
    margin-left: 3rem;
}

.article__body {
    max-width: 50%;
    flex-basis: 50%;
}
@media only screen and (max-width: 992px) {
    .article__body {
        order: 2;
        max-width: 100%;
        flex-basis: 100%;
    }
}

.article__img {
    position: sticky;
    top: 2rem;
    left: 0;
    flex-basis: 48%;
}
.article__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media only screen and (max-width: 768px) {
    .article__img {
        position: static;
        order: 1;
        flex-basis: 100%;
    }
}

.article__links {
    padding: 6rem 0;
}
.article__links .entry-content {
    max-width: 60.5rem;
}

.article__links_row {
    display: inline;
    margin-top: 6rem;
    font-size: 2rem;
    line-height: 4rem;
}
.article__links_row p {
    display: inline;
    font-size: 2rem;
    color: #161616;
    margin: 0;
}
.article__links_row a {
    font-size: 2rem;
}
@media only screen and (max-width: 768px) {
    .article__links_row {
        margin-top: 3rem;
    }
}

.article__bottom {
    margin-top: 6rem;
    padding-top: 4rem;
    border-top: 0.1rem solid #898989;
}

.article__list {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem;
    margin-top: 3rem;
    align-items: flex-start;
}
.article__list li,
.article__list li > p {
    font-size: 2rem;
    flex-basis: 48%;
}

.article__list li > p {
    /* margin: 0; */
}

@media only screen and (max-width: 878px) {
    .article__list li {
        gap: 2rem;
        flex-basis: 45%;
    }
}
@media only screen and (max-width: 768px) {
    .article__list li {
        flex-basis: 100%;
    }
}
.article__list p {
    display: inline-flex;
    margin-top: 1rem;
}

.article__list_desc {
    margin-top: 1rem;
}
.article__list_desc p {
    display: inline;
}
.article__list_desc a {
    text-decoration: none;
}

.article__slider {
    flex-basis: 48%;
    max-width: 60.5rem;
    width: 100%;
    order: 2;
}
.article__slider .slider-nav {
    justify-content: center;
}
.article__slider .btn-prev,
.article__slider .btn-next {
    width: 3rem;
    height: 3rem;
    background-size: 1rem;
}

.article__slider--group {
    order: initial;
}

.article__sliders_top {
    flex: 100%;
}
.article__sliders_top p {
    margin: 0;
    font-size: 2rem;
    color: #161616;
}

.article__sliders {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: space-between;
    max-width: 60.5rem;
    flex-basis: 50%;
    order: 2;
}

.article__bttn {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-basis: 100%;
}
.article__bttn a {
    text-decoration: none;
    color: #161616;
}

.article__sliders-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 60.5rem;
    flex-basis: 50%;
    order: 2;
}

/* .article__sliders .article__slider {
  max-width: 28.7rem;
  flex-basis: 100%;
}
 */
.article__sliders-item {
    max-width: 28.7rem;
    flex-basis: 100%;
}

.article__sliders .article__slider .article__slide {
    padding: 0.8rem;
}
.article__sliders .article__slider figure {
    box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 992px) {
    .article__sliders .article__sliders-item {
        max-width: 45%;
    }
}
@media only screen and (max-width: 576px) {
    .article__sliders .article__sliders-item {
        max-width: 100%;
    }
    .ordertoo {
        display: flex;
        flex-direction: column;
    }
    .ordertoo br {
        display: none;
    }
    /* 	.article__sliders .article__slider--group-2{
		max-width: 47%;
	} */
}
.article__sliders .slider-nav {
    justify-content: space-between;
}
@media only screen and (max-width: 992px) {
    .article__sliders {
        flex-basis: 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 576px) {
    /*   .article__sliders {
    flex-direction: column;
  } */
}

.article__slide {
    width: 100%;
}
.article__slide p {
    margin-top: 1rem;
}
.article__slide img {
    width: 100%;
    height: 37.4rem;
    object-fit: cover;
}

.article__slider_top p {
    font-size: 2rem;
    color: #161616;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.info__lang img {
    margin-top: 0.7rem;
}

.info {
    padding-top: 0;
    padding-bottom: 4rem;
}
.info .article {
    border-top: 0.1rem solid #898989;
    padding-top: 4rem;
}
.info .article:not(:first-child) {
    margin-bottom: 0;
}
.info .article__content {
    gap: 3rem;
}
@media only screen and (max-width: 992px) {
    .info .article__content {
        flex-direction: column;
    }
}

.tel a {
    position: relative;
    display: block;
    color: #898989;
    margin-left: 4.4rem;
    text-decoration: none;
}
.tel a:not(:first-child) {
    margin-top: 2rem;
}
.tel a:first-child:before,
.header__contact-item ul li a:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: -4px;
    left: 0;
    margin-left: -2.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_37_325)'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z' fill='%23898989'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37_325'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.4rem;
}

.info__text li {
    font-size: 2rem;
    width: 39.3rem;
}

.info__lang {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 3rem 2rem;
}

.langs .container {
    max-width: 105.8rem;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-response-output {
    display: none;
}

form span.wpcf7-not-valid-tip {
    display: none;
}

input.wpcf7-not-valid {
    border-color: red;
    background: red;
}

.screen-reader-response {
    display: none;
}

input[name="dynamicname"] {
    display: none;
}

.form__wrap .wpcf7 {
    max-width: 53rem;
}

.page-price h1 {
    font-size: 3.2rem;
}

.main__page h1 {
    font-size: 3.2rem;
}

.page-price__desc {
    padding-top: 4rem;
    margin-top: 4rem;
    border-top: 0.1rem solid #161616;
    max-width: 60.5rem;
}
.page-price__desc p {
    color: #898989;
    font-size: 1.6rem;
}
.page-price__desc p:not(:first-child) {
    margin-top: 2rem;
}

.wp-block-table {
    overflow-x: auto;
}

table {
    width: 100%;
    border-spacing: 1rem;
    margin-top: 4rem;
    overflow-x: auto;
}
table th {
    text-align: center;
    border-radius: 1rem;
    background: #0057b8;
    padding: 1.5rem 2rem;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 300;
}
table th:first-child {
    background: #ffd700;
    color: #161616;
}
table td {
    font-size: 2rem !important;
    font-weight: 300;
    color: #161616 !important;
    padding: 1rem;
    text-decoration: none !important;
}

table a {
    font-size: 2rem !important;
    font-weight: 300;
    color: #161616 !important;
    text-decoration: none !important;
}

table td:not(:first-child) {
    text-align: center;
}

hr {
    margin-top: 4rem;
}

.page-translate .price h2 {
    font-size: 3.2rem;
    font-weight: 300;
}

.price__tab h2,
.price__choice h2 {
    width: 40%;
}
@media only screen and (max-width: 768px) {
    .price__tab h2,
    .price__choice h2 {
        width: 100%;
    }
}

.accordion__item {
    /* border-top: 0.1rem solid #898989; */
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    max-width: 60rem;
    color: #161616;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.5;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
    .accordion__header {
        font-size: 2rem;
    }
}

.accordion__header::after {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    margin-left: 8.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath d='M10 17L19.5263 0.5H0.473721L10 17Z' fill='%230057B8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.2rem;
    content: "";
    transform-origin: center;
}

.accordion__item_show .accordion__header::after,
.accordion__item_slidedown .accordion__header::after {
    transform: rotate(180deg);
}

.accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}

.accordion__content {
    padding: 2rem 0;
}

.contacts__wrap {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    margin-top: 3rem;
}
.contacts__wrap + h1 {
    margin-top: 6rem;
}
.contacts__social {
    column-count: 3;
    list-style: none !important;
}
@media only screen and (max-width: 576px) {
    .contacts__social {
        column-count: 2;
    }
}
.contacts__social li {
    width: 28.8rem;
    max-width: 100%;
    list-style: none !important;
}
.contacts__social li + li {
    margin-top: 2rem !important;
}
.contacts__social li a {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 2rem;
    color: #161616;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 300;
}
.contacts__social li a img {
    max-width: 2.4rem;
    height: auto;
    object-fit: cover;
}

.mails a:first-child::before {
    background-image: url(/wp-content/themes/ukrtouch/build/img/icons/mail-2.svg);
}

.popup {
    background-color: #fff;
    margin-top: 50%;
    min-height: 400px;
    margin: auto;
    transform: scale(0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 3rem;
    border-radius: 25px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 2;
    height: max-content;
}
@media only screen and (min-width: 992px) {
    .popup {
        max-width: 50%;
    }
}
@media only screen and (max-width: 576px) {
    .popup {
        max-width: 100%;
    }
}
.popup.show {
    transition: all 0.3s linear;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
}
.popup-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 5rem;
    padding-top: 8rem;
    overflow: auto;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
}
.popup-bg.show {
    display: flex !important;
}
@media only screen and (max-width: 576px) {
    .popup-bg {
        padding: 1.5rem;
        padding-top: 7rem;
    }
}
.popup__close {
    background-color: inherit;
    position: absolute;
    right: 1.2rem;
    top: 0.7rem;
    opacity: 0.6;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__close svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.popup__close:hover {
    opacity: 1;
}
@media only screen and (max-width: 576px) {
    .popup__close {
        width: 1.4rem;
        top: 0.5rem;
        right: 1.7rem;
    }
}

.popup select {
    font-family: e-Ukraine;
    width: 100%;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 1.4rem 2rem;
    padding-right: 8rem;
    border-radius: 1rem;
    border: 0.1rem solid #0057b8;
    background: #0057b8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M6 10.5L11.6292 0.75H0.370835L6 10.5Z' fill='white'/%3E%3C/svg%3E");
    background-size: 1.2rem 1.1rem;
    background-repeat: no-repeat, repeat;
    background-position: right 3rem top 50%, 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.popup form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-basis: 45%;
}
.popup form .bttn {
    width: 100%;
}

.footer {
    padding: 4rem 0 2rem;
    background: #161616;
    color: #ffffff;
    margin-top: auto;
}
.footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}
@media only screen and (max-width: 576px) {
    .footer .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4rem;
    }
}
.footer ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.footer ul.footer__social {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .footer ul.footer__social {
        justify-content: center;
    }
}

.footer ul li a {
    font-size: 1.6rem;
}
.footer__contact-item {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.footer__contact-item img {
    height: max-content;
}
.footer__contact-item + .footer__contact-item {
    margin-top: 3rem;
}
.footer__contact-item ul {
    gap: 1rem;
}
.footer__menu-end {
    margin-top: 3rem;
}

.developed {
    color: #898989;
}

p > span {
    font-weight: 300 !important;
}

li > span {
    font-weight: 300 !important;
}

@media (max-width: 576px) {
    .price ul {
        max-width: 100%;
    }
    .article__body h5 {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 996px) {
    .price__col {
        gap: 5px;
    }
    .price__col + .price__col {
        margin-top: 40px;
    }
}

table {
    white-space: nowrap;
}

@media only screen and (max-width: 576px) {
    .service-info__bttn {
        bottom: -3rem;
        left: 50%;
        transform: translateX(-50%) !important;
    }
}

.accordion__header {
    margin: 0 auto;
    width: 100%;
    max-width: 127rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-top: 0.1rem solid #898989;
}

.article__body blockquote {
    margin: 10px 0;
    padding-left: 0;
    margin-left: 0;
    padding: 5px !important;
    border-radius: 4px;
    background: #0057b8;
    color: #fff;
}

.article__body blockquote p {
    color: white;
}

.article__body blockquote p:first-child {
    margin-top: 0;
}

.article__body blockquote p:last-child {
    margin-bottom: 0;
}

.article__body blockquote p + p {
    margin-top: 1rem;
}

.article__price {
    margin-top: 90px;
    margin-bottom: 0;
    color: #fff;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.article__price * {
    color: #fff !important;
}

.article__price-wrap {
    max-width: 60.5rem;
}

@media (min-width: 992px) {
    .article__price-wrap p {
        font-size: 2rem;
    }
    .article__price-wrap h3 {
        font-size: 3.2rem;
    }
}

.article__price-wrap h3 + p {
    margin-top: 4rem;
}
.article__price-wrap p {
    margin-bottom: 0;
}
.article__price-wrap p + p {
    margin-top: 1.5rem;
}

@media (max-width: 576px) {
    .article__price {
        margin-top: 4rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .article__price-wrap h3 + p {
        margin-top: 2rem;
    }
    .article__price-wrap p {
        margin-bottom: 0;
    }
    .article__price-wrap p + p {
        margin-top: 1rem;
    }
}

ul.article__list li > p > a {
    font-size: 2rem;
}

.article__img img {
    min-height: 42rem;
}

@media (max-width: 576px) {
    .service__slide-img {
        height: 37rem;
    }
    .service__slide-img img {
        height: 37rem;
    }
    .article__img img {
        min-height: 30rem;
    }
}

.popup {
    display: none;
}
.popup.show {
    display: block;
}

#popup-thanks .popup__close {
    right: 2.2rem;
    top: 1.7rem;
}

#popup-thanks {
    text-align: center;
    height: max-content;
    padding: 5rem 3rem;
}

#popup-thanks.show{
	display: flex;
}

.thanks__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
}

.popup__bttn {
    background: inherit;
}

.popup__title {
    max-width: 580px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .popup__title {
        font-size: 4rem;
    }
}