#events .swiper-pagination

/* .main-title {
	font-size: 48px;
	padding-bottom: 48px;
	font-family: 'Manrope-Bold', sans-serif;
} */
.swiper-container {
	overflow: hidden;
}

.title-desc {
	font-size: 24px;
}

.def-title {
	font-size: 30px;
}

.title {
	font-size: 24px;
	font-family: 'Manrope-Bold', sans-serif;
}

.desc {
	padding-top: 16px;
	font-size: 16px;
}

.ovflw-hidden {
	overflow: hidden;
}

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

.btn-color-ver-2 {
	background-color: #303341;
}

#events .btn-container {
	max-width: 1160px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#events .btn-color-ver-3 {
	position: absolute;
	right: 0;
}

.btn-color-ver-3 {
	color: var(--main-light-color);
	background-color: #1C1C1C;
}

.no-active-btn {
	background-color: #dce2e9;
	color: var(--main-dark-color);
}

.p-0 {
	padding: 0;
}

.mainPage-hero {
	padding: 0px 0px 0px 0px;
	margin-left: 24px;
	position: relative;
	/* width: 100vw; */
	height: 740px;
	display: flex;
	align-items: center;
}

.mainPage-logo {
	position: absolute;
	top: 22px;
	left: 6.5%;
	z-index: -1;
}

.mainPage-hero svg {
	border-radius: 0px 0px 32px 32px;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100vw - 24px);
	/* height: 739; */
	z-index: -1;
}

#hero .mainPage__buttons {
	display: flex;
	flex-direction: row;
	gap: 16px;
}


#hero .btn,
#gray-section .btn {
	font-family: "Manrope-Regular", "sans-serif";
	padding: 12px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	gap: 8px;
	max-width: 195px;
}

#hero .btn {
	max-width: 100%;
}
.mainPage-btn {
  display: inline-flex !important;           
  align-items: center;            
  justify-content: center;        
  gap: 8px;                       
  padding: 10px 20px;             
  border: none;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.mainPage-btn:hover {
  color: #cf0e0f; /* при наведении и текст, и иконка красные */
}

.mainPage-btn__icon {
  color: currentColor; 
  z-index: 10 !important; 
  position: relative !important;    
  width: 22px !important;    
} 
.mainPage-btn:active {
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.5);
  background-color: white !important;
}

#hero p {
	font-family: "Manrope-ExtraLight", "sans-serif";
	color: var(--main-light-color);
}

.mainPage__desc {
	font-family: "Manrope-ExtraLight", "sans-serif";
	color: var(--reserved-accent-color);
}

#hero h1,
#gray-section h1 {
	font-size: 47px;
	font-family: "Manrope-Medium", "sans-serif";
	color: var(--main-light-color);
}

#hero .hero-items {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: auto;
	max-width: 1440px !important;
}

#hero .hero-items-desc {
	display: block;
	max-width: 50%;
}

#hero-items-img {
	display: block;
	width: 40%;
}

#hero .container-hero .img,
#hero .container-hero .img-m {
	z-index: -1;
	position: absolute;
}

#hero .container-hero {
	position: absolute;
	display: flex;
	width: 100%;
	top: 0;
	height: 739px;
	max-width: calc(100vw - 16px);
	border-radius: 32px;
	border-radius: 0px 0px 32px 32px;
	overflow: hidden;
	align-items: center;
}

#hero .container-fluid {
	max-width: 1440px !important;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#hero .mobile-laptop {
	display: none;
}

.img-m {
	display: none;
}

#gray-section .container-fluid,
#events .container-fluid,
#white-block .container-fluid {
	padding: 40px 0px;
}

#callback-form .container-fluid {
	background-color: #F1F5F9;
	padding: 24px 0px;
}

#gray-section .fill-color {
	background-color: var(--reserved-dark-color);
}

#gray-section .mainPage__desc {
	max-width: 510px;
}

#gray-section .mainPage-container,
#gray-section .mainPage-container-grid,
#events .mainPage-container,
#callback-form .mainPage-container,
#white-block .mainPage-container {
	max-width: 1160px;
}

#gray-section .mainPage-container-grid {
	padding: 40px 0px;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	width: 100%;
	gap: 0px 16px;
}

.mainPage-container {
	padding: 40px 0px;
}

#callback-form .mainPage-container {
	padding: 24px 0px;
}

.mainPage-textblock-1,
.mainPage-textblock-2,
.mainPage-imageblock-1 {
	display: grid;
	width: auto;
}

#gray-section .mainPage-textblock-1 h1 {
	margin-bottom: 24px;
	max-width: 90%;
}

.mainPage-textblock-1 {
	grid-column: 1;
	grid-row: 1;
	margin-bottom: 16px;
}

.mainPage-textblock-2 a {
	justify-content: flex-end;
	/* Выравниваем контент по нижнему краю */
	align-items: flex-end;
	margin-top: 40px;
}

.mainPage-imageblock-1 {
	align-items: center;
	grid-row: 1 / span 2;
}

.imageblock-1__img {
	align-self: center;
	max-width: 600px;
	max-height: 450px;
	position: relative;
	width: 509px;
	height: 375px;
	/* width: 35.4vw;
	height: 26.005vw; */
	border-radius: 32px;
	z-index: 1;
}

.imageblock-1__img::before {
	content: "";
	position: absolute;
	top: 25px;
	left: 24px;
	width: 100%;
	/* Учитываем смещение */
	height: 100%;
	border-radius: 32px;
	z-index: -1;
	border: 1px solid rgba(217, 45, 64, 0.4);
	box-sizing: border-box;
}

