@font-face {
    font-family: 'NeoPrintM319';
    src: url('./fonts/NeoPrintM319.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

* {
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
li {
    list-style: none;
}

input,
select {
    vertical-align: middle;
}

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

a {
    color: inherit;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html,
body {
    font-family: 'Oswald', sans-serif;
    font-size: 0.833vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    scroll-behavior: smooth;
    background: #fff;
    color: #2D2D2D;
    position: relative;
}

.body {
    min-width: 16.667vw;
}

.body.no-scroll {
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 90.208vw;
    padding: 0 0.833vw;
    margin: 0 auto;
}

.btn-3,
.btn,
.btn-2,
button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .2s ease;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    color: #2D2D2D;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 1.354vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.btn {
    background-image: url('./img/btn-bg.svg');
    background-position: -41.667vw;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.25vw 4.583vw;
    min-width: 20.26vw;
    min-height: 4.375vw;
    transition: all 1s ease;
    opacity: 0;
    gap: 0.781vw;
}

p.btn {
    cursor: default;
}

.btn.animated {
    background-position: center;
    opacity: 1;
}

.btn-icon-2,
.btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cg clip-path='url(%23clip0_1_31102)'%3E%3Cpath d='M5.36719 7.11144L12.4278 11.6875L5.36719 16.2017L5.36719 23.375L5.78475 23.375L17.7422 14.8413L17.7422 8.47189L5.78475 -5.24418e-07L5.36719 -5.42732e-07L5.36719 7.11144Z' fill='%232F2F2F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_31102'%3E%3Crect width='22' height='22' fill='white' transform='translate(0.546875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 1.146vw;
    min-width: 1.146vw;
    height: 1.146vw;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cg clip-path='url(%23clip0_12_7764)'%3E%3Cpath d='M5.5 7.88293L12.5606 12.459L5.5 16.9732L5.5 24.1465L5.91756 24.1465L17.875 15.6128L17.875 9.24338L5.91756 0.771484L5.5 0.771484L5.5 7.88293Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12_7764'%3E%3Crect width='22' height='22' fill='white' transform='translate(0.679688 0.771484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.btn-2 {
    background-image: url('./img/btn-bg-2.svg');
    background-position: 41.667vw;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.25vw 4.583vw;
    min-width: 20.26vw;
    height: 4.375vw;
    transition: all 1s ease;
    opacity: 0;
    gap: 0.781vw;
    color: #fff;
}

.btn-2.animated {
    background-position: center;
    opacity: 1;
}

.btn-3 {
    color: #2F2F2F;
    font-size: 1.354vw;
    font-weight: 500;
    gap: 1.042vw;
}

input,
input::placeholder {
    color: #9C9C9C;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    /* 120% */
}

input {
    background-color: #fff;
    border: none;
    outline: none;
    width: 100%;
    color: #020202;
    padding: 0.521vw 2.031vw;
    height: 4.427vw;
}

main.main {
    overflow: hidden;
    position: relative;
}

.mark,
mark {
    color: #F2F302 !important;
}

@media (max-width: 768px) {
    main.main {
        margin-top: 44px;
    }

    .container {
        max-width: 480px;
        padding: 0 16px;
    }

    html,
    body {
        font-size: 14px;
    }

    .body {
        min-width: 320px;
    }

    .btn-3,
    .btn,
    .btn-2,
    button {
        font-size: 12px;
    }

    .btn {
        background-position: -100%;
        padding: 15px 50px;
        min-width: 300px;
        min-height: 60px;
        gap: 10px;
    }

    .btn-icon-2,
    .btn-icon {
        width: 12.003px;
        min-width: 12.003px;
        height: 12.003px;
    }

    .btn-2 {
        background-position: 100%;
        padding: 24px 50px;
        min-width: 300px;
        min-height: 60px;
        gap: 10px;
    }

    .btn-3 {
        gap: 20px;
    }

    input,
    input::placeholder {
        font-size: 16px;
        line-height: normal;
    }

    input {
        padding: 10px 20px;
        height: 60px;
    }

    main.main {
        overflow: hidden;
    }
}

.header {
    min-height: 2.656vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #000000;
}

.header__menu ul,
.header__content,
.header__inner {
    display: flex;
    align-items: center;
    gap: 1.042vw;
    justify-content: space-between;
}

.header__inner {
    padding: 0.65vw 0 0.645vw;
    min-height: 3.646vw;
    gap: 4.167vw;
}

.header__content {
    width: 100%;
    max-width: 81.25vw;
}

.header__menu {
    width: 100%;
    max-width: 36.198vw;
}

.header__menu-btn,
.header__menu ul li a {
    display: flex;
    align-items: center;
    text-align: center;
    transition: all .2s ease;
    color: #9C9C9C;
    font-size: 1.042vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.header__menu ul li:hover .header__menu-btn,
.header__menu-btn.active,
.header__menu-btn:hover,
.header__menu ul li a.active,
.header__menu ul li a:hover {
    color: #F2F302;
}

.header__menu-btn {
    gap: 0.313vw;
}

.header__menu-btn::after {
    content: '';
    display: inline-block;
    width: 1.127vw;
    height: 0.607vw;
    transform: rotate(-0.65deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' viewBox='0 0 22 12' fill='none'%3E%3Cpath d='M15.0593 0.170724L10.748 6.77025L6.64461 0.0753165L0.00445845 2.93457e-05L1.01254e-06 0.393165L7.77185 11.7407L13.6678 11.8075L21.6377 0.638497L21.6422 0.245362L15.0593 0.170724Z' fill='%23F2F302'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header__menu-content {
    position: absolute;
    top: 3.906vw;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #020202;
    display: none;
    transition: all .3s ease;
    background-image: url('./img/bg/bg-3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header__menu-content::before {
    content: '';
    position: absolute;
    top: -1.302vw;
    left: 0;
    right: 0;
    height: 2.083vw;
}

.header__menu-content .container {
    display: flex;
    align-items: start;
    gap: 2.1vw;
    justify-content: space-between;
    width: 100%;
    max-width: 69.094vw;
    margin: 0 auto;
    padding-top: 2.083vw;
    padding-bottom: 3.125vw;
}

.header__menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.563vw;
    width: 100%;
    max-width: 10.833vw;
}

.header__menu-image {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 10.833vw;
}

.header__menu-image::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/header/bg.png');
    top: -0.521vw;
    left: -0.521vw;
    right: -0.521vw;
    bottom: -0.521vw;
}

.header__menu-image::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/header/lenta.png');
    width: 7.101vw;
    height: 2.48vw;
    top: -1.029vw;
    left: 54%;
    transform: translateX(-50%);
    z-index: 1;
}

.header__menu-image img {
    width: 100%;
}

.header__menu-item:hover .header__menu-image::before {
    background-image: url('./img/header/bg-hover.png');
}

.header__menu-title {
    text-align: center;
}

.header__menu-submenu {
    position: absolute;
    top: 100%;
    left: -10px;
    width: fit-content;
    min-width: 200px;
    background-color: #000;
    padding: 10px;
    transition: 0.2s ease;
    opacity: 0;
    visibility: hidden;
}



.header__menu li:has(.header__menu-submenu) {
    position: relative;
}

.header__menu li:has(.header__menu-submenu):hover .header__menu-submenu {
    opacity: 1;
    visibility: visible;
}
.header__menu-submenu ul {
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 4px;
}
.header__menu-submenu ul li a{
	text-align: left;
}

.header__logo {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 5.781vw;
    margin-top: -0.742vw;
}

.header__logo img {
    width: 100%;
}

.header__info,
.header__tel {
    display: flex;
    align-items: center;
    gap: 1.146vw;
}

.header__tel-name {
    display: flex;
    align-items: center;
    gap: 0.26vw;
    justify-content: center;
    background: #F2F302;
    padding: 0.521vw;
    height: 2.604vw;
    max-width: 11.719vw;
    width: 100%;
    color: #2D2D2D;
    text-align: center;
    font-size: 1.042vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.header__tel-name svg {
    width: auto;
    height: 0.885vw;
}

.header__tel-num {
    color: #FFF;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: all .2s ease;
    text-wrap: nowrap;
}

.header__tel-num:hover {
    color: #F2F302;
}

.header__social {
    display: flex;
    align-items: center;
    gap: 0.208vw;
}

.header__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.344vw;
    height: 2.344vw;
    min-width: 2.344vw;
}

.header__social-link svg path {
    transition: all .2s ease;
}

.header__social-link:hover svg path {
    fill: #F2F302;
}

.header__lang {
    display: flex;
    align-items: center;
}

.header__lang-link,
.header__lang-line {
    color: #9C9C9C;
    font-size: 1.042vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: all .2s ease;
}

.header__lang-line {
    pointer-events: none;
}

.header__lang-link.active,
.header__lang-link:hover {
    color: #fff;
}

.header__menu-top,
.header__burger {
    display: none;
}

@media (min-width: 769px) {
    .header__menu ul li:hover .header__menu-content {
        display: flex;
    }
}

@media (max-width: 768px) {
    .header__menu-btn.show-menu+.header__menu-content {
        display: flex;
    }

    .header__logo {
        max-width: 80px;
    }

    .header__menu-top {
        display: flex;
        background: #2D2D2D;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .header__menu-close svg {
        width: 20px;
        height: auto;
    }

    .header__menu {
        position: fixed;
        inset: 0;
        background-color: hsla(0, 0%, 0%, 0.4);
        overflow: hidden;
        z-index: 10;
        max-width: 100%;
        opacity: 0;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        width: 100%;
        transition: all .3s ease;
    }

    .header__menu ul {
        width: 100%;
        overflow: auto;
        flex: 1;
        flex-direction: column;
        background-color: #2D2D2D;
        height: 100%;
        padding: 20px;
        max-width: 400px;
        justify-content: start;
        gap: 20px;
        margin-left: auto;
        transform: translateX(100%);
        transition: all .6s ease;
        align-items: start;
    }

    .header__menu-btn,
    .header__menu ul li a {
        user-select: none;
        font-size: 24px;
        font-style: italic;
        line-height: 50px;
        position: relative;
        color: #fff;
    }

    .header__tel-name {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        background: #F2F302;
        padding: 5px;
        height: 30px;
        max-width: 30px;
        width: 100%;
        color: #2D2D2D;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        gap: 0;
        font-size: 0;
    }

    .header__tel-name svg:last-child {
        display: none;
    }

    .header__tel-num {
        display: none;
    }

    .header__social-link {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .header__tel-name svg {
        height: 16.992px;
    }

    .header__lang-link,
    .header__lang-line {
        font-size: 14px;
    }

    .header__content {
        gap: 10px;
        max-width: 270px;
    }

    .header__burger {
        display: flex;
    }

    .header__info {
        gap: 5px;
    }

    .header__menu.active {
        opacity: 1;
        pointer-events: all;
    }

    .header__menu.active ul {
        transform: translateX(0%);
    }

    .header__menu ul li {
        width: 100%;
    }

    .header__menu ul li a {
        text-align: left;
    }

    .header__menu-btn {
        gap: 10px;
    }

    .header__menu-btn::after {
        width: 21.638px;
        height: 11.654px;
    }

    .header__menu-content {
        position: initial;
        width: 100%;
        background-color: transparent;
        background-image: none;
    }

    .header__menu-content::before {
        content: none;
    }

    .header__menu-content .container {
        gap: 40px;
        max-width: 100%;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        flex-direction: column;
    }

    .header__menu-item {
        gap: 30.01px;
        max-width: 100%;
    }

    .header__menu-image {
        width: 100%;
        max-width: 208px;
    }

    .header__menu-image::before {
        top: -10.003px;
        left: -10.003px;
        right: -10.003px;
        bottom: -10.003px;
    }

    .header__menu-title {
        text-align: center;
        font-size: 20px;
        line-height: normal;
    }

    .header__menu-image::after {
        width: 149.339px;
        height: 67.616px;
        top: -36.757px;
    }

    .header__menu-submenu {
        position: relative;
        top: unset;
        left: unset;
        opacity: 1;
        padding: 0;
        margin-top: 10px;
        margin-left: 10px;
        visibility: visible;
        display: none;
        background: transparent;
        width: 100%;
    }
    .header__menu-btn.show-menu + .header__menu-submenu {
        display: block;
    }
   .header__menu-submenu ul{
       padding: 0;
    }
}

.fixed__socials {
    z-index: 99;
    position: fixed;
    right: 1.406vw;
    display: flex;
    flex-direction: column;
    gap: 1.875vw;
    top: 50%;
    transform: translateY(-50%);
}

.fixed__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed__socials a svg {
    height: auto;
    width: 1.875vw;
}

.fixed__socials a svg path {
    transition: all .2s ease;
}

.fixed__socials a:hover svg path[fill="#F2F302"] {
    fill: black;
}

.fixed__socials a:hover svg path[fill="black"] {
    fill: #F2F302;
}

.fixed__socials a:hover svg path[fill="#2F2F2F"] {
    fill: #F2F302;
}

.btn-prev-2,
.btn-next-2,
.btn-prev,
.btn-next {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    width: 2.708vw;
    height: 5vw;
    min-width: 2.708vw;
    background-size: contain;
}

.btn-prev-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='143' viewBox='0 0 79 143' fill='none'%3E%3Cpath d='M77.3367 43.6682L33.9664 72.0011L77.9637 98.9672L78.4585 142.605L75.8749 142.634L1.30202 91.5593L0.862704 52.8124L74.2626 0.436413L76.8462 0.40712L77.3367 43.6682Z' fill='%23303030'/%3E%3C/svg%3E");
}

.btn-next-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='143' viewBox='0 0 79 143' fill='none'%3E%3Cpath d='M1.84298 43.6682L45.2133 72.0011L1.21599 98.9672L0.721226 142.605L3.30481 142.634L77.8777 91.5593L78.317 52.8124L4.91706 0.436413L2.33348 0.40712L1.84298 43.6682Z' fill='%23303030'/%3E%3C/svg%3E");
}

.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='98' viewBox='0 0 54 98' fill='none'%3E%3Cpath opacity='1' d='M52.6027 29.7572L23.0825 49.0421L53.0295 67.3966L53.3662 97.0986L51.6077 97.1185L0.849366 62.3544L0.550341 35.9812L50.5103 0.331238L52.2688 0.311299L52.6027 29.7572Z' fill='%23F2F302'/%3E%3C/svg%3E");
}

.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='98' viewBox='0 0 54 98' fill='none'%3E%3Cpath opacity='1' d='M1.17075 29.7572L30.6909 49.0421L0.743982 67.3966L0.407217 97.0986L2.16574 97.1185L52.9241 62.3544L53.2231 35.9812L3.26313 0.331238L1.50461 0.311299L1.17075 29.7572Z' fill='%23F2F302'/%3E%3C/svg%3E");
}

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

.swiper-button-disabled.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='98' viewBox='0 0 54 98' fill='none'%3E%3Cpath opacity='0.6' d='M52.6027 29.7572L23.0825 49.0421L53.0295 67.3966L53.3662 97.0986L51.6077 97.1185L0.849366 62.3544L0.550341 35.9812L50.5103 0.331238L52.2688 0.311299L52.6027 29.7572Z' fill='white'/%3E%3C/svg%3E");
}

.swiper-button-disabled.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='98' viewBox='0 0 54 98' fill='none'%3E%3Cpath opacity='0.6' d='M1.17075 29.7572L30.6909 49.0421L0.743982 67.3966L0.407217 97.0986L2.16574 97.1185L52.9241 62.3544L53.2231 35.9812L3.26313 0.331238L1.50461 0.311299L1.17075 29.7572Z' fill='white'/%3E%3C/svg%3E");
}

.swiper-pagination-horizontal.swiper-pagination-clickable {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.563vw;
    flex-wrap: wrap;
    top: initial;
    left: initial;
    right: initial;
    width: auto;
}

.swiper-pagination-horizontal>.swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
    opacity: 1;
    border-radius: 50%;
    background-color: #F1F2F5;
    border: 0.052vw solid #F2F302;
}

.swiper-pagination-horizontal>.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #F2F302;
}

@media (max-width: 768px) {
    .fixed__socials {
        right: 15px;
        gap: 20px;
    }

    .fixed__socials a svg {
        width: 20px;
    }

    .btn-prev-2,
    .btn-next-2,
    .btn-prev,
    .btn-next {
        width: 12px;
        height: 20px;
        min-width: 12px;
    }

    .swiper-pagination-horizontal.swiper-pagination-clickable {
        gap: 15px;
    }

    .swiper-pagination-horizontal>.swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        border: 1px solid #F2F302;
    }
}

/* hero */
.hero {
    padding-top: 3.646vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('./img/hero/bg.webp');
    position: relative;
    z-index: 2;
}

.hero::after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% + 2.923vw);
    right: 0;
    z-index: -1;
    background-image: url('./img/hero/bg-bottom.png');
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    height: 6.823vw;
}

.hero__inner {
    position: relative;
}

.hero__slide {
    min-height: 48.958vw;
    display: flex;
    align-items: stretch;
}

.hero__image {
    display: flex;
    align-items: center;
}

.hero__image img {
    width: 100%;
}

.hero__image .mobile-banner {
    display: none;
}


.service__inner {
    min-height: 44.792vw;
}

.service__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8.333vw;
    justify-content: center;
    padding: 3.125vw 0;
}

.hero__slide-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    transition: all 1s ease;
}

.hero__slide-image img {
    width: 100%;
}

.hero__slide-image--one {
    max-width: 39.74vw;
    mix-blend-mode: screen;
    left: -18.906vw;
}

