html,
body {
height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
* {
box-sizing: border-box;
}
body {
font-family: Montserrat;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.02rem;
}
:root {
--blue: #3a68b9;
--secondary: #f4f7fc;
--secondary-2: #92a1bc;
--mint: #38bfc4;
--black: #223959;
--white: #fff;
--mint-gr: linear-gradient(180deg, #d9feff 0%, #38bfc4 100%);
--silver-gr: linear-gradient(90deg, rgb(252, 253, 255), rgb(177, 209, 255) 94%);
}
a {
color: var(--mint);
}
a:hover {
color: var(--black);
}
[id] {
scroll-margin-top: 220px;
}
.page {
min-height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.main {
flex: 1 1 auto;
overflow: hidden;
}
.text-color-blue {
color: var(--black);
}
.main-container-fluid {
max-width: 1380px;
padding: 0 20px;
margin: 0 auto;
width: 100%;
}
.main-container {
max-width: 1340px;
padding: 0 70px;
margin: 0 auto;
width: 100%;
}
.link {
text-decoration: none;
transition: all 0.3s ease;
}
.link:hover {
/* color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(180deg, #d9feff 0%, #38bfc4 100%);
text-shadow: 0px 0px 20px #78d8dc; */
color: #50f9ff;
text-shadow: 0px 0px 20px #78d8dc9e;
text-decoration: none;
}
h1.page-title {
padding: 40px 0 20px 0;
font-size: 32px;
color: var(--black);
}
@media (max-width: 992px) {
h1.page-title {
padding: 20px 0;
font-size: 28px;
}
}
@media (max-width: 1300px) {
.main-container {
padding: 0 20px;
}
}
/* Header */
.header {
padding: 25px 70px;
width: 100%;
max-width: 1340px;
margin: 0 auto;
margin-top: 10px;
}
@media (max-width: 1300px) {
.header {
padding: 25px 20px;
}
}
@media (max-width: 1050px) {
.header__buttons {
flex-direction: column;
align-items: right;
}
}
.header__inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
gap: 10px;
}
.header__inner_m {
display: none;
}
.menu__list {
display: flex;
gap: 15px;
list-style-type: none;
font-size: 12px;
font-weight: 500;
}
.menu__list-link {
color: var(--white);
text-decoration: none;
transition: all 0.3s ease;
}
.menu__list-link:hover {
color: #50f9ff;
/* text-shadow: 0px 20px 0px #78D8DC; */
text-decoration: none;
}
.header__inner .menu__list-item:hover .menu__list-link {
color: #50f9ff;
text-shadow: 0px 0px 20px #78d8dc9e;
text-decoration: none;
}
.header__inner .menu__sublist-item:hover .menu__sublist-link {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(180deg, #d9feff 0%, #38bfc4 100%);
text-shadow: 0px 0px 20px #78d8dc;
}
.header__inner .menu__sublist {
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
padding: 15px;
background-color: #277a9c;
border-radius: 15px;
box-shadow: 0 0 20px 9px #233a5a57;
opacity: 0;
max-height: 0;
display: none;
transition: all 0.3s ease;
z-index: 20;
}
.header__inner .menu__list-item:hover .menu__sublist {
display: block;
opacity: 1;
max-height: 500px;
}
.menu__list-item {
position: relative;
line-height: 30px;
}
.header__inner .menu__sublist-item:not(:last-child) {
margin-bottom: 15px;
}
.header__inner .menu__sublist-item {
line-height: 1;
}
.header__inner .menu__sublist-link {
color: var(--white);
font-size: 12px;
}
.phone {
display: flex;
align-items: center;
font-size: 14px;
color: var(--white);
gap: 15px;
}
.phone__img-box {
display: block;
position: relative;
height: 17px;
width: 25px;
}
.header .phone__img {
width: 80px;
left: -18px;
}
.phone__img {
position: absolute;
left: -26px;
top: 50%;
transform: translateY(-50%);
}
.soc-links {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.soc-link__ico {
width: 28px;
height: 28px;
}
.soc-link__ico {
border-radius: 8px;
background-size: contain;
background-repeat: no-repeat;
transition: 0.3s all ease;
}
.soc-link__ico_tg {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_tg:hover {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_yt {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_yt:hover {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_vk {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_vk:hover {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_wa {
background-image: url('data:image/svg+xml,');
}
.soc-link__ico_wa:hover {
background-image: url('data:image/svg+xml,');
}
@media (max-width: 992px) {
.header {
background: radial-gradient(106.05% 148.13% at 62.2% -15.89%, #3f608e 0%, #223959 100%);
border-radius: 0 0 30px 30px;
border: 1px solid #ffffff33;
margin-top: 0;
}
.header__inner {
display: none;
}
.header__inner_m {
display: flex;
flex-direction: column;
align-items: center;
}
.header-row {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
margin-bottom: 37px;
width: 100%;
}
.menu__title {
font-size: 28px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.burger {
height: 34px;
width: 34px;
background: url('data:image/svg+xml,');
background-size: contain;
border-radius: 10px;
background-repeat: no-repeat;
}
.burger span {
position: relative;
display: block;
width: 18px;
height: 3px;
margin-top: 16px;
margin-left: 8px;
background-color: transparent;
border-radius: 100px;
transition: 0.3s all ease;
}
.burger span::before,
.burger span::after {
content: "";
position: absolute;
left: 7px;
top: -9px;
width: 3px;
height: 18px;
background-color: white;
border-radius: 100px;
transition: 0.3s all ease;
}
.burger.close-btn span::before {
transform: rotateZ(-45deg);
}
.burger.close-btn span::after {
transform: rotateZ(45deg);
}
.burger.open-btn span {
background-color: white;
}
.burger.open-btn span::before {
transform: rotateZ(270deg);
top: -15px;
}
.burger.open-btn span::after {
transform: rotateZ(270deg);
height: 12px;
right: 5px;
left: unset;
top: 3px;
}
.menu {
max-height: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.header.active .menu {
max-height: 500px;
visibility: visible;
opacity: 1;
}
.menu__list {
padding: 22px 0 28px 0;
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 16px;
}
.header .soc-links {
margin-bottom: 28px;
}
.menu__list-link {
font-size: 20px;
font-weight: 700;
cursor: pointer;
}
.menu__list-item.drop {
padding-right: 30px;
position: relative;
}
.menu__list-item.drop .menu__list-link::before {
content: "";
position: absolute;
left: 90px;
top: 5px;
height: 10px;
width: 10px;
border-bottom: 2px solid var(--white);
border-right: 2px solid var(--white);
transform: rotateZ(45deg);
}
.menu__list-item.drop.active .menu__list-link::before {
content: "";
position: absolute;
left: 90px;
top: 11px;
height: 10px;
width: 10px;
border-bottom: 2px solid var(--mint);
border-right: 2px solid var(--mint);
transform: rotateZ(225deg);
}
.header__inner_m .menu__list-item.drop .menu__sublist {
display: none;
max-width: 100px;
}
.header__inner_m .menu__list-item.drop.active {
width: fit-content;
}
.header__inner_m .menu__list-item.drop.active .menu__sublist {
display: block;
width: 100%;
}
.header__inner_m .menu__sublist-link {
color: white;
}
.header__inner_m .header__buttons {
flex-direction: row;
flex-wrap: nowrap;
}
.header__inner_m .list-item_type-rhombus::before {
top: 50%;
transform: rotateZ(45deg) translateX(-50%);
line-height: 1;
}
.header__inner_m .list-item {
line-height: 1;
}
/* .header__inner_m .menu__sublist-item list-item list-item_type-rhombus {
} */
.header__inner_m .menu__sublist-item {
font-size: 18px;
font-weight: 500;
}
.header__inner_m .list-item_type-rhombus {
padding-left: 15px;
}
.header__buttons .button {
font-size: 12px !important;
padding: 12px 18px !important;
width: max-content !important;
}
.header__logo-img {
max-width: 92px;
}
.soc-link__ico {
width: 40px;
height: 40px;
}
}
.page {
padding-top: 130px;
}
@media (max-width: 1199.98px) {
.page {
padding-top: 175px;
}
}
.header {
position: fixed !important;
/* left: 50%;
transform: translateX(-50%); */
left: 0;
top: 0;
z-index: 990;
}
@media (min-width: 992px) {
.buttons.header__buttons {
flex-wrap: wrap;
justify-content: flex-end;
}
header .header__inner .soc-links {
flex-wrap: nowrap;
max-width: unset;
}
.soc-link .soc-link__ico {
width: 28px;
}
.phone.link {
min-width: 177px;
}
nav.menu {
min-width: 330px;
}
.menu .menu__list {
justify-content: center;
}
}
.section-border {
margin: 20px auto;
padding: 30px;
max-width: 1340px;
border-radius: 30px;
border: 1px solid var(--secondary);
}
.buttons {
display: flex;
gap: 15px;
align-items: center;
}
.header__buttons {
flex-wrap: wrap;
}
.button {
font-size: 14px;
font-weight: 500;
display: block;
padding: 12px 20px;
border-radius: 40px;
width: fit-content;
text-decoration: none;
transition: all 0.3s ease;
letter-spacing: 0.3px;
cursor: pointer;
}
.button:hover {
color: var(--black);
background: #cfd0d2;
text-decoration: none;
}
/* .button_blue,
.button[data-24button="blue"] {
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0px 4px 40px 0px rgba(68, 132, 255, 0.5);
background: var(--blue);
color: var(--white);
}
.button_blue:hover,
.button[data-24button="blue"]:hover {
border: 1px solid rgba(255, 255, 255, 0.15);
color: var(--white);
background: linear-gradient(92.79deg, #3A68B9 1.85%, #6194ED 54.49%, #3A68B9 104.07%);
box-shadow: 0px 4px 40px 0px #4484FF80;
box-shadow: 0px 0px 20px 0px #FFFFFF4D inset;
}
*/
.button_silver-gr,
.button[data-24button="silver"] {
box-shadow: 0px 4px 40px 0px rgba(199, 221, 255, 0.55);
background: linear-gradient(90deg, #ffffff 0%, #dbe9ff 94%);
color: var(--black);
}
.button_blue,
button[data-24button="blue"] {
position: relative;
background: #588fce !important;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0px 4px 40px 0px rgba(68, 132, 255, 0.5);
color: var(--white);
overflow: hidden;
z-index: 1;
}
.button_blue::before,
button[data-24button="blue"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(92.79deg, #3a68b9 1.85%, #6194ed 54.49%, #3a68b9 104.07%);
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.button_blue:hover::before,
button[data-24button="blue"]:hover::before {
opacity: 1;
}
.button_blue:hover,
button[data-24button="blue"]:hover {
box-shadow:
0px 4px 40px 0px #4484ff80,
0px 0px 20px 0px #ffffff4d inset;
border: 1px solid rgba(255, 255, 255, 0.15);
color: var(--white);
}
.button.button_silver-gr:hover,
.button[data-24button="silver"]:hover {
/* box-shadow: 0px 4px 40px 0px #C7DDFF8C;
box-shadow: 0px 0px 70px 0px #FFFFFF4D;
background: linear-gradient(90deg, #FFFFFF 0%, #DBE9FF 94%); */
background: linear-gradient(90deg, #dbe9ff 0%, #ffffff 53.5%, #dbe9ff 94%);
box-shadow: 0px 4px 80px 0px #3687ff;
box-shadow: 0px 0px 50px 0px #ffffffcc;
/* box-shadow: 0px 0px 10px 0px #FFFFFF inset; */
}
.button_mint,
.button[data-24button="mint"] {
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 4px 100px 0px rgba(69, 255, 216, 0.5);
background: radial-gradient(148.95% 73.98% at 41% 45%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 100%), linear-gradient(127.05deg, rgb(0, 168, 168) 8.239%, rgb(113, 213, 217) 108.058%);
color: white;
}
.button.button_mint:hover,
.button[data-24button="mint"]:hover {
box-shadow: 0px 4px 100px 0px #45ffd866;
box-shadow: 0px 0px 50px 0px #6fd0d2;
background:
linear-gradient(100.16deg, #00afaf 9.96%, #64e3e4 50.2%, #71d5d9 108.09%),
radial-gradient(71.94% 120.95% at 41.1% 44.9%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
color: white;
}
.button_dark {
border: 1px solid rgba(255, 255, 255, 0.2);
background: radial-gradient(168.07% 69.35% at 15% 89%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%), rgb(34, 57, 89);
color: var(--white);
}
.button_white {
border: 1px solid rgb(34, 57, 89);
color: var(--black);
background-color: var(--white);
}
.button_white-borderless {
background: rgb(255, 255, 255);
color: var(--blue);
border: 1px solid transparent;
}
.button.button_white-borderless:hover {
background:
linear-gradient(100.16deg, #00a8a8 9.96%, #71d5d9 108.09%),
radial-gradient(71.94% 120.95% at 41.1% 44.9%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
color: var(--white);
border: 1px solid #ffffff33;
box-shadow: 0px 4px 100px 0px #5acbce;
}
.button_white-box-shadow {
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
background: rgba(255, 255, 255, 0.1);
color: var(--white);
}
.button_grey {
color: var(--black);
background: rgba(12, 19, 29, 0.2);
}
.button_white-opacity {
color: var(--white);
background: #ffffff1a;
border: 1px solid transparent;
}
.button.button_white-opacity:hover {
background: linear-gradient(92.79deg, #3a68b9 1.85%, #6194ed 54.49%, #3a68b9 104.07%);
border: 1px solid #ffffff26;
box-shadow: 0px 4px 40px 0px #4484ff80;
box-shadow: 0px 4px 40px 0px #4484ff80;
color: white;
}
/* List styles */
.list-item {
font-size: 20px;
font-weight: 500;
line-height: 1.4;
position: relative;
}
.list-item:not(:last-child) {
margin-bottom: 10px;
}
.list-item::before {
content: "";
display: block;
position: absolute;
left: 0;
}
.list-item_type-square {
padding-left: 15px;
color: var(--black);
}
.list-item_type-square::before {
top: 10px;
background: var(--blue);
height: 6px;
width: 6px;
border-radius: 1px;
}
.list-item_type-plus {
padding-left: 25px;
color: var(--blue);
}
.list-item_type-plus::before {
background: url('data:image/svg+xml,');
width: 16px;
height: 16px;
top: 5px;
}
.list-item_type-minus {
padding-left: 25px;
color: var(--black);
}
.list-item_type-minus::before {
background: url('data:image/svg+xml,');
width: 16px;
height: 16px;
top: 5px;
}
.list-item_type-rhombus {
color: var(--black);
padding: 5px;
padding-left: 30px;
background: transparent;
border-radius: 4px;
}
.list-item_type-rhombus:hover {
background: #ffffff40;
}
.list-item_type-rhombus::before {
top: 10px;
border-radius: 2px;
box-shadow:
0px 0px 4px 0px rgba(120, 216, 220, 0.8),
0px 0px 30px 0px rgb(120, 216, 220);
background: #38bfc4;
border: 1px solid #38bfc4;
height: 8px;
width: 8px;
border-radius: 2px;
transform: rotateZ(45deg);
}
.list-item_type-circle {
padding-left: 25px;
color: var(--white);
}
.list-item_type-circle::before {
width: 8px;
height: 8px;
border-radius: 50%;
left: 4px;
right: 4px;
top: 9px;
box-shadow:
0px 4px 4px 0px rgba(0, 0, 0, 0.1),
0px 0px 30px 0px rgb(88, 215, 220),
0px 0px 4px 0px rgb(120, 216, 220);
background: linear-gradient(180deg, rgb(217, 254, 255), rgb(56, 191, 196) 100%);
}
.list-item_type-circle::after {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
border-radius: 50%;
left: 0;
top: 5px;
box-shadow: 0px 0px 20px 0px rgba(111, 213, 216, 0.5);
background: rgba(92, 217, 222, 0.2);
}
.list-item_type-mint-check {
padding-left: 30px;
color: var(--white);
}
.list-item_type-mint-check::before {
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
left: 0;
top: 2px;
height: 20px;
width: 20px;
}
.list-item_type-blue-check {
padding-left: 30px;
color: var(--black);
}
.list-item_type-blue-check::before {
background: url('data:image/svg+xml,');
left: 0;
top: 2px;
height: 20px;
width: 20px;
}
/* */
.section-title {
font-weight: 500;
font-size: 32px;
line-height: 1.2;
color: var(--black);
padding-bottom: 20px;
}
.section-text {
color: var(--black);
font-size: 20px;
line-height: 1.2;
}
.main-section:not(:last-child) {
margin-bottom: 40px;
}
@media (max-width: 992px) {
.section-title {
font-size: 28px;
}
.section-text {
font-size: 14px;
}
}
/* -NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER- */
.nh-soc-links {
display: flex;
gap: 6px;
transition: all 0.3s ease;
}
.nh-soc-link {
background-color: #0000004d;
padding: 8px 10px 8px 36px;
border-radius: 8px;
font-size: 12px;
position: relative;
color: var(--white);
font-weight: 500;
font-size: 12px;
letter-spacing: 0;
line-height: 1;
transition: 0.3s ease all;
}
.nh-soc-link::before {
content: "";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.nh-soc-link--tg::before {
background-image: url('data:image/svg+xml,');
width: 17px;
height: 14px;
}
.nh-soc-link--tg:hover {
background: #25a3e2;
box-shadow: 0px 0px 4px 0px #ffffff99 inset;
/* box-shadow: 0px 0px 20px 0px #25A3E266; */
box-shadow: 0px 0px 4px 0px #ffffff99 inset;
box-shadow: 0px 0px 20px 0px #25a3e266;
}
.nh-soc-link--tg:hover::before {
background-image: url('data:image/svg+xml,');
}
.nh-soc-link--vk::before {
background-image: url('data:image/svg+xml,');
width: 17px;
height: 16px;
}
.nh-soc-link--vk:hover {
box-shadow: 0px 0px 4px 0px #ffffff99 inset;
box-shadow: 0px 0px 20px 0px #0077ff66;
background: #0077ff;
}
.nh-soc-link--vk:hover::before {
background-image: url('data:image/svg+xml,');
}
.nh-soc-link--yt::before {
background-image: url('data:image/svg+xml,');
width: 19px;
height: 14px;
}
.nh-soc-link--yt:hover::before {
background-image: url('data:image/svg+xml,');
}
.nh-soc-link--yt:hover {
background: #ff0000;
box-shadow: 0px 0px 4px 0px #ffffff99 inset;
box-shadow: 0px 0px 20px 0px #ff000066;
}
.nh-soc-link--wp::before {
background-image: url('data:image/svg+xml,');
width: 17px;
height: 16px;
}
.nh-soc-link--wp:hover:before {
background-image: url('data:image/svg+xml,');
}
.nh-soc-link--wp:hover {
box-shadow: 0px 0px 4px 0px #ffffff99 inset;
box-shadow: 0px 0px 20px 0px #0dca5466;
background: #0dca54;
}
.nh-soc-link:hover {
color: white;
text-decoration: none;
}
.buttons.header__buttons.nh-header__buttons {
gap: 10px;
}
.nh-menu {
position: absolute;
bottom: -20px;
z-index: 1000;
background: url('data:image/svg+xml,');
padding: 10px 20px;
width: 80%;
max-width: 980px;
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.nh-menu__list {
display: flex;
gap: 4%;
justify-content: center;
position: relative;
}
.nh-menu__list-item {
position: relative;
}
.nh-menu__list-link {
color: white;
font-size: 12px;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
}
.nh-menu__list-link::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 10px;
bottom: -13px;
background-color: transparent;
}
.nh-menu__list-link:hover {
color: #50f9ff;
text-decoration: none;
text-shadow: 0px 0px 20px #78d8dc;
}
.nh-menu__list-item:hover > .nh-menu__sublist {
max-height: 700px;
opacity: 1;
pointer-events: unset;
}
.nh-menu__sublist {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
display: block;
padding: 6px;
border-radius: 14px;
background: #385681;
max-height: 0;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
}
.nh-menu__sublist-item:not(:last-child) {
margin-bottom: 5px;
}
.nh-menu__sublist-link {
color: white;
background: #00000033;
padding: 8px 18px 8px 43px;
border-radius: 10px;
font-weight: 500;
font-size: 10px;
display: block;
transition: all 0.3s ease;
position: relative;
border: 1px solid transparent;
text-wrap: nowrap;
}
.nh-menu__sublist-link::before {
content: "";
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
height: 70px;
width: 70px;
background-size: contain;
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-35px);
}
.nh-menu__sublist-link:hover {
color: white;
text-decoration: none;
border: 1px solid transparent;
border-image-source: linear-gradient(90deg, rgba(80, 249, 255, 0.2) 0%, rgba(80, 249, 255, 0) 100%);
background: #50f9ff4d;
}
.overflow-hidden {
overflow: hidden;
}
@media (max-width: 992px) {
.nh-menu {
display: none;
}
.header.active .menu {
max-height: 700px;
visibility: visible;
opacity: 1;
}
.header.active {
top: 0;
bottom: 0;
overflow-y: auto;
}
.menu__title {
color: #50f9ff !important;
}
.header-row {
margin-bottom: 30px;
}
.menu__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
}
.header__inner_m .menu__list-item.drop .menu__sublist {
max-width: unset;
}
.menu__list-item {
line-height: unset;
}
.menu__list-item.active .menu__list-link {
color: #50f9ff;
}
.header__inner_m .menu__list-item.drop.active {
/* grid-column-start: 1;
grid-column-end: -1; */
width: 100%;
}
.menu__list-item.drop::before {
left: 90px;
}
.nh-menu__sublist-link {
font-size: 18px;
}
.menu__sublist {
/* margin-top: 30px; */
}
.menu__list-item.drop {
padding-right: unset;
}
.msl {
opacity: 0;
max-height: 0;
grid-column-start: 1;
grid-column-end: -1;
pointer-events: none;
position: absolute;
}
.header__inner_m .menu__list-item.drop.active + .msl {
max-height: 700px;
opacity: 1;
pointer-events: unset;
position: relative;
}
}
/* -NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER--NEW-HEADER- */
/* main-banner -------------------- */
.main-banner {
padding: 40px 0 17px 0;
}
.main-slider-wrapper {
padding-bottom: 17px;
}
.swiper-pagination-bullet {
box-sizing: content-box;
border: 4px solid #dbdbdb;
height: 10px !important;
width: 10px !important;
opacity: 1 !important;
background: #dbdbdb !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--blue) !important;
}
.main-banner-slider__slide {
border-radius: 15px;
overflow: hidden;
}
.mbst1 {
padding: 45px 60px;
background: linear-gradient(97.02deg, #1a516c -7.44%, #2b7a9e 13.25%, #194059 63.81%, #5190af 106.38%);
display: grid;
grid-template-columns: 60% 40%;
color: var(--white);
border-radius: 15px;
position: relative;
height: 100%;
}
.mbst1::before {
content: "";
position: absolute;
top: -16%;
left: 43%;
border-radius: 50%;
box-shadow: 0px 0px 180px 180px #d3eaff99;
}
.mbst1::after {
content: "";
position: absolute;
bottom: 0;
right: 20%;
border-radius: 50%;
box-shadow: 0px 0px 250px 250px #ffffffbf;
}
.mbst1__text-content {
max-width: 570px;
}
.mbst1__title {
font-weight: 700;
font-size: 32px;
margin-bottom: 37px;
max-width: 400px;
}
.mbst1__info {
padding: 25px 55px;
background: linear-gradient(90deg, #277a9c 0%, #3591b7 0.01%, #3998b4 100%);
position: relative;
border-radius: 22px;
border: 1.66px solid #ffffff1a;
}
.mbst1__info-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.mbst1__price-block {
display: flex;
text-shadow: 0px 0px 7px #d6f8ff;
gap: 12px;
align-items: end;
}
.mbst1__price {
font-size: 40px;
font-weight: 500;
height: max-content;
}
.mbst1__price-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
}
.mbst1__info-tags {
position: absolute;
bottom: -15px;
left: 55px;
display: flex;
gap: 10px;
}
.mbst1__info-tag {
color: #2d7b9c;
font-size: 13.5px;
padding: 10px 15px;
border-radius: 10px;
background-color: var(--white);
line-height: 0.7;
}
.mbst-tags {
margin-top: 40px;
display: flex;
gap: 8px;
}
.mbst1__tag {
font-size: 14px;
font-weight: 500;
color: #6de7ec;
}
.mbst1__image-block {
position: absolute;
bottom: -5px;
right: 0;
max-width: 50%;
z-index: 2;
}
.mbst1__image {
width: 100%;
}
.main-banner .swiper-button-next,
.main-banner .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 46%) !important;
}
.main-banner .swiper-button-prev.main-banner-button-prev {
transform: rotateY(180deg);
left: -30px !important;
}
.main-banner .swiper-button-next.main-banner-button-next {
right: -30px !important;
}
.main-banner-slider {
overflow: visible !important;
}
/* .main-banner-slider .swiper-slide-next {
visibility: hidden !important;
} */
.main-banner-slider .swiper-slide-prev {
visibility: hidden !important;
}
.main-banner .swiper-button-next.main-banner-button-next::after {
display: none;
}
.main-banner .swiper-button-prev.main-banner-button-prev::after {
display: none;
}
.main-banner .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
position: static;
}
.mbst1__image-block-tags {
display: none;
}
@media (max-width: 1300px) {
.main-banner .swiper-button-next.main-banner-button-next {
right: 3px !important;
}
.main-banner .swiper-button-next.main-banner-button-next img,
.main-banner .swiper-button-prev.main-banner-button-prev img {
width: 150px;
}
.main-banner .swiper-button-prev.main-banner-button-prev {
left: 3px !important;
}
}
@media (max-width: 992px) {
.main-banner .swiper-button-next.main-banner-button-next,
.main-banner .swiper-button-prev.main-banner-button-prev {
display: none;
}
.main-banner .swiper-wrapper.main-slider-wrapper {
padding-bottom: 15px;
}
.mbst1 {
padding: 40px 30px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.mbst1__title {
font-size: 28px;
margin-bottom: 20px;
font-weight: 500;
}
.mbst1__image-block {
position: relative;
height: 210px;
}
.mbst1__image {
width: 375px;
position: absolute;
bottom: -70px;
left: -40px;
}
.mbst1__info {
padding: 25px 20px 30px 20px;
}
.mbst1__info-title {
font-size: 16px;
}
.mbst1__price {
font-size: 32px;
}
.mbst1__info-tags {
left: 23px;
gap: 5px;
}
.mbst1__info-tag {
font-size: 8px;
padding: 6px 8px;
border: 1.07px solid rgba(255, 255, 255, 0.1);
border-radius: 6.41px;
box-shadow: 0px 28.44px 28.44px 0px rgba(0, 0, 0, 0.15);
bottom: -10px;
}
.mbst1__price-subtitle {
font-size: 14px;
}
.mbst-tags {
display: none;
}
.mbst1__tag {
color: var(--white);
}
.mbst1__image-block-tags {
display: block;
position: absolute;
left: -8px;
bottom: 34px;
}
}
.mbst2 {
padding: 45px 60px;
border-radius: 15px;
color: var(--white);
background-size: 1200px;
background-position: right bottom -100px;
display: block;
height: 100%;
}
.mbst2 > * {
position: relative;
z-index: 2;
}
.mbst2::before {
content: "";
display: block;
height: 100%;
width: 100%;
border-radius: 15px;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(92.97deg, #3a68b8 -12.2%, #223959 32.48%, rgba(58, 104, 184, 0) 83.75%);
z-index: 1;
}
.mbst2__title {
font-size: 32px;
font-weight: 700;
margin-bottom: 37px;
}
.mbst2 .mbst-tags {
margin-top: 0;
}
.mbst2__tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
max-width: 686px;
margin-bottom: 20px;
}
.mbst2__tag {
padding: 5px 15px;
border-radius: 7px;
font-size: 12px;
line-height: 1.4;
box-shadow: 0px 0px 80px 0px #00000040;
background-color: var(--blue);
}
.mbst2__price {
position: absolute;
right: 0;
bottom: 50px;
background:
linear-gradient(100.16deg, #209c9c 9.96%, #71d5d9 108.09%),
radial-gradient(71.94% 120.95% at 41.1% 44.9%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
box-shadow: 0px 4px 150px 0px #45ffd8;
padding: 15px 45px;
border-radius: 20px 0 0 70px / 20px 0 0 50px;
color: var(--white);
border: 1px solid #ffffff33;
text-shadow: 0 0 5px #ffffff5e;
}
.mbst2__old-price {
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
text-decoration: line-through;
}
.mbst2__new-price {
font-weight: 700;
font-size: 32px;
}
@media (max-width: 992px) {
.mbst2 {
padding: 45px 30px;
border-radius: 15px;
color: var(--white);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mbst2__title {
font-size: 28px;
margin-bottom: 20px;
font-weight: 500;
}
.mbst2__price {
position: relative;
padding: 20px;
margin-top: 20px;
top: 0;
right: -30px;
}
.mbst2__old-price {
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
text-decoration: line-through;
}
.mbst2__new-price {
font-weight: 500;
font-size: 28px;
}
}
.mbst3 {
padding: 65px 60px 45px 60px;
border-radius: 15px;
color: var(--white);
background-size: 1200px;
background-position: right -180px bottom -250px;
height: 100%;
}
.mbst3 > * {
position: relative;
z-index: 2;
}
.mbst3::before {
content: "";
display: block;
height: 100%;
width: 100%;
border-radius: 15px;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(92.97deg, #3a68b8 -12.2%, #223959 32.48%, rgba(58, 104, 184, 0) 83.75%);
z-index: 1;
}
.mbst3__title {
font-size: 24px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4;
margin-bottom: 45px;
}
.mbst3__title b {
font-weight: 800;
}
.mbst3__btn {
position: relative;
padding: 5px 75px 25px 55px;
border-radius: 15px;
background: radial-gradient(50% 50% at 50% 50%, #146071 0%, #082e41 100%);
z-index: 1;
font-weight: 800;
font-size: 24px;
margin-bottom: 13px;
margin-left: 10px;
width: max-content;
}
.mbst3__btn::after {
content: "";
background: url('data:image/svg+xml,');
height: 70px;
width: 38px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: -45px;
bottom: 23px;
}
.mbst3__btn::before {
content: "";
border: 0.95px solid #ffffff;
box-shadow: 0px 0px 3px 0px #ffffff;
box-shadow: inset 0px 0px 3px 0px #ffffff;
border-radius: 15px;
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
top: -10px;
left: -10px;
}
.mbst3__subtitle {
font-size: 12px;
margin-bottom: 15px;
}
.mbst3__list {
display: flex;
gap: 10px;
margin-bottom: 18px;
}
.mbst3__list-item {
font-size: 10px;
margin-bottom: 0;
flex-basis: 145px;
}
.mbst3 .mbst-tags {
margin-top: 0;
}
@media (max-width: 992px) {
.mbst3 {
padding: 45px 30px;
border-radius: 15px;
color: var(--white);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mbst3__list {
flex-direction: column;
}
.mbst3__list-item {
line-height: 26px;
flex-basis: unset;
}
}
.swiper-button-prev.main-banner-button-prev img,
.swiper-button-next.main-banner-button-next img {
display: none;
}
.swiper-button-prev.main-banner-button-prev::before,
.swiper-button-next.main-banner-button-next::before {
content: url('data:image/svg+xml,');
}
.swiper-button-prev.main-banner-button-prev::before {
transform: rotate(180deg);
}
.swiper-button-next.main-banner-button-next::before {
transform: rotate(180deg);
}
.page .main-banner .swiper-button-next.main-banner-button-next {
right: -15px !important;
}
.page .main-banner .swiper-button-prev.main-banner-button-prev {
left: -15px !important;
}
/* main-banner ---------------- end */
/* minibanners ---------------------*/
.minibanners__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
color: var(--white);
}
.minibanner {
border-radius: 15px;
background: radial-gradient(120.54% 68.62% at 50% 53%, rgb(70, 103, 151), rgb(35, 57, 90) 100%);
padding: 40px 60px;
position: relative;
}
.minibanner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/minibanner-1.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 50%;
z-index: 2;
}
.minibanner:nth-child(2):before {
background-image: url(../images/minibanner-2.png);
}
.minibanner__title {
font-size: 22px;
margin-bottom: 20px;
font-weight: 500;
}
.minibanner__list li {
font-size: 16px;
font-weight: 400;
line-height: 160%;
}
.minibanner__price-block {
margin-top: 42px;
margin-bottom: 20px;
}
.minibanner__price {
font-size: 34px;
}
.minibanner__price-title {
font-size: 20px;
font-weight: 400;
}
.minibanner__price-comment {
font-weight: 300;
font-size: 12px;
color: #ffffff80;
}
.minibanner__button {
position: relative;
z-index: 3;
}
@media (max-width: 992px) {
.minibanners__inner {
grid-template-columns: 1fr;
gap: 10px;
}
.minibanner::before,
.minibanner:nth-child(2):before {
background: none;
}
.minibanner {
padding: 40px 30px;
}
.minibanner__price-block {
margin-top: 20px;
}
.minibanner__title {
font-size: 20px;
}
.minibanner__list li {
font-size: 14px;
}
.minibanner__price {
font-size: 24px;
white-space: nowrap;
}
.minibanner__price-title {
font-size: 14px;
}
.mainbanner__footer {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
}
@media (max-width: 389px) {
.mainbanner__footer {
display: block;
}
}
/* minibanners ----------------- end*/
/* about ------------------------- */
.about {
color: var(--black);
padding-top: 40px;
overflow: hidden;
}
.about__inner {
display: grid;
grid-template-columns: 55.5% 42.5%;
gap: 2%;
}
.about__text-p {
margin-bottom: 18px;
font-weight: 500;
}
.about__title {
padding-top: 30px;
}
.about-counter {
position: relative;
font-style: italic;
font-weight: 900;
overflow-x: hidden;
}
.about-counter__small {
position: absolute;
left: 0;
right: 0;
background: linear-gradient(137.66deg, rgb(58, 104, 185), rgb(46, 71, 108));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-size: 110px;
text-align: center;
line-height: 210px;
z-index: 2;
}
.about-counter__big {
font-size: 180px;
background: var(--silver-gr);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.15;
text-align: center;
position: relative;
z-index: 1;
letter-spacing: -5px;
}
.about-counter__subtitle {
border-radius: 15px;
box-shadow: 0px 4px 150px 0px rgba(0, 0, 0, 0.2);
background: var(--white);
font-size: 20px;
font-weight: 500;
line-height: 24px;
color: var(--blue);
padding: 13px;
text-align: center;
}
.about-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.about-card {
border-radius: 20px;
box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.07);
background: var(--white);
padding: 25px 30px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
.about-card__number {
font-size: 70px;
font-weight: 700;
text-align: left;
margin-bottom: 10px;
}
.about-card__text {
font-size: 15px;
font-weight: 500;
text-align: left;
}
@media (max-width: 992px) {
.about__inner {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.about-counter__big {
position: absolute;
right: 0;
top: -10px;
z-index: 0;
font-size: 115px;
}
.about-counter__small {
position: relative;
z-index: 1;
font-size: 82px;
line-height: 1.4;
}
.about-card__number {
font-size: 48px;
}
.about-card__text {
font-size: 9px;
}
.about-card {
padding: 50px 13px 30px 13px;
}
.about-cards {
gap: 12px;
}
.about-counter__subtitle {
font-size: 10px;
padding: 5px 50px;
line-height: 1;
}
}
/* about ------------------------ end */
/* services ------------------------ */
.services {
background: radial-gradient(68.61% 86.33% at 34.72% 13.67%, #233a5a 0%, #3c6ab9 100%);
color: var(--white);
padding: 83px 0 47px 0;
margin-top: -28px;
}
.services__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 40px;
}
.services-block_type-flex {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
border-bottom: 1px solid #ffffff1a;
padding-bottom: 30px;
}
.service {
display: flex;
gap: 30px;
align-items: center;
}
.service__text {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 85%;
}
.service__button {
min-width: 145px;
text-align: center;
}
.service__img-box {
border-radius: 20px;
min-width: 125px;
max-width: 125px;
overflow: hidden;
}
.service__img-box img {
width: 100%;
}
.service__title {
font-size: 20px;
margin-bottom: 18px;
font-weight: 500;
}
.services-block_type-scroll {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 35px;
padding-top: 30px;
padding-bottom: 30px;
}
.services-block_type-scroll::-webkit-scrollbar {
height: 4px;
}
.services-block_type-scroll::-webkit-scrollbar-thumb {
background-color: var(--white);
width: 97px;
border-radius: 9px;
background-clip: content-box;
}
.services-block_type-scroll::-webkit-scrollbar-track {
background: #ffffff1a;
}
@media (max-width: 992px) {
.services-block_type-flex {
grid-template-columns: 1fr;
}
.services-block_type-scroll {
overflow-x: auto;
}
}
/* services --------------------- end */
/* main-form ----------------------- */
.main-form__inner {
border-radius: 20px;
display: flex;
color: var(--white);
align-items: center;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.main-form__inner {
clip-path: url(#clipMainFormOuterMobile);
background: radial-gradient(69.92% 79.67% at 48.69% 12.62%, #233a5a 0%, #3c6ab9 100%);
padding: 80px 40px;
overflow: hidden;
}
/* .main-form__mobile-clipart:before {
content: "";
display: block;
width: 40%;
height: 40%;
border-radius: 50%;
position: absolute;
left: 41%;
box-shadow: 0 0 120px 133px #000;
} */
@media (min-width: 992px) {
.main-form__inner {
clip-path: url(#clipMainFormInnerDesctop);
background: radial-gradient(46.01% 86.33% at 32.04% 13.67%, #233a5a 0%, #3c6ab9 100%);
padding: 50px;
}
.main-form__outer {
clip-path: url(#clipMainFormOuterDesctop);
padding-top: 50px;
}
}
.main-form__title {
font-size: 22px;
font-weight: 500;
margin-bottom: 24px;
max-width: 500px;
}
.main-form__subtitle {
font-size: 12px;
font-weight: 400;
color: #b4d1ff;
margin-bottom: 24px;
}
.main-form__inputs {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: flex-end;
}
.main-form__input-block {
display: flex;
flex-direction: column;
width: 100%;
}
.main-form__label {
font-size: 12px;
font-weight: 400;
margin-bottom: 6px;
}
.main-form__input {
border-radius: 10px;
font-size: 12px;
font-weight: 400;
color: var(--secondary-2);
padding: 12px 10px;
}
.main-form__input.error {
background-color: rgb(255 138 138);
}
.main-form__span {
min-width: 35%;
}
.main-form__block {
min-width: 65%;
}
.main-form__inner::before {
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
bottom: -10px;
z-index: 1;
}
.main-form__block {
position: relative;
z-index: 1;
}
@media (max-width: 992px) {
.main-form__inputs {
flex-wrap: wrap;
gap: 15px;
}
.main-form__title {
font-size: 20px;
}
.main-form__subtitle {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
/* .main-form__inner::before {
display: none;
} */
.main-form__span {
display: none;
}
/* .main-form__img-box {
position: static;
max-width: 100%;
} */
.main-form__img {
max-width: 100%;
}
.main-form__button {
width: 100%;
text-align: center;
font-weight: 500;
margin-top: 15px;
}
}
/* main-form -------------------- end */
/* main-tabs ====================== */
.main-tabs {
}
.main-tab,
.main-subtab {
cursor: pointer;
}
.main-tab {
}
.main-tab:hover {
}
.main-tab.active {
}
@media (max-width: 992px) {
.main-tab {
}
.main-tabs {
}
}
.main-content {
display: none;
}
.main-content.active {
display: block;
}
/* main-tabs ================== end */
.results {
color: var(--black);
padding: 40px 0;
}
.results__title {
margin-bottom: 10px;
max-width: 615px;
}
.results__text {
margin-bottom: 30px;
max-width: 615px;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.result__buttons {
gap: 5px;
margin-bottom: 35px;
overflow-x: auto;
}
.result__buttons::-webkit-scrollbar {
height: 0;
}
.results__list {
display: flex;
gap: 20px;
padding-bottom: 34px;
overflow-x: auto;
}
.result {
min-width: 320px;
}
.result__imgs {
margin-bottom: 15px;
border-radius: 15px;
}
.result__title {
font-size: 12px;
color: var(--black);
}
.result__text {
font-size: 12px;
font-weight: 400;
color: var(--secondary-2);
}
.results__list::-webkit-scrollbar {
height: 6px;
}
.results__list::-webkit-scrollbar-thumb {
background-color: var(--blue);
width: 97px;
border-radius: 9px;
background-clip: content-box;
}
.results__list::-webkit-scrollbar-track {
background: #f4f7fc;
}
@media (max-width: 992px) {
.results__title {
font-style: 26px;
}
.results__text {
font-size: 14px;
}
}
.slider {
position: relative;
overflow: hidden;
width: 285px;
border-radius: 20px;
}
.slider img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.before {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: 2;
width: 50%;
height: 100%;
}
.change {
position: absolute;
left: 50%;
top: 0;
z-index: 10;
width: 3px;
height: 100%;
touch-action: none;
}
.change::after {
content: "â—€ â–¶";
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
text-align: center;
width: 35px;
height: 35px;
background-color: rgba(255, 255, 255, 0.3);
border: 3px solid white;
transform: translate(-50%, -50%);
font-size: 11px;
line-height: 35px;
color: white;
}
.results__button.active {
border: 1px solid rgba(255, 255, 255, 0.2);
background: radial-gradient(168.07% 69.35% at 15% 89%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%), rgb(34, 57, 89);
color: var(--white);
}
.results__button {
border: 1px solid rgb(34, 57, 89);
color: var(--black);
background-color: var(--white);
}
.results__button:hover {
background: #3a68b91a !important;
border: 1px solid #3a68b966;
color: var(--black);
}
.change-in::before,
.change-in::after {
content: "";
display: block;
background: white;
width: 3px;
height: 78px;
}
.change-in::after {
margin-top: 35px;
}
/* why??? ------------------- */
.why {
padding: 40px 0 0 0;
}
.why__title {
}
.why__subtitle {
font-weight: 500;
margin-bottom: 40px;
}
.why-cards {
padding: 60px 0 40px 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 50px;
row-gap: 80px;
}
.why-card {
position: relative;
padding: 30px 60px 25px 60px;
}
.why-card__number {
position: absolute;
top: -40px;
right: 30px;
/* color: #ecf0f8; */
color: #f2f4f9;
font-size: 90px;
font-style: italic;
font-weight: 900;
width: max-content;
z-index: 30;
/* text-shadow: 0px 0px 20px white; */
/* -webkit-text-stroke: 1px; */
text-shadow:
1px 1px 0 #3a68b929,
-1px 1px 0 #3a68b91a,
-1px -1px 0 #3a68b91a,
1px -1px 0 #3a68b91a;
}
.why-card__title-block {
display: flex;
padding-bottom: 25px;
}
.why-card__img {
position: absolute;
left: -40px;
top: -80px;
}
.why-card__title {
font-size: 22px;
font-weight: 500;
padding-left: 100px;
position: relative;
max-width: 300px;
min-height: 53px;
display: flex;
align-items: center;
}
.why-card__text {
color: #92a1bc;
font-size: 16px;
font-weight: 400;
max-width: 470px;
position: relative;
z-index: 10;
}
.why-card__border {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.why-card__border path.shadow {
filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.08));
fill: #fff;
}
.why-card__border svg {
overflow: visible;
}
@media (max-width: 992px) {
.why-slider-container {
position: relative;
}
.why__title {
font-size: 28px;
margin-bottom: 20px;
padding: 0;
font-weight: 500;
}
.why-cards {
display: flex;
gap: 0;
padding: 50px 10px 60px 10px;
}
.why-card__title {
font-size: 13px;
padding-left: 80px;
max-width: 220px;
min-height: 30px;
position: relative;
top: -5px;
}
.why-card__subtitle {
font-weight: 400;
}
.why-card__number {
font-size: 57px;
top: -17px;
}
.why-card__img {
height: 167px;
width: 163px;
top: -35px;
left: -22px;
}
.why-card__text {
font-size: 9px;
}
.why-card {
padding: 35px 20px 20px 20px;
}
.why-card__border path.shadow {
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
}
.why-card__title-block {
padding-bottom: 10px;
}
.slider-container.mySwiper {
overflow: visible;
}
.swiper-pagination-bullet {
height: 12px !important;
width: 12px !important;
}
.swiper-pagination-bullet-active {
background: url('data:image/svg+xml,') !important;
height: 14px !important;
width: 14px !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
}
/* why??? ------------------end*/
/* partners ----------------- */
.partners {
padding: 30px 0;
color: var(--black);
}
.main-container {
}
.partners__inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.partner {
padding-left: 40px;
padding-right: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.partner:not(:last-child) {
padding-right: 60px;
border-right: 1px solid #e5ecf9;
}
.partner__img {
display: block;
margin-bottom: 10px;
}
.partner__title {
font-size: 14px;
font-weight: 400;
text-align: center;
}
@media (max-width: 992px) {
.partners__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 52px;
}
.partner {
padding-left: 15px;
padding-right: 15px;
}
.partner:not(:last-child) {
padding-right: unset;
border-right: unset;
}
.partner:nth-child(odd) {
padding-right: 15px;
border-right: 1px solid #e5ecf9;
}
.partner__img {
max-width: 127px;
height: auto;
}
.partner__title {
font-size: 10px;
max-width: 127px;
}
.partners .main-container {
padding: 0;
}
}
/* partners -------------- end */
/* refferal ------------------ */
.referral {
color: var(--black);
padding: 40px 0 23px 0;
}
.icon-referral {
width: 80px;
height: 27px;
margin-right: 20px;
}
.main-container {
}
.referral__inner {
display: grid;
grid-template-columns: 32% 68%;
}
.referral__prices {
}
.referral__title {
font-size: 32px;
margin-bottom: 20px;
}
.refferal__subtitle {
font-size: 16px;
font-weight: 400;
margin-bottom: 40px;
}
.friends {
display: grid;
gap: 20px;
margin-bottom: 26px;
}
.friend {
padding: 14px 30px;
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #3a68b91a;
border-radius: 10px;
background-color: var(--secondary);
position: relative;
z-index: 1;
max-width: 354px;
}
.friend_color-accent {
color: var(--white);
background-color: var(--blue);
}
.friend__img-box {
max-width: 80px;
}
.friend__text-block {
}
.friend__title {
font-size: 15px;
font-weight: 700;
margin-bottom: 8px;
}
.friend__subtitle {
font-weight: 400;
font-size: 12px;
}
.friend__tag {
position: absolute;
border: 1px solid #3a68b980;
color: var(--blue);
font-size: 10px;
padding: 4px 11px;
line-height: 0.7;
left: 17px;
top: -9px;
border-radius: 5px;
background-color: #e2e8f4;
z-index: 2;
}
.refferal__attnetion {
font-size: 16px;
color: var(--secondary-2);
font-weight: 400;
display: flex;
align-items: flex-start;
gap: 19px;
line-height: 1.6;
}
.refferal__info {
display: flex;
position: relative;
gap: 10px;
padding-left: 50px;
}
.refferal__descr {
padding-top: 151px;
}
.refferal__descr-title {
box-shadow: 0px 4px 100px 0px #0000001a;
color: var(--blue);
font-size: 16px;
padding: 30px 38px;
border-radius: 20px;
background: var(--white);
margin-bottom: 28px;
position: absolute;
width: 390px;
height: 93px;
top: 38px;
}
.refferal__descr-p {
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
padding-left: 38px;
}
.refferal__descr-p .accent {
font-weight: 600;
}
.refferal__info .button {
margin-left: 38px;
}
.referral__info-title-block {
display: none;
}
.refferal__info-img-title {
display: none;
}
@media (max-width: 1300px) {
.refferal__info-img {
min-width: 50%;
}
.refferal__info-img img {
max-width: 100%;
}
.refferal__descr {
min-width: 300px;
}
}
@media (max-width: 992px) {
.referral__title {
font-size: 28px;
}
.refferal__subtitle {
font-size: 14px;
margin-bottom: 30px;
}
.refferal__descr-title {
display: none;
}
.referral__prices-title {
display: none;
}
.referral__info-title-block {
display: block;
}
.refferal__info {
flex-direction: column;
padding-left: 0;
}
.referral__inner {
display: flex;
flex-direction: column-reverse;
}
.refferal__info-img img {
max-width: 100%;
}
.refferal__descr-title {
width: unset;
}
.refferal__info .button {
margin-left: 0;
}
.refferal__descr-p {
padding-left: 0;
}
.refferal__descr {
padding-top: 0;
padding-bottom: 70px;
}
.friend {
padding: 12px 28px;
}
.friends {
padding-top: 30px;
}
.friend__title {
font-size: 14px;
}
.refferal__info-img {
position: relative;
}
.refferal__info-img-title {
display: block;
position: absolute;
top: -35px;
left: 0;
width: 270px;
padding: 22px 27px;
border-radius: 10px;
color: var(--blue);
font-size: 11px;
background-color: var(--white);
box-shadow: 0px 4px 100px 0px #0000001a;
}
}
/* refferal ---------------- end*/
/* our-clinic ---------------- */
.our-clinic {
padding-bottom: 40px;
}
.our-clinic .main-container {
/* padding-right: 0; */
color: var(--black);
}
.our-clinic__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 40px;
}
.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
overflow-x: scroll;
padding-bottom: 20px;
}
.gallery__slide {
height: 160px;
width: 285px;
}
.gallery::-webkit-scrollbar {
height: 4px;
}
.gallery::-webkit-scrollbar-thumb {
background-color: var(--blue);
width: 97px;
border-radius: 9px;
background-clip: content-box;
}
.gallery::-webkit-scrollbar-track {
background: var(--secondary);
}
.our-clinic__subtitle {
padding: 40px 0;
font-size: 16px;
font-weight: 400;
}
.tour-box {
width: 100%;
height: 520px;
overflow: hidden;
}
.tour-map {
width: 100%;
height: 58vh;
border: none;
border-radius: 15px;
}
.tour-map .gm-iv-address {
height: 70px !important;
}
/* our-clinic ---------------- */
.review {
padding: 0 0 40px 0;
}
.review_slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: 0.5s 1ms;
-o-transition: 0.5s 1ms;
transition: 0.5s 1ms;
/* overflow-x: scroll; */
}
.review__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
}
.reviews-video {
position: relative;
height: 400px;
border-radius: 16px;
overflow: hidden;
cursor: pointer;
}
.review-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.audio-name {
color: var(--black);
font-size: 14px;
margin-left: 25px;
margin-bottom: 10px;
display: block;
font-weight: 400;
}
.audio-item {
margin-bottom: 15px;
}
.audio-item-box audio {
width: 400px;
border-radius: 15px;
color: var(--black);
}
.audio-item-box audio::-webkit-media-controls {
color: var(--black) !important;
}
audio::-webkit-media-controls-panel {
background-color: #f2f6fb !important;
border-radius: 15px !important;
}
.review_audio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40%;
}
.review-box-video {
overflow: hidden;
width: 60%;
}
.icon-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
border-radius: 100%;
content: "";
z-index: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.reviews-video:hover .icon-play {
opacity: 0;
}
.reviews-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
left: 0%;
width: 100%;
bottom: 0px;
}
.swiper-scrollbar-drag {
cursor: pointer;
}
.swiper-scrollbar-drag {
background: #3a68b9;
cursor: pointer;
}
.review_content._anim {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.review_content {
position: relative;
padding-bottom: 15px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: 0.5s 1ms;
-o-transition: 0.5s 1ms;
transition: 0.5s 1ms;
}
@media (max-width: 1199.98px) {
.audio-item-box audio {
width: 350px;
}
}
@media (max-width: 991.98px) {
.review-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.review-box-video {
width: 100%;
}
.review_audio {
width: 100%;
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.review_content {
padding-bottom: 30px;
margin-top: 20px;
}
.reviews-video {
width: 264px;
height: 460px;
}
}
@media (max-width: 576.98px) {
.reviews-video {
width: 200px;
height: 350px;
}
.review_content {
width: 100%;
max-width: 300px;
}
.audio-item {
margin-bottom: 7px;
}
.audio-item-box audio {
width: 100%;
max-width: 370px;
}
.review_audio {
margin-bottom: 15px;
}
}
/* certificates ------------------------------- */
.certificates {
color: var(--black);
}
.main-container {
}
.swiper {
}
.certificates__slider {
}
.certificates__inner {
}
.swiper-wrapper {
}
.swiper-slide {
}
.certificat-slide {
}
.certificat-slide__img {
width: 100%;
}
.certificates__title-block {
display: flex;
justify-content: space-between;
}
.certificates__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
}
.certificates__slider-controllers {
position: relative;
width: 100px;
height: 42px;
}
.certificates__slider-controllers .swiper-button-prev,
.certificates__slider-controllers .swiper-button-next {
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 40px;
}
.certificates__slider-controllers .swiper-button-prev {
left: 0;
transform: rotateY(180deg);
}
.certificates__slider-controllers .swiper-button-next::after,
.certificates__slider-controllers .swiper-button-prev::after {
content: "";
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
left: 0%;
width: 100%;
bottom: 0px;
}
.swiper-scrollbar-drag {
cursor: pointer;
}
.certificates__slider .swiper-scrollbar-drag {
background: #3a68b9;
cursor: pointer;
}
.certificates__slider._anim {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.certificates__slider {
position: relative;
padding-bottom: 30px !important;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: 0.5s 1ms;
-o-transition: 0.5s 1ms;
transition: 0.5s 1ms;
}
.certificates__slider .swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
display: none;
}
@media (max-width: 992px) {
.certificates__title {
font-size: 28px;
margin-bottom: 10px;
}
.certificates__slider-controllers {
display: none;
}
.certificates__slider .swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
display: block;
}
.certificates {
padding-bottom: 30px;
}
}
/* certificates --------------------------- end */
/* footer ------------------------------------- */
.footer {
background: radial-gradient(49.9% 216.62% at 23.68% 104.19%, #233a5a 0%, #3c6ab9 100%);
padding: 46px 0 20px 0;
color: var(--white);
}
.maps {
}
.main-container {
}
.maps-content {
display: grid;
grid-template-columns: 25.41% 74.59%;
padding-bottom: 40px;
}
.map-frame {
height: 100%;
width: 100%;
border: none;
border-radius: 20px;
}
.maps__title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.maps__subtitle {
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
}
.maps__metro {
padding: 24px 0;
}
.maps__metro-item {
display: flex;
gap: 10px;
font-size: 14px;
font-weight: 500;
position: relative;
line-height: 30px;
}
.maps__metro-item:not(:last-child) {
margin-bottom: 10px;
}
.maps__metro-item_mend::before,
.maps__metro-item_nov::before {
content: "";
background: url('data:image/svg+xml, ');
height: 30px;
width: 30px;
}
.maps__metro-item_nov::before {
background: url('data:image/svg+xml, ');
}
.maps__btn {
display: flex;
gap: 10px;
background-color: var(--white);
color: var(--black);
text-decoration: none;
padding: 15px 20px;
border-radius: 10px;
width: max-content;
box-shadow: 0px 8px 50px 0px #0000001a;
font-size: 14px;
align-items: center;
}
.maps__btn:hover {
background-color: #cfd0d2;
}
.maps-box__btn {
display: none;
}
.maps__info-btn:hover {
text-decoration: none;
}
.footer-content {
display: flex;
justify-content: space-between;
padding-bottom: 40px;
}
.footer-content__info {
display: flex;
flex-direction: column;
gap: 30px;
/* max-width: 380px; */
flex-basis: 390px;
}
.footer-content__text {
font-size: 12px;
font-weight: 400;
color: var(--secondary);
}
.footer-content__pay-title {
font-size: 16px;
margin-bottom: 10px;
font-weight: 300;
}
.footer-content__menu {
display: flex;
justify-content: space-between;
gap: 20px;
flex-basis: 290px;
}
.footer-content__menu-list {
/* display: grid;
align-content: space-evenly;
grid-template-columns: 1fr 1fr;
column-gap: 10px;
height: 100%; */
display: flex;
flex-direction: column;
gap: 20px;
flex-basis: 140px;
}
.footer-content__menu-list:not(:last-child) {
}
.footer-content__menu-link {
color: var(--white);
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
.footer-content__contacts {
display: flex;
flex-direction: column;
gap: 30px;
align-items: flex-end;
}
.footer-content__addres {
font-size: 16px;
font-weight: 400;
text-align: right;
background-color: rgba(255, 255, 255, 0.1);
padding: 8px 20px;
border-radius: 5px;
}
.footer-content__addres:not(:last-child) {
margin-bottom: 10px;
}
.footer-content__box {
display: flex;
gap: 20px;
justify-content: space-between;
}
.footer-content__addres-title {
font-size: 12px;
font-weight: 600;
margin-bottom: 7px;
display: block;
}
.footer-content__addres-text {
font-weight: 400;
font-size: 14px;
display: block;
}
.footer-content__mail {
font-size: 16px;
font-weight: 400;
color: var(--white);
text-decoration: none;
text-align: right;
display: inline-block;
width: 100%;
}
.footer .button {
padding: 12px 20px;
font-size: 14px;
}
.footer-ps {
font-size: 22px;
color: var(--secondary-2);
text-align: left;
font-weight: 400;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0;
max-width: 800px;
}
.footer__logo-soc {
display: flex;
gap: 10px;
justify-content: space-between;
}
@media (max-width: 992px) {
.footer {
padding: 40px 0;
}
.maps-content {
grid-template-columns: 1fr;
gap: 30px;
padding-bottom: 30px;
}
.maps__info-btn {
display: none;
}
.maps__metro {
padding-bottom: 0;
}
.maps-box__btn {
display: flex;
margin: 0 auto;
margin-top: 10px;
width: 100%;
justify-content: center;
}
.map-frame {
height: 227px;
}
.maps__metro-item {
font-size: 14px;
}
.footer-content {
flex-direction: column-reverse;
gap: 30px;
align-items: center;
}
.footer-content__contacts {
max-width: unset;
width: 100%;
text-align: center;
align-items: center;
}
.footer-content__mail {
display: block;
text-align: center;
}
.footer .phone {
font-size: 17px;
}
.footer .button {
width: 100%;
padding: 16px 20px;
text-align: center;
}
.footer-content__menu {
width: 100%;
max-width: unset;
}
.footer-content__menu-list {
gap: 20px;
flex-basis: 200px;
}
.footer__logo img {
width: 120px;
}
.footer-content__text {
color: var(--secondary);
font-size: 12px;
}
.footer-content__pay-title {
font-size: 14px;
}
.addreses-box {
width: 100%;
}
.footer-content__addres-text {
text-align: center;
}
.footer-content__addres-title {
font-size: 16px;
text-align: center;
}
.footer-content__box {
flex-direction: column-reverse;
}
.footer-content__menu {
flex-basis: unset;
margin-top: 10px;
}
.footer .soc-link__ico {
width: 31px;
height: 31px;
}
.footer .soc-links {
gap: 6px;
min-width: calc(50% - 0.5rem);
}
.footer-content__info {
flex-basis: unset;
}
.footer-ps {
font-size: 16px;
margin-top: 30px;
line-height: 1.4;
}
}
/* main-modal ---------- */
.main-modal {
display: none;
}
.main-modal.active {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #00000075;
z-index: 9999;
}
body.modal-active {
overflow: hidden;
}
/* main-modal ------- end */
/* popup-form ------------- */
.check__input {
display: none;
}
.check__input.error + .check__label::before {
background-color: rgba(244, 104, 104, 0.1);
border: 1px solid rgba(255, 0, 0, 0.547);
}
.check__label {
vertical-align: middle;
/* */
color: #b4d1ff;
font-weight: 400;
font-size: 12px;
line-height: 14px;
display: flex;
}
.check__label::before {
content: "";
display: inline-block;
width: 18px;
min-width: 18px;
height: 18px;
padding-bottom: 0.05em;
font-size: 14px;
border-radius: 4px;
vertical-align: middle;
margin-right: 0.35em;
text-align: center;
position: relative;
top: -0.2em;
background-color: #ffffff1a;
}
.check__input:checked + .check__label::before {
content: "\2714";
color: inherit;
}
.pay-popup {
}
.main-popup {
padding: 40px 60px;
border-radius: 15px;
background: radial-gradient(68.61% 86.33% at 34.72% 13.67%, #233a5a 0%, #3c6ab9 100%);
width: 100%;
max-width: 590px;
position: relative;
}
.popup-form {
position: relative;
}
.form__title {
font-weight: 800;
font-size: 24px;
color: white;
}
.form__title:last-child {
margin-bottom: 30px;
}
.form__subtitle {
color: white;
font-weight: 500;
font-size: 18px;
margin-bottom: 30px;
}
.popup-form__input:not(:last-child) {
margin-bottom: 10px;
}
.popup-form__input.error {
background-color: rgba(244, 104, 104, 0.1);
border: 1px solid rgba(255, 0, 0, 0.547);
}
.popup-form__input {
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: white;
font-weight: 400;
font-size: 12px;
padding: 12px 10px;
width: 100%;
}
.popup-form__input::placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.popup-form__input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.popup-form__check-block {
margin-top: 30px;
margin-bottom: 14px;
}
.popup-form .button {
width: 100%;
}
.main-close-btn {
position: absolute;
top: 20px;
right: 19.4px;
cursor: pointer;
z-index: 2;
}
@media (max-width: 992px) {
.main-popup {
padding: 40px 30px;
}
.form__title {
font-size: 20px;
}
.form__subtitle {
font-size: 14px;
}
}
/* popup-form ---------- end */
/* cookie --------------- */
.cookie.active {
display: block;
}
.cookie {
padding: 20px 40px;
border-radius: 20px;
box-shadow: 0px 4px 150px 0px #00000040;
display: none;
position: fixed;
bottom: 20px;
background-color: white;
width: 90vw;
max-width: 1200px;
left: 50%;
transform: translateX(-50%);
z-index: 300;
}
.cookie__inner {
display: flex;
justify-content: space-between;
gap: 20px;
}
.cookie__close {
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
background: #ffffff94;
border-radius: 50%;
}
.cookie__text {
color: var(--black);
font-weight: 400;
font-size: 12px;
letter-spacing: 0.8px;
}
.cookie__link {
color: var(--mint);
font-weight: 500;
}
.cookie .cookie__button {
cursor: pointer;
}
@media (max-width: 992px) {
.cookie__inner {
flex-direction: column;
}
.cookie .cookie__button {
width: 100%;
text-align: center;
}
}
/* cookie --------------- end */
/* akcii ---------------------------------------------- ----- */
.desc1 {
display: grid;
grid-template-columns: 24% 62%;
align-items: center;
gap: 4%;
}
.desc1__img {
border-radius: 15px;
background-size: cover;
background-position: center;
height: 300px;
width: 100%;
position: relative;
}
.desc1__img::before {
content: "";
width: 100%;
height: 100%;
border-radius: 15px;
bottom: -10px;
right: -10px;
background-color: var(--secondary);
position: absolute;
z-index: -2;
}
.sn1 > *:not(:last-child) {
margin-bottom: 25px;
}
.sn1 h2 {
font-size: 22px;
font-weight: 600;
}
.sn1 p {
font-size: 22px;
font-weight: 400;
}
.sn1 ul:last-of-type {
padding-left: 0;
display: flex;
gap: 15px;
list-style-type: none;
}
.sn1 ul:last-of-type li:first-child {
color: var(--secondary-2);
font-size: 24px;
text-decoration: line-through;
}
.sn1 ul:last-of-type li:nth-child(2) {
color: var(--mint);
font-size: 24px;
}
.sn1 ul:first-of-type:not(:last-of-type) li {
font-size: 22px;
padding-left: 24px;
color: var(--black);
position: relative;
}
.sn1 ul:first-of-type:not(:last-of-type) li::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 8px;
border-radius: 2px;
box-shadow:
0px 0px 4px 0px rgba(120, 216, 220, 0.8),
0px 0px 30px 0px rgb(120, 216, 220);
background: rgb(56, 191, 196);
height: 8px;
width: 8px;
border-radius: 2px;
transform: rotateZ(50deg);
}
.sn1 ul:first-of-type:not(:last-of-type) li:not(:last-of-type) {
margin-bottom: 10px;
}
@media (max-width: 992px) {
.desc1 {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.sn1 > *:not(:last-child) {
margin-bottom: 10px;
}
.sn1 h2 {
font-size: 18px;
}
.sn1 p {
font-size: 18px;
}
.sn1 ul:last-of-type li:first-child {
font-size: 20px;
}
.sn1 ul:last-of-type li:nth-child(2) {
font-size: 20px;
}
}
.main-section-text {
color: var(--black);
font-size: 20px;
}
.main-section-text ul,
.main-section-text ol {
padding-left: 25px;
}
.main-section-text ul {
list-style-type: disc;
}
.main-section-text ol {
/* list-style-type: ; */
margin: 0;
}
.main-section-text ul li,
.main-section-text ol li {
margin-bottom: 10px;
}
.main-section-text ul li:first-of-type,
.main-section-text ol li:first-of-type {
margin-top: 10px;
}
.main-section-text ul li:last-of-type,
.main-section-text ol li:last-of-type {
margin-bottom: 20px;
}
.main-section-text h1,
.main-section-text h2,
.main-section-text h3,
.main-section-text h4,
.main-section-text h5,
.main-section-text h6 {
margin-bottom: 20px;
}
.main-section-text p {
margin-bottom: 20px;
}
@media(max-width:992px) {
.main-section-text h1 {
font-size: 22px;
font-weight: 600;
}
.main-section-text {
font-size: 18px;
}
}
/* akcii ---------------------------------------------- --end */
/* .b24-form-wrapper {
padding: 40px 60px;
border-radius: 15px;
background: radial-gradient(68.61% 86.33% at 34.72% 13.67%, #233a5a 0%, #3c6ab9 100%);
width: 100%;
max-width: 590px;
position: relative;
font-family: Montserrat !important;
}
.b24-form-field-agreement-link,
.b24-form-control-desc {
font-family: Montserrat !important;
line-height: 1.4 !important;
}
.b24-form-control-icon-after .b24-form-control {
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: white;
font-weight: 400;
font-size: 12px;
padding: 12px 10px;
width: 100%;
}
.b24-form-control-icon-after .b24-form-control-label {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.b24-form-sign {
display: none !important;
}
.b24-form-btn {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 4px 100px 0px rgba(69, 255, 216, 0.5);
background: radial-gradient(148.95% 73.98% at 41% 45%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 100%), linear-gradient(127.05deg, rgb(0, 168, 168) 8.239%, rgb(113, 213, 217) 108.058%);
color: white;
font-size: 14px;
font-weight: 600;
display: block;
padding: 12px 20px !important;
border-radius: 40px !important;
text-decoration: none;
transition: all 0.3s ease-in;
letter-spacing: 1px;
min-height: 47px;
font: 14px Montserrat !important;
}
.b24-form-field-agreement-link {
vertical-align: middle;
color: #b4d1ff;
font-weight: 400;
font-size: 10px;
line-height: 20px;
display: flex;
}
.b24-form-field-agreement .b24-form-control-container {
line-height: 1.3;
display: flex;
align-items: flex-start;
gap: 10px;
}
.b24-form-control-required {
display: none;
}
.b24-form-content,
.b24-form-padding-side,
.b24-form-header-padding {
padding: 0 !important;
}
.popup-form__input:not(:last-child) {
margin-bottom: 10px;
}
.reception-popup.main-popup {
padding: 0;
}
.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item {
border-radius: 15px !important;
height: 43px !important;
padding: 17px 10px 0 !important;
font: 14px Montserrat !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.form-title-block {
padding: 40px 60px 0 60px;
}
.form-title-block .form__subtitle {
margin-bottom: 0;
}
.b24-form-field-phone {
margin-bottom: 30px !important;
}
.b24-form-state-container .b24-form-success {
background: radial-gradient(68.61% 86.33% at 34.72% 13.67%, #233a5a 0%, #3c6ab9 100%);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.b24-form-success .b24-form-state-text p {
color: white;
}
@media(max-width:992px) {
.b24-form-wrapper {
padding: 40px 30px !important;
}
.form-title-block {
padding: 40px 30px 0 30px;
}
} */
/* popup-form ---------- end */
.main-popup.main-popup_white {
background: white;
}
.main-popup.main-popup_blue {
background: #dfe6ff;
}
.main-popup.main-popup_blue::before {
content: "";
position: absolute;
right: 1px;
top: 0;
box-shadow: -20px 20px 98px 20px #000000;
z-index: 1;
height: 19px;
width: 0px;
}
.main-popup.main-popup_flex {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 338px;
}
.info-message__img {
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
.info-message__title {
font-weight: 500;
font-size: 24px;
line-height: 1;
text-align: center;
margin-bottom: 14px;
color: #223959;
}
.info-message__text {
font-weight: 500;
font-size: 20px;
line-height: 1;
text-align: center;
color: #92a1bc;
}
.info-message__btn {
font-weight: 500;
font-style: Medium;
font-size: 20px;
line-height: 100%;
text-align: center;
width: max-content;
padding: 13px 40px;
border-radius: 100px;
background: radial-gradient(50% 50% at 50% 50%, #bad3ff 99.99%, rgba(120, 155, 255, 0.3) 100%);
color: #223959;
margin: 10px auto 0 auto;
}
#payForm .b24-form-control-desc {
color: white;
font-family: Montserrat;
font-weight: 400;
font-size: 14px !important;
}
#payForm .b24-form-field-agreement-link {
}
#payForm .agreement-link {
color: white;
}
#payForm .b24-form-control-container {
padding: 20px 0;
}
#payForm .button.button_silver-gr.link {
border: none;
}
.minibanners {
position: relative;
z-index: 1;
}
.swiper .swiper-wrapper > * {
visibility: hidden;
}
.swiper .swiper-wrapper > *:first-child {
visibility: visible;
}
.swiper.swiper-initialized .swiper-wrapper > * {
visibility: visible;
}
.of-banners {
padding: 20px 0;
}
.of-banners-desc,
.of-banners-mob {
font-size: 0px;
border-radius: 20px;
box-shadow: 0 4px 40px 0 #0b113816;
}
.of-banners-desc img,
.of-banners-mob img {
max-width: 100%;
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.of-banners-desc > :not(img) {
display: none;
}
.of-banners-mob {
display: none;
}
@media (max-width: 992px) {
.of-banners-mob {
display: block;
}
.of-banners-desc {
display: none;
}
}
.map-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
}
.map-load-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px 30px;
background: var(--mint);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background 0.3s;
z-index: 1;
}
#map-container {
width: 100%;
height: 250px;
position: relative;
}
.map-frame {
width: 100%;
height: 100%;
border: none;
}
/* */
.excellences {
display: grid;
grid-template-columns: repeat(5, 285px);
gap: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
cursor: pointer;
user-select: none;
-ms-overflow-style: none;
}
.excellences-section .section-title {
padding-bottom: 40px;
}
.excellences::-webkit-scrollbar {
height: 4px;
}
.excellences::-webkit-scrollbar-thumb {
background-color: #588fce;
border-radius: 4px;
}
.excellences::-webkit-scrollbar-track {
background: #eaf2fd;
}
.excellence {
padding: 30px;
box-shadow: inset 0px 0px 5px 0px #588fce82;
border-radius: 30px;
}
.main-page .excellence {
box-shadow: none;
}
.excellence__img-block {
margin-bottom: 20px;
}
.excellence__title {
font-size: 24px;
margin-bottom: 20px;
font-weight: 500;
line-height: 1.2;
}
.excellence__text {
color: var(--secondary-2);
font-weight: 400;
font-size: 14px;
}
.info {
color: var(--black);
font-size: 20px;
line-height: 1.4;
font-weight: 400;
background-color: #3a68b914;
padding: 20px 40px;
border-radius: 20px;
display: flex;
align-items: center;
}
.info::before {
content: url('data:image/svg+xml,');
margin-right: 30px;
height: 30px;
}
@media (max-width: 992px) {
.excellences {
grid-template-columns: repeat(5, 290px);
gap: 10px;
overflow-x: auto;
overflow-y: visible;
padding-bottom: 20px;
}
.excellence {
padding: 17px;
border-radius: 17px;
}
.excellence svg {
width: 48px;
height: 48px;
}
.excellence__title {
font-size: 14px;
font-weight: 500;
margin-bottom: 11px;
}
.excellence__text {
font-size: 12px;
line-height: 1.4;
}
.excellence__img-block {
margin-bottom: 11px;
}
.info {
font-size: 14px;
line-height: 1.2;
padding: 10px 10px;
margin-right: 20px;
align-items: flex-start;
}
.info::before {
margin-right: 10px;
}
}
/* */
/* */
.hb {
position: fixed;
border-radius: 50%;
/* overflow: hidden; */
z-index: 100;
width: 115px;
height: 115px;
bottom: 40px;
left: 40px;
padding: 5px;
background-color: #f27aa7;
cursor: pointer;
display: none;
box-shadow: 0 0 0.3px 1px #174d9e23;
}
.hb:before {
content: "Выигрывайте 100 000р.";
position: absolute;
left: 111%;
top: 50%;
transform: translateY(-50%);
background: #ffffff;
color: #333333;
padding: 10px 15px;
border-radius: 5px;
border: 1px solid #e0e0e0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
font-size: 14px;
z-index: 101;
}
.hb:after {
content: "";
position: absolute;
left: 105%;
top: 50%;
transform: translateY(-50%);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #ffffff;
z-index: 102;
}
.hbtext {
position: absolute;
top: -8px;
left: -8px;
z-index: 200;
width: 130px;
height: 130px;
animation: rotate 8s linear infinite;
}
.hbh {
position: absolute;
top: 15px;
left: 15px;
z-index: 300;
width: 84px;
height: 84px;
}
.hbh {
animation: swing 2s ease-in-out infinite;
}
.hbtext-img,
.hbh-img {
width: 100%;
height: 100%;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes swing {
0% {
transform: rotate(-5deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(-5deg);
}
}
@media (max-width: 992px) {
.hb {
left: 20px;
bottom: 20px;
}
.hb:before {
font-size: 10px;
}
}
/* minibanner ------------ start */
.minibanner {
background: radial-gradient(50% 110.99% at 50% 53.28%, #485f88 0%, #121524 100%);
}
/* minibanner -------------- end */
/* .why ------------------ start */
.why__subtitle {
font-weight: 500;
margin-bottom: 20px;
}
/* .why ------------------- end */
/* pearl ---------------- start */
.pearl {
background: linear-gradient(90deg, #b7d2ff 0%, #dfe6ff 100%);
border-radius: 20px;
overflow: clip;
padding: 48px 40px;
color: #223959;
position: relative;
margin-bottom: 40px;
}
.pearl__info {
max-width: 65%;
}
.pearl__title {
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.pearl__text {
font-weight: 400;
font-size: 24px;
}
.pearl__img {
position: absolute;
bottom: -1px;
right: 32px;
width: 337px;
}
@media (max-width: 992px) {
.pearl {
padding: 40px 20px 0 20px;
background: linear-gradient(360deg, #b7d2ff 0%, #dfe6ff 100%);
margin-bottom: 24px;
}
.pearl::before {
content: "";
background: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 348px;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pearl__info {
padding: 0 16px;
margin: 0 auto 40px auto;
max-width: unset;
position: relative;
z-index: 2;
}
.pearl__title {
font-size: 22px;
}
.pearl__text {
font-size: 17px;
}
.pearl__img {
position: relative;
right: unset;
margin: 0 auto;
display: block;
max-width: 312px;
z-index: 2;
}
}
/* pearl ------------- end */
/* about -------------- start */
.about {
margin-bottom: 40px;
}
.about__inner {
display: block;
}
.about__title {
padding-top: 0;
}
.about__text {
display: flex;
}
.about__text-p {
margin-bottom: 20px;
}
.about-counter__big {
font-size: 330px;
font-style: italic;
letter-spacing: 0;
background: radial-gradient(50% 50% at 50% 50%, #c0c8db 0%, #ffffff 0.01%, #d9e1f4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.15;
text-align: center;
position: relative;
z-index: 1;
line-height: 1;
}
.about-counter__small {
background: linear-gradient(98.93deg, #485f88 14.27%, #121524 97.69%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 215px;
letter-spacing: 0;
top: 40%;
transform: translateY(-50%);
line-height: 1;
}
.about-counter__subtitle {
border-radius: 25px;
box-shadow: unset;
background: var(--white);
font-size: 28px;
font-weight: 500;
line-height: 1.2;
color: #485f88;
padding: 26px;
text-align: center;
margin-bottom: 20px;
}
.about-cards {
grid-template-columns: repeat(4, 1fr);
}
.about-card {
border-radius: 20px;
box-shadow: none;
background: var(--white);
padding: 20px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 1360px) {
.about-counter__big {
font-size: 320px;
}
}
@media (max-width: 1200px) {
.about-counter__big {
font-size: 265px;
}
}
@media (max-width: 992px) {
.about {
margin-bottom: 24px;
}
.about__text {
display: block;
}
.about-counter__big {
font-size: 153px;
position: absolute;
left: -10%;
z-index: 1;
}
.about-counter__small {
font-size: 93px;
top: 20px;
transform: unset;
position: relative;
z-index: 2;
}
.about-counter__subtitle {
font-size: 12px;
padding: 5px 80px;
border-radius: 10px;
margin-top: auto;
box-shadow: 0px 1.97px 73.84px 0px #00000033;
margin: auto 20px 30px 20px;
}
.about-counter {
display: flex;
flex-direction: column;
height: 200px;
margin: 0 -20px;
}
.about-cards {
grid-template-columns: repeat(2, 1fr);
}
.about-card {
border-radius: 15px;
}
.about-card__text {
font-size: 12px;
}
}
/* about -------------- end */
/* excellence -------------- start */
.excellence {
background-color: white;
}
/* excellence -------------- end */
/* nservices ------------------- start */
.nservices .main-container {
padding-right: 0;
}
.nservices__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 40px;
color: #223959;
line-height: 1;
width: 100%;
}
.nservices__list::-webkit-scrollbar {
display: none;
}
.nservices__list {
display: flex;
gap: 24px;
overflow-x: auto;
padding-bottom: 10px;
cursor: pointer;
}
.nservice {
min-width: 384px;
height: 384px;
background-size: cover;
background-repeat: no-repeat;
border-top-left-radius: 30px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
color: white;
position: relative;
padding-left: 32px;
padding-top: 226px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
overflow: clip;
background-position: center;
}
.nservice::before {
content: "";
background: linear-gradient(180deg, rgba(27, 35, 56, 0) 48%, rgba(27, 35, 56, 1) 100%);
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
}
.nservice__title {
font-weight: 500;
font-size: 32px;
line-height: 1.4;
margin-bottom: 30px;
text-align: left;
align-self: flex-start;
position: relative;
z-index: 5;
color: white !important;
transition: 0.3s all ease-in;
}
.nservice__title:hover {
text-decoration: none !important;
scale: 1.02;
}
.nservice__btn-block {
padding: 15px 0 0 15px;
background-color: #f3f6ff;
display: flex;
gap: 10px;
border-top-left-radius: 20px;
position: relative;
}
.nservice__btn-block::before {
content: url('data:image/svg+xml,');
position: absolute;
bottom: -4px;
left: -19px;
}
.nservice__btn-block::after {
content: url('data:image/svg+xml,');
position: absolute;
top: -20px;
right: -1px;
}
.nservice__btn {
padding: 10px 32px;
background: radial-gradient(50% 50% at 50% 50%, #3d4553 0%, #26283a 100%);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
border-radius: 20px;
color: white;
transition: 0.3s all ease-in;
}
.nservice__btn:hover {
text-decoration: none !important;
color: white;
scale: 1.02;
}
.nservice__arrow {
height: 42px;
width: 42px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s all ease-in;
}
.nservice__arrow:hover {
color: white;
scale: 1.02;
}
@media (max-width: 992px) {
.nservice {
min-width: 154px;
height: 154px;
padding: 0 0 0 12px;
border-radius: 10px;
}
.nservice__title {
font-size: 12px;
margin-bottom: 12px;
}
.nservices__title {
font-size: 28px;
margin-bottom: 16px;
}
.nservices__list {
gap: 9px;
padding-bottom: 0;
margin-bottom: -15px;
}
.nservice__btn-block {
padding: 5px 0 0 5px;
gap: 4px;
border-top-left-radius: 10px;
}
.nservice__btn-block::before,
.nservice__btn-block::after {
content: url('data:image/svg+xml,');
}
.nservice__btn-block::before {
bottom: -4px;
left: -9.8px;
}
.nservice__btn-block::after {
top: -15px;
right: -0.5px;
}
.nservice__btn {
padding: 4px 12px;
font-size: 6.5px;
}
.nservice__arrow {
height: 16px;
width: 16px;
}
/* */
.nservice__title {
font-size: 13px;
}
.nservice {
padding: 0;
}
.nservice__title {
margin-left: 13px;
}
.nservice__btn-block {
width: 100%;
padding: 5px 0 0 0;
}
.nservice__btn-block::before {
bottom: 25.1px;
left: 0.2px;
rotate: 90deg;
}
.nservice__btn-block {
border-radius: 0px;
}
.nservice {
overflow: visible;
}
.nservice__btn {
padding: 4px 12px;
font-size: 12px;
}
.nservice__arrow {
height: 25px;
width: 25px;
}
.nservice__btn {
padding: 4px 15px;
font-size: 12px;
}
/* */
.nservice__title {
font-size: 13px;
}
.nservice {
padding: 0;
}
.nservice__title {
margin-left: 13px;
}
.nservice__btn-block {
width: 100%;
padding: 5px 0 0 0;
}
.nservice__btn-block::before {
bottom: 25.1px;
left: 0.2px;
rotate: 90deg;
}
.nservice__btn-block {
border-radius: 0px;
}
.nservice {
overflow: visible;
}
.nservice__btn {
padding: 4px 12px;
font-size: 12px;
}
.nservice__arrow {
height: 25px;
width: 25px;
}
.nservice__btn {
padding: 4px 15px;
font-size: 12px;
}
/* */
}
/* nservices ------------------- end */
/* doctors-list-new-container ---------- start */
.doctors-list-new-container {
background-color: white;
padding: 20px 40px;
border-radius: 20px;
margin-top: 30px;
margin-bottom: 20px;
margin-left: -20px;
margin-right: -20px;
}
@media (max-width: 992px) {
.doctors-list-new-container {
background-color: white;
padding: 20px 20px;
border-radius: 20px;
margin-top: 30px;
margin-bottom: 20px;
margin-left: -15px;
margin-right: -15px;
}
}
/* doctors-list-new-container ---------end */
/* block-title -------------------- start */
.block-title {
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
.block-title-big {
font-weight: 500;
font-size: 32px;
}
.block-title-big:not(:last-child) {
margin-bottom: 40px;
}
.block-text-big {
font-size: 20px;
font-weight: 400;
}
.block-text-big:not(:last-child) {
margin-bottom: 30px;
}
.block-text {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.block-text:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.block-title-big {
font-size: 24px;
}
.block-title-big:not(:last-child) {
margin-bottom: 20px;
}
.block-text-big:not(:last-child) {
margin-bottom: 10px;
}
.block-text:not(:last-child) {
margin-bottom: 20px;
}
}
/* block-title -------------------- end */
/* reviews-video --------------- start */
.review .main-container {
position: relative;
}
.reviews-video.start {
position: relative;
}
.reviews-video::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(18, 21, 36, 0.4);
opacity: 1;
transition: 0.3s all ease;
}
.reviews-video.start::before {
opacity: 0;
}
.review_content {
padding-bottom: 0;
margin-top: 0;
}
.reviews__btn {
position: absolute;
right: 70px;
top: 0;
display: block;
border: 1px solid #223959;
padding: 10px 40px;
font-weight: 400;
font-size: 16px;
text-align: center;
color: #223959 !important;
text-decoration: none !important;
border-radius: 100px;
}
@media (max-width: 576.98px) {
.reviews__btn {
position: static;
margin-top: 20px;
margin-right: 20px;
}
.reviews-video {
width: 138px;
height: 246px;
}
.review__title {
font-size: 28px;
font-weight: 500;
margin-bottom: 0;
}
.review .main-container {
padding-right: 0;
}
}
/* reviews-video --------------- end */
/* nfooter ----------------- start*/
footer.footer {
display: none;
}
.nfooter {
background: radial-gradient(49.9% 216.62% at 23.68% 104.19%, #121524 0%, #485f88 100%);
padding: 40px 0;
color: #f4f7fc;
position: relative;
z-index: 2;
}
.soc-links {
gap: 7px;
}
.soc-link .soc-link__ico {
width: 38px;
height: 34px;
}
.nfooter__inner {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.footer__logo {
margin-bottom: 65px;
}
.footer-content__mail {
font-size: 18px;
font-weight: 400;
margin-bottom: 8px;
}
.nfooter-menu {
display: flex;
justify-content: space-between;
gap: 8%;
flex-basis: 470px;
}
.nfooter-menu-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.nfooter-menu-list li:last-of-type {
display: none;
}
.nfooter-menu-list:last-of-type {
display: flex;
}
.nfooter-menu-link {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
color: #f4f7fc;
}
.nfooter-phone {
margin-bottom: 18px;
}
.nfooter-phone .phone {
font-size: 24px;
font-weight: 500;
line-height: 1;
margin-bottom: 12px;
}
.nfooter-phone .button {
margin-left: auto;
}
.nfooter-address {
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
}
.nfooter-metros {
display: flex;
gap: 5px;
justify-content: center;
margin-top: 15px;
}
.nfooter-metro {
color: white;
font-weight: 400;
font-size: 10px;
line-height: 1;
display: flex;
align-items: center;
position: relative;
padding-left: 25px;
}
.nfooter-metro-mend::before {
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.nfooter-metro-nov::before {
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.nfooter-ps {
color: #92a1bc;
font-weight: 300;
font-size: 20px;
line-height: 1.2;
text-transform: uppercase;
}
@media (max-width: 992px) {
.nfooter {
padding: 24px 0;
background: radial-gradient(49.9% 216.62% at 23.68% 104.19%, #233a5a 0%, #3c6ab9 100%);
}
.nfooter__inner {
flex-direction: column-reverse;
}
.nfooter-contacts {
display: flex;
flex-direction: column-reverse;
}
.nfooter-menu {
flex-basis: unset;
margin-bottom: 30px;
}
.nfooter-logo-block {
display: flex;
justify-content: space-between;
}
.nfooter-ps {
font-size: 16px;
}
.nfooter-menu-list li:last-of-type {
display: block;
}
.nfooter-menu-list:last-of-type {
display: none;
}
.nfooter-menu-list:nth-of-type(2) {
flex-basis: 160px;
}
.nfooter-address-block {
background: #ffffff1a;
padding: 10px 16px;
border-radius: 5px;
margin: 0 13px 30px 13px;
}
.nfooter-phone {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.nfooter-phone .phone {
margin-bottom: 20px;
}
.nfooter-phone .button {
margin-left: unset;
width: 100%;
text-align: center;
padding: 16px;
}
.nfooter-menu-link {
font-weight: 400;
font-size: 20px;
}
.nfooter-menu-list {
gap: 14px;
}
.nfooter-menu {
gap: 0;
}
.footer-content__mail {
font-size: 16px;
font-weight: 400;
text-align: left;
margin-bottom: 8px;
}
.footer__logo {
margin-bottom: 0;
}
.nfooter-metros {
gap: 10px;
justify-content: space-between;
}
.nfooter-metro {
font-size: 13px;
}
.nfooter-address {
font-size: 18px;
}
}
/* nfooter ----------------- end*/
/* experts -------------- start */
/* @media(min-width:992px) {
.doctors-list-new-container {
padding-right: 10px;
}
.swiper-slide.expert {
opacity: 0;
}
.swiper-slide-active.expert {
opacity: 1;
}
.swiper-slide-next.expert {
opacity: 1;
}
.swiper-slide-next.expert+.swiper-slide {
opacity: 1;
}
.swiper-slide-next.expert+.swiper-slide+.swiper-slide {
opacity: 1;
}
.swiper-wrapper.exs {
padding-left: 30px;
padding-right: 30px;
}
.experts-swiper.swiper {
margin-left: -30px;
margin-right: -70px;
padding-right: 70px;
}
.sl-container .swiper-button-next.main-banner-button-next {
right: 45px !important;
}
} */
/* experts -------------- end */
div.styles__ContentWrapper-sc-f8ed2252-3.tSxjC {
background-color: black !important;
}
.doc-link {
box-shadow: 0px 4px 150px 0px rgba(0, 0, 0, 0.2);
text-align: center;
background-color: white;
border-radius: 10px;
display: block;
padding: 10px;
color: var(--main);
margin-bottom: 30px;
transition: 0.3s box-shadow ease;
font-size: 12px;
}
.doc-link:hover {
text-decoration: none;
box-shadow: 0px 4px 150px 0px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
.about {
padding-top: 100px;
margin-top: -60px;
}
.doc-link {
font-size: 20px;
}
}
.mint-color {
color: #38bfc4;
}
.mint-party {
display: inline;
font-weight: 600;
color: #38bfc4;
background: linear-gradient(
90deg,
#1f6573 0%,
#38bfc4 12.5%,
#2fb2b8 21%,
#80e8e7 25%,
#2fb2b8 29%,
#38bfc4 37.5%,
#1f6573 50%,
#38bfc4 62.5%,
#2fb2b8 71%,
#80e8e7 75%,
#2fb2b8 79%,
#38bfc4 87.5%,
#1f6573 100%
);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: mint-party 4.2s linear infinite;
}
@keyframes mint-party {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}