.imageblock-1__img img {
	width: 100%;
	border-radius: 32px;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.mainPage-gray__row,
.mainPage-gray__row-sm,
.white__row {
	justify-content: center;
	align-items: center;
	gap: 40px;

}

.mainPage-gray__col {
	max-width: 360px;
	padding: 0;
}

.mainPage-gray__col-sm {
	position: relative;
	max-width: 260px;
	padding: 0;
	align-self: stretch;
}

.block-under-title {
	margin-top: 24px;
	margin-bottom: 48px;
	max-width: 65%;
}

.mainPage-gray__card-sm {
	padding: 32px;
	background-color: #1C1C1C;
	border-radius: 32px;
	display: flex;
	align-items: center;
	height: 100%;
}

.col-3.mainPage-gray__col-sm span {
	content: "";
	position: absolute;
	top: -16px;
	left: -16px;
	width: 48px;
	color: var(--main-light-color);
	font-size: 23px;
	text-align: center;
	height: 48px;
	background-color: #D42300;
	border-radius: 50%;
	z-index: 1;
	display: flex;
	/* Превращаем span в flex-контейнер */
	justify-content: center;
	/* Выравниваем по горизонтали */
	align-items: center;
}

.mainPage-gray__card-sm p {
	font-size: 19px;
	font-family: "Manrope-ExtraLight", "sans-serif";
	color: var(--main-light-color)
}

.mainPage-gray__card {
	padding: 84px 32px 32px 32px;
	background-color: #1C1C1C;
	border-radius: 32px;
	z-index: 10;
	position: relative;
}

.mainPage-gray__col {
	position: relative;
}

.mainPage-gray__col::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 100%;
	/* Учитываем смещение */
	height: 100%;
	border-radius: 32px;
	z-index: -1;
	border: 1px solid rgba(217, 45, 64, 0.4);
	box-sizing: border-box;
}

.mainPage-gray__card img {
	position: absolute;
	top: -16px;
	left: 32px;
}

.mainPage-gray__card h5 {
	margin-bottom: 24px;
	font-family: "Manrope-Medium", "sans-serif";
	font-size: 24px;
	color: var(--main-light-color);
}

#events .swiper-container,
#gray-section .swiper-container {
	position: relative;
	padding-bottom: 52px;
}

#events .m-btn {
	display: none;
	padding: 9px 16px;
	font-size: 15px;
	font-family: "Manrope-Medium", "sans-serif";
	background-color: #2B2E3A;
}

#events .swiper-controls,
#gray-section .swiper-controls {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	margin-bottom: 6px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	width: 38px;
	height: 38px;
	/* Размер иконок */
}

#events .flex-container.flex-container:first-child {
	margin-bottom: 32px;
}

#hero .mainPage__buttons {
	margin-top: 66px;
}

.swiper-wrapper {
	display: flex;
	margin-bottom: 16px;
	align-items: stretch;
}

.swiper-slide {
	height: auto;
	display: flex;
}

.flex-container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.contact-card-textblock {
	flex-grow: 1;
}

.contact-card__description {
	flex-grow: 1;
	margin-bottom: 15px;
}

#events .swiper-controls img,
#gray-section .swiper-controls img {
	width: 38px;
	height: 38px;
	z-index: 100;
}

#events .swiper-pagination,
#gray-section .swiper-pagination {
	position: static;
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 8px 0px;
}

#events .swiper-pagination-bullet,
#gray-section .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	background-color: #DCE2E9;
	opacity: 1;
}

#gray-section .swiper-pagination-bullet {
	background-color: #acacac;
}

#events .swiper-pagination-bullet-active {
	background-color: #2B2E3A;
}

#gray-section .swiper-pagination-bullet-active {
	background-color: #C1D4F9;
}

.mainPage__title {
	width: 100%;
	margin-bottom: 24px;
}

#events .btn {
	background-color: #2B2E3A;
}

#callback-form .mainPage__title {
	font-family: "Manrope-SemiBold", "sans-serif" !important;
	margin-bottom: 16px !important;
}

#events .mainPage__title-ver-2 {
	font-family: "Manrope-SemiBold", "sans-serif" !important;

}

#callback-form .block-under-title {
	margin: 0px 0px 24px 0px;
}

#gray-section .contact__row,
#white-block .white__row {
	max-width: 1160px;
	width: 1160px;
	gap: 40px;
}

#events .events__row {
	gap: 24px 40px;
	margin-bottom: 32px;
	max-width: 1160px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#gray-section .contact__col,
#events .event__col {
	max-width: 560px;
	width: 100%;
	padding: 0;
}

#gray-section .contact-card,
#events .event-card {
	display: flex;
	width: 100%;
	border-radius: 32px;
	padding: 32px;
	flex-direction: row;
	height: 100%;
	flex-grow: 1;
}

#events .event-card {
	flex-direction: column;
}

#gray-section .contact-card {
	background-color: #1C1C1C;
}

#events .event-card {
	font-family: "Manrope-ExtraLight", "sans-serif";
	background-color: #F1F5F9;
}

#events .event-card__date,
#events .event-card__desc {
	color: #787878;
	font-size: 15px;
}

#events .event-card__date {
	width: 100%;
}

#events .event-card__title {
	color: var(--reserved-dark-color);
	font-size: 23px;
	width: 100%;
}

#events .flex-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

#events .event-card__desc {
	width: 50%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3.6em;
	line-height: 1.2;
	align-self: flex-end;
}

#events .event-card__btn.def-btn{
	background-color: #DCE2E9;
	color: var(--reserved-dark-color);
	font-size: 15px;
	padding: 12px 16px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	max-height: 49px;
	height: 100%;
	align-self: flex-end;
	transition: box-shadow 0.3s ease;
}
#events .event-card__btn.def-btn:hover {
	box-shadow: 0 0 0 2px var(--reserved-dark-color);
}

#events .def-btn {
	display: flex;
	gap: 0px;
	color: white;
	transition: box-shadow 0.3s ease,color 0.3s ease,background-color 0.3s ease;
}
#events .def-btn:hover {
	color: var(--accent-color);
	background-color: white;
	box-shadow: 0 0 0 2px var(--accent-color);
}
#events .def-btn svg:hover {
	background-color: var(--accent-color);
}
#gray-section .contact-card img {
	max-width: 32%;
	max-height: 217px;
	object-fit: cover;
	border-radius: 32px;
}

