/* Start:/local/components/donsport/cookie_notice/templates/.default/style.css?17525882151513*/
/* Базовые стили для контейнера */
.cookie-notice {
    display: none;
}
.cookie-notice.is-visible {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.cookie-notice__content {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.cookie-notice__text {
    flex: 1;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}
.cookie-notice__text span {
    display: inline;
    font-weight: normal;
}
.cookie-notice__button-wrap {
    display: flex;
    justify-content: flex-end;
}
.cookie-notice__button {
    background-color: #e12c2c;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
}
.cookie-notice__button:hover {
    background-color: #c51f1f;
}
.cookie-notice__link {
    color: #e12c2c;
    text-decoration: underline;
}
.cookie-notice__link:hover {
    text-decoration: none;
}
@media (max-width: 768px) {
    .cookie-notice__content {
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-notice__button-wrap {
        width: 100%;
        justify-content: center;
    }
    .cookie-notice__button {
        width: 100%;
    }
} 
/* End */


/* Start:/local/templates/donsport/styles.css?17763367274650*/
.blog-detail__contents{
    padding:24px 32px;
    margin-bottom: 50px;
    background-color: #F1F2F4;
    border-radius: 12px;
}

.blog-detail__contents ol{
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.blog-detail__contents li{
    list-style: decimal;
    color: var(--dark-blue);
}

.blog-detail__contents a{
    color: var(--dark-blue);
}

.blog-detail__contents a::after{
    content: '';
    position: relative;
    display: inline-block;
    width: 6px;
    height: 12px;
    top: 2px;
    left: 15px;
    mask: url('/assets/svg/next.svg');
    mask-size: 100%;
    mask-repeat: no-repeat;
    background: #929AAA;
}

@media (max-width: 768px){
    .blog-detail__contents{
        padding: 16px;
    }
}

.blog-detail__t-contents{
    position: relative;
    margin-bottom: 18px;
    font-weight: 600;
    cursor:pointer;
}

.blog-detail__t-contents.closed{
    margin-bottom: 0;
}

.blog-detail__t-contents.closed::after{
    transform: rotate(180deg);
}

.blog-detail__contents-wrapper{
    height: initial;
    overflow: hidden;
    transition: height 0.3s ease;
}

.blog-detail__contents-wrapper.hidden{
    height: 0;
}

.blog-detail__t-contents::after{
    content:'';
    position: absolute;
    display: block;
    width: 6px;
    height: 12px;
    right: 0;
    bottom: 3px;
    mask: url('/assets/svg/next.svg');
    mask-size: 100%;
    mask-repeat: no-repeat;
    background: var(--dark-blue);
    transform: rotateZ(270deg);
    transition: transform 0.3s ease;
}

.simple-quote,
.complex-quote{
    position: relative;
    display: flex;
    padding:24px;
    gap: 52px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 600;
    background-color: #F1F2F4;
    border-radius: 12px;
}

@media (max-width: 767px)  {
    .simple-quote,
    .complex-quote {
        font-size: 14px;
        line-height: 20px;
        gap: 40px;
    }
}

.simple-quote::before,
.complex-quote::before{
    content: '';
    display: block;
    min-width: 49px;
    height: 43px;
    background-image: url('/assets/svg/quotes.svg');
    background-size: cover;
}

.complex-qoute--filled{
    position: relative;
    padding-bottom: 100px;
}

.complex-qoute__author-info{
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: flex;
    align-items: end;
    gap: 40px;
}

@media (max-width: 768px){
    .complex-qoute__author-info{
        gap: 29px;
    }
}

.complex-qoute__author{
    height: 60px;
    width: 60px;
    border-radius: 6px;
    overflow: hidden;
}

.blog-detail-article .complex-qoute__author img{
    border-radius: 0;
}

.complex-qoute__name{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--dark-blue);
}

.red-quote{
    position: relative;
    display: flex;
    padding:24px 24px 24px 48px;
    background-color: #F1F2F4;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
}

.red-quote::before{
    content: '';
    position: absolute;
    width: 5px;
    border-radius: 5px;
    background-color: #E82525;
    top: 24px;
    left: 24px;
    display: block;
    bottom: 24px;
}

ul.blog-detail__unordered-list li{
    padding-left: 36px;
}

ul.blog-detail__unordered-list li::before{
    content: '';
    /*top: 4px;*/
    height: 20px;
    width: 20px;
    background-image: url('/assets/svg/mark.svg');
    background-position: center;
    background-color: initial;
    background-repeat: no-repeat;

    position: absolute;
    left: 0;
}

ol.blog-detail__ordered-list{
    counter-reset: item -1;
    list-style: none;
    margin-bottom: 20px;
}

ol.blog-detail__ordered-list,
ol.blog-detail__ordered-list li{
    counter-increment: item;
    position: relative;
}

ol.blog-detail__ordered-list li{
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 19px;
}

ol.blog-detail__ordered-list li::before {
    font-family: 'Bebas Neue Cyrillic';
    content: counter(item);
    font-size: 40px;
    line-height: 90%;
    color: var(--dark-blue);
}

/*img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 16px;
}*/

.blog-detail__image-with-desc figcaption {
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    color: #929AAA;
}

ul.blog-detail__unordered-list{
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-bottom: 20px;
}

ul.blog-detail__unordered-list,
ol.blog-detail__ordered-list{
    padding-left: 0;
}

ul.blog-detail__unordered-list li {
    position: relative;
    padding-left: 36px;
    list-style: none;
}


/* End */


/* Start:/assets/css/style.css?177485767771878*/
@import '/assets/css/../fonts/bebas/stylesheet.css';
@import '/assets/css/../fonts/monrope/stylesheet.css';
@import '/assets/css/../fonts/inter/stylesheet.css';
@import '/assets/css/../libs/splide/splide.min.css';

@font-face {
	font-family: 'Bebas Neue Cyrillic';
	src: url('/assets/css/../fonts/bebas/BebasNeueCyrillic.woff2') format('woff2'),
		url('/assets/css/../fonts/bebas/BebasNeueCyrillic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-ExtraLightItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-BlackItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Thin.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-MediumItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-SemiBold.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-ExtraBoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Italic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-BoldItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-LightItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Light.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Black.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Bold.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-ExtraLight.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-ThinItalic.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Medium.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/assets/css/../fonts/inter/Inter-Regular.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter V';
	src: url('/assets/css/../fonts/inter/InterV.woff2') format('woff2'),
		url('/assets/css/../fonts/inter/InterV.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-Bold.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-Medium.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-ExtraLight.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-ExtraBold.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-Regular.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-SemiBold.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('/assets/css/../fonts/monrope/Manrope-Light.woff2') format('woff2'),
		url('/assets/css/../fonts/monrope/Manrope-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}


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

body {
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: var(--white);
}

p {
	color: var(--dark-blue);
}

h1,
h2,
h3,
h4,
h5,
h6,
.header-submenu ul li a,
h1 span,
.h1 span {
	font-family: 'Bebas Neue Cyrillic', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: -0.02em;
}

*:not(h1, h2, h3, h4, h5, h6) {
	font-family: 'Manrope', sans-serif;
}

.love-card__title,
.app-card-title,
.news-title,
.feedback-top p {
	font-family: 'Inter', sans-serif;
}

:root {
	--white: #ffffff;
	--grey: #F1F2F4;
	--dark-blue: #383838;
	--beige: #E1DAD7;
	--border: 1px solid rgba(255, 255, 255, 0.4);
	--card-bg: #F1F2F4;
	--red: #E82525;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
	-webkit-text-fill-color: var(--dark-blue) !important;
}

button {
	cursor: pointer;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.btn-primary {
	background: var(--red);
	color: var(--white);
	border-radius: 6px;
	height: 62px;
	cursor: pointer;
	border: none;
	font-weight: 700;
	line-height: 21.86px;
}

.hover-effect {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: background-color 0.3s ease;
}

.hover-effect::after {
	content: attr(data-hover-text);
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dark-blue);
	transition: top 0.3s ease;
	z-index: 1;
	color: var(--white);
}

.hover-effect_black::after {
	background: var(--red);
}



a.navigate-btn {
	background: var(--card-bg);
	font-weight: 700;
	color: var(--dark-blue);
	align-self: center;
	width: 174px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

input::placeholder {
	color: #ABB2C3;
	font-family: 'Manrope', sans-serif;
}

textarea::placeholder {
	color: #ABB2C3;
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
}

textarea {
	border: none;
	outline: none;
	padding: 16px 24px;
	height: 250px;
	font-size: 18px;
	border-radius: 6px;
	resize: none;
}

.error {
	border: 1.5px solid var(--red);
}

li {
	list-style: none;
}

input {
	border: none;
	outline: none;
	padding-left: 25px;
	height: 80px;
	font-size: 18px;
	border-radius: 6px;
}

.header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-col1 {
	background: var(--white);
	padding: 16px;
	display: flex;
	width: max-content;
	border-radius: 8px;
	height: max-content;
	z-index: 10;
}

.header-menu {
	display: flex;
	gap: 4px;
}

.header-menu-link {
	padding: 13.5px 16px;
}

.header-menu-item {
	text-transform: uppercase;
}

header.header {
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 30px 0;
	transition: transform 0.3s ease-in-out;
	width: 100%;
}

.burger {
	display: flex;
}

.header-col3 {
	display: flex;
	align-items: center;
	background: var(--white);
	gap: 8px;
	border-radius: 6px;
	padding: 8px;
	font-size: 16px;
	font-weight: 700;
}

@media (max-width: 576px) {

	.header-col3__phone {
		position: absolute;
		right: 255px;
		height: 49px;
		width: 49px;
		padding: 0px;
	}

	.header-col3 .phone {
		display: block;
		padding: 0px;
		height: 100%;
		width: 100%;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='%23383838' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.61 14.99 15.86 14.89 16.12 14.89C16.22 14.89 16.33 14.9 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3Z' fill='%23000000'/%3E%3C/svg%3E");
		background-position: center;
		background-color: #ffffff;
		font-size: 0px;
	}

	.header-col3 .buy-card__btn {
		width: 110px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.header-col3 .back-call {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media (max-width: 545px) {
	.header-col3 .buy-card__btn {
		width: 94px;
	}

	.header-col3__phone {
		right: 237px;
	}

}

@media (max-width: 521px) {

	.header-col3 {
		gap: 5px;
	}

	.header-col3 .buy-card__btn {
		width: 88px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.header-col3 .back-call {
		padding-left: 2px;
		padding-right: 2px;
	}

	.header-col3__phone {
		right: 213px;
	}
}

@media (max-width: 500px) {
	.header-col3__phone {
		right: 55px;
	}
}

.phone {
	background: var(--card-bg);
	border-radius: 6px;
	padding: 14px 16px;
}

.back-call {
	background: var(--card-bg);
	padding: 14px 26px;
	border-radius: 6px;
	border: none;
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-blue);
}

.burger-menu {
	display: flex;
	width: 49px;
	height: 49px;
	justify-content: center;
	align-items: center;
}


.header.hidden {
	transform: translateY(-100%);
}

.header-col2 {
	background-color: transparent;
	color: var(--default-text-color);
	transition: background-color 0.3s ease, color 0.3s ease;
	height: 66px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 0 8px;
}

.header-col3 {
	position: relative;
}

.header-submenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 928px;
	background: var(--white);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	gap: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, height 0.5s ease;
	z-index: 10;
	height: 0;
	overflow: hidden;
}

.header-submenu.active {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.header-submenu ul li a {
	font-size: 48px !important;
	line-height: 43.2px !important;
}

.header-col3.blurred .phone,
.header-col3.blurred .back-call,
.header-col3.blurred .buy-card__btn,
.header-col3.blurred .burger-menu,
.header-col3.blurred .other-element {
	opacity: 0;
	transition: opacity 0.5s ease;
}

.header-submenu-col {
	flex: 1;
}

.header-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease 0.3s;
	z-index: 5;
	backdrop-filter: blur(16.5px);
}

.header-overlay.active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header-submenu-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header-submenu-col ul li {
	margin-bottom: 16px;
}

.header-submenu-col ul li a {
	text-decoration: none;
	color: var(--default-text-color);
	font-size: 16px;
}

.header-submenu-close {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	background: var(--card-bg);
	height: 65px;
	width: 65px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.scrolled .header-col2 {
	background-color: var(--white);
}

.scrolled .header-col2 a {
	color: var(--dark-blue);
}

.buy-card__btn {
	padding: 14px 26px;
	border-radius: 6px;
	border: none;
	font-weight: 700;
	color: var(--white);
	background: var(--red);
	font-size: 16px;
}

.video-container {
	width: 100%;
	height: 100dvh;
	display: flex;
	position: relative;
	overflow: hidden;
	align-items: flex-end;
}

.video-container video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.content-overlay {
	z-index: 1;
	text-align: center;
	margin: 0 auto 40px;
}

.container {
	width: calc(100vw - 64px);
	margin: 0 auto;
}

.page-title__box {
	display: flex;
	gap: 8px;
}

.page-title {
	font-size: 135px;
	line-height: 117px;
	color: var(--white);
}

.page-title__count {
	color: var(--dark-blue);
	font-size: 56px;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
}

.page-title_small {
	max-width: 768px;
	text-align: left;
}

.main-page-text {
	color: var(--white);
	align-self: flex-end;
	text-align: right;
	max-width: 355px;
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
}

.text-wrapper {
	display: flex;
	justify-content: space-between;
}

.buy-card {
	padding: 30px 0;
}

.buy-card .container_relative {
	background: url('/assets/css/../img/bar.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 916px;
}

.buy-card.buy-card--contacts .container_relative {
    height: 1200px;
}

.container_relative {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.buy-card-window {
	background-color: var(--card-bg);
	width: 668px;
	padding: 40px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-image: url('/assets/css/../img/card-line.png');
	background-repeat: no-repeat;
	background-position: center;
}


.buy-card-heading h4 {
	color: var(--dark-blue);
	font-size: 100px;
	line-height: 90px;
	margin-bottom: 4px;
}

.buy-card-heading p {
	font-size: 18px;
	max-width: 338px;
}

.buy-card--contacts .buy-card-heading p{
	max-width: initial;
}

.heading_left {
	max-width: 451px;
}

.buy-card--contacts .heading_left{
	max-width: initial;
}

.buy-card-heading {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}


.form-politic {
	color: #AAB2C2;
	max-width: 372px;
	font-weight: 600;
}

.close-card {
	width: 65px;
	height: 65px;
	border-radius: 8px;
	padding: 8px;
	background: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -12px;
	right: -12px;
	cursor: pointer;
}

.buy-card-form {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* Стили модалки при успехе */
.buy-card-window__success {
	height: 646px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 32px;
	position: relative;
	background-color: var(--grey);
	background-image: url(/assets/css/../img/line-success-modal.png);
	background-position: center bottom;
	background-repeat: no-repeat;


}

.close-card__success {
	position: absolute;
	top: 24px;
	right: 24px;
}

.success-modal__title {
	font-size: 100px;
	line-height: 90%;
	text-align: center;
	white-space: pre-line;
}

.success-modal__text {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	text-align: center;
	white-space: pre-line;
}

.return-btn {
	font-size: 16px;
	font-weight: 700;
	padding: 18px 32px;
	background-color: var(--dark-blue);
	color: var(--white);
	border-radius: 8px;
	height: 62px;
	width: 250px;
	border: none;
	margin-top: 10px;
}

/* Стили модалки при успехе */

.dropdown-container {
	position: relative;
	border-radius: 5px;
}

.dropdown-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	border-radius: 8px;
	cursor: pointer;
	background-color: var(--white);
	transition: background-color 0.3s ease;
	padding: 0 25px;
	font-size: 18px;
}

.arrow-icon {
	transition: transform 0.3s ease;
	/*
    filter: brightness(0) invert(1);

       brightness(0) — делает иконку чёрной,
       invert(1) — инвертирует цвета (чёрный → белый)
    */
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: white;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 16px;
	z-index: 10;
	opacity: 0;
	transform: translateY(-10px);
	pointer-events: none;
	transition: opacity 0.5s ease, transform 0.5s ease;
	padding: 8px;
	margin-top: 3px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--dark-blue);
	font-size: 18px;
	font-weight: 600;
}

/* фикс меню */
.dropdown-menu-overflow {
	overflow-x: auto;
	max-height: 240px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.dropdown-menu-overflow::-webkit-scrollbar {
	display: none;
}

/* фикс меню */

.dropdown-menu.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.menu-item {
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 24px;
	background: var(--card-bg);
	border-radius: 8px;
	transition: background 0.3s ease;
}



.menu-item.selected {
	background: var(--dark-blue);
	color: var(--white);
}

.dobule-dd-wrapper {
	display: flex;
	gap: 4px;
}

.dobule-dd-wrapper .dropdown-container {
	width: 50%;
}

.menu-item_date {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.menu-item_date span {
	background: var(--white);
	color: var(--dark-blue);
	width: 78px;
	height: 38px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.menu-item_date.selected span {
	background: var(--beige);
}

.news-card {
	background: var(--card-bg);
	color: var(--dark-blue);
	min-height: 640px;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	cursor: pointer;
}

.news-image {
	width: 100%;
	max-height: 294px;
	flex-grow: 1;
	border-radius: 16px 16px 0 0;
}

.news-date-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	padding: 0 24px 24px;
}

.news-content-wrapper {
	padding: 24px;
	display: flex;
	flex-direction: column;
	height: auto;
	gap: 8px;
}

.arrow-wrapper {
	width: 56px;
	height: 56px;
	background: var(--white);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}


.news-title {
	font-size: 22px;
	font-weight: 500;
	color: #000000;
}

.news-description {
	font-weight: 600;
}

.container_flex {
	display: flex;
	flex-direction: column;
	gap: 48px;
	margin: 180px auto;
}

.section-title {
	font-size: 100px;
	line-height: 90px;
	text-align: center;
	max-width: 680px;
	margin: 0 auto;
}


.numbers-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.numbers-card {
	padding: 20px;
	width: 100%;
	height: 50%;
	background: var(--card-bg);
	color: var(--dark-blue);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 16px;
}

.numbers-card h4 {
    font-size: clamp(140px, calc((160 - 140) * (100vw - 1441px) / (1600 - 1441) + 140px), 160px);
	line-height: 160px;
    white-space: nowrap;
}

.numbers-card__description {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
}

.numbers-left,
.numbers-right {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: calc(25% - 8px);

}

.center-section {
	width: 50%;
	border-radius: 16px;
	position: relative;
}

.center-section h4 {
	position: absolute;
	left: 24px;
	bottom: 4px;
	font-size: 100px;
	line-height: 90px;
	color: var(--white);
	max-width: 669px;
}

.center-section img {
	width: 100%;
	height: 100%;
}

.center-image {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}

.numbers {
	padding: 20px 0;
}

.percent {
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.percent img {
	margin-top: 15px;
}

.mobile-show {
	display: none !important;
}

.counter-suffix {
	font-size: 32px;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
	line-height: 100%;
	letter-spacing: 0.5px;
}

.footer {
	background: var(--dark-blue);
	padding: 30px 0 24px;
	text-transform: uppercase;
}

.footer-bottom {
	display: flex;
	flex-direction: column;
	gap: 44px;
}

.footer-logo {
	width: 100%;
}

.footer-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--white);
}

.footer-col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer-title {
	color: var(--white);
	font-size: 67.5px;
	line-height: 61.2px;
}

.footer-col_col1 {
	max-width: 413px;
	gap: 24px;
}

a.social-media {
	display: flex;
	gap: 24px;
	align-items: center;
	border: var(--border);
	border-radius: 48px;
	width: 50%;
	justify-content: flex-end;
	height: 56px;
	font-size: 18px;
}

a.social-media img {
	position: relative;
	right: 5px;
}

.social-media-wrapper {
	display: flex;
	gap: 8px;
}

.footer-wrapper {
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.footer-top {
	display: flex;
	gap: 208px;
}

.footer-menu {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1106px;
}

.for-love-wrapper {
	display: flex;
	gap: 4px;
	overflow: hidden;
}

.for-love-left {
	width: 50%;
	background-image: url('/assets/css/../img/line_forlove.png');
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	background-color: var(--card-bg);
	padding: 40px;
	border-radius: 16px;
}

.for-love-right {
	width: 50%;
	border-radius: 16px;
}

.for-love-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.for-love__title {
	max-width: 468px;
	min-height: 290px;
}

.icon-wrapper {
	width: 142px;
	height: 142px;
	border-radius: 8px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--card-bg);
	flex-shrink: 0;
}

.for-love__icons {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 30px;
	margin-top: 35px;
}

.icon-wrapper_dumbbell {
	position: absolute;
	z-index: 2;
	width: 142px;
	height: 142px;
	right: 0;
}

.icon-wrapper_heart {
	position: relative;
	width: 142px;
	height: 142px;
	top: -100px;
	left: -15px;
}

.for-love-wrapper .btn-primary {
	margin-top: auto;
	width: 188px;
	height: 49px;
	margin: auto auto 0;
}

.for-love__promotion {
	background: var(--white);
	border-radius: 32px;
	padding: 8px 18px;
	display: flex;
	align-items: center;
	gap: 16px;
	text-transform: uppercase;
	color: var(--dark-blue);
	width: max-content;
	margin: 0 auto;
}

.for-love__promotion span {
	font-weight: 700;
	padding: 8px 18px;
	background: var(--card-bg);
	border-radius: 40px;
}

.love-card-icon-wrapper {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.love-card {
	background: var(--white);
	border-radius: 12px;
	max-width: 319px;
	width: 50%;
	padding: 16px;
	height: 290px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.love-card__description {
	color: #CBD1DC;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.love-card__title {
	font-weight: 500;
	font-size: 22px;
	line-height: 24.2px;
	text-align: left;
}

.for-love__cards {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 25px;
	gap: 8px;
}

.love-card-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/*  */
.container-slider {
	display: flex;
	width: 100%;
	gap: 8px;
}

.slider-left {
	width: 24%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	background: var(--card-bg);
	border-radius: 16px;
	font-size: 18px;
	font-weight: 600;
}

.tab {
	padding: 10px;
	background: #ddd;
	border: none;
	cursor: pointer;
	border-radius: 6px;
}

.slider-right {
	width: 75.5%;
	position: relative;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.slide-desc {
	position: absolute;
	bottom: 16px;
	left: 16px;
	color: var(--dark-blue);
	padding: 10px;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 648px;
}

.tabs-wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tab {
	position: relative;
	padding: 10px 20px;
	background: #F7F8FA;
	border: none;
	cursor: pointer;
	color: rgba(56, 56, 56, 0.2);
	font-weight: bold;
	overflow: hidden;
}

.tab.active {
	background: var(--white);
	position: relative;
	color: var(--dark-blue);
}

.tab.active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #F7F8FA;
	transition: none;
	z-index: 0;
}

.tab span {
	position: relative;
	z-index: 1;
}

.tab.active.animating::before {
	animation: progress-tab 10s linear forwards;
}

.slider-title {
	text-align: left;
	margin: 4px 0 0 4px;
}

@keyframes progress-tab {
	from {
		width: 0%;
	}

	to {
		width: 100%;
	}
}

.fitness {
	padding: 20px 0;
}

.slide-title {
	font-size: 52px;
	line-height: 46.8px;
	color: var(--dark-blue);
}

.slide-desc-wrapper {
	display: flex;
	padding: 8px;
	border-radius: 8px;
}

.slide-icon {
	width: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	flex-shrink: 0;
	background: var(--card-bg);
}

.slide-icon img {
	width: 119px;
	height: 97px;
}

.slide-desc-wrapper,
.slide-btn {
	background: var(--white);
}

.column p {
	font-weight: 600;
	font-size: 16px;
}

.column {
	padding: 14px 24px;
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.slide-btn {
	color: var(--dark-blue);
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px;
	height: 54px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.section-description {
	max-width: 700px;
	font-size: 18px;
	font-weight: 600;
	color: #AAB2C2;
	text-align: center;
	margin: 0 auto;
	line-height: 21.6px;
	margin-top: 8px;
	margin-bottom: 40px;
}

.container_overflow {
	overflow: visible;
}

.team-cards {
	display: flex;
	gap: 8px;
	justify-content: center;
}

.team-card {
	width: calc(20% - 8px);
	cursor: pointer;
}


.navigate-btn_center {
	margin: 40px auto 0;
}

.tab span {
	font-size: 18px;
}

.team {
	margin: 180px 0;
}

.club-virtual {
	margin-top: 130px;
}

.club-info-text {
	margin-top: 130px;
	margin-bottom: 36px;
}
/*выравнивание шрифта в заголовках*/

.club-info-text h2 {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    margin: 24px auto 8px;
    font-weight: 400;
}
@media (max-width: 768px) {
    .club-info-text h2 {
        letter-spacing: normal;
    }
}
.club-info-text h3 {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    margin: 24px 0 8px;
    font-weight: 400;
}
@media (max-width: 768px) {
    .club-info-text h3 {
        letter-spacing: normal;
    }
}
/*-----------------------------*/
.club-info-text a {
	color: var(--dark-blue);
	text-decoration: underline;
}

.club-info-text .club-info-text-wrap {
	width: 700px;
	margin: 0 auto;
}

.team-card-wrapper {
	padding: 16px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	width: 367px;
	height: 170px;
	min-height: 170px;
	border-radius: 8px;
}

.trainer-name {
	font-size: 52px;
	line-height: 46.8px;
	max-width: 248px;
	white-space: normal;
}

.trainer {
	border-radius: 8px;
	width: 100%;
	max-height: 414px;
	height: 100%;
}

.team-card-wrapper {
	background: var(--card-bg);
}

.trainer-description {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	border-radius: 8px;
	white-space: normal;
	;
	/* ios precvios 17.4 */
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

/* изменения по котакт дропдауну z-index */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(16.5px);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	opacity: 0;
	visibility: hidden;
}

.overlay_active {
	opacity: 1;
	visibility: visible;
}

.body-lock {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
}

.overlay__content {
	transform: scale(0.9);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.overlay_active .overlay__content {
	transform: scale(1);
	opacity: 1;
}

.buy-card-window_consultation {
	background-image: url('/assets/css/../img/line_consultation.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 40px;
}

.form-politic_consultation {
	margin-bottom: 40px;
}

.feedback-top {
	display: flex;
	gap: 67px;
	align-items: flex-start;
	font-weight: 500;
}

.feedback-top p {
	max-width: 383px;
	font-size: 22px;
	line-height: 28.6px;

}

.feedback-bottom {
	display: flex;
	align-items: flex-end;
	gap: 40px;
	font-weight: 600;
	font-size: 18px;
}

.feedback-bottom img {
	width: 80px;
	height: 80px;
	border-radius: 7px;
}

.section-title_feedback {
	margin-bottom: 40px;
}

.feedback {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 12px;
	background: var(--card-bg);
	width: 31.5%;
	padding: 24px;
	height: 450px;
	flex-shrink: 0;
}

.slider-controls-wrapper {
	display: flex;
	width: 269px;
	justify-content: space-between;
	align-items: center;
	margin: 45px auto 0;
}

.slider-next,
.slider-prev {
	cursor: pointer;
}


.splide__pagination {
	display: none !important;
}

.my-carousel-progress {
	background: #F1F2F4;
	height: 9px;
	border-radius: 40px;
	overflow: hidden;
	width: 141px;
}

.my-carousel-progress-bar {
	background: #383838;
	border-radius: 40px;
	height: 100%;
	width: 0;
	transition: width 0.3s ease;
}

.splide__arrows {
	display: none;
}

.error-message {
	background: #FFDEDD;
	border: 1.5px solid var(--red);
	margin-top: -4px;
	border-radius: 8px;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 14.4px;
	border-top: none;
	color: var(--red);
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transform: translateY(-10px);
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s ease, transform 0.5s ease, max-height 0.5s ease;
}

.error-message.visible {
	opacity: 1;
	transform: translateY(0);
	max-height: 100px;
}

.close-error {
	cursor: pointer;
}

.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

.marquee-content {
	display: inline-block;
	animation: marquee 60s linear infinite;
}

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

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

.team-card {
	display: inline-block;
	width: 367px;
}

.map-club h4 {
	font-size: 52px;
	line-height: 46.8px;
}

.map-club {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 16px;
	background: var(--card-bg);
	width: 100%;
	padding: 32px 24px 24px 32px;
	cursor: pointer;
}

.map-right {
	width: 42%;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.map-right::-webkit-scrollbar {
	display: none;
}

.map-wrapper {
	display: flex;
	gap: 8px;
}

.map-tabs-wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.map-left {
	position: relative;
	background-color: var(--card-bg);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	width: 57.6%;
}

.section-title_map {
	position: absolute;
	max-width: 337px;
	text-align: left;
	left: 20px;
	top: 20px;
}

.map-right {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 909px;
	transition: all 0.5s ease;
}

.details-wrapper {
	flex-grow: 1;
	background-color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 12px 24px;
	border-radius: 8px;
}

.dropdown-content_map {
	border-radius: 12px;
	opacity: 0;
	transform: translateY(-40px);
	transition: all 0.3s ease;
	pointer-events: none;
	height: 0;
	margin: -4px;
}

.dropdown-content_map.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
	height: 460px;
	max-height: 460px;
	pointer-events: all;
	margin: 0;
	position: relative;
}

.dropdown-content img.dropdown-image {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 10px;
}

/* .dropdown-content p.dropdown-text {
    font-size: 16px;
    line-height: 1.5;
} */

.map-card-wrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: var(--card-bg);
	background-image: url('/assets/css/../img/line_map.png');
	background-repeat: no-repeat;
	padding: 16px;
	border-radius: 16px;
}

.details-btn {
	border: none;
	background: var(--red);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 24.59px;
	padding: 20px 48px;
	border-radius: 8px;
	cursor: pointer;
}

.section-title_buy {
	margin: 0;
	font-size: 52px;
	line-height: 46.8px;
}

.details-wrapper p {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	max-width: 428px;
}

.club-preview {
	position: absolute;
	opacity: 0.4;
	transition: opacity 0.5s ease;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	cursor: pointer;
}

.club-preview_active {
	opacity: 1;
}

/*
.club-preview_1 {
    top: 15.9%;
    left: 50%;
}

.club-preview_2 {
    top: calc(15.9% + 105px);
}

.club-preview_3 {
    top: calc(15.9% + 105px);
    left: calc(50% + 55px);
}

.club-preview_4 {
    top: 50.43%;
    left: calc(22vw - 100px)
}

.club-preview_5 {
    bottom: 8.73%;
    left: calc(29vw - 100px);
}

.club-preview_6 {
    bottom: 12.3%;
    left: calc(35vw - 100px);
}
*/
.years {
	color: var(--white);
}

.for-love-right img {
	border-radius: 16px;
}

.app-section {
	margin-bottom: 200px;
}

.love-card-icon-wrapper {
	background: var(--card-bg);
	border-radius: 50%;
}

.app-wrapper {
	background-color: var(--card-bg);
	background-image: url('/assets/css/../img/line_app.png');
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	height: 603px;
	overflow: visible;
	border-radius: 16px;
	padding: 40px;
}

.mobile-phone {
	position: relative;
	transform: translateY(-23%);
	margin-left: 32%;
}

.app-card-description {
	color: #CBD1DC;
}

.app-left .section-title {
	text-align: left;
	margin: 0px;
}

.app-card {
	background: var(--white);
	width: 319px;
	height: 290px;
	padding: 20px 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 16px;
	position: absolute;
}

.app-icon-wrapper {
	background: var(--card-bg);
	width: 50px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-card-info-wrapper {
	max-width: 273px;
}

.app-right {
	position: relative;
	width: 100%;
}

.app-left,
.app-left h3 {
	width: 564px;
}

.app-left h3 {
	margin-bottom: 8px !important;
}

.app-card_second {
	right: 1%;
	bottom: 9%;
}

.app-card_first {
	left: 15%;
	top: 24%;
}

.app-left p {
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	max-width: 488px;
}

.app-icons {
	margin-top: auto;
	width: 435px;
	display: flex;
	background: var(--white);
	border-radius: 16px;
	padding: 8px;
	gap: 8px;
}

.app-left {
	display: flex;
	flex-direction: column;
}

.app-icon {
	display: flex;
	background: var(--card-bg);
	width: 50%;
	justify-content: center;
	gap: 16px;
	align-items: center;
}

.global-slider-controls {
	display: none;
}

.finik {
	color: var(--white);
}

.btn-primary__forlove_mobile {
	display: none;
}

.club-detail {
	position: absolute;
	bottom: 16px;
	left: 16px;
}

.club-detail_flex {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 32px);
}

.club-detail>* {
	background: var(--white);
	margin-top: 8px;
}

.dropdown-image_map {
	width: 100% !important;
}

.btn-abs {
	position: absolute;
	right: 16px;
	bottom: 16px;
	padding: 12px 24px;
	border-radius: 8px;
	border: none;
	font-weight: 700;
	color: var(--white);
	font-size: 16px;
	background-color: var(--red);
}

.club-detail_address {
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	font-weight: 600;
	padding: 8px 16px 8px 8px;
	width: max-content;
}

.club-icon-wrap {
	background: var(--card-bg);
	width: 40px;
	height: 40px;
	border-radius: 2px;
	position: relative;
}

.club-icon-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.club-detail_phone {
	display: flex;
	gap: 16px;
	align-items: center;
	font-weight: 600;
	padding: 8px 24px 8px 8px;
	width: max-content;
	border-radius: 8px;
}

.club-detail_phone a {
	font-size: 16px;
	font-weight: 500;
	color: var(--dark-blue);
}

.club-detail_flex {
	display: flex;
	gap: 16px;
	padding: 8px 24px 8px 8px;
	width: max-content;
	border-radius: 8px;
}

.club-icon-wrap_big {
	height: 65px;
}

.club-detail_flex div {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.club-detail_flex div span {
	color: #CBD1DC;
}

.club-detail_flex div p {
	display: flex;
	gap: 16px;
	align-items: center;
}

.map-right {
	overflow: hidden;
}

.app-icons .app-icon {
	height: 82px;
}

.app-icons_mobile {
	display: none;
}

.app-mobile-cards {
	display: none;
}

.header-submenu-col_mobile {
	display: none;
}


.header-submenu .header-submenu-col_desktop ul li a {
	display: inline-block;
	transition: transform 0.3s ease;
	padding-right: 20px;
}



.header-col3>* {
	cursor: pointer;
}

.dropdown-image_map {
	border-radius: 12px;
}

.app-card-description {
	margin-top: 16px;
}

.app-card-title,
.news-title,
.feedback-top p {
	font-size: 22px;
	font-weight: 500;
}

.page-title span {
	display: inline-block;
	opacity: 0;
	transition: all 1s ease;
}

.span1 {
	transform: translateY(50px);
}

.span2 {
	transform: translateY(0);
	transition-delay: 2s;
	white-space: nowrap;
}

.letter {
	display: inline-block;
	opacity: 0;
	animation: fadeIn 0.3s forwards;
}

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

.span3 {
	transform: translateY(-50px);
}

.active {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

.dropdown-content_map {
	border-radius: 12px;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s ease, max-height 0.3s ease, transform 0.3s ease;
	pointer-events: none;
	margin: -4px;
	position: absolute;
	z-index: 10;
	width: 100%;
}

.dropdown-content_map.active {
	opacity: 1;
	max-height: 460px;
	pointer-events: auto;
	margin: 0;
	position: relative;
}

.dropdown-content_map.active.upwards {
	transform: translateY(-100%);
}

.map-right {
	overflow-y: visible;
}

.app-icon {
	transition: background 0.3s ease;
	cursor: pointer;
}



.svg-arrow path {
	transition: 0.3s;
}

.header-submenu .header-submenu-col_desktop ul li a {
	position: relative;
	display: inline-block;
	padding-left: 0;
	transition: padding-left 0.3s ease;
}

.header-submenu .header-submenu-col_desktop ul li a::before {
	content: ' ';
	position: absolute;
	left: -20px;
	top: 50%;
	width: 10px;
	height: 2px;
	background-color: none;
	opacity: 0;
	transition: opacity 0.3s ease, left 0.3s ease;
}

.header-submenu .header-submenu-col_desktop ul li a:hover::before {
	left: 0;
	opacity: 1;
}

.minus {
	display: none;
}

.plus.hidden {
	display: none;
}

.minus.active {
	display: block;
}

.app-icon {
	border-radius: 8px;
}

.header-menu-link {
	display: flex;
	transition: all 0.3s ease;
}

.header-menu-link_drop {
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn-primary_black {
	background: var(--dark-blue);
	width: 100%;
	margin-top: 8px;
}

.arrow_black {
	display: none;
	width: 16px;
	height: 16px;
}

.scrolled .arrow_white {
	display: none;
}

.scrolled .arrow_black {
	display: block;
}

.footer-col .footer-menu__item {
	display: inline-block;
	transition: 0.3s ease;
}

.footer-menu__item {
	transition: all 0.3s ease;
}

.footer-menu__item-p{
    text-transform: none;
    max-width: 200px;
    font-size: 0.9rem;
    position: relative;
    top: 16px;
    color: #ffffffc2;
}

@media (max-width: 1023px){
    .footer-menu__item-p{
        top: 8px;
    }
}

@media (max-width: 500px){
    .footer-menu__item-p{
        margin-top: 19px;
        right: 0;
        top: 4px;
        font-size: 14px;
        text-align: left;
        line-height: 100%;
    }
}


.trainers-drawer-filter {
	display: none;
}

.drawer {
	display: none;
}

@media (hover: hover) {

	.arrow-wrapper:hover .svg-arrow path {
		stroke: #6A6A6A;
	}

	.hover-effect:hover {
		background-color: transparent;
	}

	.hover-effect:hover::after {
		top: 0;
		font-weight: 700;
	}

	.menu-item:hover {
		background: var(--dark-blue);
		color: var(--white);
	}

	.menu-item_date:hover span {
		background: var(--beige);
	}

	.header-submenu .header-submenu-col_desktop ul li a:hover {
		padding-left: 20px;
		transition: padding-left 0.3s ease;
	}

	.footer-col .footer-menu__item:hover {
		transform: translateX(20px);
	}

	.app-icon:hover {
		background: #E5E7EB;
	}

	.club-preview:hover {
		opacity: 1;
	}

	.header-menu-link:not(.header-menu-link_drop):hover {
		transform: translateX(10px);
		display: inline-block;
	}


}

@media(max-width:1680px) {
	.header-menu-link {
		padding: 9px 12px;
		font-size: 12px;
	}

	.header-col1 {
		max-width: 188px;
	}

	.header-col1 img {
		max-width: 100%;
		height: 100%;
	}

	.header-col3 {
		font-size: 12px;
	}

	.map-club img {
		width: 30px;
		height: 30px;
	}

	.app-left p {
		font-size: 14px;
		line-height: 16.8px;
		max-width: 390px;
	}
}

@media(max-width:1440px) {
	.club-info-text .club-info-text-wrap {
		width: 100%;
	}

	.page-title__count {
		font-size: 42px;
	}

	.app-icon {
		border-radius: 6px;
	}

	.app-card-title,
	.news-title,
	.feedback-top p {
		font-size: 16px;
	}

	.map-card-wrapper {
		background-image: url('/assets/css/../img/line_map1440.png');
		background-position: center;
	}


	.buy-card-window {
		background-image: url('/assets/css/../img/card-line1440.png');
	}

	.buy-card-window_consultation {
		background-image: url('/assets/css/../img/line_consultation1440.png');
	}

	.for-love-left {
		background-image: url('/assets/css/../img/line_forlove1440.png');
	}

	.app-wrapper {
		background-image: url('/assets/css/../img/line_app1440.png');
	}

	.dropdown-content_map.active {
		height: 343px;
		max-height: 345px;
	}

	.header-submenu {
		width: 696px;
		padding: 30px;
	}

	.header-submenu.active {
		height: auto;
	}

	.header-submenu ul li a {
		font-size: 36px !important;
		line-height: 32.4px !important;
	}

	.close-card {
		width: 49px;
		height: 49px;
		flex-shrink: 0;
	}

	.for-love__title {
		margin: 0;
	}

	.club-preview {
		border-radius: 6px;
	}

	.icon-wrapper_heart {
		top: -65px;
	}

	.icon-wrapper_dumbbell {
		top: 68px;
	}

	.for-love__icons {
		gap: 20px;
	}

	.love-card__title {
		font-size: 16px;
		line-height: 20.8px;
	}

	.love-card__description {
		font-size: 14px;
		line-height: 16.8px;
	}

	.love-card {
		height: 219px;
	}

	.love-card-text {
		gap: 12px;
	}

	.for-love-left {
		padding: 30px;
	}

	.for-love__title {
		max-width: 351px;
	}

	.for-love__promotion {
		font-size: 14px;
		padding: 6px 6px 6px 13.5px;
		gap: 12px;
	}

	.for-love__promotion span {
		padding: 6px 12px;
	}

	.for-love__cards {
		margin-top: 24px;
	}

	.btn-primary {
		height: 46px;
	}

	.buy-card {
		padding-top: 0;
	}

	.details-btn {
		border-radius: 6px;
	}

	.map-club {
		padding: 28px 24px;
	}

	.club-preview_2,
	.club-preview_3 {
		top: calc(15.9% + 80px);
	}

	.club-preview_3 {
		left: calc(50% + 45px)
	}

	.club-preview {
		width: 75px;
		height: 75px;
	}

	.map-club h4 {
		font-size: 40px;
		line-height: 36px;
	}

	.section-title_map {
		max-width: 253px;
	}

	.team {
		margin: 135px 0;
	}

	.container_flex {
		margin: 135px auto;
	}

	.header-col1 {
		padding: 7.25px 16px;
	}

	.header-col3>* {
		font-size: 12px;
		line-height: 16.8px;
	}

	.header-col2 {
		height: 50px;
	}

	.burger-menu {
		width: 37px;
		height: 37px;
	}

	.header-col3 {
		padding: 6px;
	}

	.back-call,
	.buy-card__btn {
		padding: 10.5px 19.5px;
	}

	.phone {
		padding: 10.25px 19.5px;
	}

	.icon-wrapper {
		width: 107px;
		height: 107px;
	}

	.page-title {
		font-size: 98px;
		line-height: 88.2px;
	}

	.page-title_small {
		max-width: 592px;
	}

	.feedback-top p {
		font-size: 16px;
		line-height: 20.8px;
	}

	.feedback-bottom img {
		width: 60px;
		height: 60px;
	}

	.feedback {
		height: 345px;
	}

	.feedback-bottom p {
		font-size: 14px;
	}

	.footer-title {
		font-size: 51px;
		line-height: 45.9px;
	}

	.footer-menu {
		max-width: 851px;
	}

	.footer-top {
		gap: 154px;
	}

	a.social-media {
		font-size: 14px;
		gap: 16px;
		height: 42px;
	}

	.social-media__icon {
		width: 30px;
		height: 30px;
	}

	.footer-col_col1 {
		width: 313px;
	}

	.footer-info {
		font-size: 14px;
	}

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

	.news-description {
		font-size: 14px;
		line-height: 16.8px;
	}

	.news-card {
		min-height: 480px;
	}

	.news-date {
		font-size: 14px;
	}

	.arrow-wrapper {
		width: 44px;
		height: 44px;
	}

	.news-date-wrapper {
		padding-bottom: 12px;
	}

	.buy-card-window {
		width: 501px;
		padding: 30px;
	}

	.heading_left h4 {
		font-size: 75px;
		line-height: 67.5px;
	}

	.form-politic {
		font-size: 12px;
		max-width: 279px;
	}

	.btn-primary {
		font-size: 12px;
	}

	.buy-card-heading p {
		font-size: 14px;
		max-width: 254px;
	}

	.buy-card .container_relative {
		height: 687px;
	}


    .buy-card.buy-card--contacts .container_relative {
        height: 920px;
    }

	input {
		height: 60px;
		font-size: 14px;
	}


	input::placeholder {
		font-size: 14px;
	}

	/* textarea */
	textarea::placeholder {
		font-size: 14px;
	}

	textarea {
		height: 220px;
		font-size: 14px;
	}

	/* textarea */
	.buy-card-window {
		background-position: right;
	}

	.dropdown-header {
		height: 60px;
	}

	.menu-item {
		padding: 12px 4px 12px 16px;
		font-size: 14px;
		gap: 0;
	}

	.numbers-card h4 {
        font-size: clamp(60px, calc((120 - 60) * (100vw - 768px) / (1440 - 768) + 60px), 120px);
		line-height: 120px;
	}

	.numbers-card__description {
		font-size: 14px;
		line-height: 16.8px;
	}

	.center-section h4 {
		font-size: 76px;
		line-height: 68.4px;
		max-width: 502px;
	}

	.team-card,
	.team-card-wrapper {
		width: 100%;
		max-width: 275px;

	}

	.team-card img {
		max-width: 275px;
	}

	.trainer-name {
		font-size: 32px;
		line-height: 28.8px;
	}

	.trainer {
		max-height: 388px;
	}

	.trainer-description {
		font-size: 14px;
		line-height: 16.8px;
	}

	.team-card-wrapper {
		padding: 12px 18px;
		height: 130px;
		min-height: 130px;
	}

	.main-page-text {
		font-size: 14px;
		line-height: 16.8px;
		max-width: 266px;
	}

	.tab span {
		font-size: 15px;
	}

	.section-title {
		font-size: 76px;
		line-height: 68.4px;
	}

	header.header {
		padding: 24px 0;
	}

	.app-wrapper {
		height: 452px;
	}

	.mobile-phone {
		height: 698px;
		margin-left: 16%;
	}

	.app-card {
		width: 239px;
		height: 219px;
	}

	.app-card-description {
		font-size: 14px;
	}

	.app-icon-wrapper {
		width: 36px;
		height: 36px;
	}

	.app-card_first {
		left: -5%;
		top: 20%;
	}

	.app-icons .app-icon {
		height: 62px;
	}

	.googleplay {
		width: 34px;
		height: 38px;
	}

	.appstore {
		width: 30px;
		height: 36px;
	}

	.app-icons {
		width: 338px;
	}

	.club-detail_address {
		padding: 6px 12px 6px 6px;
		font-size: 14px;
		line-height: 16.8px;
	}

	.club-icon-wrap {
		width: 30px;
		height: 30px;
	}

	.club-detail_phone,
	.club-detail_flex {
		padding: 6px 18px 6px 6px;
		font-size: 14px;
		line-height: 16.8px;
	}

	.club-icon-wrap_big {
		height: 49px;
		width: 30px;
	}

	.club-icon-wrap_big img {
		width: 12px;
		height: 12px;
	}

	.club-detail_flex div {
		justify-content: space-around;
	}

	.btn-abs {
		padding: 9px 18px;
		font-size: 14px;
	}

	.app-card-title {
		font-size: 16px;
	}

	.app-card-description {
		margin-top: 12px;
	}

	.news-card {
		border-radius: 12px;
	}

	.news-image {
		border-radius: 12px 12px 0 0;
	}

	a.navigate-btn {
		border-radius: 6px
	}

	.center-image,
	.numbers-card {
		border-radius: 12px;
	}

	.container {
		width: calc(100vw - 48px);
	}

	.counter-suffix {
		font-size: 32px;
	}

	/* Стили новой модалки, медяха */
	.buy-card-window__success {
		height: 501px;
		background-image: url(/assets/css/../img/line-success-modal1440.png);
		background-position: center bottom;
		gap: 8px;
	}

	.success-modal__title {
		font-size: 75px;
	}

	.success-modal__text {
		font-size: 14px;
	}

	.return-btn {
		width: 210px;
		height: 56px;
		padding: 12px 24px;
		font-size: 14px;
		margin-top: 16px;
	}

	.club-detail_phone a {
		font-size: 14px;
		font-weight: 400;
	}

	/* Стили новой модалки, медяха */
}

@media(max-width:1280px) {
	.header-col2 {
		display: none;
	}

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

@media(max-width:1024px) {

	.for-love-right {
		display: none;
	}

	.for-love-left {
		width: 100%;
	}

	.map-club {
		padding: 18px 24px;
		font-size: 40px;
		line-height: 36px;
	}

	.club-preview_4 {
		top: 51.73%;
		left: calc(37vw - 75px);
	}

	.club-preview_6 {
		left: calc(60vw - 75px);
	}

	.club-preview_5 {
		left: calc(49vw - 75px);
	}

	.map-wrapper {
		flex-direction: column;
	}

	.map-left,
	.map-right {
		width: 100%;
	}

	.container-slider {
		flex-direction: column-reverse;
	}

	.slider-left,
	.slider-right {
		width: 100%;
	}

	.slider-title {
		display: none;
	}

	.footer-top {
		flex-direction: column;
		gap: 116px;
		margin-top: 50px;
	}

	.footer-col_col1 {
		align-self: center;
		text-align: center;
	}

	.footer-menu .footer-col {
		gap: 8px;
	}

	.footer-wrapper {
		gap: 116px;
	}

	.footer-bottom {
		gap: 24px;
	}

}

@media (max-width: 992px) {
	.footer-info {
		flex-wrap: wrap;
	}
}

@media(max-width:768px) {

	.for-love-left {
		margin-top: 60px;
	}

	.swiper-slide {
		display: block !important;
	}

	.map-right {
		height: max-content;
		max-height: 100%;
	}

	.map-card-wrapper {
		background-image: url('/assets/css/../img/line_map768.png');
		background-position: left;
	}

	.details-wrapper {
		height: 100px;
	}

	.app-wrapper {
		background-image: url('/assets/css/../img/line_app768.png');
		background-size: contain;
	}

	.container {
		width: calc(100vw - 50px);
	}

	.header-submenu-col_mobile {
		display: flex;
	}

	.header-submenu-col_desktop {
		display: none;
	}

	.header-submenu {
		width: calc(100vw - 50px);
		max-width: 518px;
		padding: 24px;
		border-radius: 6px;
	}

	.header-submenu.active {
		height: auto;
	}

	.header-submenu-close {
		width: 37px;
		height: 37px;
	}

	.form-politic_consultation {
		margin-bottom: 0;
	}

	header.header {
		padding: 12px 0;
	}

	.details-wrapper {
		flex-direction: row;
	}

	.section-title_buy {
		font-size: 40px;
		line-height: 36px;
	}

	.details-btn {
		font-size: 13.5px;
		line-height: 18.44px;
		padding-top: 13px;
		padding-bottom: 13px;
	}

	.details-wrapper p {
		max-width: 330px;
		font-size: 13.5px;
		line-height: 16.2px;
	}

	.club-preview {
		width: 68px;
		height: 68px;
	}

	.club-preview_2,
	.club-preview_3 {
		top: calc(15.9% + 73px);
	}

	.club-preview_3 {
		left: calc(50% + 40px);
	}

	.club-preview_5 {
		left: calc(49vw - 68px);
	}

	.club-preview_6 {
		left: calc(59vw - 68px);
	}

	.container_flex {
		margin-left: 0;
		margin-right: 0;
	}

	.swiper-slide .slide-btn {
		display: none;
	}

	.global-slider-controls {
		display: flex;
		justify-content: space-between;
		padding: 12px 8px;
		align-items: center;
		background: var(--card-bg);
	}

	.global-slider-controls img {
		width: 6px;
		height: 12px;
	}

	.slide-desc {
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.slide-desc-wrapper {
		padding-left: 4px;
		background: var(--card-bg);
	}

	.slide-desc-wrapper .column p {
		font-size: 14px;
		line-height: 16.8px;
	}

	.slide-icon {
		background: var(--white);
	}

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

	.slide-btn {
		background: var(--dark-blue);
		color: var(--white);
		font-size: 14px;
		line-height: 19.12px;
	}

	.slider-left {
		display: none;
	}

	.text-wrapper {
		flex-direction: column;
		gap: 15px;
	}

	.main-page-text {
		text-align: left;
		align-self: flex-start;
	}

	.feedback-top img {
		width: 43px;
		height: 39px;
	}

	.team-card,
	.team-card-wrapper {
		max-width: 240px;
		width: 100%;
		padding: 12px 16px;
	}


	.team-card img {
		max-width: 240px;
	}

	.news {
		overflow: hidden;
		flex-wrap: nowrap;
		justify-content: center;
	}

	.container_touch {
		width: 100vw;
	}

	.buy-card .container_relative {
		height: 916px !important;
		background-position-x: 40%;
	}

	.menu-item {
		padding: 4px 4px 4px 16px;
		border-radius: 2px;
	}

	.menu-item .span {
		width: 57px;
		height: 33px;
	}

	.dropdown-menu {
		border-radius: 4px;
	}

	.numbers-wrapper {
		flex-wrap: wrap;
	}

	.numbers-left,
	.numbers-right {
		width: calc(50% - 4px);
	}

	.center-section {
		order: 3;
		width: 100%;
		border-radius: 12px;
	}

	.percent img {
		width: 27px;
		height: 51px;
	}

	.numbers-card {
		height: 341px;
		border-radius: 8px;
	}

	.container_touch {
		width: 100vw;
	}

	.for-love-wrapper .btn-primary {
		margin-top: 40px;
	}

	.app-wrapper {
		height: auto;
		flex-direction: column;
	}

	.mobile-phone {
		height: 775px;
		margin: 0;
		transform: translateY(23%);
		margin-left: 37px;
	}

	.app-left {
		justify-content: center;
		width: 100%;
		align-items: center;
	}

	.app-card_second {
		right: -6%;
		bottom: -2%;
	}

	.app-card_first {
		left: -4%;
		top: 48%;
	}

	.app-left .section-title {
		width: 491px;
		text-align: center;
	}

	.app-desc {
		text-align: center;
	}

	.app-icons {
		margin-top: 24px;
	}

	.mobile-phone {
		transform: translateY(-6%);
	}

	.app-card_first {
		left: -5%;
		top: 20%;
	}

	.app-card_second {
		right: -5%;
		bottom: 27%;
	}

	.app-section {
		margin-bottom: 135px;
	}

	.app-wrapper {
		padding-bottom: 0;
	}

	.app-right {
		margin-bottom: -183px;
	}

	.dropdown-content_map.active {
		height: 240px;
		max-height: 240px;
	}

	.dropdown-image_map {
		height: 240px;
		width: 100%;
		object-fit: cover;
	}

	.trainer {
		max-height: 294px;

	}

	.counter-suffix {
		font-size: 28px;
	}

    .numbers-card h4 {
        font-size: clamp(60px, calc((120 - 60) * (100vw - 500px) / (768 - 500) + 60px), 120px);
        line-height: 120px;
    }

}

@media(max-width:500px) {

	.header-submenu {
		width: calc(100vw - 32px);
	}

	.page-title__count {
		font-size: 32px;
	}

	.mobile-show {
		display: flex !important;
	}

	.slide-desc .column {
		gap: 19px;
		padding: 14px 13px;
	}

	h5.slide-title {
		letter-spacing: -0.03em !important;
	}

	.for-love__promotion {
		gap: 4px;
	}

	.for-love__title {
		max-width: 244px;
		min-height: inherit;
	}

	.btn-primary__forlove_mobile {
		display: flex;
		height: 49px;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 8px;
		font-size: 14px;
		font-weight: 700;
	}

	.for-love-wrapper .btn-primary {
		display: none;
	}

	.love-card {
		padding: 16px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-width: 297px;
		height: max-content;
		gap: 20px;
		border-radius: 6px;
	}

	/* .love-card__title {
        align-self: center;
        justify-content: flex-start;
    } */

	.for-love-left {
		padding: 16px 8px;
	}

	.for-love__promotion>* {
		font-size: 14px !important;
		font-weight: 600 !important;
		padding: 8px 12px !important;
		border-radius: 24px;
	}

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

	.overlay_active .buy-card-window {
		width: calc(100vw - 32px);
	}

	.for-love__promotion {
		flex-direction: column;
		background: var(--card-bg);
	}

	.for-love__promotion p,
	.for-love__promotion span {
		background: var(--white);
	}

	.for-love__icons .icon-wrapper {
		display: none;
	}

	input {
		padding-left: 12px;
	}

	textarea {
		padding: 21px 12px;
	}

	.details-wrapper {
		flex-direction: column;
		padding: 18px;
		gap: 6px;
	}

	.section-title_buy {
		font-size: 24px;
		line-height: 21.6px;
	}

	.details-wrapper p {
		width: 100%;
	}

	.map-club img {
		width: 24px;
		height: 24px;
	}

	.map-club h4 {
		font-size: 24px;
		line-height: 21.6px;
	}

	.club-preview {
		width: 40px;
		height: 40px;
	}

	.club-preview_2,
	.club-preview_3 {
		top: calc(15.9% + 45px);
	}

	.club-preview_3 {
		left: calc(50% + 25px);
	}

	.club-preview_4 {
		top: 53.73%;
		left: calc(34vw - 40px);
	}

	.section-title_feedback,
	.team .section-title,
	.app-wrapper .section-title,
	.for-love__title {
		font-size: 52px;
		line-height: 46.8px;
	}

	.section-title_map {
		font-size: 36px;
		line-height: 32.4px;
		max-width: 125px;
	}

	.team-card-wrapper {}

	.news {
		width: 100vw;
	}

	.container_flex,
	.team {
		margin: 75px 0;
	}

	.slide-desc-wrapper {
		flex-direction: column;
	}

	.slide-title {
		font-size: 36px;
		line-height: 32.4px;
	}

	.slide-icon img {
		width: 89px;
		height: 73px;
	}

	.slide-icon {
		width: 100%;
		height: 130px;
	}

	.global-slider-pagination p {
		font-size: 14px;
	}

	.phone,
	.back-call,
	.buy-card__btn {
		display: none;
	}

	.page-title {
		font-size: 50px;
		line-height: 52.2px;
	}

	.text-wrapper {
		gap: 8px;
	}

	.page-title_small {
		max-width: 330px;
	}

	.feedback {
		height: 242px;
	}

	.feedback-bottom img {
		width: 42px;
		height: 42px;
	}

	.feedback-top img {
		width: 30px;
		height: 27px;
	}

	.feedback {
		padding: 14px;
	}

	.feedback-top {
		gap: 40px;
	}

	.feedback-top p {
		font-size: 14px;
		line-height: 18.2px;
	}

	.numbers-card h4 {
		font-size: 55.92px;
		line-height: 55.92px;
	}

	.numbers-card {
		height: 180px;
		padding: 10px;
	}

	.center-section h4 {
		font-size: 36px;
		max-width: 233px;
		line-height: 32.4px;
	}

	.percent img {
		width: 13px;
		height: 24.2px;
		margin-top: 5px;
	}

	.numbers-card__description {
		font-size: 12px;
	}

	.menu-item {
		padding: 4px 4px 4px 10px;
	}

	.dropdown-menu {
		padding: 4px;
		gap: 4px;
	}

	.container {
		width: calc(100vw - 32px);
	}

	.footer-info {
		flex-wrap: wrap;
	}

	.years {
		order: 0;
		width: 50%;
	}

	.finik {
		order: 1;
		width: 50%;
		text-align: right;
	}

	.oferta {
		order: 2;
		margin-top: 5px;
	}

	.footer-menu .footer-col {
		width: calc(50% - 25px);
		font-size: 14px;
	}

	.footer-menu {
		flex-wrap: wrap;
		gap: 50px;
	}

	.footer-top {
		margin-top: 35px;
	}

	.buy-card .container_relative {
		background: none;
		height: max-content !important;
	}

	.heading_left h4 {
		font-size: 40px;
		line-height: 36px;
	}

	.buy-card-window {
		padding: 20px;
	}

	.dropdown-header {
		padding: 0 12px;
		font-size: 14px;
	}

	.dropdown-header img {
		width: 16px;
		height: 16px;
	}

	.container_touch {
		width: 100vw;
	}

	.counter-suffix {
		font-size: 18px;
	}

	/* Drawer */
	/* Вызов drawer */
	.trainers-dropdown__container {
		display: none !important;
	}

	.trainers-drawer-filter {
		align-items: center;
		justify-content: space-between;
		padding: 16px;
		background-color: var(--grey);
		border: none;
		border-radius: 8px;
		margin-bottom: 10px;
	}

	.drawer-filter-text {
		font-size: 14px;
		font-weight: 600;
		color: var(--dark-blue) !important;
	}

	.drawer-filter-icon {
		width: 18px;
		height: 18px;
	}

	/* Вызов drawer */
	/* Drawer */
	.drawer-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 10;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		overflow: hidden;
	}

	.drawer-overlay.active {
		display: block;
	}

	.body-lock-drawer {
		overflow: hidden;
		height: 100vh;
	}

	.drawer {
		position: fixed;
		bottom: -100%;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 80vh;
		background: white;
		padding: 16px;
		transition: bottom 0.3s ease-in-out, background 0.3s ease-in-out;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.drawer.open {
		bottom: 0;
	}

	.drawer.overlay.open::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}

	.close-drawer {
		align-self: flex-end;
		border-radius: 8px;
		width: 42px;
		height: 42px;
		background-color: var(--grey);
		padding: 8px 8px;
	}

	.drawer__title {
		font-size: 42px;
		line-height: 90%;
		margin-bottom: 40px;
	}

	.drawer-menu__container {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.drawer-menu-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 16px;
		border-bottom: 1px solid var(--grey);
		cursor: pointer;
		width: 100%;
	}

	.drawer-menu-item__title {
		font-weight: 600;
		font-size: 14px;
	}

	.submenu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-in-out;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		width: 100%;
	}

	.submenu.active {
		max-height: max-content;
		padding: 16px;
	}

	.toggle-icon {
		transition: transform 0.3s;
		font-size: 24px;
	}

	.drawer-menu-item.active .toggle-icon {
		transform: rotate(180deg);
	}

	.checkbox-label {
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		width: 100%;
	}

	.checkbox-label input {
		display: none;
	}

	.custom-checkbox {
		width: 24px;
		height: 24px;
		border: 1px solid #3838381A;
		border-radius: 4px;
		display: inline-block;
		position: relative;
	}

	.checkbox-label input:checked+.custom-checkbox::after {
		content: url('/assets/css/../svg/check-drawer.svg');
		width: 16px;
		height: 16px;
		position: absolute;
		top: 2px;
		left: 4px;
	}

	.drawer-bts {
		display: flex;
		justify-content: space-between;
		margin-top: auto;
		width: 100%;
		gap: 8px;
	}

	.reset-btn {
		background-color: #F1F2F4;
		color: var(--dark-blue);
		border-radius: 6px;
		flex: 1 1 auto;
	}

	.apply-btn {
		background-color: var(--dark-blue);
		color: var(--white);
		border-radius: 6px;
		flex: 1 1 auto;
	}

	/* drawer */

	/* Стили новой модалки, медяха */
	.buy-card-window__success {
		height: 440px;
		width: 343px;
		gap: 16px;
	}

	.success-modal__title {
		font-size: 56px;
		white-space: pre-line;
	}

	/* Стили новой модалки, медяха */
}

@media(max-width:430px) {

	.header-col3 {
		background: var(--white);
	}

	.for-love-left {
		margin-top: 0;
	}

	.global-slider-controls {
		border-radius: 6px;
	}

	.news-image {
		border-radius: 10.5px 10.5px 0 0;
	}

	.news-card {
		border-radius: 10.5px;
	}

	.buy-card-window {
		background-image: url('/assets/css/../img/card-line375.png');
		background-size: cover;
	}

	.buy-card-window_consultation {
		background-image: url('/assets/css/../img/line_consultation375.png');
		background-size: contain;
	}

	.for-love-left {
		background-image: url('/assets/css/../img/line_forlove375.png');
		background-position: bottom;
	}

	.app-wrapper {
		background-image: url('/assets/css/../img/line_app375.png');
		background-position-y: 395px;
		background-size: contain;
	}


	.map-card-wrapper {
		background-image: url('/assets/css/../img/line_map375.png');
		background-position: left;
		background-size: contain;
	}

	.details-wrapper {
		height: 134px;
	}

	.club-detail {
		bottom: 53px;
		left: 8px;
	}

	.btn-abs {
		left: 8px;
		bottom: 8px;
		right: 8px;
	}

	.dropdown-content_map.active {
		height: 430px;
		max-height: 430px;
	}

	.dropdown-image_map {
		height: 443px;
	}

	.header-submenu {
		width: calc(100vw - 32px);
		padding: 70px 16px 0 16px;
		align-self: flex-start;
		gap: 0;
	}

	.header-submenu.active {
		height: auto;
	}

	.header-submenu ul li a {
		font-size: 32px !important;
		line-height: 28.8px !important;
	}

	.body-lock .header-col1 {
		z-index: 11;
	}

	.mobile-phone {
		height: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	.app-left {
		width: 100%;
		align-items: center;
	}

	.app-left h3 {
		width: 271px;
		text-align: center !important;
	}

	.app-left p:first-of-type {
		text-align: center;
	}

	.app-icons {
		display: none;
	}

	.app-icons_mobile {
		display: flex !important;
		width: 100%;
		background: var(--card-bg);
		margin-top: 8px;
	}

	.app-wrapper {
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 0;
	}

	.app-card {
		top: 0;
		left: 0;
		position: relative;
		width: 100%;
		height: 123px;
		flex-direction: row;
		gap: 34px;
		padding: 12px 32px 12px 12px;
		justify-content: flex-start;
	}

	.app-card-title {
		text-align: left !important;
	}

	.app-icon {
		background: var(--white);
	}

	.app-card .app-icon-wrapper {
		flex-shrink: 0;
	}

	.app-right {
		display: none;
	}

	.app-section {
		margin-bottom: 75px;
	}

	.mobilephone-wrapper {
		display: flex;
	}

	.mobilephone-wrapper img {
		margin: 0 auto;
	}

	.app-card-info-wrapper {
		max-width: 211px;
		justify-content: space-between;
		display: flex;
		flex-direction: column;
	}

	.app-card-title {
		width: 205px;
	}

	.app-mobile-cards {
		display: block;
		width: 100%;
		margin-top: 6px;
	}

	.app-left {
		margin-bottom: -60px;
	}

	.transform-card_first {
		transform: translateY(-75px);
	}

	.transform-card_second {
		transform: translateY(-68px);
	}

	.transform-card_second .app-card-title {
		width: 191px;
	}

	.app-left .section-title {
		width: 271px;
	}

	.map-card-wrapper {
		padding: 8px;
	}

	.club-preview_6 {
		left: calc(61vw - 40px);
	}

	.club-preview_5 {
		left: calc(49vw - 35px);
	}

	.map-card-wrapper {
		gap: 20px;
	}

	.section-title_feedback {
		max-width: 342px;
	}

	.menu-item_date {
		flex-direction: column;
		gap: 8px;
		padding: 8px;
	}

	.menu-item_date span {
		width: 100%;
		height: 33px;
		border-radius: 2px;
	}

	/* стили модалки */
	.buy-card-window__success {
		background-image: none;
	}

	/* стили модалки */
}

@media (max-width:400px) {
	.page-title {
		font-size: 44px;
	}
}

@media(max-width:375px) {
	.club-preview_6 {
		left: calc(61vw - 40px);
	}

	.club-preview_5 {
		left: calc(49vw - 40px);
	}

}

.header-menu {
	position: relative;
}

.header-menu-item {
	position: relative;
	display: inline-block;
}

.header-menu-item::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 15px;
	background: transparent;
	pointer-events: auto;
}

.dropdown-menu_header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: absolute;
	top: calc(100% + 15px);
	left: 0;
	background-color: rgba(255, 255, 255, 0.12);
	padding: 12px 12px 12px 16px;
	list-style: none;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
	transform: translateY(-10px);
	pointer-events: none;
	text-transform: uppercase;
	color: var(--white);
	border-radius: 8px;
	width: 156px;
}

.scrolled .dropdown-menu_header {
	background: var(--white);
	color: var(--dark-blue);
	transform: translateY(-20px);
	top: calc(100% + 15px);
	left: -5px;
}

.header-menu-item:hover .dropdown-menu_header {
	pointer-events: all;
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.header-menu-link_drop {
	position: relative;
}

.header-menu-link_drop img {
	transition: transform 0.3s ease;
}

.header-menu-item:hover .header-menu-link_drop img {
	transform: rotate(180deg);
}

.dropdown-menu_header a {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.86px;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

* {
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}

*::-moz-scrollbar {
	width: 8px;
}

*::-moz-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

*::-moz-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}

*::-moz-scrollbar-thumb:hover {
	background: #555;
}

.gray-header .header-col2 {
	background: var(--card-bg);
}

.gray-header .header-col2 .arrow_black {
	display: block;
	width: 16px;
	height: 16px;
}

.gray-header .header-col2 .arrow_white {
	display: none;
}

.gray-header .header-col2 a {
	color: var(--dark-blue);
}

.cookie-notice {
	width: 415px;
	border-radius: 12px;
	right: 25px !important;
	bottom: 25px !important;
	left: auto !important;
	top: auto;
	max-width: calc(100% - 50px);
	z-index: 2147483647 !important;

	.cookie-notice__content {
		display: flex;
		flex-direction: column;

		a {
			text-decoration: none;
		}

		.cookie-notice__button-wrap,
		.cookie-notice__button {
			width: 100%;
		}

		.cookie-notice__button {
			border-radius: 8px !important;
		}
	}
}

@media(min-width:1921px) {
	.page-team-card .trainer {
		max-height: none !important;
		height: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 365 / 380;
	}
}

@media(max-width:768px) {
	.cookie-notice {
		width: 415px;
		border-radius: 12px;
		right: 15px !important;
		bottom: 15px !important;
		left: auto !important;
		top: auto;
		max-width: calc(100% - 30px);
	}
}

.services-detail-mq .section-title {
	margin-bottom: 30px;
	margin-top: 60px;
}

.dropdown-header .selected-item {
	color: #aab2c3;
}

.form-politic {
	width: 100%;
	max-width: 100% !important;
	margin-top: 10px;
}

.form-politic input[type=checkbox] {
	display: none;
}

.form-politic input[type=checkbox]+label {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	font-weight: 500;
	color: rgba(56, 56, 56, 1);
	width: 100%;
	gap: 10px;
	user-select: none;
	cursor: pointer;
}

.form-politic input[type=checkbox]+label:before {
	content: '';
	width: 24px;
	min-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(146, 154, 170, 1);
	border-radius: 4px;
	background: #FFF;
}

.form-politic input[type=checkbox]:checked+label:before {
	background-color: rgba(56, 56, 56, 1);
	background-image: url('/assets/svg/check-white.svg');
	background-repeat: no-repeat;
	background-position: center 55% !important;
	background-size: auto !important;
}

.form-politic a {
	color: var(--red);
}

/* Cтилизация кнопок фильтра на странице "Команда" */
.white-text {
	color: #fff !important;
}

.dropdown-container-trainers {
	background-color: red !important;
}
/* End */


/* Start:/assets/css/clubs.css?177633604017267*/
@import '/assets/css/../fonts/inter/stylesheet.css';
@import '/assets/css/../fonts/bebas/stylesheet.css';
@import '/assets/css/../fonts/monrope/stylesheet.css';
@import '/assets/css/../libs/splide/splide.min.css';

:root {
	--white: #ffffff;
	--grey: #F1F2F4;
	--dark-blue: #383838;
	--beige: #E1DAD7;
	--border: 1px solid rgba(255, 255, 255, 0.4);
	--card-bg: #F1F2F4;
	--red: #E82525;
}

.header {
	z-index: 4;
}

.rounded-8 {
	border-radius: 8px;
}

.rounded-16 {
	border-radius: 16px;
}

.rounded-24 {
	border-radius: 24px;
}

.text {
	font-size: 18px;
	line-height: 21.6px;
	font-weight: 600;
	color: var(--dark-blue);
}

.hover-effect_black::after {
	background: var(--red);
}

.text_grey {
	color: #CBD1DC;
}

.page-title_lg {
	font-size: 178px;
	line-height: 142.4px;
	color: var(--dark-blue);
	text-align: center;
}

.section-title_left {
	margin: 0;
	text-align: left;
}

.btn {
	border: none;
	padding: 20px 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24.6px;
}

.block-title {
	font-size: 52px;
	line-height: 46.8px;
}

/*  */

.btns-wrap {
	display: flex;
	gap: 8px;
}

.btn-schedule {
	background: var(--white);
	color: var(--dark-blue) !important;
	text-align: center;
}

.btn-join {
	background: var(--red);
	color: var(--white)
}

.btn-clubs-schedule {
	color: var(--dark-blue);
}

.routes {
	background: rgba(255, 255, 255, 0.5);
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 4px;
	margin-bottom: 64px;
}

.route {
	color: #B8BFCD;
	font-weight: 500;
	font-size: 16px;
	line-height: 21.86px;
	padding: 4px 12px;
}

.route_active {
	background: var(--white);
	padding: 8px 12px;
	color: var(--dark-blue);
	border-radius: 4px;
}

.page-info_bg {
	background: var(--card-bg);
}

.page-info {
	/* background: var(--card-bg); */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 74px 0 56px;
	scroll-snap-type: mandatory;
	z-index: 1;
}

.page-info_desc {
	max-width: 516px;
	text-align: center;
	line-height: 21.86px;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 32px;
	font-weight: 500;
}

.blog-info{
	.page-info_desc{
		margin-top: 80px;
		margin-bottom: 0;
		max-width: 1200px;
	}
}

.clubs-banner {
	margin-bottom: 32px;
	position: relative;
}

.clubs-video-banner {
	width: 100%;
	height: 100vh;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	/* z-index: 10; */
	margin-bottom: 20px;
	padding-right: 16px;
	padding-left: 16px;
}

.clubs-video-banner video {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover;
	pointer-events: none;
	border-radius: 16px;
}

.club-info {
	margin-top: 130px;
	margin-bottom: 36px;
}

.blog-info {
    position: relative;
	margin-bottom: 220px;
    z-index: 1;
}

.club-contacts-wrapper {
	background: var(--card-bg);
	display: flex;
	padding: 16px;
}

.club-contacts_left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 8px;
	width: 52.3%;
}

.club-contacts_right {
	width: 48.7%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.club-contacts_left p {
	font-size: 16px;
	line-height: 19.36px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	max-width: 361px;
	color: #000000;
}

.club-contact-item {
	padding: 8px 32px 8px 8px;
}

.club-contact-item__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	text-align: right;
}

.club-contact-item {
	background: var(--white);
	display: flex;
	gap: 16px;
}

.club-contact-item_img-wrap {
	width: 70px;
	height: 70px;
	background: var(--card-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 2px;
}

.club-contact-item_img-wrap img {
	width: 20px;
	height: 20px;
}

.club-slider {
	position: relative;
	margin: 40px auto;
	padding: 0;
	overflow: hidden;
	width: calc(100% - 40px);
	height: auto;
	min-height: 500px;
	z-index: 1;
	box-sizing: border-box;
}

.club-slider-wrapper {
	display: flex;
	gap: 4px;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.7s ease-in-out;
	box-sizing: border-box;
}

.club-slider-wrapper[data-index="0"] {
	opacity: 1;
	pointer-events: auto;
	position: relative;
}

.club-slider-left {
	width: 50%;
	background-image: url('/assets/css/../img/line_slider1920.png');
	background-repeat: no-repeat;
	background-position: right;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--card-bg);
	padding: 40px;
	border-radius: 16px;
	transform: translateX(0);
	transition: transform 1s ease-out;
}

.club-slider-right {
	width: 50%;
	border-radius: 16px;
	transform: translateX(0);
	padding-right: 54px;
	transition: transform 1s ease-out;
}

.club-slider-right img {
	border-radius: 16px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.club-slider-card {
	background-color: var(--white);
	width: 80%;
	height: 85%;
	border-radius: 16px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}

.club-slider-page {
	font-weight: 600;
}

.club-slider-title {
	font-size: 180px;
	display: inline-block;
}

.shadow-text {
	text-shadow:
		-190px 0px 4px rgba(0, 0, 0, 0.05),
		190px 0px 4px rgba(0, 0, 0, 0.05);
	font-family: 'Bebas Neue Cyrillic', sans-serif;

}

.club-slider-title p {
	font-size: 30px;
	line-height: 0;
	text-align: center;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
	letter-spacing: normal;

}

.club-slider-info {
	font-weight: 500;
	display: inline-block;
	text-align: center;
}

.club-slider-info:after {
	content: " ";
	display: block;
	text-align: center;
}

.club-slider-info span {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.club-slider-media {
	display: none;
}

/* выаваы */
.club-slider {
	position: relative;
	height: 100vh;
}


.work-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.work-info_bottom,
.work-info_top {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
}

.routes img {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.btns-wrap_mobile {
	display: none;
}

.banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 906px;
	position: relative;
	z-index: 3;
	transform-origin: top;
}

.banner-atlant {
	background-image: url(/assets/css/../img/banner-atlant.jpg);
}

.banner-hamovniki {
	background-image: url(/assets/css/../img/banner-hamovniki.jpg);
}

.banner-yg {
	background-image: url(/assets/css/../img/banner-yg.png);
}

.header-col1_clubs {
	background-color: var(--card-bg);
}

.header-col3_clubs,
.header-col3_clubs .burger-menu {
	background: var(--card-bg);
}

.header-col3_clubs .phone,
.header-col3_clubs .back-call {
	background: var(--white);
}

.header-col1_clubs.active {
	background: var(--white);
}


.page-info_bg {
	position: relative;
	overflow: hidden;
	transform-style: preserve-3d;
}

.page-info {
	transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.page-info::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.8;
}

.splide-cont {
	margin-left: 32px;
}

.splide__slide {
	cursor: pointer;
}

.club-photos-arrow_prev,
.club-photos-arrow_next {
	position: absolute;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 100px;
	height: 64px;
	border-radius: 40px;
	cursor: pointer;
	transition: background 0.3s;
}

.club-photos-arrow_prev {
	left: 0;
}

.club-photos-arrow_next {
	right: 0;
}

.club-photo-desc {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	width: 430px;
	/* height: 94px; */
	color: var(--white);
	left: 8px;
	transition: 0.5s ease;
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	/* tyt */
	justify-content: space-between;
}


.club-photo-desc h3 {
	/* max-width: 248px; */
	transition: 0.2s ease;
}

.club-photo-desc p {
	/* max-width: 381px; */
	display: none;
	font-size: 16px;
	line-height: 21.86px;
	font-weight: 500;
}

.club-photos-section {
	margin-top: 180px;
}

.splide-arrow-wrap p {
	display: none;
}

.photo_mobile {
	display: none;
}

.section-title_photos {
	margin-bottom: 44px;
}

.club-virtual .container {
	display: flex;
	gap: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.club-virtual-left {
	width: 35%;
	background-color: var(--grey);
	border-radius: 16px;
}

.club-virtual-right {
	width: 65%;
}

.club-virtual-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.club-virtual-left-upper {
	padding: 16px;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.club-virtual-left-upper-title {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.club-virtual-left-upper-title h2 {
	font-size: 100px;
	line-height: 90%;
}

.club-virtual-left-upper-title p {
	font-size: 16px;
	font-weight: 500;
}

.btn-virtual-club-mobile {
	display: none;
}

@media (hover: hover) {
	.splide_hover:hover .club-photo-desc {
		color: var(--dark-blue);
		background: var(--white);
		height: 240px;
		padding: 16px;
		justify-content: space-between;
	}

	.splide_hover:hover .club-photo-desc p {
		display: block;
	}
}

@media (hover: hover) and (max-width: 1440px) {

	.splide_hover:hover .club-photo-desc {
		height: 180px;
		padding: 8px;
	}

}

@media(max-width:1440px) {
	.club-slider {
		display: flex;
		width: calc(100% - 30px);
	}

	.club-slider-media {
		display: none;
	}

	.club-slider-card {
		width: 75%;
		height: 60%;
	}

	.club-slider-title {
		font-size: 140px;
		display: inline-block;
	}

	.club-slider-title p {
		font-size: 25px;
	}

	.club-slider-info {
		font-size: 14px;
	}

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

	.btn {
		font-size: 14px;
		line-height: 19.12px;
	}

	.page-title_lg {
		font-size: 130px;
		line-height: 104px;
	}

	.page-info_desc {
		font-size: 14px;
		line-height: 16.8px;
		max-width: 434px;
		margin-top: 12px;
		margin-bottom: 24px;
	}

	.page-info {
		padding: 55px 0 39px;
	}

	.rounded-16 {
		border-radius: 12px;
	}

	.rounded-24 {
		border-radius: 18px;
	}

	.rounded-8 {
		border-radius: 6px;
	}

	.text {
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
	}

	.btn {
		padding: 15px 36px;
	}

	/*  */

	.section-title_photos {
		margin-bottom: 33px;
	}

	.club-photo-desc {
		padding-left: 8px;
		width: 323px;
	}

	.club-photo-desc p {
		max-width: 286px;
	}

	.splide_hover .club-photo-desc p {
		font-size: 14px;
		line-height: 18.8px;
	}

	.club-photos-arrow_prev,
	.club-photos-arrow_next {
		width: 75px;
		height: 48px;
	}

	.splide_hover,
	.splide_hover img {
		height: 533px;
	}

	.splide-cont {
		margin-left: 24px;
	}

	.clubs-banner {
		margin-bottom: 24px;
	}

	.banner {
		height: 687px;
	}

	.route {
		font-size: 14px;
		line-height: 16.8px;
		padding: 6px 8px;
	}

	.routes {
		margin-bottom: 48px;
	}

	.route_active {
		padding: 6px 8px;
		text-wrap-mode: nowrap;
	}

	.club-info {
		margin-top: 98px;
		margin-bottom: 24px;
	}

	.club-contact-item_img-wrap {
		border-radius: 1.5px;
	}

	.club-contact-item_img-wrap img {
		width: 15px;
		height: 15px;
	}

	.club-contact-item {
		padding: 6px 24px 6px 6px;
	}


	.work-info_bottom,
	.work-info_top {
		gap: 12px;
	}

	.club-contact-item_img-wrap {
		width: 53px;
		height: 53px;
	}

	.work-info {
		gap: 9px;
	}

	.club-contacts_left p {
		font-size: 14px;
		line-height: 16.8px;
		font-weight: 500;
		max-width: 271px;
	}

	.club-contacts_left {
		padding: 6px;
	}

	.club-contacts-wrapper {
		padding: 12px;
	}

	.club-virtual-left-upper-title h2 {
		font-size: 76px;

	}

	.club-virtual-left-upper-title p {
		font-size: 14px;

	}
}

@media(max-width:1024px) {
	.club-contacts_right {
		width: 60%;
	}

	.club-contacts_left {
		width: 40%;
	}

	.club-virtual .container {
		flex-direction: column;
	}

	.club-virtual-left {
		width: 100%;
		padding: 0 160px;
	}

	.club-virtual-right {
		width: 100%;
	}

	.club-virtual-left-upper-title {
		gap: 20px;
	}

	.club-virtual-left-upper-title h2 {
		text-align: center;

	}

	.club-virtual-left-upper-title p {
		text-align: center;
	}

	.btn-virtual-club {
		display: none;
	}

	.btn-virtual-club-mobile {
		display: block;

	}

	.club-slider {
		width: calc(100% - 20px);
	}

	.club-photos-arrow_prev {
		left: 25px;
	}

	.club-photos-arrow_next {
		right: 25px;
	}
}

@media(max-width:768px) {

	.rounded-16 {
		border-radius: 6px;
	}

	.banner {
		height: 800px;
		background-position-x: 7%;
	}

	.club-info {
		margin-top: 81px;
		margin-bottom: 16px;
	}

	.club-contacts-wrapper {
		flex-direction: column;
	}

	.club-contacts_right {
		width: 100%;
	}

	.club-contacts_left {
		width: 100%;
		flex-direction: row;
		padding-left: 0;
		padding-bottom: 40px;
		justify-content: flex-start;
		gap: 112px;
	}

	.club-slider {
		display: none;
		width: calc(100% - 10px);
	}

	.club-slider-media {
		display: flex;
		flex-direction: column;
		gap: 4px;
		padding: 18px;
	}

	.club-media-card {
		width: 100%;
		border-radius: 16px;
		position: relative;
	}

	.club-media-card img {
		width: 100%;
		height: 417px;
		object-fit: cover;
		border-radius: 16px;
	}

	.card-media-info {
		border-radius: 6px;
		background-color: var(--card-bg);
		padding: 8px 16px 8px 8px;
		position: absolute;
		bottom: 3%;
		left: 1%;

	}

	.card-media-title {
		font-size: 40px;
		font-family: 'Bebas Neue Cyrillic', sans-serif;
		margin-bottom: 25px;
	}

	.card-media-desc {
		font-size: 14px;
		font-weight: 500;
		white-space: pre-line;
	}

	.splide-arrow-wrap p {
		display: block;
	}

	.photo_mobile {
		display: block;
	}

	.photo_desktop {
		display: none;
	}

	.splide_hover img {
		height: 417px;
	}

	.splide-cont {
		margin: 0;
	}

	.club-photos-arrow_prev,
	.club-photos-arrow_next {
		position: static;
		transform: translateY(0);
		width: 16px;
		height: 16px;
	}

	.club-photo-desc {
		position: static;
	}

	.club-photo-desc {
		color: var(--dark-blue);
		flex-direction: row;
		justify-content: space-between;
		width: 101%;
		background: var(--card-bg);
		margin-top: 8px;
		height: 157px;
		padding: 8px;
	}

	.club-photo-desc p {
		display: block;
		margin-right: 80px;
	}

	.splide-arrow-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: calc(100vw - 48px);
		background: var(--card-bg);
		margin: 0 auto;
		padding: 12px 8px;
		box-sizing: content-box;
		border-radius: 6px;
		margin-top: 8px;
	}

	.club-photos-arrow_prev img,
	.club-photos-arrow_next img {
		width: 16px;
		height: 16px;
	}

	.splide_hover,
	.splide_hover img {
		height: auto;
	}

	.splide-arrow-wrap p {
		font-size: 14px;
		font-weight: 600;
		line-height: 12.6px;
	}

	.club-virtual-left {
		padding: 0 40px;
	}

	.club-slider-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.club-photos-arrow_prev {
		left: 20px;
	}

	.club-photos-arrow_next {
		right: 20px;
	}
}



@media(max-width:430px) {

	.block-title {
		font-size: 32px;
		line-height: 28.8px;
	}

	.rounded-24 {
		border-radius: 12px;
	}

	.page-title_lg {
		font-size: 68px;
		line-height: 61.2px;
	}

	.btn {
		width: 50%;
	}

	.club-photos-section {
		margin-top: 40px;
	}

	/*  */

	.club-info {
		margin-bottom: 8px;
	}

	.club-slider-media {
		gap: 8px;
	}

	.club-media-card img {
		height: 194px;
		max-height: 194px;
	}

	.card-media-info {
		position: static;

	}

	.card-media-title {
		margin-bottom: 10px;
	}

	.banner {
		height: 543px;
		background-position-x: 0;
	}

	.clubs-banner {
		margin-bottom: 16px;
	}

	.routes {
		margin-bottom: 70px;
	}

	.btns-wrap_mobile {
		margin-top: 8px;
		display: flex;
	}

	.page-info_desc {
		margin-bottom: 0;
		max-width: 336px;
		margin-top: 0;
	}

	.page-info {
		padding: 16px 0 83px;
	}

	.btns-wrap_mobile .btn-schedule {
		background: var(--card-bg);
	}

	.btns-wrap_desktop {
		display: none;
	}

	.section-title_left {
		font-size: 36px;
		line-height: 32.4px;
	}

	.club-contacts_left {
		flex-direction: column;
		gap: 13px;
		padding-bottom: 20px;
	}


	.club-contact-item {
		padding-right: 16px;
	}

	.club-contact-item__info p:first-child {
		display: none;
	}

	.club-contact-item__info {
		justify-content: flex-end;
	}

	.club-contact-item {
		gap: 12px;
	}

	.btn-join {
		padding: 15px 32px;
	}

	.splide_hover img {
		height: 195px;
		width: 100%;
		object-fit: cover;
	}

	.splide-arrow-wrap {
		width: calc(100vw - 32px);
	}

	.club-photo-desc {
		flex-direction: column;
		justify-content: space-between;
		height: 180px;
		width: 100%;
	}

	.club-photo-desc p {
		margin: 0;
	}

	.section-title_photos {
		font-size: 36px;
		line-height: 32.4px;
		/*max-width: 248px;*/
	}

	.club-virtual-left-upper-title h2 {
		font-size: 52px;

	}

	.club-virtual-left {
		padding: 0 10px;
	}

	.btn-virtual-club-mobile {
		width: 100%;
	}

	.club-slider-wrapper {
		padding-left: 5px;
		padding-right: 5px;
	}

	.club-photos-arrow_prev {
		left: 10px;
	}

	.club-photos-arrow_next {
		right: 10px;
	}

	.club-photos-section #club-photos {
		height: 383px;
	}
}

.blog-detail-text-right .buy-card-window{
	width:100%;

	h4{
		font-size: 52px;
		line-height: 90%;
	}

}

@media (max-width:1440px){
	.blog-detail-text-right .buy-card-window{
		h4{
			font-weight: 400;
			font-size: 36px;
		}
	}
}
/* End */


/* Start:/assets/css/fitnes.css?17670048725062*/
.fitness-marquee .container {
  background-color: var(--grey);
  border-radius: 16px;
  padding-top: 24px;
  padding-bottom: 60px;
}
.marquee-content-fitnes {
  display: flex;
  gap: 8px;
  animation: marquee 30s linear infinite;
}
.fitnes-card-mq {
  display: flex;
  flex-direction: column;
  width: calc(25% - 8px);
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.fitnes-card-mq > img {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  max-height: 379px;
}
.fitnes-card-info {
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
.fitnes-desc {
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  text-wrap: auto;
}


.fitnes-species .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  /* padding-bottom: 24px; */
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}
.fitnes-species .container::-webkit-scrollbar {
  display: none;
}
.species-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 280px;

}
.species-card img {
  width: 100%;
  height: 100%;
  max-width: 207px;
  max-width: 207px;
  object-fit: cover;
}
.species-card-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  line-height: 120%;
}

.fitnes-section {
  margin-bottom: 60px;
}
.fitnes-section .container {
  display: flex;
  gap: 4px;
}
.fitnes-section-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 25%;
}
.dropdown-container-fitnes {
  /* width: 100%; */
  border-radius: 16px;
}
.fitnes-dropdown-header {
  background-color: var(--grey);
  border-radius: 16px;
}

.fitnes-section-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 75%;
}
.fitnes-card {
  width: calc(33.33% - 8px);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.fitnes-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
}
.fitnes-card-lower {
  display: flex;

  justify-content: space-between;
  padding: 8px;
}
.fitnes-text {
  font-weight: 500;
  font-size: 20px;
  color: var(--dark-blue);
  cursor: pointer;
}
.fitnes-card-lower img {
  width: 100%;
  height: 100%;
  
  max-width: 32px;
  max-height: 32px;
}
.fitnes-seemoree__container {
  width: 100%;
}
/* .btn-fitnes-see {

} */
.fitnes-section-filter-mobile {
  display: none;
}
@media (max-width: 1440px) {

  .fitnes-desc {
    font-size: 14px;
  }
  .fitnes-card-info {
    align-items: center;
  }
  .fitnes-card-info img  {
    max-width: 32px;
    max-height: 32px;
  }

  .fitnes-species .container {
    justify-content: space-between;
  }
  .species-card {
    min-height: 220px;
    width: calc(12.5% - 8px);
  }
  .species-card  img{
    max-width: 135px;
    max-height: 135px;
  }
  .species-card-text {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .species-card {
    min-height: 160px;
  }
  .species-card img {
    min-width: 80px;
    min-height: 80px;
  }
  .species-card-text {
    font-size: 14px;
  }

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

  .fitnes-species .container {
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto; 
    white-space: nowrap; 
    padding-bottom: 10px; 
    -webkit-overflow-scrolling: touch; 
    gap: 24px;
  }
  .species-card-text {
    white-space: normal; 
  }
  .fitness-marquee .container {
    padding-bottom: 20px;
  }
  .fitnes-card-mq {
    width: calc(33.33% - 8px);
  }
  .fitnes-card-info img{
    max-width: 24px;
    max-height: 24px;
  }

  .fitnes-section .container {
    flex-direction: column;
    gap: 12px;
  }
  .fitnes-section-filter {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
  }
  .dropdown-container-fitnes {
    width: calc(33.3% - 8px);
  }
  .fitnes-section-cards {
    width: 100%;
  }
  .fitnes-card-lower img {
    max-width: 18px;
    max-height: 18px;
  }
  .fitnes-text {
    font-size: 14px;
    font-weight: 600;
  }
  .fitnes-section-filter {
    display: flex;
  }
  .fitnes-section-filter-mobile {
    display: none;
  }

}
@media (max-width: 500px) {
  .fitnes-species .container {
    gap: 20px;
  }
  .fitnes-card-mq {
    width: calc(100% - 8px);
  }

  .species-card {
    width: calc(25% - 16px);
    min-width: 80px;;
  }
  .species-card img {
    width: 72px;
    height: 72px;
  }
  .species-card-text {
    font-size: 12px;
  }
  .fitnes-card {
    width: calc(50% - 8px);
  }
  .fitnes-seemoree__container {
    width: 100%;
  }
  .btn-fitnes-see {
    width: 100% !important;
  }
  .fitnes-section-filter {
    display: none;
  }
  .fitnes-section-filter-mobile {
    display: flex;
  }
  .dropdown-container-fitnes-mobile {
    width: 100%;
  }
  .fitnes-dropdown-header-mobile {
    width: 100% ;
    background-color: var(--grey);
    border-radius: 16px;
  }
}

.services-detail-section li,
.club-info-text li{
    list-style: initial;
    list-style-position: inside;
}

.services-detail-section li p,
.club-info-text li p{
    display:contents;
    color:#000;
}
/* End */


/* Start:/assets/css/subscription.css?17464837078625*/
.subscription-section .container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
.subscribtion-card {
  width: calc(33.3% - 16px);
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: var(--grey);
  border-radius: 12px;
}
.subscribtion-card-upper {
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.subscr-card__icon {
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  width: 100%;
  height: 100%;
  max-width: 100px;
  max-height: 100px;
}
.subscribtion-card:hover .subscr-card__icon {
  opacity: 1;
}
.subscr__icon1 {
  left: 0;
  top: calc(50% - 35px);
  transform: rotate(-15deg);
}
.subscr__icon2 {
  top: calc(50% - 35px);
  right: 0;
  transform: rotate(15deg);
}
.subscr__icon3 {
  left: calc(50% - 35px);
  bottom: 0;
  transform: rotate(15deg);
}
.subscribtion-card-lower {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-height: 530px;
  cursor: pointer;
}
.subscribtion-card-upper-title {
  font-size: 52px;
  padding: 0 60px;
  text-align: center;
  z-index: 2;
}
.subscribtion-card-lower-desc {
  padding: 12px 8px;
}
.subscribtion-card-lower-desc p {
  font-size: 16px;
  font-weight: 600;
}
.subscribtion-card-lower-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 24px;
  min-height: 184px;
}
.subscribtion-card-lower-elem {
  display: flex;
  gap: 8px;
}
.subscribtion-card-lower-elem p {
  font-size: 16px;
  font-weight: 600;
}
.subscribtion-card-lower-list-btns {
  display: flex;
  gap: 8px;
}
.subscribe-btn {
  color: var(--white);
  background-color: var(--red);
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 16px;
  max-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-btn--img {
  padding: 12px 16px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
}

.certificate-section .container {
  display: flex;
  background-color: var(--grey);
  background-image: url(/assets/css/../img/certificate-line.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  margin-bottom: 20px;

}
.certificate-left {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 0 24px 24px;
}
.certificate-right {
  width: 65%;
}
.certificate-left-description {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.certificate-left-description-title {
  font-size: 68px;
  line-height: 90%;
  white-space: pre-line;
}
.certificate-left-description-text {
  font-weight: 500;
  font-size: 16px;
}
.certificate-right {
  position: relative;
}
.certificate-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn-certificate-mobile {
  display: none;
}
/* форма */
.buy-certeficate-window {
  width: 940px;
  background-color: var(--white);
  padding: 16px;
  border-radius: 16px;
  position: relative;
  overflow: auto;
  height: 95vh;
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}
.buy-certeficate-window::-webkit-scrollbar {
  display: none;
}
.close-card-certeficate {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  background-color: var(--grey);
  width: 56px;
  height: 56px;
}
.certeficate-modal__title {
  font-size: 68px;
  line-height: 90%;
  text-align: center;
  white-space: pre-line;
  margin: 32px 0 16px 0;
}
.certeficate-modal__img {
  background-color: var(--grey);
  border-radius: 16px;

}
.certeficate-modal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buy-certificate-form {
  background-color: var(--grey);
  border-radius: 16px;
  padding: 24px ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}
.certeficate-modal__text {
  font-size: 16px;
  font-weight: 600;
  margin: 4px 0;
}
.certeficate-modal__input-box {
  display: flex;
  gap: 8px;
}
.certeficate-modal__input-wrap {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.certeficate-currency-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
 .currency {
  position: absolute;
  right: 20px;
  top: 40px;
  transform: translateY(-50%);
  color: #383838;
  font-size: 16px;
  font-weight: 600;
  pointer-events: none;
}
.certeficate-currency-box input[placeholder='Номинал']:focus + .currency {
  display: none; 
}
.certeficate-currency-box input[placeholder='Номинал'] {
  width: 100%;
}
.certeficate-modal__input-box input[placeholder='E-mail'], 
.certeficate-modal__input-box input[placeholder='Телефон'] {
  width: 100%;
}
.certeficate-modal__send-box {
  display: flex;
  gap: 16px;
  width: 100%;
}
.btn--send-certificate {
  padding: 12px 32px;
  width: 260px;
  height: 56px;
}
/* конец формы */
.certificate-btns-mobile__container {
  display: none;
}
@media (max-width: 1440px) {
  .subscribtion-card-upper {
    min-height: 210px;
  }
  .subscribtion-card-upper-title {
    font-size: 39px;
  }
  .subscr-card__icon {
    max-width: 70px;
    max-height: 70px;
  }
  .subscribtion-card-lower-desc p {
    font-size: 14px;
  }
  .subscribtion-card-lower-elem p {
    font-size: 14px;
  }
  .certificate-left-description-title {
    font-size: 51px;
  }
  .certificate-left-description-text {
    font-size: 12px;
  }
  .currency {
    top: 30px;
  }
  .subscribe-btn {
    max-height: 48px;
  }
  .subscribe-btn--img {
    width: 48px;
    height: 48px;
  }

  /* форма */
  .buy-certeficate-window {
    width: 705px;
    padding: 12px;
  }
  .buy-certificate-form {
    padding: 18px;
  }
  .certeficate-modal__title {
    font-size: 51px;
  }
  .close-card-certeficate {
    width: 42px;
    height: 42px;
  }
  .close-card-certeficate img {
    width: 18px;
    height: 18px;
  }
  .form-politic-certificate {
    font-size: 14px;
  }
  .certeficate-modal__text {
    font-size: 14px;
  }
  .certeficate-modal__send-box {
    align-items: center;
  }
  .btn--send-certificate {
    padding: 9px 24px;
    height: 42px;
    width: 195px;
  }
  .currency {
    font-size: 14px;
  }
  /* конец стилей формы */
}
@media (max-width: 768px) {
  .subscribtion-card {
    width: calc(50% - 8px);
  }
  .subscr-card__icon {
    opacity: 1;
    max-width: 60px;
    max-height: 60px;
  }
  .subscribtion-card-upper {
    min-height: 167px;
  }
  .subscribtion-card-upper-title {
    font-size: 32px;
  }
  .certificate-section .container {
    background-image:none;
    flex-direction: column;
    gap: 40px;
  }
  .certificate-left,
  .certificate-right {
    width: 100%;
  }
  .certificate-left {
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
  }
  .certificate-left-description {
    align-items: center;
  }
  .certificate-left-description-title {
    text-align: center;
  }
  .certificate-left-description-text {
    text-align: center;
    padding: 0 120px;
    font-size: 14px;
  }
  .btn-certificate-desk {
    display: flex;
  }
  .btn-certificate-mobile {
    display: none;
  }
  .subscribe-btn--img {
    width: 43px;
    height: 43px;
  }
  .subscribe-btn {
    max-height: 43px;
  }

}
@media (max-width: 475px) {
  .certificate-section .container {
    gap: 10px;
  }
  .subscribtion-card {
    width: 100%;
  }
  .certificate-left-description-title {
    font-size: 42px;
  }
  .certificate-left-description-text {
    padding: 0 20px;
  }
  .btn-certificate-desk {
    display: none;
  }
  .certificate-btns-mobile__container {
    display: flex;
    padding: 0 12px;
  }
  .btn-certificate-mobile {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    border: none;
    font-weight: 700;
    padding: 15px 36px;
    font-size: 14px;
  }
  .subscribe-btn {
    width: 100%;
  }

    /* форма */
    .buy-certeficate-window {
      width: 375px;
    }
    .certeficate-modal__title {
      font-size: 42px;
    }
    .certeficate-modal__input-box {
      flex-direction: column;
    }
    .certeficate-modal__input-wrap {
      width: 100%;
    }
    .certeficate-modal__send-box {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    .btn--send-certificate {
      padding: 9px 24px;
      height: 42px;
      width: 100%;
    }
    /* конец стилей формы */
}
#payment-form-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* End */
/* /local/components/donsport/cookie_notice/templates/.default/style.css?17525882151513 */
/* /local/templates/donsport/styles.css?17763367274650 */
/* /assets/css/style.css?177485767771878 */
/* /assets/css/clubs.css?177633604017267 */
/* /assets/css/fitnes.css?17670048725062 */
/* /assets/css/subscription.css?17464837078625 */