.hero__slide-image--one::before {
    content: '';
    position: absolute;
    background-image: url('./img/hero/icon-1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.758vw;
    height: 26.735vw;
    transform: rotate(10.983deg);
    z-index: 1;
    top: 16.458vw;
    left: 5.521vw;
}

.hero__slide-image--two {
    max-width: 36.823vw;
    right: -12.5vw;
    mix-blend-mode: screen;
}

.hero__slide-image--two::before {
    content: '';
    position: absolute;
    background-image: url('./img/hero/icon-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.758vw;
    height: 26.735vw;
    transform: rotate(75deg);
    z-index: 1;
    top: 23.542vw;
    left: 7.813vw;
}

.hero:not(.animated) .hero__slide-image--one {
    transform: translateX(-100%);
}

.hero:not(.animated) .hero__slide-image--two {
    transform: translateX(100%);
}

.hero__slide-about {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.354vw;
    max-width: 52.083vw;
    width: 100%;
    margin: auto;
}

.hero__slider-prev,
.hero__slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hero__slider-prev {
    left: 4.375vw;
}

.hero__slider-next {
    right: 4.375vw;
}

.hero__slider-pagination.swiper-pagination-horizontal {
    position: absolute;
    bottom: 8.854vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.hero__slide-title-icon {
    transform: rotate(20deg) scale(1.4);
    opacity: 0;
    transition: all 1s ease;
    width: 100%;
    max-width: 52.083vw;
}

.hero.animated .hero__slide-title-icon {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    width: 100%;
    max-width: 48.438vw;
}

.hero__slide-name-icon {
    transform: translateY(5.208vw);
    opacity: 0;
    transition: all 1s ease;
    width: 100%;
    max-width: 48.438vw;
}

.hero.animated-second .hero__slide-name-icon {
    transform: translateY(0);
    opacity: 1;
}

.hero__slide-name-icon img,
.hero__slide-title-icon img {
    width: 100%;
}

.hero__slider {
    overflow: hidden;
}

.hero__slide-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 8.802vw;
    height: 100%;
    padding: 5.208vw 0 5.208vw 5.208vw;
    position: relative;
}

.hero__slide .container {
    height: auto;
}

.service__title,
.hero__slide-title {
    color: #FFF;
    font-size: 13.542vw;
    font-weight: 600;
    line-height: 13.021vw;
    text-transform: uppercase;
}

.hero__slide-image--three {
    top: 3.646vw;
    z-index: 1;
    right: 12.24vw;
    max-width: 48.958vw;
    opacity: 0;
    mix-blend-mode: screen;
    transition: all .6s ease;
}

.hero.second-slide .hero__slide-image--three {
    opacity: 1;
}

.hero__slide-image--three.active {
    opacity: 1;
}

.hero__line-last,
.hero__line {
    background: #2F2F2F;
    transform: rotate(0.237deg);
    position: absolute;
    overflow: hidden;
    filter: drop-shadow(0 0.781vw 0.781vw rgba(27, 27, 27, 0.15));
}

.trainer__line-inner span,
.lineBlock__line-inner span,
.howit__line-second,
.howit__line,
.support__line-inner span,
.hero__line-last span,
.hero__line span {
    text-wrap: nowrap;
    display: flex;
    align-items: center;
}

.hero__line-last {
    transform: rotate(-3.903deg);
    background: #F2F302;
    color: #303030;
    bottom: 6vw;
    left: -3.125vw;
    z-index: 6;
}

.hero__line {
    bottom: -4.635vw;
    color: #FFF;
    z-index: 5;
}

.trainer__line-inner,
.lineBlock__line-inner,
.howit__line-inner,
.support__line-inner,
.hero__line-inner {
    height: 4.74vw;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 115%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1.302vw;
    animation: moveRight 50s linear infinite;
}

.line-text-second,
.line-text {
    color: transparent;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 115%;
    /* 55.2px */
    text-transform: uppercase;
    font-style: italic;
}

.line-text-second {
    -webkit-text-stroke-color: #fff;
}

.hero__line span:nth-of-type(2n) {
    -webkit-text-stroke-color: #ffff;
}

.trainer__line-inner svg,
.lineBlock__line-inner svg,
.howit__line-inner svg,
.howit__line-innver svg,
.support__line-inner svg,
.hero__line-inner svg {
    width: 1.131vw;
    min-width: 1.131vw;
    height: auto;
}

@keyframes moveRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}


.hero-service .breadcrumb {
    padding-top: 1.042vw;
}

.breadcrumb-white span.breadcrumb_last,
.breadcrumb-white span:hover,
.breadcrumb-white a.breadcrumb_last,
.breadcrumb-white a:hover {
    color: #fff !important;
}

@media (max-width: 768px) {

    .trainer__line-inner,
    .lineBlock__line-inner,
    .howit__line-inner,
    .support__line-inner,
    .hero__line-inner {
        animation: moveRight 23s linear infinite;
    }

    .hero__image img:not(.mobile-banner) {
        display: none;
    }

    .hero__image .mobile-banner {
        display: inline-block;
    }

    .hero-service .breadcrumb {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .hero {
        padding: 0;
    }

    .hero::after {
        top: 100%;
        width: 768px;
        background-repeat: repeat-x;
        background-position: center;
        height: 74px;
    }

    .service__inner,
    .hero__slide {
        min-height: 430px;
    }

    .hero__slide-image--one::before {
        width: 351.354px;
        height: 263.312px;
        top: 225.994px;
        left: 16.003px;
    }

    .hero__slide-image--one {
        max-width: 320px;
        left: -160px;
    }

    .hero__slide-image--two {
        max-width: 290px;
        right: -140px;
    }

    .hero__slide-image--two::before {
        width: 401.354px;
        height: 513.312px;
        top: 30px;
        left: -80px;
        transform: rotate(-55deg);
    }

    .hero__slide-about {
        gap: 30px;
        max-width: 999.994px;
    }

    .hero__slider-prev {
        left: 84px;
    }

    .hero__slider-next {
        right: 84px;
    }

    .hero__slider-pagination.swiper-pagination-horizontal {
        bottom: 60px;
    }

    .hero.animated .hero__slide-title-icon {
        max-width: 220px;
    }

    .hero__slide-name-icon {
        max-width: 240px;
        transform: translateY(0);
    }

    .hero__slide-content {
        gap: 60px;
        padding: 50px;
    }

    .hero__slide-title {
        font-size: 90px;
        line-height: normal;
    }

    .service__title {
        font-size: 58px;
        line-height: 110%;
    }

    .hero__slide-image--three {
        top: 0;
        right: -50px;
        max-width: 470px;
    }

    .hero__line-last,
    .hero__line {
        filter: drop-shadow(0 14.995px 14.995px rgba(27, 27, 27, 0.15));
    }

    .hero__line-last {
        bottom: 30px;
        left: -60px;
    }

    .hero__line {
        bottom: -12.192px;
    }

    .line-text,
    .line-text-second {
        font-size: 14px;
        gap: 10px;
    }

    .trainer__line-inner,
    .lineBlock__line-inner,
    .howit__line-inner,
    .support__line-inner,
    .hero__line-inner {
        height: 40px;
        font-size: 14px;
        gap: 10px;
    }

    .trainer__line-inner svg,
    .lineBlock__line-inner svg,
    .howit__line-inner svg,
    .howit__line-innver svg,
    .support__line-inner svg,
    .hero__line-inner svg {
        width: 8px;
    }

    .hero__slider-prev {
        left: 20px;
    }

    .hero__slider-next {
        right: 20px;
    }
}

.training {
    position: relative;
    z-index: 10;
    margin-top: 10.208vw;
}

.training__block {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.training__item {
    width: 100%;
    position: relative;
}

.training__item-title {
    z-index: 10;
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 115%;
    position: absolute;
}

.training__item-image {
    display: flex;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.training__item-image img {
    width: 100%;
    transition: all .2s ease;
}

.training__item:nth-of-type(1) {
    height: 27.135vw;
    width: 22.865vw;
}

.training__item:nth-of-type(1) .training__item-title {
    max-width: 13.542vw;
    bottom: 5.156vw;
    left: 3.542vw;
}

.training__item:nth-of-type(2) {
    height: 27.135vw;
    width: 31.563vw;
}

.training__item:nth-of-type(2) .training__item-image {
    top: 40%;
}

.training__item:nth-of-type(2) .training__item-title {
    max-width: 13.542vw;
    bottom: 8.854vw;
    left: 8.854vw;
    text-align: center;
}

.training__item:nth-of-type(3) {
    height: 27.135vw;
    width: 22.865vw;
    margin-top: -2vw;
}

.training__item:nth-of-type(3) .training__item-title {
    max-width: 16.063vw;
    text-align: right;
    right: 2.71vw;
    bottom: 5.469vw;
}

.training__item:not(:hover) .training__item-image img {
    filter: grayscale(100%);
}

.training__btn {
    margin: 0vw auto;
}

@media (max-width: 768px) {
    .training {
        margin-top: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('./img/site-bg4.webp');
        background-size: cover;
        padding-bottom: 80px;
    }

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

    .training__item-title {
        font-size: 16px;
    }

    .training__item:nth-of-type(1) {
        height: 400px;
        width: 100%;
        max-width: 300px;
    }

    .training__item:nth-of-type(1) .training__item-title {
        max-width: 200px;
        bottom: 88.995px;
        left: 57.006px;
    }

    .training__item:nth-of-type(2) {
        height: 230px;
        width: 100%;
        max-width: 400px;
        margin-top: 50px;
    }

    .training__item:nth-of-type(2) .training__item-title {
        max-width: 250.006px;
        bottom: 57px;
        left: 40%;
        transform: translateX(-50%);
    }

    .training__item:nth-of-type(3) {
        height: 400px;
        width: 100%;
        max-width: 300px;
        margin: 0;
    }

    .training__item:nth-of-type(3) .training__item-title {
        max-width: 308.41px;
        right: 52.032px;
        bottom: 105.005px;
    }
}

/* about */
.aboutserv {
    margin-top: -20vw;
    padding: 30vw 0 10vw;
    background-image: url('./img/site-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.aboutserv::after {
    content: '';
    position: absolute;
    z-index: 0;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 49.519vw;
    height: 50.537vw;
    transform: rotate(42.079deg);
    top: 35.208vw;
    right: 0;
    pointer-events: none;
}

.aboutserv__inner {
    position: relative;
    z-index: 10;
}

.aboutserv__top {
    transform: rotate(-5deg);
}

.aboutserv__title {
    color: #191919;
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #191919;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 6.25vw;
    /* 109.091% */
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 1.563vw;
    margin-left: 5.208vw;
    position: relative;
    z-index: 301;
}

.aboutserv__title span {
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #303030;
    color: transparent;
    margin-top: -1.563vw;
}

.aboutserv__name {
    margin-top: 2.083vw;
    font-size: 1.667vw;
    font-weight: 600;
    line-height: 115%;
    /* 1.917vw */
    text-transform: uppercase;
    max-width: 47.708vw;
    width: 100%;
    margin-left: 26.042vw;
}

.aboutserv__descr {
    font-size: 1.042vw;
    font-weight: 400;
    line-height: 1.25vw;
    /* 120% */
    position: relative;
    z-index: 2;
    font-family: 'Inter', sans-serif;
}

.aboutserv__descr span {
    display: inline-block;
    transform: translateY(-100%);
    opacity: 0;
    position: relative;
}

.aboutserv__descr span::before {
    content: '{';
    position: absolute;
    color: #303030;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    top: -0.313vw;
    left: -0.885vw;
}

.aboutserv__descr span::after {
    content: '}';
    position: absolute;
    color: #303030;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    bottom: -0.208vw;
    right: 2.917vw;
}

.aboutserv__bottom {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1.042vw;
    margin-left: -13.021vw;
    margin-right: -14.583vw;
}

.aboutserv__image {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
}


.aboutserv__image-wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-1.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-1.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

.aboutserv__right .aboutserv__image .aboutserv__image-wrapper {
	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-2.png');
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-2.png');
}

/* .aboutserv__image:before {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch-1.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -3vw;
    left: 5vw;
    width: 20vw;
    height: 7vw;
	z-index: 1;
}

.aboutserv__image:after {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/mask-paper-bg.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: 0.15vw;
	left: 0.5vw;
	width: 97%;
	height: 106%;
    z-index: -1;
} */


.aboutserv__image::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/aboutserv/paper.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.aboutserv__left .aboutserv__image::before {
    width: 57.279vw;
    height: 46.992vw;
    top: -8.594vw;
    left: -13.146vw;
    transform: rotate(-159.49deg);
}

.aboutserv__right .aboutserv__image::before {
    width: 59.742vw;
    height: 49.012vw;
    top: -9.594vw;
    left: -11.146vw;
    transform: rotate(184.15deg);
}

.aboutserv__image img {
    width: 100%;
}

.aboutserv__left .aboutserv__image {
	width: 40.104vw;
	height: 34vw;
}

.aboutserv__right .aboutserv__image {
    width: 40.208vw;
	height: 47vw;
}

.aboutserv__left .aboutserv__descr {
    margin-top: 1.042vw;
    max-width: 24.115vw;
    margin-left: 12.708vw;
}

.aboutserv__center {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2.604vw;
}

.aboutserv__icon {
    display: flex;
    align-items: center;
    margin-bottom: 1.406vw;
}

.aboutserv__icon svg {
    height: auto;
    width: 11.51vw;
}

.aboutserv__center .aboutserv__descr {
    max-width: 23.438vw;
}

.aboutserv__logo {
    width: 100%;
    max-width: 29.01vw;
}

.aboutserv__logo img {
    width: 100%;
}

.aboutserv__info {
    margin-top: 3.646vw;
    font-size: 1.667vw;
    font-weight: 600;
    line-height: 115%;
    /* 1.917vw */
    text-transform: uppercase;
    max-width: 30.365vw;
}

@media (max-width: 768px) {
    .aboutserv {
        padding: 150px 0 100px;
        margin-bottom: -50px;
        margin-top: 0;
    }

    .aboutserv::after {
        width: 510.765px;
        height: 670.31px;
        top: -179.994px;
        right: -254.397px;
    }

    .aboutserv__top {
        transform: none;
    }

    .aboutserv__title {
        -webkit-text-stroke-width: 1px;
        font-size: 40px;
        line-height: 40px;
        gap: 10px;
        margin-left: 0;
    }

    .aboutserv__title span {
        -webkit-text-stroke-width: 1px;
        margin-top: 0;
    }

    .aboutserv__name {
        margin-top: 20px;
        font-size: 16px;
        line-height: 115%;
        /* 36.806px */
        max-width: 100%;
        margin-left: 0;
    }

    .aboutserv__descr {
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .aboutserv__descr span::before {
        font-size: 16px;
        top: -6.01px;
        left: -16.992px;
    }

    .aboutserv__descr span::after {
        position: initial;
        margin-left: 10px;
        font-size: 16px;
        bottom: -3.994px;
        right: 56.006px;
    }

    .aboutserv__bottom {
        gap: 20.006px;
        margin: 0;
        flex-direction: column;
        margin-top: 80px;
    }

    .aboutserv__left .aboutserv__image::before {
        width: 165%;
        height: 143%;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

	.aboutserv__right .aboutserv__image::before {
		width: 111%;
		height: 118%;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .aboutserv__left .aboutserv__image {
        width: 100%;
		height: 56vw;
    }

    .aboutserv__right .aboutserv__image {
        width: 100%;
		height: 71vw;
    }
	
	.aboutserv__right {
		width: 100%;
	}

    .aboutserv__left .aboutserv__descr {
        margin-top: 60.006px;
        max-width: 463.008px;
        margin-left: 20px;
    }

    .aboutserv__center {
        margin-top: 0;
    }

    .aboutserv__icon {
        display: none;
    }

    .aboutserv__center .aboutserv__descr {
        max-width: 450.01px;
        margin-left: 20px;
    }

    .aboutserv__logo {
        order: -1;
        margin-bottom: 40px;
        max-width: 500px;
    }

    .aboutserv__info {
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 115%;
        /* 36.806px */
        max-width: 100%;
    }
}

@media (max-width: 480px) {}

/* support */
.support {
    position: relative;
    background: #020202;
    z-index: 40;
}

.support::before {
    content: '';
    position: absolute;
    position: absolute;
    top: calc(100% - 1vw);
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.support__line {
    position: absolute;
    top: -6.875vw;
    z-index: 10;
    transform: rotate(-1.373deg);
    background: #fff;
    filter: drop-shadow(0 0.781vw 0.781vw rgba(27, 27, 27, 0.15));
}

.support__icons {
    margin-top: 1.25vw;
    display: flex;
    flex-direction: column;
    gap: 2.083vw;
}

.support__icon {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 11vw;
    max-height: 8.854vw;
}

.support__icon img {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.support__inner {
    padding: 7.396vw 0 2.604vw;
}

.support__start {
    position: relative;
    z-index: 10;
}

.support__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.support__title {
    color: #FFF;
    font-size: 4.167vw;
    font-weight: 600;
    line-height: 4.427vw;
    /* 106.25% */
    text-transform: uppercase;
    max-width: 22.917vw;
}

.support__content {
    position: relative;
    width: 100%;
    max-width: 70.156vw;
    overflow: hidden;
    margin-left: -2.604vw;
}

.support__slider {
    width: 100%;
}

.support__slider-prev,
.support__slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.support__slider-prev {
    left: 1.042vw;
}

.support__slider-next {
    right: 1.042vw;
}

.support__slider-pagination.swiper-pagination-horizontal {
    position: absolute;
    bottom: 1.563vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.support__slide {
    display: flex;
    align-items: center;
    width: 100%;
    height: 39.479vw;
}

.support__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.support__bottom {
    margin-top: 1.563vw;
    display: flex;
    align-items: center;
    gap: 9.479vw;
    justify-content: end;
}

.support__btn {
    background-image: url('./img/btn.svg');
}

.support__can {
    color: #FFF;
    font-family: "Black Ops One", sans-serif;
    font-size: 6.667vw;
    line-height: 6.719vw;
}

.support__slides {
    margin-top: 5vw;
    display: flex;
    align-items: center;
    gap: 1.458vw;
}

.support__slides-prev,
.support__slides-next {
    height: 4.4vw;
    min-width: 2.508vw;
    width: 2.508vw;
}

.support__slides-num {
    color: rgba(255, 255, 255, 0.56);
    font-size: 2.5vw;
    line-height: 4.583vw;
    text-transform: uppercase;
    font-weight: 600;
}

.support__slides-num .current-slide {
    color: #fff;
    font-size: 5vw;
    line-height: 4.583vw;

}

@media (max-width: 768px) {
    .support__line {
        top: -52px;
        filter: drop-shadow(0 14.995px 14.995px rgba(27, 27, 27, 0.15));
    }

    .support__icons {
        margin-top: 24px;
        gap: 39.994px;
        flex-direction: row;
    }

    .support__icon {
        max-width: 211.2px;
        height: 100px;
        max-height: 172px;
    }

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

    .support__inner {
        padding: 80px 0;
    }

    .support__top {
        flex-direction: column;
    }

    .support__title {
        font-size: 50px;
        line-height: normal;
        max-width: 100%;
    }

    .support__content {
        max-width: 100%;
        margin: 40px 0 0;
    }

    .support__slider-prev {
        left: 20;
    }

    .support__slider-next {
        right: 20;
    }

    .support__slider-pagination.swiper-pagination-horizontal {
        bottom: 20px;
    }

    .support__slide {
        height: 400px;
    }

    .support__bottom {
        flex-direction: column;
        align-items: start;
        margin-top: 30px;
        gap: 30px;
    }

    .support__can {
        font-size: 60px;
        line-height: normal;
    }

    .support__slides {
        margin-top: 50px;
        gap: 20px;
    }

    .support__slides-prev,
    .support__slides-next {
        height: 60px;
        min-width: 20px;
        width: 20px;
    }

    .support__slides-num {
        font-size: 20px;
        line-height: normal;
    }

    .support__slides-num .current-slide {
        font-size: 40px;
        line-height: normal;
    }

    .support__btn {
        min-height: 40px;
    }
}

@media (max-width: 480px) {
    .support__slide {
        height: 300px;
    }

    .support__can {
        font-size: 43px;
    }
}

.management {
    background-size: cover;
    padding: 10.208vw 0 7.292vw;
    background-position: top center;
    background-repeat: repeat-y;
    background-image: url('./img/sitee-bg7.png');
}

.management__inner {
    position: relative;
    z-index: 10;
}

.management__inner::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 26.563vw;
    height: 22.396vw;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('./img/icon.svg');
    background-size: contain;
    top: 2.312vw;
    right: 0.187vw;
}

.management__title {
    color: #191919;
    font-size: 7.813vw;
    font-weight: 600;
    line-height: 8.333vw;
    /* 106.667% */
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    transform: rotate(-5deg);
    position: relative;
    z-index: 5;
}

.management__title span:nth-of-type(2) {
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #191919;
    color: transparent;
    margin-left: 5.208vw;
}

.management__block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 5.208vw;
    gap: 2.083vw 0;
    position: relative;
    z-index: 5;
}

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

.management__item-image {
    display: flex;
    width: 100%;
    max-width: 26.042vw;
    height: 22.552vw;
    align-items: center;
}

.management__item-image img {
    width: 100%;
    transition: all .2s ease;
}

.management__item-title {
    margin-top: 1.042vw;
    text-align: center;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 2.865vw;
    text-transform: uppercase;
    transition: all .2s ease;
}

.management__item:not(:hover) .management__item-image img {
    filter: grayscale(100%);
}

.management__item:hover .management__item-title {
    color: #F2F302;
}

.management__btn {
    margin: 5vw auto 0;
}

@media (max-width: 768px) {
    .management {
        padding: 80px 0;
    }

    .management__title {
        font-size: 40px;
        line-height: normal;
        transform: none;
    }

    .management__title span:nth-of-type(2) {
        -webkit-text-stroke-width: 1px;
        margin: 0;
    }

    .management__block {
        grid-template-columns: 1fr;
        margin-top: 40px;
        gap: 20px;
    }

    .management__item-image {
        max-width: 100%;
        max-width: 350px;
        height: 300px;
    }

    .management__item-title {
        margin-top: 20px;
        font-size: 24px;
        line-height: normal;
    }

    .management__inner::before {
        width: 510.01px;
        height: 430.003px;
        top: -65.61px;
        right: -276.41px;
    }
}

/* schedule */
.schedule {
    position: relative;
    z-index: 1;
}

.schedule__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.schedule__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.schedule__inner {
    position: relative;
    z-index: 1;
    padding: 8.333vw 0 22.917vw 7.292vw;
}

.schedule__inner::after {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 47.409vw;
    height: 42.592vw;
    transform: rotate(7.674deg);
    flex-shrink: 0;
    top: -5.208vw;
    right: -18.229vw;
    pointer-events: none;
}

.schedule__paper {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    display: flex;
    align-items: center;
    width: 50.483vw;
    height: 76.089vw;
    filter: drop-shadow(0 0 1.302vw rgba(128, 128, 128, 0.25));
    transform: rotate(81.402deg);
    top: -17.708vw;
    left: 10.938vw;
}

.schedule__paper img {
    width: 100%;
}

.schedule__title {
    color: #303030;
    font-size: 13.542vw;
    font-weight: 600;
    line-height: 13.021vw;
    /* 96.154% */
    text-transform: uppercase;
    transform: skewX(-10deg);
}

.schedule__content {
    margin-top: 2.813vw;
    display: flex;
    gap: 3.229vw;
}

.schedule__block {
    display: flex;
    flex-direction: column;
    gap: 2.708vw;
    width: 100%;
    max-width: 36.719vw;
}

.schedule__descr {
    color: #2D2D2D;
    font-size: 1.667vw;
    font-weight: 600;
    line-height: 115%;
    text-transform: uppercase;
}

.schedule__link {
    color: #2F2F2F;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    max-width: 26.302vw;
}

.schedule__time {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 53.021vw;
    position: absolute;
    bottom: 5.208vw;
    left: 17.708vw;
}

.schedule__time img {
    width: 100%;
}

@media (max-width: 768px) {
    .schedule__inner {
        padding: 0 0 100px 0
    }

    .schedule__inner::after {
        width: 669.253px;
        height: 797.766px;
        top: 30.006px;
        right: -329.997px;
    }

    .schedule__paper {
        width: 419.274px;
        height: 1120.909px;
        filter: drop-shadow(0 0 24.998px rgba(128, 128, 128, 0.25));
        top: -400.994px;
        left: 10.01px;
    }

    .schedule__title {
        font-size: 60px;
        line-height: normal;
    }

    .schedule__content {
        margin-top: 30px;
        gap: 20px;
        flex-direction: column;
    }

    .schedule__block {
        gap: 20px;
        max-width: 400px;
    }

    .schedule__descr {
        font-size: 18px;
    }

    .schedule__link {
        font-size: 14px;
        height: 50px;
        max-width: 100%;
    }

    .schedule__btn {
        height: 50px;
    }

    .schedule__time {
        max-width: 318.003px;
        bottom: -1.006px;
        left: 8%;
    }
}

/* trainer */
.trainer {
    position: relative;
    z-index: 1;
    padding-bottom: 12vw;
    padding-top: 12vw;
}

.trainer::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: -9.4vw;
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%) scaleY(-1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.trainer__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    transform: rotate(180deg);
    z-index: -1;
    top: -0.26vw;
	background-image: url(https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainers-bg-scaled.png);
}

.trainer__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.trainer__top {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5.209vw;
}

.trainer__inner {
    position: relative;
    z-index: 1;
}

.trainer__inner + .trainer__inner {
	margin-top: 5vw;
}

.trainer__show {
    position: absolute;
    right: -1.615vw;
    top: 36.823vw;
    z-index: 20;
    width: 26.302vw;
    height: 4.479vw;
    background-image: url('./img/btn-white.svg');
}

.trainer__title {
    transform: rotate(-5deg);
    color: #fff;
    font-size: 4.743vw;
    font-weight: 500;
    line-height: 4.743vw;
    /* 100% */
    text-transform: uppercase;
}

.trainer__title span {
    display: flex;
    color: #F2F302;
}

.trainer__descr {
    color: #F0F4FA;
    font-family: 'Inter', sans-serif;
    margin-left: auto;
    max-width: 29.063vw;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.trainer__btn {
    position: absolute;
    bottom: -10.417vw;
    right: -4.167vw;
    z-index: 20;
}

.trainer__block {
    position: relative;
    z-index: 10;
    margin-top: 2.021vw;
}

.trainer__inner:first-child .trainer__block {
    margin-top: -7.021vw;
}

.trainer__item {
    pointer-events: none;
}

.trainer__item:nth-child(4n+1):not(:first-child) {
      margin-top: -14vw;
}


.trainer__item-content {
    width: 100%;
    max-width: 29.896vw;
    display: flex;
    align-items: start;
    gap: 1.563vw;
    max-height: max-content;
}

.trainer__item-num {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-size: 10.417vw;
    font-style: normal;
    font-weight: 600;
    line-height: 9.375vw;
}

.trainer__item-title {
    position: relative;
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 115%;
    text-transform: uppercase;
    z-index: 1;
}

.trainer__item-descr {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 0.938vw;
    margin-top: 2.083vw;
    line-height: 115%;
}
.trainer__item-descr--specs {
	color: #B9FEB9;
	font-size: 1vw;
	font-weight: 500;
    line-height: 100%;
}
.trainer__item-image {
	position: relative;
    transition: filter .2s ease;
    display: flex;
    align-items: center;
    pointer-events: all;
}
.trainer__item-image--wrapper {
    display: flex;
    align-items: center;
    pointer-events: all;

  background-size: cover;
  background-position: center;

  -webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-mask-1.png');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-mask-1.png');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.trainer__item-image--wrapper {
	width: 100%;
	height: 100%;
}

.trainer__item-image:before {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -3vw;
	right: -1vw;
	width: 9vw;
	height: 8vw;
	z-index: 1;
}

.trainer__item-image:after {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
    bottom: -2vw;
    left: 0vw;
	width: 9vw;
	height: 8vw;
	z-index: 1;
}

/* .trainer__item:nth-child(4n+2) .trainer__item-image:before,
.trainer__item:nth-child(4n+4) .trainer__item-image:before {
    top: -3vw;
    left: 1vw;
	transform: rotate(90deg);
}
 */
/* .trainer__item:nth-child(4n+2) .trainer__item-image:after,
.trainer__item:nth-child(4n+4) .trainer__item-image:after {
	bottom: -3vw;
	right: 1vw;
	left: unset;
	transform: rotate(90deg);
} */
/* 
.trainer__item:nth-child(4n+2) .trainer__item-image--wrapper,
.trainer__item:nth-child(4n+4) .trainer__item-image--wrapper{
  mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-mask-2.png');
} */

.trainer__item-image:not(:hover) {
    filter: grayscale(100%);
}

.trainer__item-image img {
    width: 100%;
    transition: all .2s ease;
	display: none;
}

.trainer__item:nth-of-type(4n+1) .trainer__item-image {
/* 	width: 38.021vw;
	height: 38.021vw; */
	width: 31.406vw;
    height: 31.406vw;
	margin-left: -5.208vw;
}

.trainer__item-link {
    pointer-events: all;
    position: relative;
    z-index: 23;
}

.trainer__item-link .btn-3 {
    margin-top: 1.563vw;
    margin-left: auto;
    pointer-events: all;
    color: #E5E51F;
}

.trainer__item-link .btn-3 .btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='48' viewBox='0 0 26 48' fill='none'%3E%3Cpath d='M0.778234 14.8955L15.0092 24.1923L0.572502 33.0406L0.410155 47.3592L1.2579 47.3688L25.7273 30.6098L25.8715 17.8959L1.78692 0.709902L0.939181 0.70029L0.778234 14.8955Z' fill='%23E5E51F'/%3E%3C/svg%3E");
}

.trainer__item:nth-of-type(4n+2) {
    max-width: 31.25vw;
    margin-left: auto;
    margin-top: -15.104vw;
    position: relative;
}

.trainer__item:nth-of-type(4n+2) .trainer__item-image {
    position: absolute;
    top: -23.438vw;
    z-index: -1;
    left: -24.375vw;
/*     width: 34.583vw;
	height: 34.583vw; */
	 width: 31.406vw;
    height: 31.406vw;
}

.trainer__item:nth-of-type(4n+3) {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-left: -1.042vw;
}

.trainer__item:nth-of-type(4n+3) .trainer__item-image {
    width: 31.406vw;
    height: 31.406vw;
}

.trainer__item:nth-of-type(4n+4) {
    max-width: 31.25vw;
    margin-left: auto;
	margin-right: 24.583vw;
	margin-top: 4vw;
    position: relative;
}

.trainer__item:nth-of-type(4n+4) .trainer__item-image {
    position: absolute;
    top: -13.438vw;
    z-index: -1;
    right: -29.583vw;
/*     width: 34.583vw;
	height: 34.583vw; */
	 width: 31.406vw;
    height: 31.406vw;
}

.trainer__uba {
    display: flex;
    align-items: center;
    width: 34.375vw;
    position: absolute;
    left: -8.417vw;
    bottom: -3vw;
}

.trainer__uba img {
    width: 100%;
}

.trainer-service {
    padding-top: 11.198vw;
}

.trainer-service .trainer__title {
    color: #2F2F2F;
    font-size: 5.729vw;
    line-height: 6.25vw;
    transform: rotate(-5deg);
    margin-top: -5.208vw;
}

.trainer-service .trainer__block {
    margin-top: 0;
}

.trainer-service .trainer__btn {
    bottom: -27.417vw;
}

.trainer__line {
    position: absolute !important;
    top: 1vw;
    background: #F2F302;
    left: -1vw;
    right: -1vw;
    width: auto;
}

.trainer__more {
    font-size: 1.354vw;
    padding: 1vw;
    margin-top: 4.479vw;
}

.trainer__can {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Black Ops One";
    font-size: 7.552vw;
    font-style: normal;
    font-weight: 400;
    line-height: 97%;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    max-width: 37.292vw;
    position: absolute;
    bottom: 34vw;
    right: 2vw;
    text-wrap: nowrap;
}

.trainer-info .trainer__top {
    align-items: start;
    flex-direction: row;
    gap: 1.042vw;
    justify-content: space-between;
    max-width: 77.5vw;
}

.trainer-info .trainer__title {
    font-size: 5.333vw;
    line-height: 5.333vw;
}

.trainer__top-content {
    max-width: 39.948vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.604vw;
    justify-content: end;
    margin-top: 12.5vw;
}

.trainer__top-choose {
    display: flex;
    align-items: center;
    gap: 0.885vw;
    width: 100%;
    position: relative;
    z-index: 1;
}

.trainer__top-choose::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='222' height='120' viewBox='0 0 222 120' fill='none'%3E%3Cpath d='M67.5001 7.31768e-05L110.935 68.1627L153.782 6.56338e-05L221.869 5.96815e-05L221.869 4.03118L140.869 119.468L80.4131 119.468L0.000324191 4.0312L0.000323838 7.90778e-05L67.5001 7.31768e-05Z' fill='%23F2F302'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 11.556vw;
    height: 6.222vw;
    left: 2.135vw;
    top: -8.542vw;
}

.trainer__top-name {
    color: #FFF;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.458vw;
    /* 58.333% */
    text-transform: uppercase;
}

.trainer__top-select {
    position: relative;
    border: 0.052vw solid #000;
    background: #2C2C2C;
    width: 100%;
    max-width: 20.833vw;
}

.trainer-choose {
    position: absolute;
    top: calc(100% + 0.521vw);
    left: 0;
    right: 0;
    max-height: 15.625vw;
    overflow: auto;
    border: 0.052vw solid #000;
    background: #2C2C2C;
    z-index: 10;
    display: none;
    flex-direction: column;
}

.trainer-selected,
.trainer-choose a {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    /* 160% */
    min-height: 3.906vw;
    width: 100%;
    padding: 1.042vw 1.302vw;
    display: flex;
    align-items: center;
    border: 0.052vw solid #000;
}

.trainer-choose a:hover {
    background-color: #000000;
}

.trainer-selected {
    cursor: pointer;
    gap: 0.521vw;
    justify-content: space-between;
}

.trainer-selected::after {
    content: '';
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='21' viewBox='0 0 39 21' fill='none'%3E%3Cpath d='M27.1367 5.33596e-05L19.4543 11.9819L11.9704 5.33596e-05H0.00251247L-0.000307281 0.708657L14.1566 21.0005H24.7833L38.9986 0.708657L39.0014 5.33596e-05H27.1367Z' fill='%23F2F302'/%3E%3C/svg%3E");
    width: 2.031vw;
    height: 1.094vw;
}

.trainer-choose a {
    display: flex;
    align-items: center;
    padding: 0.521vw;
}

.trainer-selected.active+.trainer-choose {
    display: flex;
}

.trainer-info .trainer__can {
    top: -7.813vw;
    bottom: initial;
    right: -1.042vw;
}

@media (max-width: 768px) {
    .trainer {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .trainer__bg {
        top: -4.992px;
    }
	
	.trainer__inner + .trainer__inner {
		margin-top: 15vw;
	}

    .trainer__top {
        gap: 20px;
        flex-direction: column;
        align-items: start;
    }

    .trainer__top::after {
        width: 1193.99px;
        height: 1072.685px;
        top: 322.406px;
        right: -292.397px;
    }

    .trainer__title {
        font-size: 30px;
        line-height: normal;
        transform: rotate(0) translateY(-10.003px);
    }

    .trainer__about {
        max-width: 532.992px;
    }

    .trainer__name {
        font-size: 18px;
        line-height: normal;
    }

    .trainer__descr {
        margin-top: 20px;
        font-size: 14px;
        max-width: 100%;
    }

    .trainer__btn {
        bottom: initial;
        right: -10px;
        top: -60px;
        height: 40px;
    }

    .trainer__block {
		display: grid;
		gap: 30px;
    }
	
	.trainer__inner:first-child .trainer__block {
		margin-top: 60px;
	}
	
	.home .trainer__inner:first-child .trainer__block {
		margin-top: 120px;
	}

    .trainer__item-content {
        max-width: 100%;
        gap: 30px;
    }

    .trainer__item-title {
        font-size: 26px;
    }

    .trainer__item-descr {
        font-size: 14px;
        margin-top: 20px;
    }
	
	.trainer__item-descr--specs {
		font-size: 16px;
	}

    .trainer__item-link {
        margin-top: 20px;
    }

    .trainer__item-image,
    .trainer__item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
	}
	.trainer__item-image {
		height: 100vw!important;
	}
	
	.trainer__item-image:before {
		top: -9vw;
		right: -4vw;
		width: 25vw;
		height: 25vw;
	}
	.trainer__item-image:after {
		bottom: -4vw;
		left: -2vw;
		width: 25vw;
		height: 25vw;
	}
	
/* 	.trainer__item:nth-child(4n+2) .trainer__item-image:before, 
	.trainer__item:nth-child(4n+4) .trainer__item-image:before {
		top: -9vw;
		left: 2vw;
	}
	
	.trainer__item:nth-child(4n+2) .trainer__item-image:after, 
	.trainer__item:nth-child(4n+4) .trainer__item-image:after {
		bottom: -9vw;
		right: 2vw;
	}
 */
	.trainer__item-image:not(:hover) {
		filter: grayscale(100%);
	}

    .trainer__item:nth-of-type(4n+2) .trainer__item-image {
        position: initial;
    }

    .trainer__item:nth-of-type(4n+3) {
        flex-direction: column;
    }

	.trainer__item:nth-of-type(4n+4) .trainer__item-image {
		position: initial;
	}

    .trainer__item-num {
        font-size: 70px;
        line-height: 70px;
    }

    .trainer__uba {
        width: 320px;
        left: -71.606px;
        bottom: -77.994px;
    }

    .trainer__more {
        position: relative;
        margin-top: 20px;
        z-index: 10;
    }

    .trainer-service {
        padding-top: 80px;
    }

    .trainer-service .trainer__title {
        color: #2F2F2F;
        font-size: 36px;
        line-height: normal;
        transform: rotate(0deg);
        margin-top: 0;
    }

    .trainer-service .trainer__block {
        margin-top: 0;
    }

    .trainer-service .trainer__btn {
        bottom: initial;
    }

    .trainer__line {
        top: 19.2px !important;
        left: -19.2px;
        right: -19.2px;
    }

    .trainer__more {
        font-size: 16px;
        padding: 10px;
        margin-top: 40px;
    }

    .trainer__can {
        display: none;
        /* font-size: 60px;
        line-height: 97%;
        transform: none;
        transform-origin: bottom right;
        max-width: 716.006px;
        bottom: -150px;
        right: initial;
        left: 0; */
    }

    .trainer__show {
        right: initial;
        top: 360px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
        width: 284.998px;
        height: 52.997px;
    }

    .trainer-info .trainer__title {
        font-size: 60px;
        line-height: 60px;
    }

    .trainer-info .trainer__top {
        flex-direction: column;
    }

    .trainer__top-content {
        max-width: 100%;
        gap: 30px;
        margin-top: 90px;
    }

    .trainer__top-choose {
        gap: 17px;
        flex-direction: column;
        align-items: start;
    }

    .trainer__top-choose::before {
        width: 61.869px;
        height: 39.468px;
        left: 41px;
        top: -54px;
    }

    .trainer__top-name {
        font-size: 30px;
        line-height: normal;
    }

    .trainer__top-select {
        border: 1px solid #000;
        max-width: 400px;
    }

    .trainer-choose {
        top: calc(100% + 10px);
        max-height: 300px;
        border: 1px solid #000;
    }

    .trainer-selected,
    .trainer-choose a {
        font-size: 15px;
        line-height: 24px;
        min-height: 45px;
        padding: 20px 25px;
        border: 1px solid #000;
    }

    .trainer-selected {
        gap: 10px;
    }

    .trainer-selected::after {
        width: 39px;
        height: 21px;
    }

    .trainer-choose a {
        padding: 20px;
    }

    .trainer-info .trainer__can {
        top: initial;
        right: initial;
        bottom: -150px;
    }
}

/* howit */
.howit {
    position: relative;
}

.howit::before {
    content: '';
    z-index: 10;
    position: absolute;
    top: calc(100% - 1vw);
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.howit__inner {
    position: relative;
    z-index: 1;
    min-height: 70vw;
}

.howit__inner::after {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25.677vw;
    height: 26.042vw;
    flex-shrink: 0;
    top: -8.208vw;
    right: 19.771vw;
    pointer-events: none;
}

.howit__line-second,
.howit__line {
    position: absolute;
    overflow: hidden;
    top: 0;
    z-index: 20;
}

.trainer__line,
.howit__line {
    top: -7.417vw;
    background: #F2F302;
    filter: drop-shadow(0 0.781vw 0.781vw rgba(27, 27, 27, 0.15));
    transform: rotate(1.889deg);
    color: #F2F302;
    position: relative;
    z-index: 25;
}

.trainer__line-inner,
.howit__line-inner {
    color: #000;
}

.howit__line-second {
    filter: drop-shadow(0 0.781vw 0.781vw rgba(27, 27, 27, 0.15));
    background: #2F2F2F;
    color: #2F2F2F;
    top: -19.979vw;
    transform: rotate(-4deg);
    left: -1vw;
}

.howit__line-second .howit__line-inner {
    color: #fff;
}

@media (max-width: 768px) {
    .howit__inner {
        min-height: auto;
    }

    .howit__inner::after {
        width: 422.998px;
        height: 400.006px;
        top: -127.594px;
        right: 185.603px;
    }

    .howit__line {
        top: -90px;
    }

    .howit__line-second {
        filter: drop-shadow(0 14.995px 14.995px rgba(27, 27, 27, 0.15));
        transform: rotate(-2.997deg) translateX(-30.01px);
        top: -53.797px;
    }
}

/* howit */
.howit {
    background-color: #2D2D2D;
/*     background-image: url('./img/bg/bg-2.png'); */
	background-image: url(https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainers-bg-scaled.png);
	
/*     background-repeat: no-repeat; */
    background-size: contain;
    background-position: center;
    padding: 2.208vw 0 10.417vw;
}

.howit__top {
    transform: rotate(-5deg);
    display: flex;
    align-items: center;
    gap: 4.167vw;
}

.howit__title {
    color: #FFF;
    font-size: 7.813vw;
    font-weight: 600;
    line-height: 8.333vw;
    /* 106.667% */
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.howit__title span {
    color: #F2F302;
    margin-left: auto;
}

.howit__uba {
    width: 34.01vw;
}

.howit__uba img {
    width: 100%;
}

.howit__content {
    margin-top: 5.208vw;
    display: flex;
    justify-content: space-between;
    gap: 1.042vw;
    position: relative;
    z-index: 1;
}

.howit__block {
    width: 100%;
    margin-left: auto;
    max-width: 44.271vw;
}

.howit__item {
    padding: 0.521vw 0;
    display: flex;
    align-items: center;
    gap: 5.208vw;
    border-top: 0.052vw solid #9C9C9C;
    min-height: 7.083vw;
    position: relative;
    z-index: 1;
}

.howit__item::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    inset: 0;
    background-image: url('./img/howit-bg.svg');
    opacity: 0;
    transition: all .2s ease;
    z-index: -1;
}

.howit__item:last-of-type {
    border-bottom: 0.052vw solid #9C9C9C;
}

.howit__item-num {
    min-width: 2.969vw;
    width: 2.969vw;
    color: #9C9C9C;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    /* 120% */
}

.howit__item-title {
    color: #FFF;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 2.865vw;
    /* 110% */
    text-transform: uppercase;
    max-width: 30.729vw;
    width: 100%;
    transition: all .2s ease;
}

.howit__item.active::before {
    opacity: 1;
}

.howit__item.active .howit__item-title {
    color: #303030;
}

.howit__images {
    display: flex;
    align-items: center;
    width: 53.438vw;
    position: absolute;
    left: -8.854vw;
    top: 16.146vw;
    z-index: 1;
}

.howit__images::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/howit/bg.webp');
    width: 80.938vw;
    height: 73vw;
    left: -34.25vw;
    top: -35.042vw;
}

.howit__image {
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    transition: all .2s ease;
    opacity: 1;
	height: 43vw;
}
.howit__image-wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/howit-mask.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/howit-mask.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

.howit__image img {
    width: 100%;
}

.howit__image:not(.active) {
    opacity: 0;
}

@media (max-width: 768px) {
    .howit {
        padding: 80px 0;
    }

    .howit__top {
        gap: 20px;
        flex-direction: column;
    }

    .howit__title {
        font-size: 50px;
        line-height: 50px;
    }

    .howit__title span {
        -webkit-text-stroke-width: 1.997px;
    }

    .howit__uba {
        width: 200px;
    }

    .howit__content {
        margin-top: 40px;
        gap: 20px;
    }

    .howit__block {
        max-width: 100%;
        margin-top: 300px;
    }

    .howit__item {
        padding: 10px;
        gap: 40px;
        border-top: 1px solid #9C9C9C;
        min-height: 60px;
    }

    .howit__item:last-of-type {
        border-bottom: 1x solid #9C9C9C;
    }

    .howit__item-num {
        min-width: 57px;
        width: 57px;
        font-size: 16px;
        line-height: 16px;
    }

    .howit__item-title {
        font-size: 18px;
        line-height: 18px;
        max-width: 100%;
    }

    .howit__images {
        width: 500px;
        left: -50px;
        top: 100.003px;
    }

    .howit__images::before {
        width: 590px;
        height: 781.6px;
        left: -237.6px;
        top: -380px;
    }
	.howit__image {
		height: 83vw;
	}
}

/* feedback */
.feedback {
    position: relative;
    z-index: 20;
    padding: 8.854vw 0;
    margin-bottom: -4.167vw;
}

.home .feedback {
	padding-bottom: 16.021vw;
}

.feedback__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
    top: -9.456vw;
}

.feedback__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.feedback__title {
    max-width: 53.958vw;
    display: flex;
    flex-direction: column;
    color: #303030;
    font-size: 4.167vw;
    font-weight: 600;
    line-height: 4.167vw;
    /* 312.5% */
    text-transform: uppercase;
    margin: 0 auto;
    gap: 0.521vw;
    width: 100%;
}

.feedback-contactus .feedback__title {
    max-width: 73.542vw;
}

.feedback__title span {
    margin-left: auto;
    color: #FFF;
    background: #303030;
    padding: 0 0.781vw;
    max-width: max-content;
}

.feedback__descr {
    color: #303030;
    text-align: center;
    font-size: 1.667vw;
    line-height: 115%;
    max-width: 44.01vw;
    margin: 1.302vw auto 0;
    text-transform: uppercase;
}

.feedback-contactus .feedback__descr {
    max-width: 22.396vw;
    text-align: left;
    margin-top: -2.604vw;
    margin-left: 20.208vw;
}

.feedback-contactus .feedback__title span:last-of-type {
    margin-right: 200px;
}

.feedback__form {
    margin: 1.979vw auto 0;
    width: 100%;
    max-width: 28.542vw;
}

.feedback-contactus .feedback__form {
    max-width: 57.917vw;
}

.feedback__form-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.833vw;
}

.feedback__form .wpcf7-form-control-wrap {
    display: block;
}

.feedback__form>.wpcf7-form-control-wrap+.wpcf7-form-control-wrap,
.feedback__form>.feedback__form-input+.feedback__form-input {
    margin-top: 0.781vw;
}

.feedback__form-send {
    margin: 2.604vw auto 0;
    background-image: url('./img/btn.svg');
}

.feedback-service {
    padding-bottom: 13.021vw;
}
.feedback-trainers {
	padding-top: 0;
}

.feedback-service .feedback__form,
.feedback-service .feedback__descr {
    max-width: 57.917vw;
}

.feedback-service .feedback__title {
    max-width: 65vw;
}

.feedback-service .feedback__title span {
    margin-left: 17vw;
}

.feedback-contactus .feedback__form-send,
.feedback-service .feedback__form-send {
    background-image: url('./img/btn.svg');
}

.feedback .wpcf7-response-output {
    max-width: 28.542vw;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}
.kontact .wpcf7-response-output {
	color: #fff;
}

@media (max-width: 768px) {
    .feedback-service {
        padding-bottom: 150px;
    }

    .feedback {
        margin-bottom: -90px;
        padding: 80px 0 130px;
	}
	.home .feedback {
		padding-bottom: 150px;
	}

    .feedback__bg {
        top: -64px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .feedback__title {
        max-width: 100%;
        font-size: 36px;
        line-height: 36px;
        gap: 10px;
        text-align: center;
    }

    .feedback__title span {
        padding: 0 15px;
        margin: 0 auto;
    }

    .feedback__descr {
        font-size: 24px;
        max-width: 100%;
        margin: 20px auto 0;
    }

    .feedback__form {
        margin: 40px auto 0;
        max-width: 100%;
    }

    .feedback__form>.feedback__form-input+.feedback__form-input {
        margin-top: 15px;
    }

    .feedback__form-send {
        margin-top: 30px;
    }

    .feedback-contactus .feedback__title {
        max-width: 100%;
    }

    .feedback-contactus .feedback__descr {
        max-width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .feedback-contactus .feedback__title span:last-of-type {
        margin-right: 0;
    }

    .feedback-contactus .feedback__form {
        max-width: 100%;
    }

    .feedback__form-box {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .feedback-service .feedback__form,
    .feedback-service .feedback__descr,
    .feedback-service .feedback__title {
        max-width: 100%;
    }

    .feedback-service .feedback__title span {
        margin-left: auto;
    }

    .feedback .wpcf7-response-output {
        max-width: 100%;
    }
}

/* reviews */
.reviews {
    position: relative;
    padding-bottom: 10vw;
    padding-top: 10.417vw;
}

.reviews::before {
    content: '';
    z-index: 40;
    position: absolute;
    bottom: -0.938vw;
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%) scaleY(-1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.reviews__inner {
    position: relative;
    z-index: 30;
}

.reviews__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.reviews__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviews__title {
    transform: rotate(-5deg);
    color: #000;
    text-align: center;
    font-size: 13.542vw;
    font-weight: 600;
    line-height: 13.021vw;
    /* 96.154% */
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
    font-style: italic;
}

.reviews__title span {
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #303030;
    color: transparent;
    line-height: 8.333vw;
    font-size: 7.813vw;
}

.reviews__content {
    margin-top: 0;
    gap: 3.125vw;
    display: flex;
    align-items: start;
    justify-content: end;
    margin-right: 4.167vw;
}

.reviews__slider-number {
    margin-top: 9.375vw;
    display: flex;
    flex-direction: column;
    color: #E5E51F;
    leading-trim: both;
    text-edge: cap;
    font-size: 3.849vw;
    font-weight: 600;
    line-height: 3.849vw;
    text-align: right;
    position: relative;
}

.reviews__slider-number span {
    font-size: 13.802vw;
    line-height: 13.802vw;
    transform: translateX(-3.646vw);
    position: relative;
}

.reviews__slider-number span::after {
    content: '';
    position: absolute;
    background: #E5E51F;
    width: 0.271vw;
    height: 7.156vw;
    transform: rotate(36.456deg);
    flex-shrink: 0;
    right: 0.104vw;
    bottom: -3.646vw;
}

.reviews__slider {
    overflow: hidden;
    max-width: 57.969vw;
    width: 100%;
    margin-bottom: -6.125vw;
    padding-bottom: 8.167vw;
}

.reviews__slide {
    display: flex;
    gap: 2.604vw;
    align-items: center;
}

.reviews__slide-image {
    display: flex;
    align-items: center;
    width: 28.125vw;
    min-width: 28.125vw;
    height: 45.458vw;
    margin-bottom: -9vw;
}

.reviews__slide-image img {
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.reviews__slide-descr {
    margin-top: 4.01vw;
    position: relative;
    margin-left: 5.573vw;
    z-index: 1;
    color: #303030;
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;
    font-style: italic;
    line-height: 120%;
}

.reviews__slide-descr::before {
    content: '';
    position: absolute;
    background-image: url('./img/message.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 13.295vw;
    height: 11.681vw;
    flex-shrink: 0;
    top: -1.615vw;
    left: -5.625vw;
    z-index: -1;
}

.reviews__slide-name {
    color: #2F2F2F;
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 115%;
    /* 3.833vw */
    text-transform: uppercase;
}

.reviews__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.042vw;
    position: relative;
    z-index: 20;
    margin-top: -5vw;
}

.reviews__slider-next,
.reviews__slider-prev {
    display: flex;
    align-items: center;
    gap: 2.604vw;
}

.reviews-btn-image {
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 6.771vw;
    height: 6.771vw;
    min-width: 6.771vw;
    overflow: hidden;
}

.reviews-btn-image>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviews-btn-name {
    color: #2D2D2D;
    leading-trim: both;
    text-edge: cap;
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 115%;
    /* 2.396vw */
    text-transform: uppercase;
    max-width: 13.438vw;
    text-align: left;
}

.reviews-btn-content {
    display: flex;
    align-items: center;
    gap: 1.771vw;
}

.reviews__slider-next .reviews-btn-name {
    text-align: right;
}

@media (max-width: 768px) {
    .reviews {
        margin-top: 40px;
        padding-bottom: 100px;
    }

    .reviews__bg {
        top: -34px;
    }

    .reviews__title {
        font-size: 40px;
        line-height: 40px;
    }

    .reviews__title span {
        -webkit-text-stroke-width: 1px;
        line-height: 40px;
        font-size: 40px;
    }

    .reviews__content {
        gap: 20px;
        flex-direction: column;
        margin-top: 80px;
        margin-right: 0;
    }

    .reviews__slider {
        margin: 0;
        padding: 0;
    }

    .reviews__slider-number {
        margin-top: 0;
        font-size: 18px;
        line-height: 18px;
        margin-left: 40px;
    }

    .reviews__slider-number span {
        font-size: 50px;
        line-height: 60px;
        transform: translateX(-24px);
    }

    .reviews__slider-number span::after {
        width: 2px;
        height: 30px;
        right: -3px;
        bottom: -13.003px;
    }

    .reviews__slider {
        max-width: 100%;
    }

    .reviews__slide {
        gap: 20px;
        flex-direction: column;
    }

    .reviews__slide-image {
        width: 100%;
        min-width: auto;
        max-width: 300px;
        height: auto;
        margin: 0 auto;
    }

    .reviews__slide-image img {
        width: 100%;
        height: auto;
		object-fit: cover;
		
    }

    .reviews__slide-descr {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 16px;
    }

    .reviews__slide-descr::before {
        width: 95.264px;
        height: 224.275px;
        top: -82px;
        left: -20px;
    }

    .reviews__slide-name {
        font-size: 40px;
    }

    .reviews__bottom {
        gap: 20px;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        margin-top: 20px;
    }

    .reviews__slider-next,
    .reviews__slider-prev {
        gap: 20px;
    }

    .reviews__slider-next {
        margin-left: auto;
    }

    .reviews-btn-image {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .reviews-btn-name {
        font-size: 16px;
        max-width: 200px;
    }

    .reviews-btn-content {
        gap: 20px;
    }
}

/* faq */
.faq {
    padding: 2.604vw 0 6.615vw;
    background-color: #2D2D2D;
    position: relative;
    z-index: 50;
}

.faq .howit__line {
    top: -7.6vw;
}

.faq .howit__line-second {
    top: -17vw;
}

.faq__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
    top: -0.052vw;
}

.faq__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.faq__inner {
    position: relative;
    z-index: 1;
}

.faq__title {
    color: #fff;
    font-size: 4.167vw;
    font-weight: 600;
    line-height: 4.167vw;
    text-transform: uppercase;
    max-width: 26.042vw;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.faq__title span {
    margin-left: auto;
    color: #F2F302;
}

.faq__block {
    max-width: 44.271vw;
    width: 100%;
    margin-top: 2.604vw;
    margin-left: auto;
    margin-right: 10.417vw;
}

.faq__item {
    border-top: 0.052vw solid #9C9C9C;
    padding: 2.604vw 1.25vw 2.604vw 3.125vw;
}

.faq__item-title {
    color: #FFF;
    font-size: 1.667vw;
    font-weight: 400;
    line-height: 115%;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.042vw;
    user-select: none;
}

.faq__item-title::after {
    content: '';
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.042vw;
    height: 1.042vw;
    min-width: 1.042vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_12_1410)'%3E%3Cpath d='M8.1875 0.734375V8.23438H0.6875V13.2344H8.1875V20.7344H13.1875V13.2344H20.6875V8.23438H13.1875V0.734375H8.1875Z' fill='%239C9C9C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12_1410'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.6875 0.734375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.faq__item-descr {
    margin-top: 2.604vw;
    color: #9C9C9C;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    line-height: 1.25vw;
    /* 120% */
    display: none;
}

.faq__item.active .faq__item-title,
.faq__item-title:hover {
    color: #F2F302;
}

.faq__item.active .faq__item-title::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='7' viewBox='0 0 21 7' fill='none'%3E%3Cg clip-path='url(%23clip0_12_1446)'%3E%3Crect x='0.6875' y='0.734375' width='20' height='6' fill='%23F2F302'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12_1446'%3E%3Crect width='20' height='6' fill='white' transform='translate(0.6875 0.734375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.faq__item.active {
    background: rgba(25, 25, 25, 0.60);
    backdrop-filter: blur(0.391vw);
}

.faq__image {
    display: flex;
    max-height: 90%;
    align-items: center;
    width: 74.688vw;
    position: absolute;
    left: -40.104vw;
    bottom: 2.315vw;
    z-index: -1;
}

.faq__image img {
    width: 100%;
}

.faq__btn {
    position: absolute;
    bottom: 10vw;
    left: 0vw;
    width: 22.448vw;
}

.faq__bg-title {
    display: flex;
    flex-direction: column;
    color: #1A1A1A;
    font-family: "NeoPrintM319", sans-serif;
    font-size: 10.417vw;
    font-style: normal;
    font-weight: 400;
    line-height: 10.417vw;
    letter-spacing: -1.25vw;
    text-transform: uppercase;
    opacity: 0.8;
    position: absolute;
    top: 21.354vw;
    right: 7.813vw;
    z-index: -1;
}

.faq__bg-title span:nth-of-type(1) {
    font-size: 9.375vw;
    letter-spacing: -1.125vw;
}

.faq__bg-title span:nth-of-type(2) {
    transform: rotate(-7.976deg) translateY(-1.729vw);
}

.faq-service {
    padding-top: 10.417vw;
}

@media (max-width: 768px) {
    .faq {
        padding: 60px 0 150px;
    }

    .faq .howit__line {
        top: -88px;
    }

    .faq .howit__line-second {
        top: -59px;
        left: -10px;
    }

    .faq__bg {
        top: -1px;
    }

    .faq__title {
        font-size: 40.006px;
        line-height: 40.006px;
        max-width: 100%;
        text-align: center;
    }

    .faq__title span {
        -webkit-text-stroke-width: 1.997px;
        -webkit-text-stroke-color: #F2F302;
        margin: 0 auto;
    }

    .faq__block {
        max-width: 100%;
        margin-top: 40px;
        margin-right: 0;
    }

    .faq__item {
        border-top: 1px solid #9C9C9C;
        padding: 20px;
    }

    .faq__item-title {
        font-size: 22px;
        gap: 20px;
    }

    .faq__item-title::after {
        width: 14.006px;
        height: 14.006px;
        min-width: 14.006px;
    }

    .faq__item-descr {
        margin-top: 20px;
        font-size: 16px;
        line-height: normal;
    }

    .faq__item.active {
        backdrop-filter: blur(7.507px);
    }

    .faq__image {
        width: 934.01px;
        left: -511px;
        bottom: 0;
        opacity: 0.4;
    }

    .faq__btn {
        bottom: -100px;
        width: auto;
    }

    .faq__bg-title {
        font-size: 90.006px;
        line-height: 90.006px;
        letter-spacing: -4px;
        top: 509.997px;
        right: initial;
        z-index: -1;
        left: 10px;
    }

    .faq__bg-title span:nth-of-type(1) {
        font-size: 40px;
        letter-spacing: -21.6px;
    }

    .faq__bg-title span:nth-of-type(2) {
        transform: rotate(-7.976deg) translateY(-33.197px);
    }
}

.contacts {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 5.208vw 0 8.333vw;
}

.feedback .contacts {
    padding-top: 10.625vw;
}

.contacts__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -2;
}

.contacts__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contacts__name {
    display: flex;
    align-items: center;
    width: 70.521vw;
    bottom: 2.76vw;
    left: 9.271vw;
    position: absolute;
    z-index: -1;
}

.contacts__name img {
    width: 100%;
}

.contacts__inner {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.042vw;
}

.contacts__content {
    display: flex;
    flex-direction: column;
}

.contacts__title {
    color: #191919;
    font-size: 4.167vw;
    font-weight: 600;
    line-height: normal;
    /* 312.5% */
    text-transform: uppercase;
}

.contacts__adress {
    margin-top: 0.885vw;
    color: #191919;
    font-size: 2.083vw;
    line-height: 115%;
    /* 2.396vw */
    text-transform: uppercase;
    max-width: max-content;
}

.contacts__tel {
    color: #191919;
    font-size: 2.083vw;
    line-height: 115%;
    /* 2.396vw */
    text-transform: uppercase;
    display: inline-block;
    margin-top: 1.094vw;
    max-width: max-content;
    transition: all .2s ease;
}

.contacts__mail {
    color: #191919;
    font-size: 1.667vw;
    line-height: 115%;
    /* 1.917vw */
    text-transform: uppercase;
    display: inline-block;
    margin-top: 1.302vw;
    max-width: max-content;
    transition: all .2s ease;
}

.contacts__mail:hover,
.contacts__tel:hover {
    color: #9C9C9C;
}

.contacts__socials {
    display: flex;
    align-items: center;
    gap: 1.875vw;
    margin-top: 2.292vw;
}

.contacts__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875vw;
    height: 1.875vw;
    min-width: 1.875vw;
}

.contacts__btn {
    margin-top: 3.229vw;
}

.contacts__mountain {
    display: flex;
    align-items: center;
    width: 157.875vw;
    height: 105.223vw;
    aspect-ratio: 1997/1331;
    position: absolute;
    top: -18.646vw;
    left: 5.104vw;
    z-index: -3;
}

.contacts__time img,
.contacts__mountain img {
    width: 100%;
}

.contacts__time {
    display: flex;
    align-items: center;
    width: 29.325vw;
    height: 8.228vw;
    flex-shrink: 0;
    top: 3.719vw;
    position: absolute;
    left: 41.25vw;
}

.contacts__block {
    margin-top: 15.625vw;
}

.contacts__join {
    position: relative;
    z-index: 1;
    margin-right: 8.125vw;
}

.contacts__join::after {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 47.396vw;
    height: 42.708vw;
    flex-shrink: 0;
    top: -27.375vw;
    right: -31.094vw;
    pointer-events: none;
}

.contacts__join-uba {
    display: flex;
    align-items: center;
    z-index: -2;
    position: absolute;
    width: 76.354vw;
    top: -13.625vw;
    left: -16.188vw;
    pointer-events: none;
}

.contacts__join-uba img {
    width: 100%;
}

.contacts__join-title {
    margin-bottom: 1.042vw;
    text-align: center;
    color: #000;
    font-size: 1.354vw;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.contacts__join-block {
    display: flex;
    align-items: center;
    gap: 4.063vw;
}

.contacts__join-block a {
    color: #111;
    font-size: 2.5vw;
    font-weight: 600;
    line-height: 115%;
    /* 2.875vw */
    text-transform: uppercase;
}

.contacts__quote {
    margin-top: 6.875vw;
    margin-left: auto;
    max-width: 37.344vw;
    color: #FFF;
    text-align: right;
    font-size: 1.875vw;
    font-style: normal;
    font-weight: 300;
    line-height: 115%;
    /* 2.156vw */
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .contacts {
        padding: 100px 0 150px;
    }

    .contacts__name {
        width: 300px;
        bottom: 32.992px;
        left: -11.997px;
    }

    .contacts__inner {
        gap: 20px;
        align-items: start;
        flex-direction: column;
    }

    .contacts__title {
        font-size: 40px;
    }

    .contacts__adress {
        font-size: 22px;
    }

    .contacts__tel {
        font-size: 22px;
        margin-top: 20px;
    }

    .contacts__mail {
        font-size: 22px;
        margin-top: 20px;
    }

    .contacts__socials {
        gap: 20px;
        margin-top: 30px;
    }

    .contacts__socials a {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .contacts__btn {
        max-width: max-content;
        margin-top: 30px
    }

    .contacts__mountain {
        width: 2400px;
        height: 2080.282px;
        top: initial;
        left: -782.003px;
        bottom: -900px;
    }

    .contacts__time {
        width: 263.04px;
        height: 107.978px;
        top: 22px;
        left: 32%;
    }

    .contacts__block {
        margin-top: 0px;
    }

    .contacts__join {
        margin-right: 0;
    }

    .contacts__join::after {
        width: 910.003px;
        height: 819.994px;
        top: -525.6px;
        right: -597.005px;
    }

    .contacts__join-uba {
        width: 605.997px;
        top: -71.6px;
        left: -88.81px;
    }

    .contacts__join-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .contacts__join-block {
        gap: 10px;
        justify-content: space-between;
    }

    .contacts__join-block a {
        font-size: 22px;
    }

    .contacts__quote {
        margin-top: 100px;
        max-width: 300px;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .contacts__join-block a {
        font-size: 16px;
    }

    .contacts__time {
        left: 12%;
    }
}

/* footer */
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.footer__inner {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1.667vw;
    padding: 1.563vw 0;
}

.footer__copy,
.footer__link {
    color: #F0F4FA;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    /* 120% */
}

.footer__link:not(:hover) {
    text-decoration: underline;
}

@media (max-width: 768px) {
	.footer:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.29%, rgba(0, 0, 0, 0.8) 100%);
		z-index: 0;
	}
	.footer__inner {
		position: relative;
		flex-direction: column;
		align-items: start;
		justify-content: flex-end;
		gap: 3.667vw;
		z-index: 1;
	}
	
	.footer__copy,
	.footer__link {
		font-size: 14px;
		line-height: 115%;
		text-align: left;
	}
}

.scroll-up {
    position: fixed;
    bottom: 4.219vw;
    right: 3.75vw;
    flex-direction: column;
    gap: 0.26vw;
    color: #F2F302;
    text-align: center;
    font-size: 0.833vw;
    font-weight: 700;
    line-height: 95%;
    text-transform: uppercase;
    max-width: 4.063vw;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
}

.scroll-up::before {
    content: '';
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='29' viewBox='0 0 53 29' fill='none'%3E%3Cpath d='M16.0867 28.164L26.3262 12.095L36.4274 28.164L52.4785 28.164L52.4785 27.2137L33.3832 1.66937e-06L19.1309 2.91534e-06L0.17391 27.2137L0.17391 28.164L16.0867 28.164Z' fill='%23F2F302'/%3E%3C/svg%3E");
    width: 2.708vw;
    height: 1.51vw;
    min-width: 2.708vw;
}

.scroll-up.scrolled {
    opacity: 1;
    pointer-events: all;
}

@media (max-width: 768px) {
	.scroll-up {
		font-size: 16px;
		bottom: 20px;
		right: 36px;
	}

	.scroll-up::before {
		width: 31px;
		height: 17px;
	}
}

/* brotherhood */
/* .brotherhood__inner{
    position: relative;
    z-index: 30;
}
.brotherhood__slider{
    display: flex;
}
.brotherhood__next,
.brotherhood__prev{
    display: flex;
    align-items: center;
    width: 2.656vw;
    height: auto;
}
.brotherhood__next svg,
.brotherhood__prev svg{
    width: 100%;
    height: auto;
}
.brotherhood__bg {
    display: flex;
    align-items: center;
    width: 89.9vw;
    height: 102.915vw;
    transform: rotate(-92.133deg);
    flex-shrink: 0;
    position: absolute;
    z-index: -1;
    top: -17.521vw;
    left: -2.656vw;
}
.brotherhood__bg img{
    width: 100%;
}
.brotherhood__buttons{
    position: absolute;
    display: flex;
    align-items: center;
    gap: 5.208vw;
    justify-content: center;
    right: 4.375vw;
    top: 9.688vw;
    z-index: 10;
}
.brotherhood__logo{
    display: flex;
    align-items: center;
    width: 32.448vw;
    position: absolute;
}
.brotherhood__logo img{
    width: 100%;
}
.brotherhood__title{
    color: #303030;
    text-align: center;
    font-size: 15.541vw;
    font-weight: 700;
    line-height: 14.944vw;
    text-transform: uppercase;
    position: absolute;
}
.brotherhood__slider{
    min-width: 243.073vw;
}
.brotherhood__slider-wrapper{
    display: flex;
}
.brotherhood__slide{
    position: relative;
    width: 100vw;
    height: 54.375vw;
}
.brotherhood__image{
    display: flex;
    align-items: center;
    position: absolute;
    overflow: hidden;
}
.brotherhood__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.brotherhood__title,
.brotherhood__logo,
.brotherhood__btn{
    position: absolute;
}
.brotherhood__btn{
    height: 4.427vw;
    width: 36.302vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__logo{
    top: 0;
    left: 4.271vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__title{
    left: 28.281vw;
    top: 20.885vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__btn{
    top: 27.604vw;
    left: 38.51vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(1){
    top: 21.406vw;
    left: 5.104vw;
    width: 23.177vw;
    height: 30.625vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(2){
    top: 1.927vw;
    left: 39.479vw;
    width: 18.75vw;
    height: 18.75vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(3){
    top: 34.323vw;
    left: 30.417vw;
    width: 20.365vw;
    height: 15.26vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(4){
    top: 1.927vw;
    left: 64.896vw;
    width: 15.365vw;
    height: 23.542vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(5){
    top: 38.073vw;
    left: 56.979vw;
    width: 13.438vw;
    height: 16.25vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(6){
    top: 31.458vw;
    left: 76.667vw;
    width: 9.74vw;
    height: 11.458vw;
}
.brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(7){
    right: -3.646vw;
    top: 37.24vw;
    width: 13.698vw;
    height: 15vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__logo{
    top: 0;
    left: 45.885vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__title{
    left: 54.219vw;
    top: 21.094vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__btn{
    top: 27.76vw;
    left: 54.167vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(1){
    top: 0;
    left: 7.292vw;
    width: 18.75vw;
    height: 18.75vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(2){
    top: 21.615vw;
    left: 2.76vw;
    width: 23.177vw;
    height: 30.625vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(3){
    top: 0;
    left: 32.292vw;
    width: 15.365vw;
    height: 23.542vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(4){
    top: 24.219vw;
    left: 28.125vw;
    width: 20.365vw;
    height: 15.26vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(5){
    top: 38.281vw;
    left: 41.667vw;
    width: 13.438vw;
    height: 16.25vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(6){
    top: 34.271vw;
    left: 58.021vw;
    width: 9.74vw;
    height: 11.458vw;
}
.brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(7){
    left: 74.271vw;
    top: 37.448vw;
    width: 13.698vw;
    height: 15vw;
}
@media (max-width: 768px) {
    .brotherhood__buttons{
        gap: 30px;
        right: 30px;
        top: 10px;
    }
    .brotherhood__next,
    .brotherhood__prev{
        width: 20px;
    }
    .brotherhood__bg {
        width: 836.08px;
        height: 1975.968px;
        top: -640px;
        left: -50.995px;
    }
    .brotherhood__logo{
        width: 260px;
    }
    .brotherhood__title {
        font-size: 138.387px;
        line-height: normal;
    }
    .brotherhood__slider{
        min-width: 4667.002px;
    }
    .brotherhood__slide{
        height: 514px;
        width: 1920px;
    }
    .brotherhood__btn{
        height: auto;
        width: auto;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__logo{
        left: 20px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__title {
        left: 280px;
        top: 208.992px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__btn {
        top: 310px;
        left: 280px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(1) {
        top: 240.995px;
        left: 25px;
        width: 244.998px;
        height: 338px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(2) {
        top: 36.998px;
        left: 320px;
        width: 180px;
        height: 180px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(3) {
        top: 390px;
        left: 290px;
        width: 218.008px;
        height: 162.992px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(4) {
        top: 26.998px;
        left: 538px;
        width: 181.008px;
        height: 262.006px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(5) {
        top: 390px;
        left: 540px;
        width: 118.01px;
        height: 162px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(6) {
        top: 90px;
        left: 870px;
        width: 177.008px;
        height: 189.994px;
    }
    .brotherhood__slide:nth-of-type(1) .brotherhood__image:nth-of-type(7) {
        right: initial;
        top: 210px;
        width: 202.002px;
        height: 228px;
        left: 670px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__logo {
        left: 150px;
        top: 140px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__title {
        left: 290px;
        top: 260px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__btn {
        top: 356px;
        left: 490px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(1) {
        left: -990px;
        width: 220px;
        height: 220px;
        top: 90px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(2) {
        top: 325.008px;
        left: -495px;
        width: 244px;
        height: 388px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(3) {
        left: -740px;
        width: 140px;
        height: 200px;
        top: 160px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(4) {
        top: 375.005px;
        left: -200px;
        width: 191.008px;
        height: 142.992px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(5) {
        top: 479px;
        left: -749px;
        width: 128.01px;
        height: 171px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(6) {
        top: 370px;
        left: 127px;
        width: 150px;
        height: 190px;
    }
    .brotherhood__slide:nth-of-type(2) .brotherhood__image:nth-of-type(7) {
        left: -470px;
        top: 489px;
        width: 163.002px;
        height: 178px;
    }
} */

/* heroBanner */
.heroBanner {
    position: relative;
    z-index: 2;
    background-image: url('./img/site-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.heroBanner__breadcrumb {
    position: relative;
    z-index: 1;
}

.heroBanner__breadcrumb::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/breadcrumb-bg.png');
    inset: 0;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.521vw;
    padding: 4.948vw 0 1.51vw;
    flex-wrap: wrap;
}

.breadcrumb span,
.breadcrumb li {
    display: flex;
    align-items: center;
    gap: 0.521vw;
    position: relative;
}

.breadcrumb span,
.breadcrumb a,
.breadcrumb li a {
    display: flex;
    align-items: center;
    color: #9C9C9C;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-size: 0.938vw;
    font-weight: 400;
    line-height: 115%;
    /* 1.078vw */
    transition: all .2s ease;
}

.breadcrumb a:hover,
.breadcrumb .breadcrumb_last,
.breadcrumb li a.active,
.breadcrumb li a:hover {
    color: #000;
}

.breadcrumb span:not(:last-child)::after,
.breadcrumb li:not(:last-child)::after {
    content: '/';
    display: inline-block;
    color: #9C9C9C;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-size: 0.938vw;
    font-weight: 400;
    line-height: 115%;
    /* 1.078vw */
}

.heroBanner__inner {
    min-height: 23.49vw;
}

.heroBanner__top {
    display: flex;
    justify-content: space-between;
    gap: 3.125vw;
    align-items: start;
    padding: 1vw 0 8vw;
}

.heroBanner-price .heroBanner__top {
    padding-bottom: 1vw;
}

.heroBanner-trainers .heroBanner__top,
.heroBanner-schedule .heroBanner__top {
    align-items: center;
}

.heroBanner-trainers .heroBanner__btn,
.heroBanner-schedule .heroBanner__btn {
    margin: auto;
}

.heroBanner__content {
    width: 100%;
    max-width: 44.271vw;
}

.heroBanner__title {
    color: #303030;
    font-size: 4.813vw;
    font-weight: 600;
    line-height: 100%;
    /* 100% */
    text-transform: uppercase;
}

.heroBanner__title span span {
    display: inline-block;
    transform: translateY(100%);
    opacity: 0;
}

.heroBanner__info {
    width: 100%;
    max-width: 40.479vw;
}

.heroBanner__btn {
    margin: 10.104vw auto 0;
}

.heroBanner__btn {
    max-width: 27.76vw;
}

.heroBanner__name {
    color: #2F2F2F;
    font-size: 1.667vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 1.042vw;
}

.heroBanner__descr {
    color: #2F2F2F;
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: normal;
    margin-top: 1.563vw;
}

.heroBanner__image {
    display: flex;
    align-items: center;
    width: 100%;
    width: 44.167vw;
	height: 30vw;
	position: relative;
}

.heroBanner__image-wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

.heroBanner__image:before {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -1vw;
	left: -2vw;
	width: 12vw;
	height: 12vw;
	z-index: 1;
	
	transform: rotate(-90deg);
}

.heroBanner__image:after {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	bottom: -1vw;
	right: -1vw;
	width: 12vw;
	height: 12vw;
	z-index: 1;
	
	transform: rotate(-90deg);
}

.heroBanner__image img {
    width: 100%;
}

.heroBanner__about-title {
    color: #2F2F2F;
    text-align: center;
    font-size: 2.604vw;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.heroBanner__about-block {
    margin-top: 10.417vw;
    display: flex;
    align-items: start;
    gap: 1.042vw;
    justify-content: space-between;
    position: relative;
}

.heroBanner__about-block::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/heroBanner-about.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100.157vw;
    height: 25.178vw;
    flex-shrink: 0;
    top: -9.417vw;
    left: 50%;
    transform: translateX(-50%);
}

.heroBanner__about-descr {
    color: #2D2D2D;
    font-family: 'Inter', sans-serif;
    font-size: 1.771vw;
    font-weight: 600;
    line-height: 115%;
    /* 2.036vw */
}

.heroBanner__hidden {
	display: none;
	margin: 0vw 0 4vw;
    color: #2F2F2F;
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: normal;
}
.heroBanner__hidden._desk._active {
	display: block;
}
.heroBanner__hidden._mob {
	display: none;
}
.heroBanner__hidden > *+* {
	margin-top: 1vw;
}
.heroBanner__hidden ul {
	list-style: disk;
    padding-left: 1.4vw;
}
.heroBanner__hidden ul li{
	list-style: disc;
}
.heroBanner__hidden ol {
	list-style: decimal;
    padding-left: 1.4vw;
}
.heroBanner__hidden ol li{
	list-style: decimal;
}
.heroBanner__hidden strong {
	font-weight: 600;
}
.heroBanner__hidden a {
	text-decoration: underline;
}
.heroBanner__hidden a:hover {
	text-decoration: none;
}
.heroBanner__button {
	margin-top: 1vw;
}
.heroBanner__price {
    margin-top: 3.646vw;
    display: flex;
    align-items: center;
    gap: 1.042vw;
    justify-content: space-between;
    padding-bottom: 93px;
}

.recruitment__select-btn,
.heroBanner__price-btn {
    position: relative;
    height: 4.479vw;
    padding: 0;
    font-size: 1.25vw;
    font-weight: 600;
    background-image: url('./img/btn-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    color: #fff;
}

.recruitment__select-btn.active,
.recruitment__select-btn:hover,
.heroBanner__price-btn.active,
.heroBanner__price-btn:hover {
    background-image: url('./img/btn.svg');
    color: #303030;
}

.recruitment__select-btn::after,
.heroBanner__price-btn::after {
    content: none;
    position: absolute;
    top: -3vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93' height='51' viewBox='0 0 93 51' fill='none'%3E%3Cpath d='M64.9246 0.726562L46.5379 28.8718L29.0382 0.319676L0.719631 -0.00140466L0.700621 1.67521L33.8455 50.0695L58.9905 50.3546L92.98 2.72149L92.999 1.04487L64.9246 0.726562Z' fill='%23F2F302'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 4.792vw;
    height: 2.604vw;
}

.recruitment__select-btn.active::after,
.heroBanner__price-btn.active::after {
    content: '';
}

.trainer__content {
    display: flex;
    align-items: center;
    gap: 3.646vw;
    justify-content: space-between;
}

.trainer-prev {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trainer-prev-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.771vw;
    height: 6.771vw;
    min-width: 6.771vw;
    overflow: hidden;
    border-radius: 50%;
    border: 0.052vw solid #1A1A1A;
}

.trainer-prev-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.trainer-prev-icon {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
}

.trainer-prev-icon svg {
    width: 3.958vw;
    height: auto;
}

.trainer-prev-content {
    display: none;
    align-items: center;
    gap: 1.823vw;
    position: absolute;
    background: #F2F302;
    padding: 0.521vw 0.521vw 0.521vw 8.125vw;
    top: 50%;
    transform: translateY(-50%);
    left: -0.833vw;
    height: max-content;
    width: 33.854vw;
    min-height: 9.167vw;
}

.trainer-next .trainer-prev-content {
    right: -0.833vw;
    left: initial;
    padding: 0.521vw 8.125vw 0.521vw 0.521vw;
    flex-direction: row-reverse;
    text-align: right;
}

.trainer-prev-info {
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
    max-width: 14.583vw;
}

.trainer-prev-title {
    color: #191919;
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 115%;
    /* 2.396vw */
    text-transform: uppercase;
}

.trainer-prev-descr {
    color: #191919;
    font-size: 1.042vw;
    font-weight: 500;
    line-height: 130%;
    /* 1.354vw */
    text-transform: uppercase;
}

.trainer-next,
.trainer-prev {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
}

.trainer-next:hover .trainer-prev-icon svg path,
.trainer-prev:hover .trainer-prev-icon svg path {
    fill: #191919;
}

.trainer-next:hover .trainer-prev-content,
.trainer-prev:hover .trainer-prev-content {
    display: flex;
}

.heroBanner-trainer .heroBanner__content {
    max-width: 28.125vw;
}

.heroBanner-trainer .heroBanner__top {
    align-items: center;
    padding-bottom: 2vw;
}

.heroBanner-trainer .heroBanner__image img {
    width: 119%;
    margin-left: -1.563vw;
}

.heroBanner-trainers .heroBanner__top {
    min-height: 330px;
}

@media (max-width: 768px) {
    .heroBanner-trainers .heroBanner__top {
        min-height: auto;
    }

    .breadcrumb {
        gap: 5px;
        padding: 20px 0;
    }

    .breadcrumb span,
    .breadcrumb a,
    .breadcrumb li {
        gap: 5px;
    }

    .breadcrumb span,
    .breadcrumb a,
    .breadcrumb li a {
        font-size: 10px;
    }

    .breadcrumb span:not(:last-child)::after,
    .breadcrumb li:not(:last-child)::after {
        font-size: 10px;
    }

    .heroBanner__inner {
        min-height: auto;
    }

    .heroBanner__top {
        gap: 40px;
        padding: 40px 0;
        flex-direction: column;
    }

    .heroBanner__content {
        max-width: 100%;
        width: 100%;
    }

    .heroBanner__title {
        font-size: 50px;
        line-height: 55px;
        /* 100% */
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .heroBanner__title br {
        display: none;
    }

    .heroBanner-price .heroBanner__top {
        padding-bottom: 40px;
    }

    .heroBanner__info {
        max-width: 100%;
    }

    .heroBanner__btn {
        margin: 0 auto;
        max-width: 240px;
    }

    .heroBanner__name {
        font-size: 20px;
        text-align: center;
        margin-top: 20.006px;
    }

    .heroBanner__descr {
        font-size: 16px;
        margin-top: 20px;
	}

	.heroBanner__hidden {
		font-size: 16px;
		margin: 16px 0 0;
	}
	.heroBanner__hidden._mob._active {
		display: block;
	}
	.heroBanner__hidden._desk {
		display: none!important;
	}
	
	.heroBanner__hidden > *+* {
		margin-top: 10px;
	}
	.heroBanner__hidden ul {
		padding-left: 20px;
	}
	.heroBanner__hidden ol {
		padding-left: 20px;
	}
	
	.heroBanner__button {
		margin-top: 12px;
	}
    .heroBanner__image {
		order: -1;
		width: 100%;
		height: 64vw;
    }
	
	.heroBanner__image:before {
		top: -2vw;
		left: -3vw;
		width: 25vw;
		height: 25vw;
	}
	.heroBanner__image:after {
		bottom: -2vw;
		right: -2vw;
		width: 25vw;
		height: 25vw;
	}
	 
    .heroBanner__about {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .heroBanner__about-title {
        font-size: 36px;
        line-height: 40px;
    }

    .heroBanner__about-block {
        margin-top: 40px;
        gap: 20px;
        flex-direction: column;
    }

    .heroBanner__about-block::before {
/*         width: 713.014px;
        height: 443.418px;
        top: -111.006px;
        bottom: 0;
        background-size: cover; */
		
		width: 103vw;
        height: 277%;
        top: 50%;
        background-size: cover;
        transform: translate(-50%, -50%);
    }

    .heroBanner__about-descr {
        font-size: 20px;
        font-family: 'Oswald', sans-serif;
        font-weight: 600;
    }

    .heroBanner__price {
        margin-top: 0px;
        gap: 20px;
        flex-direction: column;
        padding-bottom: 40px;
    }

    .recruitment__select-btn,
    .heroBanner__price-btn {
        height: 50px;
        font-size: 14px;
    }

    .recruitment__select-btn.active::after,
    .heroBanner__price-btn.active::after {
        content: none;
    }

    .trainer__content {
        gap: 50px;
        flex-direction: column;
    }

    .trainer__content .heroBanner__top {
        order: -1;
    }

    .heroBanner-trainer .heroBanner__content {
        max-width: 100%;
    }

    .trainer-prev-image {
        width: 100px;
        height: 100px;
        min-width: 100px;
        border: 1px solid #1A1A1A;
    }

    .trainer-next {
        flex-direction: row-reverse;
    }

    .trainer-next,
    .trainer-prev {
        gap: 15px;
    }

    .trainer-prev-icon svg {
        width: 40px;
    }

    .trainer-prev-content {
        gap: 15px;
        padding: 0;
        width: auto;
        min-height: auto;
        display: flex;
        position: initial;
        transform: none;
        background-color: transparent;
    }

    .trainer-next .trainer-prev-content {
        padding: 0;
    }

    .trainer-prev-info {
        gap: 20px;
        max-width: 280px;
    }

    .trainer-prev-title {
        font-size: 24px;
        line-height: 115%;
        /* 46px */
    }

    .trainer-prev-descr {
        font-size: 14px;
        line-height: 130%;
        /* 26px */
    }

    .heroBanner-trainer .heroBanner__top {
        padding-bottom: 38.4px;
    }

    .heroBanner-trainer .heroBanner__image img {
        margin-left: -30px;
    }
}

.timetable {
    background-color: #2D2D2D;
/*     background-image: url('./img/bg/bg-4.png'); */
    background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/bg-3-4.png');
	
/*     background-repeat: no-repeat; */
    background-size: contain;
    background-position: center;
    padding: 10.208vw 0 15.625vw;
}

.timetable__inner {
    position: relative;
    z-index: 1;
}

.timetable__inner::after {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg-second.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25.677vw;
    height: 26.007vw;
    top: -12.865vw;
    right: 5.729vw;
    pointer-events: none;
}

.timetable__title {
    color: #FFF;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 8.333vw;
    /* 145.455% */
    text-transform: uppercase;
    transform: rotate(-5deg);
}

.timetable__content {
    margin-top: 5.208vw;
}

.timetable__table-top {
    width: 100%;
    display: flex;
}

.timetable__table-time,
.timetable__table-name,
.timetable__table-day {
    width: 100%;
    height: 7.083vw;
    max-height: 7.083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.timetable__table-time,
.timetable__table-name,
.timetable__table-day {
    border-left: 0.052vw solid #9C9C9C;
    color: #F2F302;
    text-align: center;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 2.865vw;
    /* 110% */
    text-transform: uppercase;
}

.timetable__table-name {
    color: #9C9C9C;
    font-size: 1.875vw;
    border: none !important;
}

.timetable__table-time,
.timetable__table-block,
.timetable__table-top {
    border-bottom: 0.052vw solid #9C9C9C;
}

.timetable__table-time {
    color: #fff;
    border-left: none;
    border: none !important;
}

.timetable__table-bottom {
    display: flex;
}

.timetable__table-start {
    width: 100%;
    max-width: 11.146vw;
}

.timetable__table-content {
    width: 100%;
}

.timetable__table-block {
    display: flex;
    height: 7.083vw;
    max-height: 7.083vw;
}

.timetable__table-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.365vw;
}

.timetable__table-info:not(:first-of-type) {
    border-left: 0.052vw solid #9C9C9C;
}

.timetable__table-info[data-schedule-type="1"] {
    background: #F2F302;
}

.timetable__table-info[data-schedule-type="2"] {
    background: #C9CAFF;
}

.timetable__table-info[data-schedule-type="3"] {
    background: #B9FEB9;
}

.timetable__table-info[data-schedule-type="4"] {
    background: #FCC;
}

.timetable__table-info[data-schedule-type="5"] {
    background: #FFDA96;
}

.timetable__table-info[data-schedule-type="6"] {
    background: #BEFFFF;
}

.timetable__table-info[data-schedule-type="7"] {
    background: #FFC0F4;
}

.timetable__table-info[data-schedule-type="8"] {
    background: #FDD0D0;
}

.timetable__table-info[data-schedule-type="9"] {
    background: #FFF;
}

.timetable__table-indiv {
    color: #303030;
    text-align: center;
    font-size: 1.042vw;
    font-weight: 600;
    line-height: 125%;
    /* 1.302vw */
    text-transform: uppercase;
}

.timetable__table-title {
    color: #303030;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 600;
    line-height: 1.042vw;
    /* 83.333% */
    text-transform: uppercase;
}

.timetable__table-descr {
    color: #303030;
    text-align: center;
    font-size: 0.781vw;
    font-weight: 500;
    line-height: 1.042vw;
    /* 133.333% */
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .timetable {
        margin-bottom: -60px;
        padding: 80px 0 150px;
    }

    .timetable__content::before {
        content: '';
        position: absolute;
        top: 110px;
        right: 20px;
        width: 50px;
        height: 70px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='78' viewBox='0 0 78 78' fill='none'%3E%3Cmask id='mask0_16_1997' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='10' y='0' width='58' height='78'%3E%3Cpath d='M67.7315 0.117554H10.0957V77.7565H67.7315V0.117554Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_16_1997)'%3E%3Cpath d='M26.9863 69.4283C27.7054 70.666 28.9009 71.697 29.7376 72.3649C31.7707 73.9389 34.0331 75.192 36.4458 76.081C38.9364 77.0682 41.5912 77.5749 44.2703 77.5749C47.3288 77.5372 50.3571 76.9628 53.2165 75.877C55.2446 75.1073 57.1232 73.9905 58.7668 72.5752C61.8607 70.0043 64.0122 66.4881 65.3439 61.8277C67.0764 55.7793 67.8187 49.491 67.5418 43.206C67.469 41.559 66.9829 39.9153 66.5128 38.3262L66.4452 38.095C66.2163 37.3129 65.8119 36.5931 65.2628 35.991C64.7137 35.3885 64.0339 34.92 63.2761 34.6206C60.915 33.6185 58.7299 33.9117 56.779 35.4923C55.5755 33.2208 53.643 31.7195 51.447 31.3622C50.5191 31.2095 49.5684 31.2777 48.6721 31.5612C47.7753 31.8447 46.9582 32.3356 46.2869 32.9939C43.8368 29.6568 41.9493 29.309 38.1233 31.5066C38.0792 30.8597 38.0388 30.2166 37.9985 29.5758C37.8968 27.9701 37.7935 26.3102 37.6331 24.6903C37.3311 21.6458 36.9549 18.0547 36.4589 14.5077C36.1737 12.6357 35.4259 10.8644 34.2833 9.35436C32.934 7.51067 31.0626 7.09706 29.0101 8.18942C28.395 8.50809 27.8529 8.95093 27.4178 9.48996C26.9828 10.0289 26.6643 10.6524 26.4825 11.3208C26.2478 12.1108 26.1001 12.9241 26.0419 13.7462C26.0057 14.3061 25.9679 14.8659 25.9283 15.4258C25.7784 17.6078 25.6231 19.8648 25.6262 22.0872C25.6333 26.6536 25.704 31.1201 25.779 35.8489C25.8068 37.6065 25.8338 39.3742 25.8597 41.1521L25.831 41.1267C25.635 40.9497 25.4658 40.7968 25.2804 40.6588C21.8666 38.1134 18.1887 37.1956 14.3494 37.9289C13.496 38.0669 12.6929 38.4233 12.0179 38.9633C11.3429 39.5034 10.8191 40.2089 10.4974 41.0114C10.1845 41.8654 10.0945 42.7853 10.236 43.6837C10.3774 44.5822 10.7455 45.4294 11.3056 46.1461C11.8482 46.8256 12.4597 47.447 13.13 48.001L13.4124 48.2519C15.8898 50.4115 17.9517 53.0059 19.4964 55.9069C21.6988 60.1189 24.1489 64.5427 26.9863 69.4283ZM28.8283 32.3477C28.8079 31.4863 28.767 30.6109 28.7267 29.7643C28.6589 28.2759 28.5859 26.7374 28.6232 25.2294C28.7202 21.2935 28.9494 17.2932 29.1711 13.4248L29.1809 13.2522C29.2521 12.0036 29.561 10.6729 31.2908 10.2348C32.4062 11.0665 33.0846 12.2799 33.3629 13.9418C33.8219 16.6758 34.1238 19.1491 34.2862 21.5023C34.5235 24.9303 34.7008 28.4207 34.8733 31.7958C34.9581 33.4557 35.0452 35.1156 35.1347 36.7752C35.1765 37.5319 35.3721 38.5578 36.5814 38.73C37.7603 38.8996 38.2115 37.9693 38.5444 37.2919C38.6946 36.9867 38.8387 36.6769 38.9851 36.3663C39.3841 35.4214 39.8811 34.5209 40.4681 33.6795C40.98 33.0038 41.6455 32.6763 42.2894 32.78C42.9502 32.8865 43.4913 33.4225 43.7737 34.2504C43.9946 35.0241 44.113 35.8232 44.1259 36.6277C44.1432 36.9044 44.1598 37.1807 44.1846 37.4536C44.1951 37.656 44.1876 37.8588 44.1618 38.0594C44.1039 38.388 44.1215 38.7253 44.2134 39.0457C44.3151 39.2986 44.4721 39.5258 44.6731 39.7098C44.8738 39.8943 45.1135 40.0313 45.3743 40.1109C45.6465 40.1164 45.9167 40.0628 46.1665 39.9543C46.4161 39.8462 46.6399 39.6851 46.8216 39.4824C47.0091 39.2308 47.125 38.9331 47.1573 38.6209C47.1861 38.4541 47.2284 38.2903 47.2837 38.1303C47.3817 37.8757 47.4773 37.6218 47.5732 37.3641C47.8828 36.4877 48.2408 35.6296 48.6456 34.7928C49.2274 33.6459 50.3655 33.7459 50.9917 33.9073C52.6161 34.3263 53.5904 35.2949 53.8878 36.786C54.0285 37.6099 54.1081 38.4432 54.1251 39.2789C54.1342 39.4756 54.1434 39.6722 54.1539 39.8682C54.2027 40.7772 54.4011 41.6498 55.5101 41.8773C56.619 42.1048 57.1151 41.244 57.4449 40.6748L57.63 40.3527C57.9559 39.7557 58.3193 39.1803 58.7183 38.6294C59.5401 37.5444 60.4732 37.0172 61.3486 37.1441C62.1686 37.2623 62.8618 37.9632 63.2998 39.1176C64.0065 40.8697 64.4259 42.7242 64.5416 44.6099C64.6987 48.9296 64.1594 53.4822 62.7931 59.371C62.1536 62.0669 60.997 64.613 59.3869 66.8677C57.5267 69.5094 54.7787 71.3587 50.9866 72.5194C44.3731 74.5443 38.1712 73.4347 32.0242 69.1308C31.3662 68.6938 30.7913 68.1426 30.3265 67.5036C29.2728 65.9865 28.3008 64.4141 27.4146 62.7931C26.1106 60.3762 24.8185 57.8228 23.5733 55.2039C21.3675 50.5631 18.6298 47.0201 15.2045 44.374C15.1649 44.3452 15.1275 44.3133 15.0925 44.2787C14.9806 44.16 14.8627 44.0434 14.7451 43.9268C14.0938 43.2826 13.4785 42.6723 13.7982 41.6552C14.147 40.5412 15.1519 40.3605 16.2128 40.3605C16.2589 40.3605 16.3048 40.3605 16.3509 40.3605C20.1111 40.4107 22.9012 41.8241 24.6425 44.5614C24.9432 45.1009 25.1641 45.6813 25.2982 46.2841C25.3443 46.4509 25.3901 46.6164 25.4383 46.7794C25.6597 47.5216 26.0255 48.2946 27.0619 48.402C27.9095 48.4892 28.6554 47.8467 28.9266 46.8032C29.0518 46.2828 29.1061 45.7474 29.0877 45.2124C29.0084 40.5473 28.9229 36.3382 28.8283 32.3477Z' fill='white'/%3E%3Cpath d='M41.5922 8.79426C42.2789 8.97309 42.9869 9.05636 43.6963 9.04174C46.377 9.00548 49.1022 8.94917 51.7375 8.89463C52.8278 8.87205 53.9185 8.85 55.0088 8.82851C55.2858 8.82308 55.5625 8.82406 55.9012 8.82577H56.1548C55.8496 9.22687 55.551 9.613 55.2621 9.989C54.4847 10.9997 53.751 11.9554 53.0495 12.9183C52.5495 13.6058 52.3434 14.2361 52.4539 14.741C52.4868 14.8927 52.5525 15.0355 52.6461 15.1594C52.7397 15.2832 52.8594 15.3853 52.9963 15.4584C53.2201 15.5925 53.4744 15.6663 53.7351 15.6723C54.4105 15.6723 54.8959 15.1017 55.276 14.6552C56.9651 12.6711 58.766 10.5342 60.4928 8.35183C61.1291 7.54796 61.3579 6.98311 61.2586 6.4634C61.1569 5.93584 60.7131 5.48019 59.7709 4.93467L58.8613 4.41018C56.9901 3.33139 55.0553 2.21596 53.1777 1.07816C52.0206 0.377034 51.1964 0.102077 50.6634 0.897116C50.163 1.64299 50.502 2.43159 51.6703 3.23917C52.5779 3.86603 53.4917 4.45053 54.5501 5.12759C54.9085 5.35678 55.2801 5.59476 55.669 5.84565H55.654C55.4421 5.86668 55.315 5.87959 55.1862 5.88532C54.0789 5.93414 52.9712 5.98218 51.8636 6.02944C49.3056 6.13895 46.6604 6.25249 44.0597 6.37998C43.2358 6.39816 42.4165 6.51196 41.6187 6.71899C41.3967 6.81926 41.2016 6.97076 41.0496 7.16117C40.8976 7.35157 40.7929 7.57534 40.7443 7.81409C40.6802 8.17041 41.2427 8.69932 41.5922 8.79426Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        animation: swing 2s ease infinite;
        transform-origin: center;
        z-index: 10;
    }

    @keyframes swing {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-10deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .timetable__inner::after {
        width: 383.998px;
        height: 399.334px;
        top: -207.008px;
        right: -50.003px;
    }

    .timetable__title {
        font-size: 50px;
        line-height: 50px;
    }

    .timetable__content {
        margin-top: 60px;
        overflow: auto;
    }

    .timetable__table {
        min-width: 850px;
    }

    .timetable__table-time,
    .timetable__table-name,
    .timetable__table-day {
        height: 60px;
        max-height: 60px;
    }

    .timetable__table-time,
    .timetable__table-name,
    .timetable__table-day {
        border-left: 1px solid #9C9C9C;
        font-size: 20px;
        line-height: normal;
        /* 110% */
    }

    .timetable__table-name {
        font-size: 21px;
        line-height: 21px;
    }

    .timetable__table-time,
    .timetable__table-block,
    .timetable__table-top {
        border-bottom: 1px solid #9C9C9C;
    }

    .timetable__table-start {
        max-width: 100%;
    }

    .timetable__table-block {
        height: 60px;
        max-height: 60px;
    }

    .timetable__table-info {
        gap: 0;
    }

    .timetable__table-info:not(:first-of-type) {
        border-left: 1px solid #9C9C9C;
    }

    .timetable__table-title {
        font-size: 12px;
        line-height: normal;
        /* 83.333% */
    }

    .timetable__table-descr {
        font-size: 10px;
        line-height: normal;
        /* 133.333% */
    }

    .timetable__table-indiv {
        font-size: 10px;
        line-height: normal;
    }
}

.prices,
.content-bg {
    background-color: #2D2D2D;
    background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/bg-3-4.png');
/*     background-repeat: no-repeat; */
    background-size: contain;
    background-position: center;
}

.specialize {
    padding: 15.625vw 0 5.208vw;
}

.specialize__inner {
    position: relative;
    z-index: 1;
}

.specialize__inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg-second.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25.677vw;
    height: 26.007vw;
    top: -5.865vw;
    left: 5.729vw;
    pointer-events: none;
}

.specialize__top {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.042vw;
}

.specialize__title {
    color: #FFF;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 6.25vw;
    /* 109.091% */
    text-transform: uppercase;
    transform: rotate(-5deg);
}

.specialize__descr {
    margin-top: auto;
    max-width: 36.458vw;
    color: #FFF;
    font-size: 1.667vw;
    font-weight: 500;
    line-height: 115%;
    /* 1.917vw */
    text-transform: uppercase;
}

.specialize__block {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 2.083vw;
    max-width: 62.76vw;
    margin-left: 2.604vw;
    margin-top: 5.208vw;
}

.specialize__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.521vw;
}

.specialize__item-image {
	position: relative;
    display: flex;
    align-items: center;
	width: 100%;
	width: 30.344vw;
	height: 20.344vw;
}

.specialize__item-image--wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

.specialize__item-image:before {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch-1.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -3vw;
    left: 5vw;
    width: 20vw;
    height: 7vw;
	z-index: 1;
}

.specialize__item-image:after {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/mask-paper-bg.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: 0.15vw;
	left: 0.5vw;
	width: 97%;
	height: 106%;
    z-index: -1;
}

.specialize__item-image img {
    width: 100%;
}

.specialize__item-descr {
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 3.125vw;
    /* 170% */
    text-transform: uppercase;
	margin-top: 1vw;
}

.specialize__item:nth-of-type(3) {
    margin-left: 13.021vw;
    margin-right: -13.021vw;
}

.specialize__item:nth-of-type(4) {
    margin-left: 13.021vw;
    margin-right: -13.021vw;
}

@media (max-width: 768px) {
    .specialize {
        padding: 100px 0 60px;
    }

    .specialize__top {
        gap: 40px;
        flex-direction: column;
    }

    .specialize__title {
        font-size: 40px;
        line-height: 40px;
        /* 109.091% */
    }

    .specialize__descr {
        max-width: 700px;
        font-size: 20px;
    }

    .specialize__block {
        grid-template-columns: 1fr;
        gap: 40px;
        max-width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .specialize__item {
        gap: 10px;
        margin: 0 !important;
    }

	.specialize__item-image {
		width: 300px;
		height: 242px;
    }
	.specialize__item-image:after {
		top: 22px;
		left: 0;
		width: 100%;
		height: 88%;
	}

	.specialize__item-image:before {
		top: 4px;
		left: 63px;
		width: 204px;
		height: 50px;
	}

	.specialize__item-descr {
        font-size: 26px;
        line-height: 38px;
    }
}


/* prices */
.prices {
    padding: 6.208vw 0 13vw;
}

.prices__inner {
    display: flex;
    flex-direction: column;
}

.prices__title {
    color: #FFF;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 6.729vw;
    /* 145.455% */
    text-transform: uppercase;
    transform: rotate(-5deg);
}

.prices__title span {
    display: inline-block;
}

.prices__title span:nth-of-type(2) {
    color: #F2F302;
    font-size: 6.25vw;
    line-height: 8.333vw;
}

.prices__result {
    position: relative;
    z-index: 1;
}

.prices__result::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg-second.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25.677vw;
    height: 26.007vw;
    top: -5.865vw;
    right: 15.729vw;
    pointer-events: none;
}

.prices__content {
    position: relative;
    margin-top: 10.208vw;
    min-height: 46.875vw;
}

.prices__image {
    display: flex;
    align-items: center;
	position: absolute;
	top: -3.646vw;
	left: -8.25vw;
	width: 46.333vw;
    height: 40vw;
}



.prices__image-wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-3.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-3.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

/* .prices__image .prices__image-wrapper {
	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-2.png');
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/service-about-mask-2.png');
} */


.prices__image img {
    width: 100%;
}

.prices__image::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/aboutserv/paper.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

	width: 59.279vw;
	height: 48.992vw;
	top: -2.594vw;
	left: -25.146vw;
    transform: rotate(-159.49deg);
}

.prices__result:nth-child(even) .prices__image::before{
	left: 11.854vw;
	transform: rotate(159deg) scale(-1, 1);
}

.prices__table {
    margin-top: 3.646vw;
    margin-left: auto;
    width: 100%;
    max-width: 44.271vw;
}

.prices__table-info {
    padding: 2.06vw 0;
    width: 100%;
    color: #F2F302;
    font-size: 3.125vw;
    font-weight: 600;
    line-height: 2.865vw;
    /* 78.571% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: start;
}

.prices__table-item {
    padding: 2.06vw 0;
    border-top: 0.052vw solid #9C9C9C;
    border-bottom: 0.052vw solid #9C9C9C;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.prices__table-price,
.prices__table-num {
    color: #fff;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 2.865vw;
    /* 110% */
    text-transform: uppercase;
}

.prices__table-num {
    min-width: 13.646vw;
}

.prices__table-span {
    display: inline-block;
    width: 2.396vw;
    height: 0.258vw;
    min-width: 2.396vw;
    background-color: #fff;
    margin: 0 2.083vw;
}

.prices__table-price {
    color: #F2F302;
}

.prices__table-descr {
    margin-left: 1.563vw;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    font-weight: 400;
    line-height: 1.25vw;
    /* 120% */
}

.prices__result[data-price-result="1"] .prices__title span:nth-of-type(2) {
    margin-left: 4.479vw;
}

.prices__result[data-price-result="2"] {
    margin-top: 10.417vw;
}

.prices__result[data-price-result="2"]::before {
    left: 1vw;
    right: initial;
}

.prices__result[data-price-result="2"] .prices__title {
    text-align: center;
}

.prices__result[data-price-result="2"] .prices__content,
.prices__result[data-price-result="4"] .prices__content {
    margin-top: 7.813vw;
}

.prices__result[data-price-result="2"] .prices__title span:nth-of-type(2) {
    margin-left: 5.521vw;
}

.prices__result[data-price-result="2"] .prices__image,
.prices__result[data-price-result="4"] .prices__image {
    left: initial;
    right: -6.25vw;
    max-width: 43.75vw;
}

.prices__result[data-price-result="2"] .prices__table,
.prices__result[data-price-result="4"] .prices__table {
    margin-left: 0;
}

.prices__result[data-price-result="3"] .prices__title span:nth-of-type(2) {
    margin-left: 4.479vw;
}

.prices__result[data-price-result="3"] .prices__content {
    margin-top: 6vw;
}

.prices__result[data-price-result="3"] .prices__image {
    max-width: 43.594vw;
    margin-top: 4.083vw;
}

.prices__result[data-price-result="3"] .prices__table {
    margin-top: -0.833vw;
}

.prices__result[data-price-result="3"]::before {
    right: 20.729vw;
}

.prices__result[data-price-result="4"] {
    margin-top: 10.417vw;
}

.prices__result[data-price-result="4"]::before {
    right: initial;
    left: -15.208vw;
}

.prices__result[data-price-result="4"] .prices__title span:nth-of-type(2) {
    margin-left: 5.521vw;
    font-size: 5.208vw;
}

.prices-service {
    padding: 11vw 0 5.208vw;
    position: relative;
    z-index: 20;
}

.prices-service .prices__result {
    margin: 0 !important;
}

.prices-service .prices__result:not(.active) {
    display: none;
}



.prices-service::before {
    content: '';
    position: absolute;
    top: calc(100% - 1vw);
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.prices__table-btn {
    margin: 5.208vw auto 0;
}

@media (max-width: 768px) {
    .prices {
        padding: 60px 0 100px;
    }

    .prices-service::before {
        top: calc(100% - 19.2px);
        height: 71.002px;
        width: 110%;
    }

    .prices__title {
        font-size: 40px;
        line-height: 40px;
    }

    .prices__title span:nth-of-type(2) {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #F2F302;
        font-size: 45px;
        line-height: 45px;
    }

    .prices__result::before {
        width: 362.998px;
        height: 379.334px;
        top: -180px;
        right: -200px;
    }

    .prices__content {
        padding-top: 300px;
        margin-top: 100px;
        min-height: auto;
    }

    .prices__image {
        top: -70.003px;
        left: -16px;
        width: 100%;
        height: 350px;
    }

	.prices__image::before {
		width: 125%;
		height: 111%;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 33%;
	}

	.prices__result:nth-child(even) .prices__image::before {
		top: -6%;
	}
	
    .prices__table {
        margin-top: 0;
        max-width: 100%;
    }

    .prices__table-info {
        padding: 20px 0;
        font-size: 30px;
        line-height: normal;
        /* 78.571% */
    }

    .prices__table-item {
        padding: 20px 0;
        border-top: 1px solid #9C9C9C;
        border-bottom: 1px solid #9C9C9C;
    }

    .prices__table-price,
    .prices__table-num {
        font-size: 16px;
        line-height: normal;
        /* 110% */
    }

    .prices__table-num {
        min-width: auto;
    }

    .prices__table-span {
        width: 10px;
        height: 2px;
        min-width: 10px;
        margin: 0 14px;
    }

    .prices__table-descr {
        margin-left: 20px;
        font-size: 12px;
        line-height: normal;
        /* 120% */
    }

    .prices__result[data-price-result="1"] .prices__title span:nth-of-type(2) {
        margin-left: 10px;
    }

    .prices__result[data-price-result="2"] {
        margin-top: 100px;
    }

    .prices__result[data-price-result="2"]::before {
        left: -150.8px;
        top: -120px;
        width: 280px;
    }

    .prices__result[data-price-result="2"] .prices__content,
    .prices__result[data-price-result="4"] .prices__content {
        margin-top: 100px;
    }

    .prices__result[data-price-result="2"] .prices__title span:nth-of-type(2) {
        margin-left: 30px;
    }

    .prices__result[data-price-result="2"] .prices__image,
    .prices__result[data-price-result="4"] .prices__image {
        right: -16px;
        max-width: 100%;
    }

    .prices__result[data-price-result="2"] .prices__table,
    .prices__result[data-price-result="4"] .prices__table {
        margin-left: 0;
    }

    .prices__result[data-price-result="3"] {
        margin-top: 100px;
    }

    .prices__result[data-price-result="3"] .prices__title span:nth-of-type(2) {
        margin-left: 20px;
    }

    .prices__result[data-price-result="3"] .prices__content {
        margin-top: 50px;
        padding-top: 400px;
    }

    .prices__result[data-price-result="3"] .prices__image {
        max-width: 837.005px;
        margin-top: 78.394px;
    }

    .prices__result[data-price-result="3"] .prices__table {
        margin-top: -15.994px;
    }

    .prices__result[data-price-result="3"]::before {
        right: -133.003px;
        top: -90px;
    }

    .prices__result[data-price-result="4"] {
        margin-top: 100px;
    }

    .prices__result[data-price-result="4"]::before {
        left: -291.994px;
    }

    .prices__result[data-price-result="4"] .prices__title span:nth-of-type(2) {
        margin-left: 20px;
        font-size: 30px;
    }

    .prices__result[data-price-result="4"] .prices__content {
        padding-top: 300px;
    }

    .prices-service {
        padding: 60px 0;
    }

    .prices__table-btn {
        margin: 40px auto 0;
    }
}



/* youget */
.youget {
    position: relative;
    z-index: 1;
    background-color: #2D2D2D;
    background-image: url('./img/bg/bg-4.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.25vw 0 12vw;
    background-position: center;
}

.youget .howit__line {
    transform: rotate(-4.13deg);
}

.youget .howit__line-second {
    transform: rotate(0.517deg);
    top: -0.979vw;
}

.youget::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: -9.4vw;
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%) scaleY(-1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.youget::after {
    content: '';
    position: absolute;
    position: absolute;
    top: calc(100% - 1vw);
    height: 9.948vw;
    width: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/bottom-icon.svg');
}

.youget__inner {
    position: relative;
    z-index: 1;
}

.youget__inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg-third.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.761vw;
    height: 26.735vw;
    transform: rotate(10.983deg);
    flex-shrink: 0;
    top: -5.208vw;
    left: -18.229vw;
    pointer-events: none;
}

.youget__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.521vw;
    width: 100%;
}

.youget__info {
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
    text-align: right;
    max-width: 22.396vw;
}

.youget__name {
    color: #FFF;
    text-align: right;
    font-size: 1.667vw;
    font-weight: 600;
    line-height: 115%;
    /* 1.917vw */
    text-transform: uppercase;
}

.youget__title {
    color: #FFF;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 5.729vw;
    /* 106.667% */
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    transform: rotate(-5deg);
}

.youget__title span:last-of-type {
    color: #F2F302;
    margin-left: 8.854vw;
}

.youget__slider {
    width: 100%;
    margin-top: 5.208vw;
    margin-left: 2.604vw;
}

/* .youget__slide-image {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 26.51vw;
} */
.youget__slide-image {
	position: relative;
    display: flex;
    align-items: center;
	width: 100%;
	width: 30.344vw;
	height: 20.344vw;
	z-index: 1;
}

.youget__slide-image--wrapper {
	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-banner-mask.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-composite: source-in;
	mask-composite: intersect;

	width: 100%;
	height: 100%;
}

.youget__slide-image:before {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/catch-1.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -3vw;
    left: 5vw;
    width: 20vw;
    height: 7vw;
	z-index: 1;
}

.youget__slide-image:after {
	content: "";
	background-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/mask-paper-bg.png');
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: 0.15vw;
	left: 0.5vw;
	width: 97%;
	height: 106%;
    z-index: -1;
}

.youget__slide-image img {
    width: 100%;
}

/* .youget__slide-image::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/header/bg.png');
    top: -0.521vw;
    left: -0.521vw;
    right: -0.521vw;
    bottom: -0.521vw;
}

.youget__slide-image::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/header/lenta.png');
    width: 17.448vw;
    height: 6.094vw;
    top: -2.029vw;
    left: 53%;
    transform: translateX(-50%);
    z-index: 1;
} */

.youget__slide {
    position: relative;
    max-width: 30vw;
    width: 100%;
}

.youget__slide:nth-of-type(odd) {
    margin-top: 8.854vw;
}

.youget__slide-num {
    position: absolute;
    top: -3.385vw;
    left: -5.729vw;
    color: #FFF;
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 23;
    min-width: 6.563vw;
}

.youget__slide-title {
    margin-top: 2.604vw;
    color: #FFF;
    font-size: 2.604vw;
    font-weight: 600;
    line-height: 3.125vw;
    /* 120% */
    text-transform: uppercase;
}

.youget__nav {
    margin-top: 0.521vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.083vw;
}

.youget__prev svg,
.youget__next svg {
    height: auto;
    width: 2.083vw;
}

.youget__count {
    color: #FFF;
    font-size: 5vw;
    font-weight: 600;
    line-height: 4.583vw;
    /* 91.667% */
    text-transform: uppercase;
    display: flex;
    align-items: end;
    gap: 0.521vw;
    max-width: max-content;
    width: 100%;
}

.youget__count span {
    color: rgba(255, 255, 255, 0.56);
    font-size: 2.5vw;
    line-height: 2.5vw;
}

@media (max-width: 768px) {
    .youget {
        padding: 40px 0 60px;
    }

    .youget .howit__line {
        top: -40px;
    }

    .youget .howit__line-second {
        top: -18.797px;
    }

    .youget::before {
        top: -140.48px;
        height: 191.002px;
    }

    .youget::after {
        top: calc(100% - 19.2px);
        height: 71.002px;
    }

    .youget__inner::before {
        width: 571.411px;
        height: 353.312px;
        top: -99.994px;
        left: -349.997px;
    }

    .youget__top {
        gap: 40px;
        flex-direction: column;
    }

    .youget__info {
        gap: 20px;
        max-width: 430.003px;
    }

    .youget__name {
        font-size: 20px;
        line-height: 115%;
        /* 36.806px */
    }

    .youget__title {
        font-size: 40px;
        line-height: normal;
    }

    .youget__title span:last-of-type {
        margin-left: 20px;
    }

    .youget__slider {
        margin-top: 60px;
        margin-left: 30px;
    }
	
	.youget__slide-image {
		width: 300px;
		height: 242px;
	}
	.youget__slide-image:after {
		top: 22px;
		left: 0;
		width: 100%;
		height: 88%;
	}

	.youget__slide-image:before {
		top: 4px;
		left: 63px;
		width: 204px;
		height: 50px;
	}

/*     .youget__slide-image {
        max-width: 85%;
    }

    .youget__slide-image::before {
        top: -10.003px;
        left: -10.003px;
        right: -10.003px;
        bottom: -10.003px;
    }

    .youget__slide-image::after {
        width: 305.002px;
        height: 87.005px;
        top: -40.957px;
    }
 */
    .youget__slide {
        max-width: 100%;
    }

    .youget__slide:nth-of-type(odd) {
        margin-top: 0;
    }

    .youget__slide-num {
        top: -50px;
        left: -30px;
        font-size: 40px;
        min-width: 126.01px;
    }

    .youget__slide-title {
        margin-top: 20px;
        font-size: 24px;
        line-height: normal;
    }

    .youget__nav {
        margin-top: 40px;
        gap: 20px;
    }

    .youget__prev svg,
    .youget__next svg {
        width: 20px;
    }

    .youget__count {
        font-size: 40px;
        line-height: 40px;
        gap: 10px;
    }

    .youget__count span {
        font-size: 24px;
        line-height: 24px;
    }
}



/* scheduleinfo */
.scheduleinfo {
    padding: 20vw 0 20vw;
    position: relative;
    z-index: 1;
}

.scheduleinfo::after {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28.519vw;
    height: 20.537vw;
    transform: rotate(42.079deg);
    top: 2.083vw;
    right: -6.25vw;
    pointer-events: none;
}

.scheduleinfo__inner {
    display: flex;
    align-items: center;
    gap: 1.042vw;
    justify-content: space-between;
}

.scheduleinfo__bg {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.scheduleinfo__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.scheduleinfo__block {
    position: relative;
    z-index: 5;
}

.scheduleinfo__title {
    color: #000;
    font-size: 4.743vw;
    font-weight: 600;
    line-height: 4.743vw;
    /* 100% */
    text-transform: uppercase;
    font-style: italic;
}

.scheduleinfo__title span {
    color: transparent;
    -webkit-text-stroke-width: 0.108vw;
    -webkit-text-stroke-color: #000;
}

.scheduleinfo__paper {
    width: 30.026vw;
    height: 45.257vw;
    transform: rotate(81.402deg);
    position: absolute;
    z-index: -1;
    top: -16.979vw;
    left: 3.229vw;
    filter: drop-shadow(0 25.873px 20.699px rgba(128, 128, 128, 0.25));
}

.scheduleinfo__paper img {
    width: 100%;
}

.scheduleinfo__icon {
    display: flex;
    align-items: center;
    width: 33.987vw;
    height: 9.536vw;
    transform: rotate(6.139deg);
}

.scheduleinfo__icon img {
    width: 100%;
}

.scheduleinfo__when {
    color: #000;
    font-size: 2.449vw;
    font-weight: 600;
    line-height: 2.587vw;
    /* 94.118% */
    text-transform: uppercase;
    padding: 0;
    position: relative;
    z-index: 1;
}

.scheduleinfo__when::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 120%;
    height: 7.854vw;
    background-image: url('./img/btn-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.scheduleinfo__about {
    margin-top: 4.167vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521vw;
}

.scheduleinfo__about-descr {
    color: #000;
    font-size: 1.078vw;
    font-weight: 500;
    line-height: 1.078vw;
    /* 100% */
    text-transform: uppercase;
    font-style: italic;
}

.scheduleinfo__about-line {
    display: inline-block;
    width: 0.2vw;
    height: 0.862vw;
    min-width: 0.2vw;
    background-color: #000;
}

.scheduleinfo__buttons {
    margin-top: 1.927vw;
    display: flex;
    align-items: center;
    gap: 4.521vw;
}

.scheduleinfo_btn {
    padding: 0;
    font-size: 1.25vw;
    height: 4.583vw;
    font-style: italic;
    font-weight: 500;
    position: relative;
    z-index: 1;
    background-image: none;
}

.scheduleinfo_btn:first-of-type::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 103%;
    height: 88%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('./img/btn.svg');
}

.scheduleinfo_btn:last-of-type::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 151%;
    height: 121%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('./img/btn-bg-2.svg');
}

@media (max-width: 768px) {
    .scheduleinfo {
        padding: 100px 0;
        position: relative;
        z-index: 1;
    }

    .scheduleinfo__inner {
        gap: 80px;
        flex-direction: column;
        align-items: start;
    }

    .scheduleinfo__title {
        font-size: 40px;
        line-height: normal
            /* 100% */
    }

    .scheduleinfo__title span {
        -webkit-text-stroke-width: 1px;
    }

    .scheduleinfo__paper {
        width: 266.499px;
        height: 798.934px;
        top: -295.997px;
        left: -168.003px;
    }

    .scheduleinfo__icon {
        width: 272.55px;
        height: 83.091px;
    }

    .scheduleinfo__when {
        font-size: 30px;
        line-height: normal;
        /* 94.118% */
    }

    .scheduleinfo__when::before {
        width: 500%;
        height: 100%;
    }

    .scheduleinfo__about {
        margin-top: 50px;
        gap: 20px;
        flex-direction: column;
        align-items: start;
    }

    .scheduleinfo__about-descr {
        font-size: 20.698px;
        line-height: 20.698px;
        /* 100% */
    }

    .scheduleinfo__about-line {
        display: none;
    }

    .scheduleinfo__buttons {
        margin-top: 40px;
        flex-direction: column;
        gap: 20px;
    }

    .scheduleinfo_btn {
        font-size: 16px;
        height: 60px;
    }

    .scheduleinfo_btn:first-of-type::before {
        width: 103%;
        height: 88%;
    }

    .scheduleinfo_btn:last-of-type::before {
        width: 111%;
        height: 121%;
    }
}

/* lineBlock */
.lineBlock {
    margin: -2.74vw -1vw -2.4vw;
    position: relative;
    z-index: 60;
    transform: rotate(-1.592deg);
    filter: drop-shadow(0 15px 15px rgba(27, 27, 27, 0.15));
}

.lineBlock__line-inner {
    color: #fff;
}

.lineBlock__line-first {
    transform: rotate(2.158deg);
    background: #2F2F2F;
}

.lineBlock__line-second {
    position: absolute;
    transform: rotate(-1.592deg);
    background: #F2F302;
    top: -0.942vw;
}

.lineBlock__line-black span:not(.line-text) {
    color: #191919;
}

@media (max-width: 768px) {
    .lineBlock {
        margin: -17.608px -19.2px -33.08px;
    }
}


/*  */






.treners {
    padding: 7vw 0 10vw;
    background-image: url('./img/site-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.treners::after {
    content: '';
    position: absolute;
    z-index: 0;
    background-image: url('./img/texture-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 49.519vw;
    height: 50.537vw;
    transform: rotate(42.079deg);
    top: -4.792vw;
    right: -27.552vw;
    pointer-events: none;
}

.treners .howit__line {
    transform: rotate(-1.514deg);
    top: -11.417vw;
}

.treners__title {
    font-size: 4.743vw;
    font-weight: 900;
    line-height: 5.208vw;
    /* 109.8% */
    display: flex;
    flex-direction: column;
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #191919;
    text-transform: uppercase;
    transform: rotate(-5deg);
}

.treners__title span {
    font-weight: 500;
    color: transparent;
}

.treners__descr {
    margin-left: auto;
    font-family: 'Inter', sans-serif;
    font-size: 1.042vw;
    font-weight: 300;
    line-height: normal;
    width: 100%;
    max-width: 29.167vw;
    margin-top: 2.604vw;
}

.treners__slider {
    margin-top: 6.25vw;
}

.treners__slide {
    width: 100%;
    position: relative;
    max-width: 57.813vw;
    display: flex;
    align-items: start;
    gap: 1.042vw;
    justify-content: space-between;
}

.treners__slide-num {
    -webkit-text-stroke-width: 0.104vw;
    -webkit-text-stroke-color: #000;
    font-size: 10.417vw;
    font-style: normal;
    font-weight: 600;
    line-height: 10.417vw;
}

.treners__slide-title {
    font-size: 3.333vw;
    font-weight: 600;
    line-height: 115%;
    /* 3.833vw */
    text-transform: uppercase;
}

.treners__slide-descr {
    margin-top: 2.083vw;
    font-family: 'Inter', sans-serif;
    font-size: 0.938vw;
    font-weight: 400;
    line-height: 115%;
    /* 1.078vw */
}

.treners__slide-image {
    display: flex;
    align-items: center;
	width: 100%;
	max-width: 23.958vw;
	height: 30vw;
    position: relative;
}

.treners__slide-image--wrapper {
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	pointer-events: all;

	background-size: cover;
	background-position: center;

	-webkit-mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-mask-1.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url('https://unitedboxingacademy.com.ua/wp-content/uploads/2025/12/trainer-mask-1.png');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.treners__slide-image::after,
.treners__slide-image::before {
    content: '';
    position: absolute;
    background-image: url('./img/header/lenta.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7.298vw;
    height: 2.549vw;
    transform: rotate(48.599deg);
}

.treners__slide-image::before {
    top: -0.729vw;
    right: -3.021vw;
}

.treners__slide-image::after {
    bottom: -0.729vw;
    left: -3.021vw;
}

.treners__slide-image img {
    width: 100%;
}

.treners__slide-content {
    width: 100%;
    max-width: 16.927vw;
}

.treners__slide-link {
    margin-top: 1.042vw;
    gap: 1.042vw;
    font-size: 1.354vw;
    font-weight: 500;
    line-height: 1.458vw;
    /* 107.692% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    max-width: max-content;
    transition: all .1s ease;
}

.treners__slide-link svg {
    height: auto;
    width: 2.396vw;
}

.treners__slide-link svg path {
    transition: all .1s ease;
}

.treners__slide-link:hover {
    color: #F2F302;
}

.treners__slide-link:hover svg path {
    fill: #F2F302;
}

.treners__bottom {
    margin-top: 5.208vw;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6.771vw;
}

.treners__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.083vw;
    position: relative;
    z-index: 1;
	min-width: 15vw;
}

.treners__next svg,
.treners__prev svg {
    height: auto;
    width: 2.083vw;
}

.treners__count {
    color: #FFF;
    font-size: 5vw;
    font-weight: 600;
    line-height: 4.583vw;
    /* 91.667% */
    text-transform: uppercase;
    display: flex;
    align-items: end;
    gap: 0.521vw;
    max-width: max-content;
    width: 100%;
}

.treners__count span {
    color: rgba(255, 255, 255, 0.56);
    font-size: 2.5vw;
    line-height: 2.5vw;
}

.treners__our {
    font-family: "Black Ops One", sans-serif;
    font-size: 7.552vw;
    font-weight: 400;
    line-height: 97%;
    /* 7.326vw */
}

.treners__nav::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('./img/nav-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 148%;
    height: 126%;
}

.treners__inner {
    position: relative;
    z-index: 10;
}

.treners::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 41.116vw;
    height: 28.175vw;
    bottom: 4.167vw;
    left: -11.458vw;
    background-image: url('./img/contacts-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 768px) {
    .treners {
        padding: 60px 0;
    }

    .treners::before {
        width: 569.427px;
        height: 540.96px;
        bottom: -139.994px;
        left: -139.994px;
    }

    .treners::after {
        width: 610.765px;
        height: 670.31px;
        top: -102.006px;
        right: -448.998px;
    }

    .treners .howit__line {
        top: -90.206px;
    }

    .treners__title {
        font-size: 40px;
        line-height: 40px;
        -webkit-text-stroke-width: 1px;
    }

    .treners__descr {
        font-size: 16px;
        max-width: 100%;
        margin-top: 40px;
    }

    .treners__slider {
        margin-top: 40px;
        max-width: 320px;
    }

    .treners__slide {
        max-width: 100%;
        gap: 40px;
        flex-direction: column;
    }

    .treners__slide-num {
        -webkit-text-stroke-width: 1px;
        font-size: 60px;
        line-height: 60px;
        margin-bottom: -20px;
    }

    .treners__slide-title {
        font-size: 46px;
        line-height: 115%;
        /* 73.594px */
    }

    .treners__slide-descr {
        margin-top: 30px;
        font-size: 16px;
        line-height: 115%;
        /* 20.698px */
    }

    .treners__slide-image {
        max-width: 100%;
		height: 95vw;
		transition: filter 0.2s ease;
    }
	.treners__slide-image:not(:hover) {
		filter: grayscale(100%);
	}
    .treners__slide-image::after,
    .treners__slide-image::before {
        width: 140.122px;
        height: 48.941px;
    }

    .treners__slide-image::before {
        top: -13.997px;
        right: -58.003px;
    }

    .treners__slide-image::after {
        bottom: -13.997px;
        left: -58.003px;
    }

    .treners__slide-content {
        max-width: 324.998px;
    }

    .treners__slide-link {
        margin-top: 20.006px;
        gap: 20.006px;
        font-size: 18px;
        line-height: normal;
    }

    .treners__slide-link svg {
        width: 20px;
    }

    .treners__bottom {
        margin-top: 40px;
        gap: 40px;
        flex-direction: column;
    }

    .treners__nav {
        gap: 20px;
		min-width: 30vw;
    }

    .treners__next svg,
    .treners__prev svg {
        width: 20px;
    }

    .treners__count {
        font-size: 40px;
        line-height: 40px;
        gap: 10px;
    }

    .treners__count span {
        font-size: 24px;
        line-height: 24px;
    }

    .treners__our {
        font-size: 45px;
        line-height: 97%;
        /* 140.659px */
    }

    .treners__nav::before {
        width: 158%;
        height: 146%;
    }
}





.recruitment {
    padding: 0.521vw 0 9.896vw;
    margin-top: 7.813vw;
}

.recruitment__blockSlider {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.recruitment__slider {
    overflow: hidden;
}

.recruitment__slide {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 46.823vw;
}

.recruitment__slide img {
    width: 100%;
}

.recruitment__slider-prev,
.recruitment__slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.recruitment__slider-prev {
    left: 5.208vw;
}

.recruitment__slider-next {
    right: 5.208vw;
}

.recruitment__slider-pagination.swiper-pagination-horizontal {
    position: absolute;
    display: flex;
    z-index: 10;
    bottom: 7.813vw;
    left: 50%;
    transform: translateX(-50%);
}

.recruitment__slider-pagination.swiper-pagination-horizontal>.swiper-pagination-bullet {
    border: none;
}

.recruitment__blockSlider+.container {
    margin-top: 2.604vw;
}

.recruitment__inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.recruitment__title {
    color: #fff;
    text-align: center;
    font-size: 4.167vw;
    font-weight: 500;
    line-height: 3.125vw;
    /* 75% */
    text-transform: uppercase;
}

.recruitment__block {
    display: flex;
    align-items: start;
    gap: 5.208vw;
    margin-top: 2.604vw;
    max-width: 46.51vw;
}

.recruitment__descr {
    position: relative;
    display: flex;
    align-items: start;
    gap: 1.823vw;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 1.771vw;
    font-weight: 300;
    line-height: 2.604vw;
    /* 147.059% */
}

.recruitment__descr::before {
    content: '';
    background-image: url('./img/check.svg');
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.823vw;
    height: 2.24vw;
    min-width: 1.823vw;
    margin-top: 0.26vw;
}

.recruitment__name {
    color: #FFF;
    text-align: center;
    font-size: 1.667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 3.125vw;
    /* 187.5% */
    text-transform: uppercase;
    margin-top: 1.042vw;
}

.recruitment__btn {
    margin-top: 2.083vw;
    width: 33vw;
}

.recruitment__bg {
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.recruitment__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.recruitment-service {
    position: relative;
    z-index: 1;
    padding-bottom: 7.208vw;
    margin-top: 0;
}

.recruitment-service+.lineBlock {
    margin: -4.74vw -1vw 4.3vw;
}

.recruitment__blockSlider {
    margin-top: -8.208vw;
}

.recruitment__select {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 2.083vw;
}

.recruitment-service .recruitment__title {
    color: #303030;
    font-size: 5.729vw;
    font-weight: 600;
    line-height: 8.333vw;
    /* 145.455% */
}

.recruitment-service .recruitment__name {
    margin-top: 0.521vw;
    color: #2F2F2F;
    text-align: center;
    font-size: 1.667vw;
    font-weight: 500;
    line-height: 1.875vw;
    /* 112.5% */
    text-transform: uppercase;
}

.recruitment__end {
    display: flex;
    margin-top: 4.167vw;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.recruitment__end .trainer-prev,
.recruitment__end .trainer-next {
    background-color: transparent;
    gap: 2.604vw;
}

.recruitment__end .trainer-next {
    flex-direction: row-reverse;
}

.recruitment__end .trainer-prev-icon svg path {
    fill: #F2F302 !important;
}

.recruitment__end .trainer-prev-content {
    display: flex;
    position: initial;
    background: transparent;
    padding: 0;
    transform: none;
    height: max-content;
    width: auto;
    min-height: auto;
}

.recruitment__end .trainer-next .trainer-prev-content {
    padding: 0;
}

.recruitment__end .trainer-prev-descr,
.recruitment__end .trainer-prev-title {
    color: #fff;
}

.recruitment__end .trainer-next:hover .trainer-prev-title,
.recruitment__end .trainer-next:hover .trainer-prev-descr,
.recruitment__end .trainer-prev:hover .trainer-prev-title,
.recruitment__end .trainer-prev:hover .trainer-prev-descr {
    color: #F2F302;
}

.recruitment-bg {
    position: relative;
    z-index: 10;
    margin-top: 5.208vw;
}

.recruitment-bg::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: url('./img/recruitment-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -15.625vw;
    left: 0;
    right: 0;
    bottom: 0;
}

.recruitment-bg .recruitment__title,
.recruitment-bg .recruitment__descr {
    color: #000;
}

.recruitment-bg .recruitment__descr {
    font-weight: 600;
}

.recruitment-bg .recruitment__descr::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='42' viewBox='0 0 35 42' fill='none'%3E%3Cpath d='M11.1187 15.2564C11.4002 15.4524 11.3817 15.8971 11.2636 16.2889C11.2278 16.4122 10.8688 16.5182 10.8292 16.611C10.7509 16.7891 10.9669 16.8254 10.8649 17.0165C10.8296 17.0807 10.2718 17.274 10.2471 17.336C10.1177 17.679 10.3508 17.8276 10.348 18.1183C10.3268 19.5346 10.6926 20.7895 11.046 22.0897C11.1632 22.5188 10.9291 23.2356 11.3439 23.5323C11.3927 23.5667 11.8372 23.3028 11.8796 23.2923C12.5303 23.1342 11.5803 23.5642 11.5044 23.7191C11.2058 24.3323 11.3749 24.7601 11.7347 25.0169C11.889 25.1253 12.7178 24.4997 12.2871 24.9164C12.2582 24.9448 11.7536 25.1625 11.7233 25.2303C11.6558 25.3841 11.8341 25.5121 11.834 25.6045C11.8309 25.7833 11.8479 25.8036 11.9117 25.9367C11.9943 26.1204 11.8672 26.4603 12.0795 26.593C12.1262 26.6204 12.5919 26.3007 12.7108 26.32C12.8297 26.3395 12.8794 26.532 12.7938 26.6519C12.7086 26.7728 12.3071 26.9583 12.2237 27.0168C11.5189 27.5089 12.6667 27.1439 12.7059 27.1546C13.3942 27.3764 13.0219 28.0968 13.2653 28.5287C13.4509 28.8549 13.8387 29.0892 13.9908 29.4163C14.1641 29.7965 14.08 30.258 14.3354 30.5873C14.3613 30.6217 14.9043 30.2426 14.9369 30.2834C15.2854 30.7209 15.4967 31.2078 15.4048 31.8918C15.3941 31.959 14.8699 32.2156 14.831 32.303C14.5997 32.8292 13.98 33.9521 16.1141 32.5907C16.1307 32.7412 16.1509 32.8889 15.9723 33.068C15.9083 33.1186 15.8282 33.1789 15.7331 33.2592C15.4824 33.4732 15.0865 33.9667 15.2494 33.7514C15.2781 33.6977 15.6413 33.2792 15.6387 33.2165C15.6423 32.9508 14.9487 32.7593 14.2145 32.6618C14.0779 32.6334 13.9778 32.1493 13.9103 32.0753C13.6173 31.7815 13.3847 32.0102 13.3576 32.2811C13.3334 32.5474 13.4617 32.8541 13.4683 32.9024C13.5148 33.2757 13.6124 33.3385 13.6249 33.3481C13.647 33.3517 13.6243 33.2843 13.6676 33.2322C13.6867 33.21 13.1103 32.8754 13.1053 32.846C13.0871 32.6987 13.2451 32.5232 13.6155 32.4211C13.7005 32.3968 14.195 32.6794 14.2625 32.6785C14.5569 32.6646 13.5898 32.2022 13.8475 32.1873C13.9011 32.182 14.3431 32.3833 14.3941 32.3996C15.1968 32.6497 14.128 32.1302 14.1104 32.1038C13.8754 31.7305 15.0861 32.0294 15.0185 31.7049C15.0088 31.6667 14.4069 31.5246 14.4144 31.4311C14.4525 30.8294 14.8126 30.2716 15.4676 29.8241C15.569 29.7529 15.9885 29.9575 16.0446 29.9687C16.9228 30.1383 15.8046 29.7235 15.771 29.6805C15.5351 29.3512 16.5614 29.4093 15.2523 28.8384C16.0304 27.967 15.5676 26.7042 17.0946 26.0321C17.1127 26.0232 17.6676 26.2146 17.7011 26.1961C18.1108 25.9759 17.2193 25.7754 16.2154 25.2431C15.9635 25.1085 17.3005 25.3375 17.3991 25.3522C17.7627 25.4062 18.5814 25.7129 18.654 25.7161C19.2261 25.7352 16.4582 24.9189 16.517 24.7232C16.5235 24.7185 17.0235 24.8994 17.079 24.8986C17.253 24.8965 17.0666 24.7845 17.2566 24.7886C17.696 24.7992 19.0476 25.174 18.3214 24.7611C18.227 24.7078 16.6533 24.256 16.7817 24.1041C16.834 24.0441 16.9043 23.7277 17.0331 23.6733C17.1616 23.6189 17.6452 23.8385 17.6689 23.8392C18.4071 23.8206 18.6544 23.9963 19.6739 24.1992C20.6891 24.403 18.3444 23.6794 18.0992 23.5478C17.8547 23.4162 18.4569 23.426 18.6603 23.4479C18.8639 23.4695 19.1656 23.625 19.2851 23.6242C20.0669 23.6161 18.1637 23.136 17.8208 22.9326C17.0102 22.4479 18.7858 22.8768 19.0123 22.7656C19.0737 22.7349 18.6687 22.6385 18.6462 22.5844C18.5631 22.3708 19.134 22.4575 18.709 22.0973C18.6394 22.0394 17.6638 21.5173 18.4552 21.6895C18.5691 21.7149 18.9816 21.9076 19.1023 21.8726C19.2833 21.8199 19.4456 21.665 19.3453 21.5005C19.2711 21.3784 18.5356 21.2122 18.7925 21.1881C18.907 21.178 19.2839 21.4175 19.4646 21.3867C19.6447 21.3567 19.7102 21.1321 19.7296 21.0414C19.748 20.952 19.2023 20.7912 19.1694 20.7706C18.9818 20.6494 18.793 20.3839 18.7996 20.3695C19.0351 19.5963 20.196 19.3258 20.2657 18.4956C20.2723 18.4304 19.7225 18.1928 19.718 18.18C19.5948 17.8739 20.9277 18.7546 21.462 18.8811C20.9981 18.6452 20.7757 18.5165 20.6697 18.4306C20.6743 18.4132 20.7094 18.3705 20.7159 18.3536C20.5871 18.2259 20.6535 18.1971 20.6349 18.0887C20.6183 17.9967 20.2083 17.7649 20.1718 17.733C19.6353 17.2527 20.438 17.7099 20.6044 17.8002C21.2164 18.1324 20.5759 17.6169 20.9853 17.8384C21.392 18.0578 21.9014 18.5224 21.9678 18.4077C21.6277 18.1353 20.631 17.5846 20.5337 17.3995C20.1618 16.7055 21.2972 16.6063 21.5407 16.4054C21.787 16.2006 21.7734 16.0755 22.0011 16.0151C22.4116 15.9073 21.6448 15.5413 21.4321 15.1632C21.2194 14.7849 22.8986 16.0012 23.2868 16.221C23.6747 16.4411 23.3084 16.1642 23.5323 16.2688C23.7562 16.3733 23.9679 16.6027 24.09 16.5838C24.2124 16.5645 23.6719 15.944 23.2974 15.666C22.5046 15.0761 21.5819 14.5961 22.0047 14.6134C22.0296 14.6146 22.4637 14.9461 22.5362 14.9355C23.0984 14.8403 23.3277 14.5337 23.8489 14.4089C23.9208 14.3929 24.405 14.76 24.4527 14.7543C24.9499 14.6972 24.0292 14.2404 23.1658 13.4845C24.4168 14.3313 25.2456 14.7505 25.3853 14.5483C25.469 14.4281 24.8993 14.0948 24.5574 13.7662C24.4543 13.6673 24.891 13.8246 24.6391 13.6426C23.8157 13.0478 22.8074 12.5184 23.3186 12.5564C23.3426 12.5588 23.7927 12.8853 23.8413 12.8714C24.1585 12.7819 23.278 12.19 23.3073 11.9029C23.3272 11.6825 24.0729 11.711 24.2833 11.5726C25.7208 12.4761 25.5065 12.0852 24.5614 11.3882C24.6829 11.2836 24.7126 11.1102 24.9261 11.0727C24.9992 11.0595 25.4 11.3459 25.4485 11.3685C26.2074 11.7255 25.2741 11.0692 25.2534 11.0177C25.0721 10.485 25.9554 10.6958 25.4132 9.96473C25.3935 9.93867 24.3964 9.30853 25.1782 9.68039C25.2319 9.70627 25.6329 10.0796 25.75 9.96695C25.8654 9.85733 26.5672 9.91927 26.2104 9.45252C26.124 9.34099 25.3751 8.72864 26.072 9.02117C26.1666 9.06103 26.4484 9.24879 26.6205 9.3277C27.1697 9.5781 26.1663 8.93358 27.0755 9.38648C27.9841 9.8402 28.7216 10.0849 28.2374 9.53236C28.2236 9.51576 27.4389 8.98694 27.4873 8.93475C27.5646 8.85285 27.816 8.81482 27.871 8.70957C27.8969 8.6593 27.3734 8.39196 27.3691 8.37807C27.2753 7.89049 27.8628 7.92291 28.2633 7.68658C28.339 7.64168 27.75 7.06312 28.3713 7.2524C29.0498 7.46231 31.4623 9.04434 31.0499 8.38638C30.8879 8.11794 27.8117 6.13737 29.5844 6.85181C29.4292 6.17917 30.5067 6.2443 30.1762 5.46945C30.1616 5.43508 29.3095 4.87019 29.3493 4.82825C29.4091 4.76849 29.8454 4.96561 29.9007 4.93176C30.1434 4.79508 29.8976 4.40207 30.0682 4.23151C30.1314 4.16749 30.5431 4.44034 30.6202 4.36113C30.697 4.28167 30.1656 3.90375 30.5108 3.93301C30.7723 3.95826 31.9705 4.53663 32.1733 4.4969C31.0483 3.82875 31.119 3.76102 30.9123 3.43394C30.8719 3.37116 30.4632 3.16711 30.424 3.12519C30.2554 2.94992 30.6115 3.09055 30.4259 2.9043C30.3815 2.85926 30.0008 2.6253 29.9432 2.57498C29.8119 2.46127 29.7795 2.40215 29.8059 2.3789L29.7715 2.43738C29.8361 2.38107 30.3915 2.58073 30.5159 2.62262C31.1526 2.84172 30.6636 2.52263 30.9337 2.57053C31.2052 2.61533 31.4369 2.8795 31.6244 2.86252C32.0139 2.82395 32.0697 2.5485 32.1809 2.3749C32.2229 2.30423 31.666 2.08341 31.6597 2.06704C31.6055 1.83986 32.2445 1.9886 31.2463 1.33697C34.0019 2.70112 31.0346 1.10011 31.7017 1.17135C31.7556 1.1775 33.0236 1.88663 33.1754 2.05065C33.3274 2.21387 32.8807 2.08199 33.127 2.32503C33.1831 2.38485 34.3265 3.13357 34.3936 3.18331C34.9084 3.58906 32.9709 2.61037 32.861 2.56314C31.6766 2.05214 32.9066 2.86984 32.9783 2.95313C33.302 3.34324 32.9466 3.37176 33.1533 3.69354C33.2858 3.90326 34.5379 4.57767 34.4468 4.6563C34.3351 4.75253 34.0163 4.69813 33.7295 4.64497C33.7107 4.66571 33.6783 4.74562 33.6586 4.76548C33.2051 4.60514 32.8194 4.49742 33.6692 5.18717C33.9562 5.4225 35.3211 6.16734 34.1723 5.7095C34.1004 5.67967 33.0591 5.24536 33.6273 5.67539C33.699 5.72959 34.091 5.95653 34.1167 5.988C34.2807 6.19591 33.9371 6.06948 34.0338 6.24799C34.1292 6.42888 34.2909 6.66511 34.0952 6.69828C33.977 6.72 33.1973 6.38383 32.9996 6.31338C32.4324 6.10663 33.223 6.69078 32.5666 6.38697C31.9052 6.08476 31.0105 5.43249 30.5202 5.34798C31.5406 5.93438 32.584 6.54319 33.6083 7.13619C33.3886 7.43935 32.875 7.57351 32.7331 7.92765C32.7165 7.97207 33.2899 8.2437 33.2863 8.2996C33.2658 8.53837 32.7855 8.46995 32.8287 8.75568C32.866 8.97504 33.3545 9.46928 33.4079 9.71457C32.1884 9.13354 32.4491 9.59597 32.2452 9.70204C32.1747 9.73864 31.866 9.55408 31.7405 9.53647C31.2742 9.475 32.3452 10.0005 32.4818 10.1381C33.0618 10.7303 30.728 9.38528 30.659 9.63468C30.6549 9.64699 31.8096 10.5161 31.8747 10.5818C32.303 11.0035 31.4312 10.35 31.2948 10.3727C31.0459 10.4133 30.6935 10.3358 30.9561 10.7177C31.0331 10.8321 31.7367 11.4001 31.0857 11.1405C31.0005 11.1064 30.5967 10.8571 30.5669 10.8527C30.0626 10.7943 31.3403 11.5631 31.7113 11.9269C32.0839 12.2877 31.1063 11.9165 30.8325 11.796C30.1239 11.4853 30.5899 11.5629 30.5279 11.5198C29.7909 11.006 29.855 11.1992 29.7371 11.2484C28.4761 10.5081 28.4775 10.6761 29.6198 11.3026C29.7447 11.3707 29.6693 11.2316 29.7371 11.2484C30.9204 12.0644 30.9941 12.2984 29.7583 11.7513C29.1787 11.4957 28.5919 11.0505 28.6936 11.4C28.7388 11.5588 29.6222 12.0436 29.8046 12.272C30.2243 12.7876 29.2685 12.5511 29.2722 12.828C29.2746 12.927 29.7868 13.1459 29.8045 13.2237C29.8525 13.4313 29.4295 13.3299 29.528 13.5737C29.5375 13.5961 30.0467 13.8695 30.0274 13.9148C29.893 14.2602 29.41 14.3377 29.2016 14.652C29.1026 14.8019 29.1928 15.2568 29.0394 15.3803C28.7753 15.5982 27.8452 15.4988 27.8698 15.8395C27.8816 16.0637 28.3895 16.3403 28.6784 16.6185C29.2375 17.159 27.9425 16.6501 27.746 16.5648C27.7396 16.5618 27.709 16.3576 27.4149 16.2676C26.8693 15.9751 27.7448 16.5619 27.746 16.5648C27.6187 16.5106 27.3391 16.7035 27.3974 16.8165C27.4296 16.8779 27.8996 17.1578 27.9076 17.1843C28.0882 17.8074 27.9765 18.2351 27.5277 18.4555C27.5144 18.4557 27.0083 18.1122 26.9834 18.1168C26.6222 18.1729 27.1615 18.7148 27.4194 19.1315C27.6751 19.551 27.4658 19.5984 26.5223 19.1224C26.5486 19.3228 26.039 19.2521 25.7334 19.2036C25.4276 19.1554 26.4108 19.8265 26.4242 19.8489C26.8615 20.5521 26.182 20.3435 25.8905 20.589C25.7525 20.7012 25.7082 21.0776 25.7113 21.3061C25.7154 21.4732 25.4766 21.4172 25.4948 21.5748L25.7591 21.1345C25.7638 21.1444 25.7704 21.1557 25.7795 21.1684C25.7949 21.1902 26.2692 21.4271 26.2855 21.4398C26.8032 21.8178 25.676 21.1777 25.461 21.0895C24.6781 20.7714 24.2503 20.6228 24.5369 20.9361C24.6012 21.0106 26.2356 21.9154 26.3123 22.0083C26.4061 22.1334 25.8134 21.8225 25.9259 21.9641C25.935 21.976 26.3095 22.1489 26.2725 22.1854C26.1046 22.3601 25.7802 22.5026 25.7167 22.7634C25.7067 22.7981 26.3285 23.0067 26.3245 23.0601C26.3067 23.3058 26.1868 23.5431 25.8134 23.6633C25.7197 23.6918 25.3048 23.494 25.173 23.458C24.3738 23.2438 25.4516 23.7761 25.4668 23.8008C25.8467 24.4289 24.7069 24.4079 25.0358 25.0432C25.0554 25.0795 26.2066 25.679 25.1339 25.4209C25.0626 25.4033 23.9649 25.14 24.6701 25.4579C24.7143 25.4776 25.2824 25.6038 25.1952 25.6803C25.108 25.7574 25.4264 26.0292 24.7778 25.968C24.5737 25.9482 23.4717 25.71 24.284 26.1079C24.3405 26.1362 26.2087 26.9374 24.8552 26.59C24.6325 26.5327 23.2266 26.0801 23.9013 26.46C24.0323 26.533 24.3634 26.5775 24.5359 26.7158C24.802 26.9277 24.3753 26.9691 24.9595 27.3083C25.063 27.3682 25.9888 27.7685 25.2344 27.6343C25.1163 27.6133 24.6525 27.4438 24.5856 27.4742C24.2654 27.6178 24.5106 27.9473 24.1158 28.077C23.9768 28.1235 23.2255 27.854 22.9956 27.8775C22.7658 27.9008 22.5177 28.0146 22.8402 28.208C23.163 28.4012 24.4097 28.6649 24.4676 28.8274C24.7196 29.5302 23.8316 29.9096 23.5477 30.4812C23.5056 30.5655 23.9632 30.6215 23.9323 30.7552C23.819 31.2554 23.9634 32.2451 22.8972 32.409C22.0468 32.5304 21.6274 31.9064 21.242 32.079C21.0582 32.1609 22.4189 32.7524 22.4513 32.803C22.7942 33.2746 22.1035 33.2772 22.1901 33.6421C22.2081 33.7174 22.7948 33.8525 22.8036 33.915C22.838 34.1327 22.5205 34.2283 22.5013 34.4235C22.4933 34.5132 22.928 34.6558 22.8667 34.7199C22.7249 34.8747 22.484 34.9676 22.0167 34.9858C21.9742 34.9872 21.4874 34.671 21.4145 34.7989C21.2941 35.0153 20.8017 35.1032 21.0819 35.5508C21.1668 35.6834 22.1185 36.1166 21.3787 35.9998C21.2235 35.9761 20.1096 35.398 20.9954 36.0615C21.1551 36.1483 22.2572 37.2245 21.3098 36.9932C21.0606 36.9333 20.0948 36.5612 20.1649 36.7633C20.1772 36.7934 20.7045 37.0025 20.6908 37.136C20.6356 37.594 20.306 38.0107 20.0202 38.6339C19.9242 38.8231 20.5767 38.9515 20.402 39.238C19.9646 39.9439 18.6147 41.2162 16.22 41.5909C15.3601 41.6884 15.8699 41.1001 15.7929 41.063C14.7998 40.3701 14.313 41.4493 13.926 41.4841C11.7869 41.5925 11.0225 40.3542 10.2018 39.8926C9.99367 39.7682 9.76992 40.2954 9.70129 40.3017C8.99278 40.3161 9.9314 39.8326 9.78488 39.5511C9.66397 39.3035 9.53814 39.0827 9.40877 38.8805C9.22213 38.5475 9.0132 38.3343 8.83847 38.1822C8.74034 38.0953 8.31835 38.5923 8.23441 38.5071C7.75692 38.0439 7.52775 37.5815 7.56691 36.9962C7.57493 36.8845 8.01764 36.6683 8.10188 36.5926C8.69818 36.0741 7.70517 36.4992 7.59639 36.517C7.10263 36.6031 7.43344 36.3155 7.28228 36.2246C6.52881 35.7708 6.30866 34.8304 6.11834 34.1431C5.86758 33.2482 5.94047 32.4238 5.43092 31.748C5.39891 31.7044 4.85435 32.0652 4.81934 32.0314C4.39466 31.5837 4.34047 30.949 3.89368 30.5117C3.85818 30.4756 3.34692 30.8283 3.27155 30.7798C3.11309 30.6823 3.04656 30.4858 3.14407 30.249C3.19064 30.134 3.7086 29.9806 3.74601 29.8702C3.83476 29.6135 3.7817 29.4187 3.60547 29.2959C3.52928 29.2443 3.02747 29.6462 2.97186 29.556C2.58263 28.949 2.15971 28.3677 2.55878 27.3503C2.5862 27.2804 3.70989 26.6602 3.44315 26.6783C3.12214 26.8324 2.74892 27.0223 2.40805 27.1914C1.75191 26.3514 1.68879 25.2242 1.29304 24.2454C1.27628 24.2043 0.697354 24.5686 0.661698 24.4903C0.452888 24.0337 0.0714515 23.6696 0.466179 22.9182C0.504469 22.8439 1.59978 22.3638 1.37198 22.3028C1.33072 22.2925 1.09077 22.1539 0.830679 22.2096C0.79178 22.2187 0.302355 22.4901 0.256901 22.4304C0.00200795 22.0797 -0.0672861 21.6183 0.0667193 21.0791C0.0898119 20.9927 0.663185 20.8196 0.684488 20.7563C0.83495 20.317 0.264209 20.137 0.62944 19.6158C0.874774 19.2632 1.85455 18.9422 2.74205 18.4437C2.86724 18.3734 2.83682 18.2417 3.37784 18.0102C4.73804 17.4279 6.25725 16.862 7.70411 16.2341C8.01565 16.0988 7.61803 16.0946 8.4118 15.8661C8.46495 15.851 8.7598 15.8506 9.02753 15.769C9.2126 15.7126 9.75147 15.4502 9.99382 15.3909C10.2358 15.3315 9.78993 15.5652 10.0823 15.5134C10.378 15.46 10.9934 15.1677 11.1187 15.2564ZM24.3718 18.979C23.8315 18.7592 25.5644 19.9342 25.2177 19.5511C25.1989 19.5312 24.3985 18.9895 24.3718 18.979ZM31.5031 6.79093C30.6256 6.46605 31.7524 7.23125 32.4266 7.4885C33.0999 7.74561 31.7692 6.88927 31.5031 6.79093ZM31.6869 5.10349C30.9691 4.8919 33.5345 6.38656 33.1037 5.93083C33.0794 5.90496 31.7285 5.11588 31.6869 5.10349ZM3.21605 18.8237C3.2409 18.8111 3.22851 18.7134 3.20233 18.7223C2.5709 18.9369 2.59692 19.134 3.21605 18.8237ZM31.841 3.38405C31.4615 3.24218 31.7865 3.61165 32.2582 3.79086C32.6399 3.93157 32.316 3.55607 31.841 3.38405ZM19.9809 23.0917C19.9508 23.0833 19.9027 23.137 20.0701 23.1926C20.6092 23.3715 20.487 23.2335 19.9809 23.0917ZM33.0485 1.1075C32.7638 1.3436 30.5256 0.308147 31.0088 0.0517105C31.0946 0.0089957 31.5782 0.616425 31.821 0.645001C32.2566 0.707873 31.0324 -0.235099 31.8292 0.0558987C31.9715 0.114135 33.0671 1.09979 33.051 1.10991C33.0502 1.1091 33.0493 1.1083 33.0485 1.1075ZM22.2413 17.6413C22.217 17.6279 22.1437 17.6906 22.1653 17.7077C22.6905 18.1182 22.8388 17.9916 22.2413 17.6413ZM17.5723 26.4338C17.5143 26.422 17.3997 26.6138 17.4499 26.6359C18.4598 27.053 18.694 26.6678 17.5723 26.4338ZM24.3236 11.5935C23.8088 11.1555 23.8042 11.014 24.5604 11.3882C24.4687 11.4512 24.4109 11.5314 24.3236 11.5935Z' fill='%239C9C9C'/%3E%3C/svg%3E");
}

@media (max-width: 768px) {
    .recruitment-bg {
        margin-top: 100px;
    }

    .recruitment-bg::before {
        top: -100px;
    }

    .recruitment-service+.lineBlock {
        margin: -27.608px -19.2px 36.92px;
    }

    .recruitment {
        padding: 0 0 40px;
        margin-top: 50px;
    }

    .recruitment__slide {
        height: 400px;
    }

    .recruitment__slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .recruitment__slider-prev {
        left: 20px;
    }

    .recruitment__slider-next {
        right: 20px;
    }

    .recruitment__slider-pagination.swiper-pagination-horizontal {
        bottom: 60px;
    }

    .recruitment__blockSlider+.container {
        margin-top: 0px;
    }

    .recruitment__title {
        font-size: 34px;
        line-height: 40px;
        /* 75% */
    }

    .recruitment__block {
        margin-top: 20px;
        max-width: 100%;
    }

    .recruitment__descr {
        gap: 20px;
        font-size: 20px;
        line-height: normal;
        /* 147.059% */
    }

    .recruitment__descr::before {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-top: 0;
    }

    .recruitment__name {
        font-size: 20px;
        line-height: normal;
        /* 187.5% */
        margin-top: 20px;
    }

    .recruitment__btn {
        margin-top: 40px;
        max-width: 100%;
    }

    .recruitment-service {
        padding-bottom: 40px;
    }

    .recruitment__blockSlider {
        margin: 0;
        transform: translateY(-50px) !important;
    }

    .recruitment__select {
        margin-top: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .recruitment-service .recruitment__title {
        font-size: 34px;
        line-height: normal;
        /* 145.455% */
    }

    .recruitment-service .recruitment__name {
        margin-top: 10px;
        font-size: 24px;
        line-height: normal;
        /* 112.5% */
    }

    .recruitment__end {
        flex-direction: column;
        margin-top: 60px;
        gap: 40px;
    }

    .recruitment__end .trainer-prev,
    .recruitment__end .trainer-next {
        gap: 35px;
    }
}

@media (max-width: 460px) {
    .recruitment__select-btn {
        font-size: 10px;
    }
}

@media (max-width: 379px) {
    .recruitment__blockSlider {
        overflow: visible;
    }

    .recruitment__slide {
        height: 250px;
    }

    .recruitment__slider-pagination.swiper-pagination-horizontal {
        bottom: -30px;
    }

    .recruitment__block {
        flex-direction: column;
    }

    .recruitment__select {
        gap: 0;
    }

    .recruitment-service .recruitment__name {
        font-size: 18px;
    }
}


.kontact {
    background-color: #2D2D2D;
    background-image: url('./img/bg/bg-4.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 10vw;
}

.kontact__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.083vw;
}

.kontact__content {
    width: 100%;
    max-width: 51.563vw;
}

.kontact__tel {
    color: #FFF;
    font-size: 5.729vw;
    font-weight: 400;
    line-height: 115%;
    /* 6.589vw */
    text-transform: uppercase;
    max-width: max-content;
    transition: all .1s ease;
}

.kontact__tel:hover {
    color: #F2F302;
}

.kontact__info {
    margin-top: 2.188vw;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1.042vw;
    max-width: 44.896vw;
    width: 100%;
}

.kontact__info-email,
.kontact__info-name {
    color: #9C9C9C;
    font-size: 1.979vw;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    /* 2.276vw */
    text-transform: uppercase;
}

.kontact__info-link {
    margin-top: 0.677vw;
    max-width: max-content;
    color: #F2F302;
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: 1.563vw;
    /* 125% */
}

.kontact__info-link:hover {
    text-decoration: underline;
}

.kontact__socials {
    margin-left: auto;
    display: flex;
    align-items: center;
    margin-top: -1.042vw;
    margin-right: -6.406vw;
}

.kontact__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kontact__socials a svg {
    height: auto;
    width: 3.646vw;
    transition: all .1s ease;
}

.kontact__socials a:hover svg path[fill] {
    fill: #fff;
}

.kontact__socials a:hover svg path[stroke] {
    stroke: #fff;
}

.kontact__info-map {
    display: flex;
    flex-direction: column;
}

.kontact__box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    max-width: 49.479vw;
    width: 100%;
    margin-top: 3.906vw;
}

.kontact__block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.083vw 3.854vw;
    width: 100%;
    max-width: 26.042vw;
}

.kontact__link {
    display: flex;
    align-items: center;
    max-width: max-content;
    color: #F2F302;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 115%;
    /* 2.875vw */
    text-transform: uppercase;
    transition: all .1s ease;
}

.kontact__link:hover {
    color: #fff;
}

.kontact__time {
    width: 100%;
    max-width: 18.594vw;
    margin-top: 0.417vw;
}

.kontact__time-title {
    color: #9C9C9C;
    font-size: 1.979vw;
    font-weight: 400;
    line-height: 115%;
    /* 2.276vw */
    text-transform: uppercase;
}

.kontact__time-descr {
    color: #FFF;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 115%;
    /* 2.875vw */
    text-transform: uppercase;
    margin-top: 2.24vw;
}

.kontact__form-title {
    color: #FFF;
    font-size: 3.125vw;
    font-weight: 600;
    line-height: 115%;
    /* 3.594vw */
    text-transform: uppercase;
    text-align: center;
}

.kontact__form-block {
    margin-top: 2.083vw;
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
}

.kontact__form-btn {
    margin: 1.563vw auto 0;
    background-image: url('./img/btn.svg');
}

.kontact__map-content {
    display: flex;
    align-items: center;
    width: 100%;
}

.kontact__map-content iframe {
    height: 45.677vw;
    width: 100%;
}

.kontact__map {
    margin-top: 8.333vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #F2F302;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 115%;
    /* 2.875vw */
    text-transform: uppercase;
    gap: 2.083vw;
}

.kontact__map::after {
    content: '';
    display: inline-block;
    width: 3.315vw;
    height: 1.785vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='35' viewBox='0 0 64 35' fill='none'%3E%3Cpath d='M44.2885 0.502004L31.6092 19.9107L19.5416 0.22142L0.013501 6.56783e-06L0.000392052 1.15618L22.8567 34.5283L40.1964 34.7249L63.6352 1.87768L63.6483 0.721508L44.2885 0.502004Z' fill='%23F2F302'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kontact__inner {
    padding-bottom: 3.906vw;
}

@media (max-width: 768px) {
    .kontact {
        padding-top: 100px;
    }

    .kontact__top {
        gap: 60px;
        flex-direction: column;
    }

    .kontact__content {
        max-width: 100%;
    }

    .kontact__tel {
        font-size: 40px;
        line-height: 115%;
        /* 126.5px */
    }

    .kontact__info {
        margin-top: 40px;
        gap: 30px;
        flex-direction: column;
        max-width: 862px;
    }

    .kontact__info-email,
    .kontact__info-name {
        font-size: 18px;
        line-height: 115%;
        /* 43.7px */
    }

    .kontact__info-link {
        margin-top: 10px;
        font-size: 18px;
        line-height: 30px;
    }

    .kontact__info-map {
        width: 100%;
    }

    .kontact__socials {
        margin: 20px auto 0;
        gap: 20px;
    }

    .kontact__socials a svg {
        width: 50px;
    }

    .kontact__box {
        max-width: 100%;
        margin-top: 40px;
        flex-direction: column;
    }

    .kontact__block {
        gap: 20px;
        max-width: 100%;
    }

    .kontact__link {
        font-size: 32px;
        line-height: 115%;
        /* 55.2px */
    }

    .kontact__time {
        max-width: 357px;
        margin-top: 60px;
    }

    .kontact__time-title {
        font-size: 28px;
        line-height: 115%;
        /* 43.7px */
    }

    .kontact__time-descr {
        font-size: 38px;
        line-height: 115%;
        /* 55.2px */
        margin-top: 20px;
    }

    .kontact__form-title {
        font-size: 50px;
        line-height: 115%;
        /* 69px */
    }

    .kontact__form-block {
        margin-top: 40px;
        gap: 15px;
    }

    .kontact__form-btn {
        margin: 30px auto 0;
        font-size: 16px;
    }

    .kontact__map-content iframe {
        height: 600px;
    }

    .kontact__map {
        margin-top: 90px;
        font-size: 28px;
        line-height: 115%;
        gap: 30px;
    }

    .kontact__map::after {
        width: 43.639px;
        height: 20.267px;
    }

    .kontact__inner {
        padding-bottom: 50px;
    }
}



/*  */
button.reviews__slider-prev.swiper-button-disabled,
button.reviews__slider-next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}