#gray-section .contact-card-textblock {
	margin-left: 24px;
	font-family: 'Manrope-ExtraLight', "sans-serif";
}

#gray-section .contact-card__name {
	color: var(--main-light-color);
	font-size: 29px;
}

#gray-section .contact-card__position {
	color: var(--reserved-accent-color);
	font-size: 15px;
}

#gray-section .contact-card__description {
	color: var(--main-light-color);
	font-size: 15px;
	line-height: 1.6 !important;
}

#gray-section .contact-card__btn {
	color: var(--main-light-color);
	font-size: 16px;
	max-width: 100% !important;
	width: 100%;
	background-color: #2B2E3A;
	border-radius: 16px;
}

.form-group {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding-bottom: 24px;
}

.form-group input {
	width: 24.55%;
	padding: 11px 16px;
	border: 1px var(--reserved-dark-color) solid;
	border-radius: 16px;
}

.form-group button,
.form-group input[type='submit'] {
	transition: border 0.3s ease, box-shadow 0.3s ease,background-color 0.3s ease;
	width: 22.22%;
	padding: 11px 16px;
	border: none;
	border-radius: 16px;
	color: white;
	background-color: var(--accent-color);
}

.form-group button:hover,
.form-group input[type='submit']:hover {
	
	color: var(--accent-color);
	background-color: white;
}
.form-group button:active,
.form-group input[type='submit']:active {
	color: var(--accent-color);
	background-color: white;
	box-shadow: 0 0 0 2px var(--accent-color);
}

.red-words {
	color: var(--accent-color);
}

#white-block .mainPage-container h1 {
	font-size: 47px;
	font-family: "Manrope-SemiBold", "sans-serif";
	text-align: center;
	margin-bottom: 16px;
}

#white-block .mainPage-container h5 {
	font-size: 23px;
	color: var(--reserved-dark-color);
	text-align: center;
	margin-bottom: 48px;
}

#white-block .white__row {
	gap: 40px;
	margin-left: auto;
	margin-right: auto;
}

#white-block .white__col {
	max-width: 360px;
	padding: 0;
}

#white-block .white__col-lg {
	background-color: #F1F5F9;
	width: 100%;
	border-radius: 32px;
	padding: 32px;
}

#white-block .white-card {
	width: 100%;
	padding: 115px 36px 44px 36px;
	border-radius: 32px;
	background-color: #F1F5F9;
	text-align: center;
	position: relative;
}

#white-block .white-card-lg {
	display: flex;
}

#white-block .card__desc-b {
	width: 63.5%;
	font-size: 23px;
	font-family: "Manrope-Medium", "sans-serif";
}
#white-block .btn-card {
    padding: 12px 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.0;
    border-radius: 16px;
    align-self: center;
    border: none;
    gap: 8px;
    position: relative;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
#gray-section .def-btn {
	border: none;
}
#white-block .btn-card svg,
#gray-section .def-btn svg {
    color: currentColor; 
    z-index: 10 !important; 
    position: relative !important;    
    width: 22px !important;    
}

 
#white-block .btn-card:active,
#gray-section .def-btn:active {
    background-color: white !important;
	color: var(--accent-color);
    box-shadow: 0 0 0 2px var(--accent-color)
}



#white-block .white-card p {
	font-size: 15px;
}

#white-block .white-card h5 {
	font-family: "Manrope-SemiBold", "sans-serif";
	margin-bottom: 8px;
}

#white-block .white-card img {
	position: absolute;
	top: -13px;
	height: 112px;
	width: 112px;
	left: 124px;
}

#white-block .rate-title {
	margin-bottom: 48px !important;
}

.align-start {
	text-align: start !important;
}

.text-dark {
	color: #2f2e30;
}

.scheme-container {
	padding-bottom: 40px;
}

.scheme-container-2 {
	padding-bottom: 197px;
}

.mainPage-sheme-sign-red,
.mainPage-sheme-sign-dark,
.mainPage-sheme-sign-dark-m {
	font-family: "Manrope-ExtraLight", "sans-serif";
	font-size: 19px;
}

.mainPage-sheme-sign-red {
	text-align: end;
	margin-right: 16px;
	grid-row: 1;
	grid-column: 4;
	color: var(--accent-color);
}

.mainPage-sheme-sign-dark-m {
	display: none;
}

.mainPage-sheme-sign-dark,
.mainPage-sheme-sign-dark-m {
	margin-left: 16px;
	text-align: start;
	grid-row: 1;
	grid-column: 5;
	color: var(--main-dark-color);
}

#hero p:first-child {
	margin-bottom: 8px;
}

.mainPage-sheme {
	display: grid;
	grid-template-columns: repeat(6, auto);
	grid-template-rows: repeat(6, auto);
	width: 100%;
	height: auto;
	gap: 16px 0px;
	position: relative;
}

.sheme-card__title {
	text-align: center;
	border-radius: 24px;
	padding: 24px;
	font-size: 19px;
	font-family: "Manrope-ExtraLight", "sans-serif";
	color: var(--main-light-color);
}

.hero-img-m {
	display: none;
}

.sheme-card__desc {
	position: absolute;
}

.sheme-card__desc p {
	font-family: "Manrope-ExtraLight", "sans-serif";
	border-radius: 24px;
	color: #787878;
	padding: 16px;
	font-size: 15px;
	background-color: #F1F5F9;
	z-index: -10;
}

.sheme-card__red {
	z-index: 10;
	background-color: var(--accent-color);
}

.sheme-card__dark {
	background-color: var(--reserved-dark-color);
}

.sheme-card__desc p:nth-child(1) {
	margin-bottom: 8px;
	margin-top: 16px;
}

.sheme-card img {
	position: absolute;
	margin-top: -56px;
	margin-left: 35px;
}

.mobile-arr {
	display: none;
}

.solid-b {
	position: absolute;
	height: 130%;
	top: 0;
	border-right: 2px dashed var(--accent-color);
	mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);

}

.mainPage-sheme>.sheme-card:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}

.mainPage-sheme>.sheme-card:nth-child(2) {
	grid-column: 2;
	grid-row: 2;
	margin-left: -20px;
}

.mainPage-sheme>.sheme-card:nth-child(3) {
	grid-column: 3;
	grid-row: 3;
	margin-left: -20px;

}

.mainPage-sheme>.sheme-card:nth-child(4) {
	grid-column: 4;
	grid-row: 4;
	margin-left: -20px;

}

.mainPage-sheme>.sheme-card:nth-child(5) {
	grid-column: 5;
	grid-row: 5;

}

.mainPage-sheme>.sheme-card:nth-child(6) {
	grid-column: 6;
	grid-row: 6;
	margin-left: -20px;

}

#white-block .rate-table {
	max-width: 1160px;
	padding: 48px;
	background-color: #F1F5F9;
	border-radius: 32px;
	position: relative;
}

#white-block .rate-title-item {
	font-family: "Manrope-Semibold", "sans-serif";
	font-size: 23px;
	color: #2f2e30;
}

#white-block .rate-table__checkbox {
	display: flex;
	justify-content: space-between;
	margin: 0% 7%;
	width: 100%;
}

#white-block .one-checkbox {
	margin-left: 44.93%
}

#white-block .two-checkbox {
	margin-left: 277px;
}

#white-block .rate-title-item,
#white-block .rate-table-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#white-block .rate-title-item>p:first-child,
#white-block .rate-table-item>p:first-child {
	width: 480px;
	flex-shrink: 0;
}

#white-block .rate-table-item>p:first-child {
	margin: 24px 0px;
	font-size: 23px;

}

#white-block .rate-title-item>p:not(:first-child) {
	flex-grow: 1;
	text-align: center;
	position: relative;
}

#white-block .rate-table-item img {
	align-self: center;
}

#white-block .rate-table-item {
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}

#white-block .rate-table>.rate-table-item:nth-child(2) {
	border-top: none !important;
}

.rate-card {
	display: none;
	max-width: 100%;
	padding: 32px 24px;
	background-color: #F1F5F9;
	border-radius: 32px;
	margin-bottom: 24px;
}

.rate-card h2 {
	font-size: 39px;
	font-family: "Manrope-Semibold", "sans-serif";
}

.rate-card>h2:nth-child(1) {
	margin-bottom: 24px;
}

.rate-checkbox-m {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

.rate-checkbox-m img {
	height: 23px;
	/* margin-top: -3px; */
	margin-right: 16px;
}

.rate-flexbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.rate-card-title {
	font-family: "Manrope-Semibold", "sans-serif";
	font-size: 15px;
	color: #2f2e30;
	margin-bottom: 8px;
}

.rate-card-desc {
	color: #787878;
	font-size: 13px;
	margin-bottom: 12px;
}

.rate-card__price {
	font-size: 31px !important;
}

.rate-checkbox-m span {
	display: flex;
	flex-direction: row;
}

.rate-btn,
.rate-btn-m {
	background-color: #DCE2E9;
	font-family: "Manrope-Medium", "sans-serif";
	font-size: 15px;
	padding: 12px 16px;
	color: #2f2e30;
	transition: box-shadow 0.1s ease;
}

.js-slider-events {
	display: none !important;
}

.rate-btn {
	margin-top: 24px;
}
.rate-btn:active,
.rate-btn-m:active {
	box-shadow: 0 0 0 2px var(--accent-color);
}
.rate-desc {
	font-size: 15px;
	align-self: start;
	margin-top: 8px;
	color: #787878;
}

.aling-evently {
	justify-content: space-around !important;
}

.vertical-line {
	width: 2px;
	/* Или другое желаемое значение ширины линии */
	background-color: #DEDEDE;
	/* Замените на нужный цвет */
	position: absolute;
	height: 78%;
	top: 5%;
	left: 699px;

}

.vertical-line:first-child {
	left: 532px !important;
}

.vertical-line:last-child {
	left: 934px !important;
}


#white-block .rate-table>.rate-table-item:nth-child(10) {
	border-bottom: none !important;
}

#white-block .mainPage-container .white__row:first-of-type {
	margin-bottom: 30px;
}

.event-card>*:nth-child(1) {
	/* Первый элемент внутри event-card */
	margin-bottom: 6px;
}

.event-card>*:nth-child(2) {
	/* Второй элемент внутри event-card */
	margin-bottom: 8px;
}

.contact-card-textblock>*:first-child {
	margin-bottom: 4px;
}

.contact-card-textblock>*:nth-child(2) {
	margin-bottom: 16px;
}

.contact-card-textblock>*:nth-child(3) {
	margin-bottom: 24px;
}

#hero div>h1:nth-child(2) {
	margin-bottom: 24px;
}

#hero div>p.mainPage__desc:nth-child(3) {
	margin-bottom: 66px;
}

.custom-swiper-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
}

.swiper-prev,
.swiper-next {
	position: absolute;
	top: calc(50% - 20px);
	text-decoration: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: var(--main-light-color);
	margin-right: 12px;
	border: none;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background 0.3s;
}

.swiper-prev {
	/* left: 0; */

}

.swiper-next {
	/* right: 0; */

}

.small-title {
	font-size: 30px;
	font-family: 'Manrope-Semibold', sans-serif;
	padding-top: 32px;
}

.forms-popup.show {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.forms-popup.show .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 1;
	visibility: visible;
	backdrop-filter: blur(5px);
}

.forms-popup .overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: 1000;
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 20px;
	background-color: var(--main-light-color);
	border: 1px solid #ccc;
	z-index: 10000;
	display: none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	text-align: center;
}

.forms-popup.show .popup {
	display: block;
}

.text-popup {
	text-align: center;
	display: inline-block;
	padding: 10px 20px;
	color: var(--main-dark-color);
	font-size: 24px;
	display: inline-block;
}

span.response-icon-success {
	display: inline-block;
}

.response-icon-success {
	display: inline-block;
	line-height: 27px;
}

img {
	vertical-align: top;
}

.popup-main-content {
	position: fixed;
	height: 100%;
	top: 0;
	width: 100%;
	display: none;
	z-index: 10000;
}

.popup-main-content.show {
	display: block;
}

.popup-main-content.show .overlay {
	opacity: 1;
	visibility: visible;
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 1;
	visibility: visible;
	backdrop-filter: blur(5px);
	z-index: 10000;
}

.overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: 1000;
}

.popup-content {
	text-align: center;
	display: block;
	color: var(--main-dark-color);
	font-size: 24px;
}

.popup-content a {
	color: #5a5c69;
	text-decoration: underline;
	text-decoration-color: #23252f9b;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.popup-content a:hover {
	color: #23252f;
	text-decoration-color: #23252f;
}

.popup-main-content.show .popup {
	display: block;
	max-height: 90%;
	width: 90%;
	overflow: auto;
}

section.title-info-panel .container-xl.mainPage-container {
	padding-bottom: 0;
}

section.title-info-panel#white-block .container-fluid {
	padding-bottom: 0px;
	margin-bottom: -5px;
}

.popup-main-content.show .close {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 6px;
	right: 6px;
	cursor: pointer;
}

.popup-main-content.show .close img {
	height: 20px;
}

@media (min-width: 1448px) {
	.mainPage-hero {
		margin-left: 0px;
	}
}

@media (max-width: 991.98px) {
	.mainPage-hero {
		margin-left: 0px;
		border-radius: 0px;
		height: 80%;
	}

	.mobile-title-48 {
		margin-bottom: 48px !important;
	}

	.mainPage__buttons {
		margin-top: 24px;
	}

	#hero .btn {
		max-width: 100% !important;
	}

	.mainPage-hero svg {
		border-radius: 0px;
		width: 100vw;
	}

	#gray-section .contact-card,
	#events .event-card {
		flex-direction: column;
	}
}

@media (max-width: 1250px) {

	#gray-section .mainPage-container-grid,
	#gray-section .mainPage-container,
	#callback-form .mainPage-container,
	#white-block .mainPage-container,
	#events .mainPage-container,
	#events .btn-container {
		max-width: 960px;
	}

	.imageblock-1__img {
		width: 40.4vw;
		height: 30.005vw;
	}

	.mainPage-gray__row {
		gap: 2.5vw 2vw;
	}

	.mainPage-gray__row-sm {
		gap: 1.77vw;
	}

	.mainPage-gray__col {
		max-width: 300px;
	}

	#events .event__col {
		max-width: 460px;
		width: 100%;
		padding: 0;
	}

	.mainPage-gray__col-sm {
		max-width: 220px;
	}

	.mainPage-gray__card {
		padding: 84px 24px 24px 24px;
	}

	.mainPage-gray__card h5 {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.mainPage-gray__card p {
		font-size: 14px;
	}

	.mainPage-gray__card-sm {
		padding: 22px;
	}

	.mainPage-gray__card-sm p {
		font-size: 17px;
	}

	.col-3.mainPage-gray__col-sm span {
		top: -14px;
		left: -14px;
		width: 42px;
		font-size: 23px;
		height: 42px;
	}

	#gray-section .mainPage-textblock-1 h1 {
		margin-bottom: 24px;
		max-width: 100%;
	}

	.imageblock-1__img img,
	.imageblock-1__img::before {
		width: 95%;
		height: 95%;
	}

	.mainPage-textblock-1,
	.mainPage-textblock-2 {
		width: 95%;
	}

	#gray-section .contact__row,
	#white-block .white__row {
		max-width: 960px;
		gap: 20px;
	}

	#gray-section .contact__col {
		max-width: 470px;
		width: 100%;
		padding: 0;
	}

	#gray-section .contact-card {
		padding: 24px;
	}

	#gray-section .contact-card img {
		max-height: 238px;
	}

	#white-block .white__row {
		gap: 30px;
	}

	#white-block .white__col {
		max-width: 300px;
	}

	#white-block .white-card {
		padding: 115px 42px 34px 42px;
	}

	#white-block .white-card img {
		left: 94px;
	}

	.sheme-card__desc p {
		font-size: 13px;
	}

	.sheme-card__title {
		font-size: 17px;
		padding: 20px;
	}

	.mainPage-sheme-sign-red,
	.mainPage-sheme-sign-dark {
		font-size: 17px;
	}

	#white-block .rate-title-item>p:first-child,
	#white-block .rate-table-item>p:first-child {
		width: 360px;
	}

	#white-block .one-checkbox {
		margin-left: 47.7%
	}

	#white-block .two-checkbox {
		margin-left: 237px;
	}

	.vertical-line {
		left: 558px;

	}

	.vertical-line:first-child {
		left: 405px !important;
	}

	.vertical-line:last-child {
		left: 755px !important;
	}

	#hero .hero-items-desc {
		display: block;
		max-width: 50%;
	}

	#hero-items-img {
		display: block;
	}

	#hero .ibrix-laptop {
		width: 35vw;
	}
}

@media (min-width: 1440.98px) {
	#hero .img {
		width: 100%;
	}
}

@media (max-width: 991.98px) {

	#gray-section .mainPage-container-grid,
	#gray-section .mainPage-container,
	#callback-form .mainPage-container,
	#white-block .mainPage-container,
	#events .mainPage-container,
	#events .btn-container {
		max-width: 740px;
	}

	#gray-section .container-fluid,
	#gray-section .mainPage-container,
	#gray-section .mainPage-container-grid,
	#white-block .container-fluid {
		padding: 24px 0px;
	}

	#hero h1,
	#gray-section h1 {
		font-size: 39px;
	}

	#gray-section .contact__row {
		display: none;
	}

	.mainPage-textblock-1,
	.mainPage-textblock-2,
	.mainPage-imageblock-1 {
		width: 100%;
	}

	#hero .hero-items-desc {
		justify-content: center;
		max-width: 100% !important;
		width: 90% !important;
		margin-bottom: 24px;
	}

	#hero .ibrix-laptop {
		width: 33vw;
	}

	.rate-table {
		display: none;
	}

	#hero .img {
		top: 0;
		height: 100%;
	}

	#hero .hero-items {
		margin-top: 13%;
	}

	#hero .container-hero {
		height: 100%;
		max-width: 100%;
		border-radius: 0px;
	}

	.mainPage-logo {
		top: 22px;
		left: 12.5%;
	}

	.mainPage-logo img {
		width: 110px;
	}

	/* #hero .container-hero img {
	} */
	#hero .hero-img-m {
		position: absolute;
		top: 0;
		width: 100vw;
	}

	.mainPage-hero {
		margin-left: 0px;
		position: relative;
		width: 100vw;
		height: 912px;
		align-items: center;
		overflow: hidden;
	}

	#gray-section .mainPage-container-grid {
		grid-template-columns: 1fr;
		width: 100%;
		gap: 0px 16px;
	}

	.mainPage-textblock-1 {
		grid-row: 1;
		margin-bottom: 16px;
		align-self: center;
	}

	.mainPage-textblock-2 a {
		margin-top: 40px;
	}

	.mainPage-imageblock-1 {
		/* grid-row: 2; */
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	.imageblock-1__img img,
	.imageblock-1__img::before {
		width: 100%;
		height: 100%;
	}

	.mainPage-textblock-2 a {
		margin-top: 20px;
	}

	.mainPage-gray__col {
		width: 100%;
		max-width: 360px;
		padding-right: 12px;
		padding-bottom: 12px;
	}

	#events .btn {
		display: none;
	}

	.mainPage-gray__col-sm {
		max-width: 180px;
	}

	.mainPage-gray__card {
		padding: 84px 32px 32px 32px;
	}

	.mainPage-gray__card h5 {
		font-size: 23px;
		margin-bottom: 24px;
	}

	.mainPage-gray__card p {
		font-size: 15px;
	}

	.mainPage-gray__card-sm {
		padding: 16px;
	}

	#events .m-btn {
		display: block;
		position: relative !important;
	}

	.block-under-title {
		margin: 18px 0px 32px 0px;
	}

	.mainPage-gray__card-sm p {
		font-size: 15px;
	}

	.mainPage-gray__card::before {
		width: 100%;
		height: 100%;
	}

	#gray-section .contact-card {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	#gray-section .contact-card-textblock {
		margin: 0;
	}

	#gray-section .flex-container img {
		min-width: 140px !important;
		max-width: 140px !important;
	}

	#gray-section .contact-card__name {
		font-size: 23px;
	}

	#gray-section .flex-container {
		display: flex;
		gap: 20px;
		flex-direction: row;
	}

	#gray-section .mainPage__title {
		margin-bottom: 0px;
	}

	#gray-section .fill-color {
		padding-bottom: 56px;
	}

	.col-3.mainPage-gray__col-sm span {
		top: -16px;
		left: 0px;
		height: 32px;
		width: 32px;
		font-size: 19px;
	}

	.mainPage-gray__row-sm {
		gap: 0.77vw;
	}

	.form-group {
		gap: 6px;
	}

	.form-group input,
	.form-group button {
		padding: 10px 12px;
		font-size: 15px;
	}

	#white-block .white__row {
		gap: 30px;
		max-width: 740px;
	}

	#white-block .white__col {
		max-width: 320px;
		width: 100%;
	}

	#white-block .white-card img {
		left: 104px;
	}

	#white-block .white-card-lg {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#white-block .card__desc-b {
		margin-bottom: 24px
	}

	.mainPage-sheme {
		gap: 0;
		grid-template-columns: repeat(2, auto);
		grid-template-rows: repeat(6, auto);
	}

	.sheme-card__title {
		font-size: 19px;
	}

	.mainPage-sheme>.sheme-card:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}

	.mainPage-sheme>.sheme-card:nth-child(2) {
		grid-column: 2;
		grid-row: 2;
		margin-left: -22px;
		position: relative;
	}

	.mainPage-sheme>.sheme-card:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
		margin-left: 0px;
	}

	.mainPage-sheme>.sheme-card:nth-child(4) {
		grid-column: 2;
		grid-row: 4;
		margin-left: -22px;
		position: relative;
	}

	.mainPage-sheme>.sheme-card:nth-child(5) {
		grid-column: 1;
		grid-row: 5;
	}

	.mainPage-sheme>.sheme-card:nth-child(6) {
		grid-column: 2;
		grid-row: 6;
		margin-left: -24px;
	}

	.desktop-arr {
		display: none;
	}

	.mainPage-sheme-sign-red {
		grid-column: 2;
	}

	.mainPage-sheme-sign-dark {
		display: none;
	}

	.mainPage-sheme-sign-dark-m {
		grid-column: 1;
		grid-row: 4;
	}

	.sheme-card__desc {
		position: relative;
	}

	.sheme-card__desc p {
		max-width: fit-content;
	}

	.sheme-card__desc p:nth-of-type(2) {
		position: absolute;
	}

	.solid-b {
		display: none;
	}

	.mainPage-sheme>.sheme-card:nth-child(1) .mobile-arr {
		margin-top: -16% !important;
		margin-left: 50% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(2) .mobile-arr {
		margin-top: 3% !important;
		margin-right: 55% !important;
		top: 0;
		left: -56px;
	}

	.mainPage-sheme>.sheme-card:nth-child(3) .mobile-arr {
		margin-top: -14% !important;
		margin-left: 45% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(4) .mobile-arr {
		margin-top: 5% !important;
		margin-right: 53% !important;
		top: 0;
		left: -22%;
	}

	.mainPage-sheme>.sheme-card:nth-child(5) .mobile-arr {
		margin-top: -10% !important;
		margin-left: 45% !important;
	}

	.mobile-arr {
		display: block;
	}

	.align-end-m {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.sheme-card__title {
		width: 90%;
	}

	.sheme-card img {
		position: absolute;
		margin: 0;
	}

	.mainPage-sheme-sign-red,
	.mainPage-sheme-sign-dark-m {
		margin: 0;
		font-size: 15px;
	}

	.mainPage-sheme-sign-dark-m {
		align-self: end;
		display: block;
		margin-bottom: 24px;
	}

	.scheme-container {
		padding-bottom: 24px;
	}

	.scheme-container-2 {
		padding-bottom: 80px;
	}

	.rate-card {
		display: block;
	}

	#hero .hero-items {
		flex-direction: column;
	}

	.js-slider-events {
		display: block !important;
	}

	.events__row {
		display: none;
	}

	.mobile-laptop {
		display: block !important;
		margin-bottom: 16px;
	}

	.ibrix-laptop {
		display: none;
	}

	.hero-items-desc p,
	.hero-items-desc h1,
	.hero-items-desc img,
	.mainPage__buttons {
		text-align: center;
		justify-self: center;
	}

}

@media (max-width: 767.98px) {

	#gray-section .mainPage-container-grid,
	#gray-section .mainPage-container,
	#callback-form .mainPage-container,
	#white-block .mainPage-container,
	#events .mainPage-container {
		max-width: 560px;
	}

	.mainPage-textblock-1 {
		grid-row: 1;
		margin-bottom: 16px;
		align-self: center;
	}

	.mainPage-textblock-2 a {
		grid-row: 3;
	}

	.swiper-free-mode>.swiper-wrapper {
		gap: 0px !important;
	}

	.mainPage-imageblock-1 {
		grid-row: 2;
	}

	.img {
		display: none;
	}

	.img-m {
		display: block;
		top: -10%;
		width: 100vw;
		transform: scaleY(0.9);
	}

	.hero-img-m {
		display: block;
	}

	/* #hero .container-hero {
		background-color: #D42300;
	} */
	.cut-img {
		top: 0;
		height: 912px;
		z-index: -1;
		overflow: hidden;
	}

	.imageblock-1__img {
		height: 100%;
		width: 100%;
	}

	.imageblock-1__img {
		padding-right: 18px;
		padding-bottom: 19px;
	}

	.mainPage-imageblock-1 img,
	.imageblock-1__img::before {
		width: 376px;
		height: 277px;
	}

	.imageblock-1__img::before {
		top: 19px;
		left: 18px;
	}

	#gray-section h1 {
		margin-bottom: 16px;
	}

	.mainPage-textblock-1,
	.mainPage-imageblock-1 {
		margin-bottom: 32px;
	}

	.mainPage-textblock-2 a {
		margin-top: 24px;
	}

	.mainPage-gray__row {
		gap: 6.4vw 2vw;
	}

	.mainPage-gray__col {
		width: 100%;
		max-width: 280px;
	}

	.mainPage-gray__card {
		padding: 54px 22px 24px 22px;
	}

	.mainPage-gray__card img {
		top: -30px;
		height: 70px
	}

	.mainPage-gray__card h5 {
		font-size: 20px;
		margin-bottom: 19px;
	}

	#hero .ibrix-laptop {
		width: 43vw;
	}

	.mainPage-gray__card p {
		font-size: 14px;
	}

	.mainPage-gray__card-sm {
		padding: 32px;
	}

	.mainPage-gray__card-sm p {
		font-size: 17px;
	}

	.mainPage__title {
		margin-bottom: 48px !important;
	}

	.mainPage-gray__col-sm {
		max-width: 260px;
		width: 100%;
	}

	.mainPage-gray__card-sm {
		padding: 32px;
	}

	.block-under-title {
		margin: 18px 0px 32px 0px;
	}

	.mainPage-gray__card-sm p {
		font-size: 15px;
	}

	.col-3.mainPage-gray__col-sm span {
		top: -16px;
		left: 0px;
		height: 48px;
		width: 48px;
		font-size: 23px;
	}

	.mainPage-gray__row-sm {
		gap: 3.77vw;
	}

	.form-group {
		flex-direction: column;
		align-items: left;
	}

	.form-group input,
	.form-group button,
	.form-group input[type='submit'] {
		width: 100%;
		max-width: 394px;
		padding: 11px 16px;
	}

	#white-block .white__row {
		gap: 40px;
		max-width: 560px;
	}

	#white-block .white__col {
		max-width: 394px;
	}

	#white-block .white-card img {
		left: 136px;
		top: -13px;
		height: 122px;
		width: 122px;
	}

	#white-block .white-card-lg {
		align-items: start;
	}

	#white-block .card__desc-b {
		font-size: 17px;
		text-align: start;
	}

	#white-block .btn-card {
		align-self: start;
		width: 100%;
	}

	.mainPage-sheme>.sheme-card:nth-child(1) .mobile-arr {
		margin-top: -21% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(2) .mobile-arr {
		margin-top: 5% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(3) .mobile-arr {
		margin-top: -18% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(4) .mobile-arr {
		margin-top: 7% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(5) .mobile-arr {
		margin-top: -13% !important;
	}

	.align-start {
		margin-bottom: 16px;
	}

}

@media (max-width: 575.98px) {

	#gray-section .mainPage-container-grid,
	#gray-section .mainPage-container,
	#callback-form .mainPage-container,
	#white-block .mainPage-container,
	#events .mainPage-container {
		max-width: 100%;
		padding: 24px 16px;
	}

	#white-block .white__row {
		max-width: 100%;
	}

	#events .flex-container:not(:first-child) {
		flex-direction: column;
		gap: 24px;
	}

	.swiper-prev {
		left: 18px !important;
	}

	#events .event-card__btn {
		max-width: 177px;
	}

	#hero .hero-items {
		margin-top: 0;
	}

	#gray-section h1 {
		font-size: 31px;
	}

	#white-block .mainPage-container h1 {
		font-size: 36px;
	}

	.img-m {
		display: block;
		top: 0;
		width: 100vw;
		transform: scaleY(1);
	}

	#hero .ibrix-laptop {
		width: 50vw;
	}

	.hero-items-desc {
		margin-top: 100px;
	}

	.mainPage-gray__row {
		gap: 24px;
	}

	.mainPage-btn {
		font-size: 15px;
		padding: 10px 13px;
	}

	.mainPage-logo {
		left: 5.5%;
	}

	.mainPage-logo img {
		width: 96px;
	}

	.hero-items-desc p {
		margin-bottom: 8px;
	}

	#hero .def-btn {
		padding: 12px 16px;
	}

	/* .mainPage__desc {
		margin-bottom: 24px !important;
	} */
	.hero-items-desc p,
	.hero-items-desc h1,
	.mainPage__buttons {
		text-align: start;
		justify-self: start;
	}

	.mainPage-gray__col {
		width: 100%;
		max-width: 380px;
	}

	.mainPage-gray__card {
		padding: 84px 32px 32px 32px;
	}

	.mainPage-gray__card img {
		top: -14px;
		height: 83px
	}

	.mainPage-gray__card h5 {
		font-size: 23px;
		margin-bottom: 24px;
	}

	.mainPage-gray__card p {
		font-size: 15px;
	}

	.mainPage-gray__card-sm {
		padding: 24px 24px 24px 64px;
	}

	.mainPage-gray__card-sm p {
		font-size: 19px;
	}

	.mainPage__title {
		margin-bottom: 48px !important;
	}

	.mainPage-gray__row-sm {
		gap: 40px 10.77vw;
	}

	.mainPage-gray__col-sm {
		max-width: 95%;
	}

	#callback-form .block-under-title {
		max-width: 100% !important;
		width: 100%;
		margin-bottom: 28px;
	}

	.ibrix-laptop {
		width: 346px !important;
	}

	.mainPage__buttons {
		margin-top: 0 !important;
	}

	.form-group {
		gap: 16px;
		padding-bottom: 0;
	}

	.mainPage-sheme>.sheme-card:nth-child(1) .mobile-arr {
		margin-top: -120px !important;
		margin-left: 52% !important;
		width: 96px;
	}

	.mainPage-sheme>.sheme-card:nth-child(2) .mobile-arr {
		margin-top: 25px !important;
		margin-right: 55% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(3) .mobile-arr {
		margin-top: -110px !important;
		margin-left: 40% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(4) .mobile-arr {
		margin-top: 38px !important;
		margin-right: 53% !important;
	}

	.mainPage-sheme>.sheme-card:nth-child(5) .mobile-arr {
		margin-top: -76px !important;
		margin-left: 42% !important;
	}

	.scheme-container-2 {
		padding-bottom: 80px !important;
	}

}
@media (min-width: 991.99px) {
	#gray-section .contact-card__btn {
    position: absolute;
    bottom: 0;
	}
	#gray-section .contact-card-textblock {
    position: relative;
    padding-bottom: 45px;
	}
}
@media (max-width: 424.98px) {

	#events .mainPage-container,
	#gray-section .mainPage-container-grid,
	#gray-section .mainPage-container {
		max-width: 100%;
		padding: 18px 10px;
	}

	#hero h1,
	#gray-section h1 {
		font-size: 27px;
	}

	#gray-section .mainPage__desc,
	#gray-section .btn {
		font-size: 14px;
	}

	#gray-section .btn img {
		height: 16px;
		width: 16px;
	}

	.mainPage-textblock-1 {
		margin-bottom: 12px;
	}

	#white-block .card__desc-b {
		width: auto;
	}

	.mainPage-gray__col::before {
		width: 0;
	}

	.rate-flexbox {
		flex-direction: column;
		gap: 8px;
	}

	.mainPage-textblock-2 a {
		grid-row: 3;
		margin-top: 20px;
	}

	.imageblock-1__img {
		height: 100%;
		width: 100%;
	}

	.imageblock-1__img {
		padding-right: 7px;
		padding-bottom: 9px;
	}

	.mainPage-imageblock-1 img,
	.imageblock-1__img::before {
		width: calc(100% - 7px);
		height: calc(100% - 9px);
	}

	.imageblock-1__img::before {
		top: 7px;
		left: 9px;
	}

	#gray-section h1 {
		margin-bottom: 36px !important;
	}

	.mainPage-textblock-1,
	.mainPage-imageblock-1 {
		margin-bottom: 22px;
	}

	.mainPage-textblock-2 a {
		margin-top: 24px;
	}

	.mainPage-gray__row {
		gap: 24px;
	}

	.sheme-card__title {
		font-size: 12px;
	}

	.rate-card h2 {
		font-size: 24px;
	}

	#white-block .white-card h5,
	.red-words {
		word-break: break-word;
	}

	#hero .mainPage__buttons {
		flex-direction: column;
	}

	.mainPage-sheme-sign-red,
	.mainPage-sheme-sign-dark-m {
		font-size: 11px;
	}

	.mainPage-gray__col {
		width: 95%;
	}

	.mainPage-gray__card {
		padding: 54px 22px 22px 22px;
	}

	.mainPage-gray__card img {
		top: -14px;
		height: 63px
	}

	.mainPage-gray__card h5 {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.mainPage-gray__card p {
		font-size: 15px;
	}

	.mainPage-gray__card-sm {
		padding: 22px 22px 22px 54px;
	}

	.mainPage-gray__card-sm p {
		font-size: 17px;
	}

	.mainPage-gray__col-sm {
		max-width: 90%;
	}

	.mainPage-gray__row-sm {
		gap: 30px 10.77vw;
		max-width: 95vw;
	}

	#white-block .white-card img {
		left: calc(67.5% - 122px);
	}

	#gray-section .flex-container img {
		min-width: 32% !important;
		max-width: 140px !important;
	}

	.img-m {
		top: 0;
		width: auto;
		transform: scaleY(1);
	}

	#hero .ibrix-laptop {
		width: 81.5vw !important;
	}

	.contaier-hero {
		max-height: 80vh !important;
	}

	#white-block .mainPage-container h1 {
		font-size: 28px;
	}
}