File: /var/www/vhosts/greenclinic.kz/newsite/wp-content/themes/green-clinic/assets/css/pages.css
:root {
--extra-extra-small: 374px;
--extra-small: 425px;
--small: 576px;
--medium: 768px;
--large: 992px;
--extra-large: 1200px;
--extra-extra-large: 1400px;
--extra-extra-extra-large: 1600px;
}
.main .section {
margin-top: 0px;
margin-bottom: 0px;
}
.not-front{
background-image: url("../img/contacts-bg.jpg");
}
/**about-clinic */
.about-clinic {
}
.content__title {
margin-top: 50px;
margin-bottom: 60px;
}
.heroblock__hero {
background-color: #04633e;
padding: 183px 154px 234px;
background-image: url("../img/about-clinic-hero.png");
background-position: center;
/*background-size: cover;*/
background-size: 100% 100%;
width: 100%;
opacity: 0;
animation: slide-up 1s ease-in-out forwards;
}
@keyframes slide-up {
to {
opacity: 1;
transform: translateY(0);
}
}
.heroblock__hero h1 {
color: #fff;
font-family: "Geologica", sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 900;
/*margin-bottom: 50px;*/
line-height: normal;
}
.heroblock__hero p {
color: #fff;
font-family: "Geologica", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 300;
width: 609px;
line-height: 38px;
}
.about-clinic__headline {
margin-top: 53px;
opacity: 0;
transition: opacity 1s ease-out, transform 1s ease-out;
}
.about-clinic__headline.visible {
opacity: 1;
transform: translateY(0);
}
.about-clinic__text {
opacity: 0;
transition: opacity 1s ease-out, transform 1s ease-out;
}
.about-clinic__text.visible {
opacity: 1;
transform: translateY(0);
}
.about-clinic__description {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
margin-top: 25px;
line-height: 28px;
}
.about-clinic__description-bold {
font-weight: 800;
margin-top: 35px;
}
@media (max-width: 1600px) {
.about-clinic__hero {
padding: 140px 120px 180px;
}
}
@media (max-width: 1400px) {
.about-clinic__hero {
padding: 100px 120px 140px;
}
.about-clinic__hero h1 {
font-size: 50px;
}
.about-clinic__hero p {
font-size: 19px;
}
.about-clinic__description {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.about-clinic__hero {
padding: 100px 100px 140px;
}
}
@media (max-width: 992px) {
.about-clinic__hero {
padding: 120px 70px 140px;
}
}
/**contacts */
.contacts {
padding-left: 99px;
padding-right: 99px;
}
.contacts__title {
margin-top: 50px;
margin-bottom: 60px;
}
.contacts__details {
width: 100%;
border-radius: 90px;
padding: 48px 86px 50px 87px;
display: grid;
background-color: #04633e;
grid-template-columns: 1fr 1fr 1fr;
gap: 37px;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
.contacts__details-column {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contacts__detail-top {
display: flex;
align-items: center;
}
.contacts__detail-top svg {
margin-right: 10px;
}
.contacts__detail span,
.contacts__detail p {
color: #fff;
}
.contacts__detail p {
margin-top: 9px;
padding-left: 31px;
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 133.333% */
letter-spacing: -0.72px;
}
.yandex-map {
width: 100%;
border-radius: 90px;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
.indent {
display: none;
}
@media (max-width: 1400px) {
.indent {
display: block;
}
.contacts__details {
padding: 48px 60px;
}
}
@media (max-width: 1200px) {
.contacts__details {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.contacts__details {
padding: 48px 45px;
}
}
@media (max-width: 768px) {
.contacts__details {
grid-template-columns: 1fr;
}
}
/**doc-lic */
.row.doc-lic{
padding: 15px;
}
.doc-lic__title {
margin-top: 50px;
margin-bottom: 60px;
}
.doc-lic__green-card h2 {
color: #fff;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.doc-lic__green-card p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 600;
margin-top: 20px;
}
.doc-lic__col{
width: 50%;
width: 50%;
height: 100%;
padding: 15px;
}
.doc-lic__cards-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 40px;
}
.doc-lic__cards-row:first-child {
margin-top: 0;
}
.doc-lic__card {
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/refresher-bg-card.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 75px 71px;
height: 100%;
}
.doc-lic__card p {
color: #a1d0b8;
font-family: Geologica;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 178.571% */
letter-spacing: -0.56px;
margin-top: 18px;
}
.doc-lic__card-main {
display: flex;
flex-direction: row;
align-items: center;
}
.doc-lic__card h3 {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px; /* 138.889% */
letter-spacing: -0.72px;
margin-left: 10px;
}
.first-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.first-row.visible {
opacity: 1;
transform: translateY(0);
}
.second-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.second-row.visible {
opacity: 1;
transform: translateY(0);
}
.third-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.third-row.visible {
opacity: 1;
transform: translateY(0);
}
.fourth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.fourth-row.visible {
opacity: 1;
transform: translateY(0);
}
.fifth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.fifth-row.visible {
opacity: 1;
transform: translateY(0);
}
.sixth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.sixth-row.visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
/**doctor */
.doctor__title {
margin-top: 50px;
margin-bottom: 60px;
}
.doctor__container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: start;
opacity: 0;
transform: translateY(150px);
animation: slide-up 1s ease-in-out forwards;
}
.doctor__card {
border-radius: 90px;
background: #04633e;
padding: 83px 171px;
background-image: url("../../img/doctor-card-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: fit-content;
margin-right: 103px;
}
.doctor__card img {
width: 359px;
height: 359px;
flex-shrink: 0;
border-radius: 50%;
object-fit: cover;
object-position: top;
}
.title-wrapper{
gap: 60px;
}
.doctor__card-button {
border-radius: 108px;
cursor: pointer;
width: fit-content;
margin: 50px auto 0;
}
.doctor__card-button button{
border-radius: 108px;
background: #ffca79;
padding: 30px;
border: 0px;
cursor: pointer;
}
.doctor__card-button span {
color: #262626;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.doctor__info-name {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.92px;
}
.doctor__info-position {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.72px;
margin-left: 17px;
margin-top: 8px;
}
.doctor__info-experience {
margin-top: 20px;
}
.doctor__info-experience h2 {
color: #fff;
font-family: Geologica;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.6px;
}
.doctor__info-experience p {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.64px;
}
.doctor__info-specializatons {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
margin-top: 13px;
}
.doctor__info-specialization {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.72px;
margin-top: 20px;
}
.doctor__info-spec {
padding: 10px;
border-radius: 26px;
background: #ffca79;
text-align: center;
width: fit-content;
margin-right: 3px;
}
.doctor__info-spec span {
color: #0f1721;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.64px;
}
.doctor__info-about {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.28px;
margin-top: 30px;
}
.doctor__info-description {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 166.667% */
letter-spacing: -0.72px;
margin-top: 30px;
}
.first-description {
margin-top: 9px;
}
@media (max-width: 1800px) {
.doctor__card {
padding: 83px 100px;
}
}
@media (max-width: 1600px) {
.doctor__card {
padding: 75px 80px;
}
}
@media (max-width: 1400px) {
.doctor__card img {
width: 310px;
height: 310px;
}
.doctor__card {
margin-right: 80px;
}
}
@media (max-width: 1300px) {
.doctor__card {
padding: 50px 55px;
}
.doctor__card {
margin-right: 70px;
}
}
@media (max-width: 1200px) {
.doctor__card img {
width: 270px;
height: 270px;
}
}
/**for-new-pacients */
.for-new-pacients__title {
margin-top: 50px;
margin-bottom: 60px;
}
.for_new_pacients_section .green-card {
border-radius: 90px;
background: #27ae79;
padding: 85px 79px;
}
.for_new_pacients_section .green-card.mt-60{
margin-top: 60px;
}
[class*="green-card-1"]{
opacity: 1; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
[class*="transparent-card-"] {
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
[class*="transparent-card-"].visible {
opacity: 1;
transform: translateY(0);
}
[class*="green-card-"] {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
[class*="green-card-"].visible {
opacity: 1;
transform: translateY(0);
}
.third-transparent-card {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.third-transparent-card.visible {
opacity: 1;
transform: translateY(0);
}
.green-card h2 {
color: #fff;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 800;
letter-spacing: -1.44px;
}
.for_new_pacients_section .green-card p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.72px;
margin-top: 20px;
width: 100%;
}
.transparent-card__row-description .transparent-card__row-description{
width: 100%;
}
.transparent-card {
border-radius: 90px;
border: 1px solid #0f8f5d;
padding: 81px 101px;
margin-top: 60px;
}
.second-transparent-card {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.second-transparent-card.visible {
opacity: 1;
transform: translateY(0);
}
.transparent-card h2 {
color: #ffca79;
font-family: Geologica;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -1.6px;
margin-left: 20px;
}
.transparent-headline {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 25px;
}
.transparent-span {
color: #6dbd99;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.72px;
}
.transparent-card__row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: start;
margin-top: 50px;
}
.transparent-card__row-title {
display: flex;
flex-direction: row;
align-items: center;
width: 40%;
}
.transparent-card__row-title span {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 27px; /* 135% */
letter-spacing: -0.8px;
margin-left: 10px;
max-width: 411px;
}
.transparent-card__row-description {
width: 65%;
}
.transparent-card__row-description p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 150% */
letter-spacing: -0.72px;
}
/*.transparent-card__row-description:not(:first-child) p {
margin-top: 30px;
}*/
.transparent-number {
position: relative;
}
.transparent-number span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #262626;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;
}
@media (max-width: 1600px) {
.transparent-card__row-description {
width: 55%;
}
}
@media (max-width: 1450px) {
.responsive-items-start {
align-items: start;
}
}
@media (max-width: 1400px) {
.green-card {
padding: 85px 59px;
}
.transparent-card {
padding: 81px 79px;
}
}
/**intl-cooperation */
.doctors {
min-height: 100vh;
}
.doctors__title {
margin-top: 50px;
margin-bottom: 60px;
}
.doctors__container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
opacity: 0;
transform: translateY(150px);
animation: slide-up 1s ease-in-out forwards;
}
.doctors__card-photo {
width: 100%;
min-height: 494px;
flex-shrink: 0;
border-radius: 90px 90px 90px 20px;
object-position: center;
object-fit: cover;
}
.doctors__card-name {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 25px;
}
.doctors__card-position {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 9px;
}
.doctors__card-from {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 250;
line-height: normal;
}
.doctors__card-country {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 28px;
}
.doctors__card-flag {
width: 38px !important;
height: 19px !important;
margin-right: 31px;
}
@media (max-width: 1600px) {
.doctors__container {
gap: 30px;
}
.doctors__card-photo {
min-height: 380px;
}
}
@media (max-width: 1500px) {
.doctors__card-photo {
min-height: 350px;
}
}
@media (max-width: 1400px) {
.doctors__card-photo {
min-height: 310px;
}
.doctors__container {
gap: 20px;
}
}
@media (max-width: 1300px) {
.doctors__card-photo {
min-height: 280px;
}
}
@media (max-width: 1200px) {
.doctors__container {
grid-template-columns: repeat(3, 1fr);
}
.doctors__card-photo {
min-height: 330px;
}
}
/**medical-tourism */
.medical-tourism__title {
margin-top: 50px;
margin-bottom: 60px;
}
.nums_block{
display: flex;
flex-direction: row;
justify-content: space-between;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1.05s ease-in-out forwards;
}
.nums_block-card {
position: relative;
display: flex;
flex-direction: column;
z-index: 1;
width: 28%;
padding: 55px 0 10px;
align-items: center;
border-radius: 50px;
background: linear-gradient(180deg, #3ee26c 0%, rgba(62, 226, 108, 0) 100%);
}
.nums_block-card.counter2 {
border-radius: 50px;
background: linear-gradient(180deg, #72ea93 0%, rgba(62, 226, 108, 0) 100%);
}
.nums_block-card.counter3 {
border-radius: 50px;
background: linear-gradient(180deg, #e0f6a0 0%, rgba(62, 226, 108, 0) 100%);
}
.nums_block-card .top {
color: #fff;
font-family: Geologica;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.nums_block-card .center {
color: #fff;
font-family: Geologica;
font-size: 300px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-align: center;
}
.nums_block-card .bottom {
color: #fff;
font-family: Geologica;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
margin-top: 10px;
}
.nums_block-card span {
color: #fff;
text-align: center;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 15px;
}
.second::before {
border-radius: 50px;
background: linear-gradient(180deg, #72ea93 0%, rgba(62, 226, 108, 0) 100%);
}
.third::before {
border-radius: 50px;
background: linear-gradient(180deg, #e0f6a0 0%, rgba(62, 226, 108, 0) 100%);
}
.expo-card {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
margin-top: 125px;
/*opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.expo-card.visible {
opacity: 1;
transform: translateY(0); /* Начальное значение смещения вниз */
}
.for-foreign-patients {
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.for-foreign-patients.visible {
opacity: 1;
transform: translateY(0);
}
.expo-card-left {
width: 53%;
border-radius: 90px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 573px;
}
@media (max-width: 1400px) {
.expo-card-left {
background-position: right;
}
}
.expo-card-right {
border-radius: 90px;
background: #fff;
padding: 134px 144px;
width: 55%;
position: absolute;
/*right: 0;*/
right: 0%;
z-index: 2;
height: 573px;
}
.expo-card-right.visible {
right: 0;
transition: 1.25s ease-in-out;
}
.expo-card-wrapper li {
color: #2d2828;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
}
.expo-card-wrapper h2 {
color: #2d2828;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 77px;
}
.second-title {
margin-top: 120px;
}
.medical-tourism__description-one {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
width: 50%;
}
.medical-tourism__description-two {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
}
.companies {
display: flex;
margin: 50px 0;
}
.green-card {
border-radius: 90px;
background: #2db982;
padding: 74px 101px;
margin-top: 120px;
opacity: 1; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.green-card.visible {
opacity: 1;
transform: translateY(0);
}
.green-card h1 {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 0px;
}
.green-card p {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
margin-top: 20px;
width: 55%;
}
.sale {
margin-top: 120px;
display: flex;
align-items: center;
justify-content: space-between;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.sale.visible {
opacity: 1;
transform: translateY(0);
}
.sale p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
}
.sale h1 {
color: #fff;
font-family: Geologica;
font-size: 96px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 33px;
}
.sale img {
background-image: url("../img/wyndham-sale.png");
max-height: 573px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 90px;
max-width: 55%;
}
.companies img {
margin-right: 30px;
}
.sale-left {
width: 40%;
}
@media (max-width: 1600px) {
.medical-tourism__hero-card .center {
font-size: 240px;
}
.medical-tourism__hero-card .bottom,
.medical-tourism__hero-card .top {
font-size: 38px;
}
.medical-tourism__hero-card span {
font-size: 20px;
}
.expo-card-left,
.expo-card-right {
height: 670px;
}
.sale h1 {
font-size: 80px;
}
}
@media (max-width: 1400px) {
.medical-tourism__hero-card .center {
font-size: 210px;
}
.sale h1 {
font-size: 70px;
}
.expo-card-right {
padding: 134px 100px;
}
}
@media (max-width: 1300px) {
.medical-tourism__hero-card .center {
font-size: 200px;
}
}
@media (max-width: 1200px) {
.medical-tourism__hero-card .center {
font-size: 190px;
}
.medical-tourism__hero-card {
width: 30%;
}
.expo-card-right {
padding: 90px 70px;
}
.expo-card-left,
.expo-card-right {
height: 500px;
}
}
@media (max-width: 1100px) {
.medical-tourism__hero-card .center {
font-size: 170px;
}
.medical-tourism__title {
margin-right: 50px;
}
}
/**osms */
.osms__title {
margin-top: 50px;
margin-bottom: 60px;
}
.osms__hero {
background-image: url("../img/osms-card-bg.png");
padding: 60px 350px 60px 90px;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
.osms__hero-title {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 900;
}
.osms__hero.card p, .osms__hero.card div{
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 38px; /* 158.333% */
margin-top: 45px;
margin-bottom: 40px;
}
.osms__hero-button {
display: inline-flex;
padding: 30px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 108px;
color: black;
background: #ffca79;
}
.osms__hero-button span{
text-transform: uppercase;
}
.osms__card {
background-color: #04633e;
padding: 79px 110px;
}
.osms__card-headline {
display: flex;
flex-direction: row;
align-items: center;
}
.osms__card h2 {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -1.28px;
margin-left: 10px;
}
.osms__card .osms__card_description {
margin-left: 58px;
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: -0.72px;
margin-top: 24px;
}
/*[class*=" osms__card_"] {
opacity: 0;
transform: translateY(100px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
[class*=" osms__card_"].visible {
opacity: 1;
transform: translateY(0);
}*/
.second-osms__card {
opacity: 0;
transform: translateY(100px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.second-osms__card.visible {
opacity: 1;
transform: translateY(0);
}
.third-osms__card {
opacity: 0;
transform: translateY(100px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.third-osms__card.visible {
opacity: 1;
transform: translateY(0);
}
/**our-doctors */
.doctors__card img {
width: 100%;
height: 100%;
height: 494px;
flex-shrink: 0;
border-radius: 90px 90px 90px 20px;
object-position: top;
object-fit: cover;
}
.doctors__card-name {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 25px;
}
.doctors__card-position {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 9px;
}
.doctors__card-exp {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 250;
line-height: normal;
margin-top: 15px;
}
@media (max-width: 1600px) {
.doctors__container {
gap: 30px;
}
.doctors__card img {
min-height: 380px;
}
}
@media (max-width: 1500px) {
.doctors__card img {
min-height: 350px;
}
}
@media (max-width: 1400px) {
.doctors__card img {
min-height: 310px;
}
.doctors__container {
gap: 20px;
}
}
@media (max-width: 1300px) {
.doctors__card img {
min-height: 280px;
}
}
@media (max-width: 1200px) {
.doctors__container {
grid-template-columns: repeat(3, 1fr);
}
.doctors__card img {
min-height: 330px;
}
}
/**partners */
.partners {
min-height: 100vh;
}
.partners__title {
margin-top: 50px;
margin-bottom: 60px;
}
.partners__container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 26px;
opacity: 0;
transform: translateY(150px);
animation: slide-up 1s ease-in-out forwards;
}
.partners__card {
border-radius: 90px;
background: #fff;
max-width: 408px;
height: 312px;
flex-shrink: 0;
position: relative;
}
.partners__card img {
max-width: 300px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.partners__card-overlay {
background-color: #04633e;
position: absolute;
z-index: 1;
width: 100%;
height: 0;
border-radius: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.4s ease-in-out; /* Add smooth transition effect */
visibility: hidden;
opacity: 0;
}
.partners__card:hover .partners__card-overlay {
height: 100%;
visibility: visible;
opacity: 1;
}
.partners__card-overlay span {
color: #fff;
text-align: center;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 20px;
}
@media (max-width: 1600px) {
.partners__card {
height: 230px;
}
.partners__card img {
max-width: 200px;
}
}
@media (max-width: 1400px) {
.partners__container {
grid-template-columns: 1fr 1fr 1fr;
}
.partners__card img {
max-width: 250px;
}
}
@media (max-width: 1200px) {
.partners__card img {
max-width: 220px;
}
}
/**photogallery */
.photogallery__title {
margin-top: 50px;
margin-bottom: 60px;
}
.photogallery__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 34px;
opacity: 0;
animation: slide-up 1s ease-in-out forwards;
}
.album {
border-radius: 90px;
width: 100%;
height: 393px;
display: flex;
flex-direction: column;
justify-content: end;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
transition: 1s ease-in-out;
}
.album p {
color: rgba(255, 255, 255, 0.6);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.album h4 {
color: #fff;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.64px;
margin-right: 10px;
}
.album-content {
position: absolute;
display: flex;
flex-direction: column;
padding-left: 55px;
padding-bottom: 55px;
justify-content: end;
border-radius: 90px;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #065736 10.67%, rgba(6, 87, 54, 0) 100%),
url(<path-to-image>);
}
.album-title {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 10px;
}
@media (max-width: 1600px) {
.album {
height: 330px;
}
.photogallery__container {
gap: 30px;
}
}
@media (max-width: 1400px) {
.album {
height: 300px;
}
.photogallery__container {
gap: 26px;
}
}
@media (max-width: 1300px) {
.album {
height: 250px;
}
}
@media (max-width: 1200px) {
.album {
height: 210px;
}
.photogallery__container {
gap: 20px;
}
}
/**photogallery single */
.photogallery__title {
margin-top: 50px;
margin-bottom: 60px;
}
#photogallery__subtitle {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-right: 28px;
}
.subtitle__container {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 50px;
}
.subtitle__container p {
color: #57c798;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content-wrapper {
opacity: 0;
animation: slide-up 1s ease-in-out forwards;
}
.photogallery__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 34px;
}
.photogallery__container-photo {
/*background-image: url("../img/photo.png");*/
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 393px;
border-radius: 90px;
/*padding: 158px 237px;*/
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 1;
transition: 1s ease-in-out;
position: relative;
}
.photogallery__container-photo:hover {
background-color: linear-gradient(
0deg,
#065736 10.67%,
rgba(6, 87, 54, 0) 100%
),
url("../img/photo.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.photogallery__container-photo svg {
opacity: 0;
visibility: hidden;
transition: 0.4s ease-in-out;
}
.photogallery__container-photo:hover svg {
opacity: 1;
visibility: visible;
}
.photo-overlay {
visibility: hidden;
opacity: 0;
position: absolute;
background: linear-gradient(0deg, #065736 10.67%, rgba(6, 87, 54, 0) 100%),
url(<path-to-image>);
width: 100%;
height: 100%;
border-radius: 90px;
transition: 0.4s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.photogallery__container-photo:hover .photo-overlay {
visibility: visible;
opacity: 1;
}
#modal {
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.72);
display: none;
justify-content: center;
align-items: center;
top: 0;
left: 0;
}
#modal-windows{
}
/*.modal__buttons {
position: absolute;
width: 80%;
display: flex;
flex-direction: row;
justify-content: space-between;
}*/
/* modal */
#modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #262626;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
display: block;
justify-content: center;
align-items: center;
}
#modal-content {
background-color: #fff;
border-radius: 90px;
padding: 55px;
width: 65%;
}
#modal-content h3 {
color: #262626;
font-weight: 600;
font-size: 32px;
line-height: 40px;
}
#modal-content p {
color: #262626;
font-weight: 300;
font-size: 18px;
line-height: 30px;
letter-spacing: -4%;
margin-top: 25px;
}
.modal__content-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__details {
display: flex;
align-items: start;
margin-top: 25px;
}
.modal__details h2 {
margin-top: 10px;
}
.receipt-time {
margin-right: 100px;
width: 20%;
}
.receipt-time ul {
margin-top: 10px;
}
.receipt-time li {
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.04em;
text-align: left;
color: #04633e;
}
.price {
margin-right: 83px;
}
.modal__details h4 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: -0.04em;
text-align: left;
}
.modal__details h2 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: -0.04em;
text-align: left;
color: #04633e;
}
.yellow-button {
border: none;
background: #ffca79;
font-weight: 400;
padding: 0px !important;
border-radius: 108px;
width: fit-content;
display: flex;
align-items: center;
}
.yellow-button a{
padding: 30px;
border-radius: 108px;
font-size: 20px;
line-height: 25px;
display: block;
}
.yellow-button span {
margin-right: 10px;
}
.people-container {
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 25px;
}
.people {
border-radius: 90px;
border: 1px solid #04633e;
padding: 44px 35px;
}
.people h4 {
font-family: Geologica;
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
}
.people p,
.people li {
font-family: Geologica;
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.close {
cursor: pointer;
}
/* .modal__content {
display: flex;
flex-direction: column;
}
*/
.modal__content .swiper {
width: 1203px;
height: 755px;
border-radius: 10px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background-repeat: no-repeat;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
background-size: cover !important;
}
.swiper-container {
display: flex;
flex-direction: row;
align-items: center;
}
.swiper-title {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.28px;
}
.swiper-title-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 166px 28px;
}
.swiper-title-container svg {
display: flex;
align-self: flex-end;
}
@media (max-width: 1600px) {
.photogallery__container-photo {
height: 330px;
}
.photogallery__container {
gap: 30px;
}
.swiper {
width: 1103px;
height: 655px;
}
}
@media (max-width: 1400px) {
.photogallery__container-photo {
height: 300px;
}
.photogallery__container {
gap: 26px;
}
.swiper {
width: 1003px;
height: 555px;
}
}
@media (max-width: 1300px) {
.photogallery__container-photo {
height: 250px;
}
}
@media (max-width: 1200px) {
.photogallery__container-photo {
height: 210px;
}
.photogallery__container {
gap: 20px;
}
.swiper {
width: 753px;
height: 550px;
}
}
@media (max-width: 1000px) {
.swiper {
width: 653px;
height: 450px;
}
}
/**photogallery single */
.pmsp__title {
margin-top: 50px;
margin-bottom: 60px;
}
.roulets {
opacity: 0;
animation: slide-up 1s ease-in-out forwards;
display: flex;
flex-direction: row;
}
.roulet {
border-radius: 90px;
position: relative;
/*max-width: 1431px;*/
margin-right: 30px;
display: flex;
flex-direction: row;
align-items: center;
/*background-color: #04633e;*/
}
.roulet:last-child {
margin-right: 0;
}
.roulet__preview {
border-radius: 173px;
background: #2db982;
width: fit-content;
padding: 60px 45px;
position: relative;
z-index: 2;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.roulet__preview-underlay {
background-color: #04633e;
border-radius: 173px 0 0 173px;
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
z-index: -2;
overflow: hidden;
visibility: hidden;
transition: 0.99s ease-in-out;
}
.roulet__preview-underoverlay {
background-color: #2db982;
border-radius: 173px;
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
z-index: -1;
overflow: hidden;
}
.visible {
visibility: visible !important;
}
.roulet__preview-num {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 250;
line-height: normal;
}
.roulet__preview-svg {
margin-top: 19px;
transition: 1s ease-in-out;
}
.rotate {
transform: rotate(180deg);
}
.roulet__preview-text {
writing-mode: vertical-lr;
transform: rotate(-180deg);
margin-top: 59px;
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.roulet-image {
width: 0;
position: absolute;
right: -534px;
bottom: 0;
z-index: 0;
transition: 1s ease-in-out;
}
.image-visible {
width: 1373px;
}
.roulet__postview {
background-color: #04633e;
/*background-image: url("../img/pin-item.png");*/
background-size: cover;
background-position: right;
/*background-position: center;*/
background-repeat: no-repeat;
border-radius: 0 90px 90px 0;
top: 0;
z-index: auto;
overflow: hidden;
width: 0;
transition: 1s ease-in-out;
margin-right: 30px;
display: flex;
align-items: center;
position: relative;
}
/*.roulet__postview-2 {
background-image: url("../img/roulet-bg-2.png");
}
.roulet__postview-3 {
background-image: url("../img/roulet-bg-3.png");
}*/
.full-width {
width: 100%;
}
.roulet__postview-content {
margin-left: 145px;
width: 601px;
opacity: 0;
transition: 1s ease-in-out;
position: absolute;
z-index: 3;
}
.opacity-full {
opacity: 1 !important;
}
.roulet__content-title {
color: #fff;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.roulet__postview-content ul {
margin-top: 25px;
}
.roulet__postview-content li {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 156.25% */
}
.roulet__postview-content li:first-child {
margin-top: 0;
}
.map-show {
display: flex;
flex-direction: row;
align-items: center;
}
.map-show svg {
margin-right: 10px;
}
.map-show p {
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.roulet__content-subtitle {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 600;
margin-top: 16px;
}
.roulet__content-description {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px;
margin-top: 25px;
}
.roulet__buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 30px;
}
.roulet__button {
width: 290px;
text-align: center;
}
.queue-button {
width: 100%;
max-width: 350px;
margin-top: 30px;
}
.roulet__buttons-yellow {
border-radius: 108px;
}
.roulet__buttons-yellow a{
border-radius: 108px;
background: #ffca79;
padding: 20px;
}
.roulet__buttons-yellow span {
color: #262626;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.roulet__buttons-green {
border-radius: 108px;
background: #2db982;
padding: 20px;
}
.roulet__buttons-green span {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.pmsp__services-title-wrapper {
display: flex;
align-items: center;
}
.pmsp__button {
border-radius: 108px;
background: #ffca79;
display: flex;
align-items: center;
width: fit-content;
margin-left: 50px;
}
.pmsp__button a{
border-radius: 108px;
background: #ffca79;
padding: 20px;
}
.pmsp__button img{
position: relative;
left: -20px;
}
.pmsp__button span {
color: #262626;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
text-align: center;
margin-right: 10px;
}
.pmsp__services h3 {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.pmsp__services {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 10fr;
gap: 30px;
}
#pmsp__services-wrapper {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
#pmsp__services-wrapper.visible-animation {
opacity: 1;
transform: translateY(0);
}
.pmsp__left {
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/services-card-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 60px 41px 88px 44px;
}
.pmsp__left ul {
margin-top: 30px;
}
.pmsp__left ul li {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 177.778% */
}
.pmsp__left ol {
margin-top: 30px;
}
.pmsp__left ol li {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 177.778% */
}
.span-link {
font-weight: 500;
text-decoration: underline;
}
.pmsp__right-top {
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/services-card-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 60px 41px 54px 44px;
}
.pmsp__right-top ul {
margin-top: 30px;
}
.pmsp__right-top ul li {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 177.778% */
}
.pmsp__right-image {
margin-top: 30px;
border-radius: 90px;
width: 100%;
}
.check-status {
display: flex;
align-items: center;
border-radius: 90px;
background: #ffca79;
width: fit-content;
margin-top: 120px;
background-image: url("../img/yellow-button-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.check-status a{
padding: 37px 92px;
border-radius: 90px;
display: block;
}
.check-status svg{
position: relative;
top: 5px;
}
.check-status span {
color: #262626;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
margin-right: 10px;
}
.booking {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.booking-wrapper {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.booking-wrapper.visible-animation {
opacity: 1;
transform: translateY(0);
}
.booking__item {
border-radius: 90px;
border: 1px solid #0f8f5d;
padding: 46px 56px 36px;
transition: 1s ease-in-out;
cursor: pointer;
position: relative;
}
.booking__item:hover {
border: 1px solid #ffca79;
}
.booking__item svg {
position: absolute;
right: calc(100% - 80px);
/*right: 100%;*/
bottom: 36px;
transition: 1s ease-in-out;
}
.booking__item:hover svg {
right: 56px;
}
.booking__item h3 {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 15px;
}
.booking__item p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.how-to-get {
margin-top: 120px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 90px;
background-image: url("../img/how-to-get-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 85px 0;
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.how-to-get.visible-animation {
opacity: 1;
transform: translateY(0);
}
.how-to-get h3 {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 10px;
}
.search {
margin-top: 120px;
border-radius: 90px;
background: #27ae79;
padding: 52px 56px;
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.search.visible-animation {
opacity: 1;
transform: translateY(0);
}
.search h2 {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.search__container {
margin-top: 15px;
}
.search__container-input {
padding: 39px 30px;
border-radius: 90px;
background: #fff;
width: 80%;
outline: none;
border: none;
color: #004c2e;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.search__container-button {
background-color: #ffca79;
width: 18%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 90px;
padding: 35px 100px;
}
.search__container-button span {
margin-right: 10px;
}
.third-title {
margin-top: 120px;
}
.doctors-graphics-wrapper {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.doctors-graphics-wrapper.visible-animation {
opacity: 1;
transform: translateY(0);
}
.doctor {
position: relative;
}
.doctor:not(:first-child) {
margin-top: 20px;
}
.doctor:nth-child(odd) .doctor__left {
background: #2db982;
}
.doctor:nth-child(even) .doctor__left {
background: #fff;
}
.doctor:nth-child(even) .doctor__left h2,
.doctor:nth-child(even) .doctor__left h3,
.doctor:nth-child(even) .doctor__left p {
color: #2d2828;
}
.doctor__left {
border-radius: 90px;
width: 45%;
padding: 30px 70px;
padding-right: 150px;
/*min-height: 176px;*/
}
.doctor__left h2 {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.doctor__left h3 {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.doctor__left p {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 250;
line-height: normal;
}
.doctor__left-area {
margin-top: 5px;
}
.doctor__left-exp {
margin-top: 15px;
}
.doctor__right {
width: 65%;
border-radius: 90px;
background: #27ae79;
position: absolute;
top: 0;
right: 35%;
padding: 42px 114px;
transition: 1s ease-in-out;
/*min-height: 176px;*/
}
.doctor__right.turn-right {
right: 0;
}
.doctor__right-label {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.doctor__graphics {
display: flex;
align-items: center;
justify-content: start;
}
.doctor__day:not(:last-child) {
margin-right: 15px;
}
.doctor__day{
min-width: 120px;
}
.doctor__day-date {
color: #fff;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 10px;
}
.doctor__hours {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 6px;
}
.doctor__hour {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
}
.doctor__hour:last-child {
margin-right: 0;
}
.doctor__hour p {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 10px;
}
.fourth-title {
margin-top: 120px;
}
.support-cards-wrapper {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.support-cards-wrapper.visible-animation {
opacity: 1;
transform: translateY(0);
}
.support__card {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
border-radius: 90px;
background: #04633e;
padding: 58px 68px;
}
.support__card:not(:first-child) {
margin-top: 20px;
}
.support__card p {
margin-left: 35px;
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.count {
position: relative;
}
.count span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.support-number {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 1900px) {
.image-visible {
width: 1200px;
}
}
@media (max-width: 1800px) {
.doctor__graphics {
overflow-x: scroll;
scrollbar-width: thin;
}
}
@media (max-width: 1700px) {
.roulet-image {
right: -580px;
}
.roulet__postview-content {
margin-left: 80px;
}
}
@media (max-width: 1600px) {
.image-visible {
width: 1100px;
}
.roulet-image {
right: -550px;
}
.roulet__postview-content {
margin-left: 50px;
}
.roulet__postview {
margin-right: 20px;
}
}
@media (max-width: 1500px) {
.doctor__left,
.doctor__right {
height: 230px;
}
.doctor__right {
padding: 70px;
}
}
@media (max-width: 1400px) {
.image-visible {
width: 1000px;
}
.roulet__preview {
padding: 30px 40px;
}
.roulet__preview-text {
font-size: 20px;
}
.roulet__postview {
margin-right: 10px;
}
.roulet__postview-content {
margin-left: 45px;
}
}
@media (max-width: 1300px) {
.roulet__preview {
padding: 25px 25px;
}
.roulet__postview-content {
width: 550px;
}
.roulet__button {
width: 250px;
}
.roulet__button span {
font-size: 16px;
}
}
/**refresher */
.refresher__title {
margin-top: 50px;
margin-bottom: 60px;
}
.refresher__green-card {
border-radius: 90px;
background: #27ae79;
padding: 84px 79px;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
.refresher__green-card h2 {
color: #fff;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.refresher__green-card p {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 600;
margin-top: 20px;
}
.refresher__cards-row {
width: 50%;
max-width: 50%;
margin-top: 30px;
}
.refresher__cards-row:nth-child(even){
padding-left: 15px;
}
.refresher__cards-row:nth-child(odd){
padding-right: 15px;
}
.refresher__card {
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/refresher-bg-card.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 75px 71px;
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
}
.refresher__card h3 {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.72px;
margin: 0 10px;
}
.first-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.first-row.visible {
opacity: 1;
transform: translateY(0);
}
.second-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.second-row.visible {
opacity: 1;
transform: translateY(0);
}
.third-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.third-row.visible {
opacity: 1;
transform: translateY(0);
}
.fourth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.fourth-row.visible {
opacity: 1;
transform: translateY(0);
}
.fifth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.fifth-row.visible {
opacity: 1;
transform: translateY(0);
}
.sixth-row {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.sixth-row.visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
/**search */
.search__title {
margin-top: 50px;
margin-bottom: 60px;
}
.search__container {
border-radius: 90px;
background: #27ae79;
padding: 52px 56px;
opacity: 0; /* Начальное значение непрозрачности (невидимый элемент) */ /* Начальное значение смещения вниз */
animation: slide-up 1s ease-in-out forwards;
}
.search__container h2 {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/*.search__container input {
border-radius: 90px;
background: #fff;
padding: 37px 22px;
width: 100%;
margin-top: 15px;
outline: none;
color: #004c2e;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: none;
}*/
.search__input {
margin-top: 15px;
border-radius: 90px;
background: #fff;
display: flex;
justify-content: start;
align-items: center;
padding: 37px 22px;
}
.search__input input {
border: none;
border-radius: 90px;
color: #004c2e;
font-family: Geologica;
font-size: 16px;
font-style: normal;
outline: none;
font-weight: 400;
line-height: normal;
margin-left: 16px;
width: 100%;
}
.search__input input::placeholder {
color: #004c2e;
}
.search__filters {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
.search__filter {
border-radius: 108px;
background: #27ae79;
padding: 20px;
}
.filter-one {
margin-right: 5px;
}
.search__filter span {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.chosen {
border-radius: 108px;
background: #ffca79;
}
.chosen span {
color: #262626;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.search__filters-green {
border-radius: 108px;
background: #27ae79;
}
.search__filters-green span {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.search__results {
border-radius: 90px;
background: #fff;
padding: 62px 58px;
margin-top: 20px;
/*display: flex;
flex-direction: column;*/
}
.search__results-service {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 43px;
}
.search__service {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.search__service-id {
color: var(--939598, #939598);
font-family: Geologica;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-right: 25px;
}
.search__service-name {
color: var(--0F1721, #0f1721);
font-family: Geologica;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.search__results-price {
color: var(--0F1721, #0f1721);
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.search__results-service:last-child {
margin-bottom: 0;
}
.search__results-container {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.search__results-container.visible {
opacity: 1;
transform: translateY(0);
}
.doctors__card .doctors__card-flag{
min-height: auto;
}
.actions-sales {
min-height: 100vh;
}
.actions-sales__slider {
opacity: 0;
animation: slide-up 1s ease-in-out forwards;
}
@keyframes slide-up {
to {
opacity: 1;
transform: translateY(0);
}
}
.actions-sales__title {
margin-top: 50px;
margin-bottom: 60px;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 90px;
padding: 77px 31px;
display: flex;
flex-direction: column;
align-items: center;
}
.swiper-slide img {
width: 100%;
height: auto;
}
.swiper-slide h4 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: -0.04em;
text-align: center;
margin-top: 30px;
color: #81b259;
}
.swiper-slide p {
font-family: Geologica;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.04em;
text-align: center;
margin-top: 20px;
}
.button-prev {
margin-right: 15px;
}
.button-prev,
.button-next {
margin-top: 50px;
cursor: pointer;
}
@media (max-width: 1200px) {
.swiper-slide {
padding: 50px 31px;
}
}
.open-close {
transform: rotate(0);
transition: 1s ease-in-out;
cursor: pointer;
}
.open-close.rotate {
transform: rotate(45deg);
}
.dms__details {
background-color: white;
border-radius: 90px;
margin-top: 60px;
padding: 47px 43px;
}
.dms__detail-row {
cursor: pointer;
}
.dms__detail-row-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.dms__detail-row:not(:first-of-type) {
margin-top: 45px;
}
.dms__detail-innerrow {
display: flex;
/*overflow: hidden;*/
height: 0;
opacity: 0;
align-items: center;
margin-top: 0;
transition: opacity 0.625s ease-in-out, margin-top 1s ease-in-out, height 1s ease-in-out;
}
.dms__detail-innerrow.visible {
opacity: 1;
height: auto;
margin-top: 50px;
}
.dms__detail-innerrow span {
display: flex;
align-items: center;
font-weight: bold;
}
.dms__detail-innerrow a{
font-weight: bold;
color: #000000;
}
.dms__detail-innerrow span:not(:last-of-type) {
margin-right: 60px;
}
.dms__detail-innerrow span svg {
margin-right: 10px;
}
.roulet__postview-content {
margin-left: 145px;
width: 601px;
opacity: 0;
transition: 1s ease-in-out;
position: absolute;
z-index: 3;
}
.opacity-full {
opacity: 1 !important;
}
.roulet__content-title {
color: #fff;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.roulet__postview-content ul {
margin-top: 25px;
}
.roulet__postview-content li {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.roulet__postview-content li:first-child {
margin-top: 0;
}
.map-show {
display: flex;
flex-direction: row;
align-items: center;
}
.map-show svg {
margin-right: 10px;
}
.map-show p {
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.roulet__content-subtitle {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 600;
margin-top: 16px;
}
.roulet__content-description {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px;
margin-top: 25px;
}
.roulet__buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 30px;
align-items: center;
gap: 20px;
}
.roulet__button {
width: 290px;
text-align: center;
}
.roulet__buttons-yellow {
border-radius: 108px;
}
.roulet__buttons-yellow span {
color: #262626;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
}
.roulet__buttons-green {
border-radius: 108px;
background: #2db982;
}
.roulet__buttons-green a{
padding: 0px;
font-size: 16px;
}
.roulet__buttons-green span {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
}
.roulet__buttons-yellow, .roulet__buttons-yellow a{
color: #262626;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
display: block;
}
.roulet__buttons-yellow.queue-button{
border-radius: 108px;
background: #ffca79;
padding: 20px;
}
.vacancy__form-submit-btn{
cursor: pointer;
}
/*ANIMATIONS*/
.block1 {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.block1.visible {
opacity: 1;
transform: translateY(0);
}
.hospital__tabs {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 120px;
}
.hospital__tab {
background-color: #04633e;
background-image: url("../../images/hospital-tabs-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 90px;
padding: 96px 50px 90px;
display: flex;
align-items: center;
}
.hospital__tab h3 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: white;
margin-left: 28px;
margin-right: 10px;
}
.m-services {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.m-services__item {
background-color: #04633e;
background-image: url("../../images/m-services-bg.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 90px;
height: 266px;
display: flex;
align-items: center;
justify-content: start;
padding: 0 54px;
padding-right: 30px;
cursor: pointer;
}
.m-services__details,
.m-services__details-title {
display: flex;
align-items: center;
}
.m-services__details-m-icon {
margin-right: 35px;
}
.m-services__details-title h4 {
margin-right: 10px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 25px;
color: white;
}
.m-services__details p {
font-size: 18px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
margin-top: 6px;
color: white;
}
.m-services__details li {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 29px;
color: white;
}
/* modal */
[id*="modal-id-"]{
position: fixed;
width: 100%;
height: 100vh;
background-color: #262626;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
justify-content: center;
align-items: center;
}
#modal{
position: fixed;
width: 100%;
height: 100%;
background-color: #262626;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
justify-content: center;
align-items: center;
}
#modal-content {
background-color: #fff;
border-radius: 90px;
padding: 55px;
width: 65%;
}
#modal-content a{
color: #000000;
}
#modal-content h3 {
color: #262626;
font-family: Geologica;
font-weight: 600;
font-size: 32px;
line-height: 40px;
}
.modal__content-top {
display: block;
justify-content: space-between;
align-items: center;
position: relative;
}
.modal__content-top svg.close{
position: absolute;
top: -20px;
right: -20px;
width: 30px;
height: 30px;
}
.modal__content-bottom {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 25px;
}
.modal__content-col-item {
display: flex;
align-items: center;
}
.modal__content-wrapper {
display: flex;
align-items: start;
}
.modal__content-col-item p {
margin-right: 10px;
font-family: Geologica;
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.04em;
text-align: left;
white-space: nowrap;
}
.modal__content-col-item:not(:first-of-type) {
margin-top: 10px;
}
.modal__content-col-item-r {
justify-content: space-between;
}
/*SEARCH*/
.search__container {
margin-top: 120px;
}
.search__container h2 {
color: #fff;
font-family: Geologica;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.search__input {
margin-top: 15px;
border-radius: 90px;
background: #fff;
display: flex;
justify-content: start;
align-items: center;
padding: 37px 22px;
}
.search__input input {
border: none;
border-radius: 90px;
color: #004c2e;
font-family: Geologica;
font-size: 16px;
font-style: normal;
outline: none;
font-weight: 400;
line-height: normal;
margin-left: 16px;
width: 100%;
}
.search__input input::placeholder {
color: #004c2e;
}
.directions {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
grid-column-gap: 33px;
grid-row-gap: 10px;
}
.direction {
text-align: center;
border-radius: 90px;
background: #2db982;
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.8px;
cursor: pointer;
}
.direction a{
padding: 25px 0;
width: 100%;
display: block;
}
.direction:hover {
background: #ffca79;
color: #262626;
}
.paid-clinic-title {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 120px;
}
.directions_search_section .search__container{
background: none;
padding: 0px;
display: block;
}
.h-refresher {
min-height: 100vh;
}
.h-refresher-title {
margin-top: 50px;
margin-bottom: 60px;
}
.h-refresher__subtitle {
display: flex;
align-items: center;
}
.h-refresher__subtitle svg {
margin-right: 10px;
}
.h-refresher__subtitle h2 {
font-family: Geologica;
font-size: 32px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.h-refresher__one h3 {
font-family: Geologica;
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.h-refresher__cols {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 45px;
}
.h-refresher__card p,
.h-refresher__card li {
font-family: Geologica;
font-size: 18px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.h-refresher__card li {
font-weight: 400;
}
.yellow-button {
background: #ffca79;
border: none;
border-radius: 108px;
padding: 30px;
margin-top: 30px;
font-family: Geologica;
font-size: 18px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: #262626;
}
.h-refresher__one-col-desc {
font-weight: 600;
margin-top: 37px;
}
.h-refresher__card {
border: 1px solid #0f8f5d;
border-radius: 90px;
padding: 46px 49px;
margin-top: 25px;
}
.h-refresher__two p:not(:first-of-type) {
margin-top: 30px;
}
.direction__details {
display: flex;
justify-content: space-between;
align-items: start;
margin-top: 40px;
}
.direction__details h3 {
font-family: Geologica;
font-size: 32px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-bottom: 20px;
}
.direction__details p {
font-family: Geologica;
font-size: 20px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.direction__about {
/*margin-right: 122px;*/
width: 50%;
}
.direction__requirements {
width: 37%;
}
.yellow-button {
border: none;
background: #ffca79;
font-family: Geologica;
font-weight: 400;
font-size: 20px;
line-height: 25px;
padding: 30px;
border-radius: 108px;
width: fit-content;
display: flex;
align-items: center;
margin-top: 40px;
}
.yellow-button span {
margin-right: 10px;
}
.direction__slider {
width: 45%;
}
.direction__slider svg {
margin-top: 30px;
}
.direction__slider .button-next {
margin-left: 15px;
}
.direction__about h3{
color: #fff;
}
.direction__slider .swiper {
width: 100%;
height: 100%;
border-radius: 90px;
}
.direction__slider .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: start;
padding-top: 60px;
padding-bottom: 68px;
padding-left: 44px;
background-color: #04633e;
background-image: url("../../../images/slide-bg.png");
background-repeat: no-repeat;
background-size: cover;
}
.direction__slider .swiper-slide__details {
width: 55%;
}
.direction__slider .swiper-slide h3 {
font-family: Geologica;
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.direction__slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-slide__bg-img {
position: absolute;
bottom: 0px;
right: 0px;
border-radius: 0px 0px 90px 0px;
display: block;
overflow: hidden;
}
.direction__slider .swiper-slide{
background-color: #04633e;
background-image: url("../img/servise-slide-el-1.png"),url("../img/servise-slide-el-2.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.single-directions .doctors-slider{
margin-bottom: 0px;
}
.single-directions .main__doctors .yellow-button{
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
}
.single-directions .main__doctors .button__container a{
width: fit-content;
display: block;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.direction__card {
background-color: #04633e;
border-radius: 90px;
padding: 67px 115px;
display: flex;
align-items: start;
justify-content: space-between;
margin-top: 120px;
gap: 25px;
}
.direction__card h3 {
font-size: 32px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: white;
white-space: nowrap;
}
.direction__card p {
font-size: 24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
margin-top: 20px;
}
.page-id-707 .heroblock .heroblock__hero h1{
color: #fff;
font-family: "Geologica", sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 600;
margin-bottom: 50px;
line-height: 80px;
width: 54%;
}
.page-id-707 .heroblock .heroblock__hero{
background-color: #04633e;
padding: 183px 154px 234px;
background-image: url("../img/checkup-hero-bg.webp");
background-position: center;
background-size: cover;
background-size: 100% 100%;
width: 100%;
opacity: 0;
transform: translateY(100px);
animation: slide-up 1s ease-in-out forwards;
margin-top: 50px;
}
.page-id-707 .checkup__steps {
margin-top: 50px;
}
.page-id-707 .step {
border-radius: 90px;
padding: 30px 89px 31px 68px;
display: flex;
align-items: center;
background-color: #04633e;
background-image: url("../../images/checkup__step-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.page-id-707 .step:not(:first-of-type) {
margin-top: 20px;
}
.page-id-707 .support__card .count {
font-size: 24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
}
.page-id-707 .support__card_text {
}
.page-id-707 .support__card h5 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: white;
padding-left: 35px;
}
.page-id-707 .support__card .support__card_text p {
font-size: 18px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
margin-top: 15px;
color: white;
}
/*PEOPLE*/
.people-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.people {
background-color: #04633e;
border-radius: 90px;
padding-top: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
position: relative;
height: 445px;
cursor: pointer;
}
.people span {
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
display: flex;
align-items: center;
color: white;
margin-left: auto;
margin-right: auto;
}
.people span svg {
margin-left: 10px;
}
.people-image {
width: 100%;
position: absolute;
bottom: 0;
transition: 1s ease-in-out;
}
.people-image.visible {
width: 100%;
}
.checkup-p {
min-height: 100vh;
}
.checkup-p__title {
margin-top: 50px;
margin-bottom: 60px;
}
.services-g-tabs {
display: flex;
align-items: center;
gap: 10px;
}
.services-g-tab {
padding: 20px;
border-radius: 108px;
background-color: #27ae79;
width: fit-content;
cursor: pointer;
}
.services-g-tab.active {
background-color: #ffca79;
}
.services-g-tab.active p {
color: #262626;
}
.services-g-tabs p {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
}
.services-wrapper {
opacity: 0;
transform: translateY(100px);
animation: slide-up 1s ease-in-out forwards;
}
.services-container {
background-color: white;
border-radius: 90px;
padding: 40px 40px 60px;
margin-top: 30px;
}
@media all and (max-width: 767px) {
.services-container {
border-radius: 40px;
padding: 15px 15px 30px;
}
}
@keyframes slide-up {
to {
opacity: 1;
transform: translateY(0);
}
}
.service-group {
margin-top: 45px;
cursor: pointer;
}
.service-group-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.service-group-title-left {
display: flex;
align-items: center;
/* margin-left: 17px; */
}
.service-group-title-left p:first-of-type {
/* margin-right: 13px; */
margin-right: 0.5em;
font-size: 16px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #939598;
}
.service-group-title-left p:last-of-type {
font-size: 16px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #0f1721;
}
.service-group-list {
max-height: 0;
overflow: hidden;
transition: 1s ease-in-out;
padding-left: 2em;
padding-right: 2em;
}
@media all and (max-width: 767px) {
.service-group-list {
padding-left: 1em;
padding-right: 1em;
}
}
.service-group:first-of-type .service-group-list {
max-height: 400px;
overflow: hidden;
transition: 1s ease-in-out;
}
.service-group:first-of-type .service-group-list.visible {
max-height: 0;
}
.service-group-list.visible {
max-height: 400px;
}
.service-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
border: 1px solid transparent;
/* margin-top: 45px; */
/* padding-left: 36px; */
/* padding-right: 23px; */
}
.service-item__grid {
display: flex;
padding: 5px;
}
@media all and (max-width: 767px) {
.service-item__grid {
flex-wrap: wrap;
}
}
.service-item__grid .service-item-left {
width: 100%;
max-width: 66.6666666667%;
}
@media all and (max-width: 767px) {
.service-item__grid .service-item-left {
max-width: 100%;
}
}
.service-item__grid .service-item-right {
width: 100%;
max-width: 16.6666666667%;
text-align: right;
}
@media all and (max-width: 767px) {
.service-item__grid .service-item-right {
max-width: 50%;
}
}
.service-item__btn:hover {
border: 1px solid #ffca79;
cursor: pointer;
}
.service-item-head {
display: none;
font-size: 0.8em;
}
@media all and (max-width: 767px) {
.service-item-head {
display: block;
padding-top: 10px;
}
}
@media all and (max-width: 767px) {
.service-item__grid-head {
display: none;
font-size: 0.8em;
}
}
.service-item-left {
display: flex;
align-items: center;
}
.service-item-left p:first-of-type {
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
/* margin-right: 25px; */
margin-right: 1em;
color: #939598;
}
.yellow-button {
border-radius: 108px;
background-color: #ffca79;
padding: 30px;
width: fit-content;
display: flex;
align-items: center;
margin-top: 53px;
}
.yellow-button svg {
margin-left: 10px;
}
.close-open {
transform: rotate(0);
transition: 1s ease-in-out;
}
.close-open.rotate {
transform: rotate(45deg);
}
.page-search .search__container{
margin-top: 40px;
}
.vacancy__container-item {
border: 1px solid #0f8f5d;
border-radius: 90px;
padding: 46px 56px 68px;
cursor: pointer;
}
.vacancy__container-item:not(:first-of-type) {
margin-top: 40px;
}
.vacancy__container-item h3 {
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.vacancy__container-item-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.vacancy__container-item p {
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: white;
margin-top: 15px;
}
.vacancy__container-item-details p {
margin-top: 0;
}
.vacancy__container-item-details li {
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.open-close {
transform: rotate(0);
transition: 1s ease-in-out;
cursor: pointer;
}
.open-close.rotate {
transform: rotate(180deg);
}
.vacancy__container {
width: 41%;
}
.vacancies-wrapper {
display: flex;
align-items: start;
justify-content: start;
gap: 30px;
}
.vacancy__container-item-details {
overflow: hidden;
height: 0px;
opacity: 0;
transition: 0.625s ease-in-out;
overflow-y: auto;
scrollbar-width: thin;
}
.vacancy__container-item-details.visible {
opacity: 1;
margin-top: 21px;
height: 250px;
}
.vacancy__form {
padding: 58px;
border-radius: 90px;
background-color: #04633e;
background-size: cover;
background-image: url("../../images/form-bg.png");
width: 49%;
}
.vacancy__form h3 {
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.vacancy__form p {
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: white;
margin-top: 15px;
}
.vacancy__form p:last-of-type {
margin-top: 35px;
}
.vacancy__form input {
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
border-radius: 90px;
background-color: #fff;
color: #004c2e;
padding: 30px 35px;
width: 100%;
outline: none;
border: none;
}
.vacancy__form textarea {
color: #004c2e;
border-radius: 30px;
padding: 30px 35px;
outline: none;
width: 100%;
margin-top: 15px;
resize: none;
border: none;
}
.vacancy__form textarea::placeholder,
.vacancy__form input::placeholder {
color: #004c2e;
opacity: 1;
}
.vacancy__form input:first-of-type {
margin-top: 35px;
}
.vacancy__form input:not(:first-of-type) {
margin-top: 15px;
}
.vacancy__form .vacancy__form-submit-btn {
font-family: Geologica;
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: #262626;
background-color: #ffca79;
padding: 30px;
border-radius: 108px;
margin-top: 25px;
border: none;
width: fit-content;
}
#inputLabel {
display: block;
font-family: Geologica;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
border-radius: 90px;
background-color: #fff;
color: #004c2e;
padding: 30px 35px;
width: 100%;
outline: none;
border: none;
margin-top: 15px;
display: flex;
align-items: center;
}
#inputLabel svg {
margin-right: 10px;
}
#file {
height: 0;
visibility: hidden;
margin-top: 0;
position: absolute;
}
.wpcf7-spinner{
display: none !important;
}
.old__card {
display: flex;
align-items: stretch;
}
.page-old .expo-card-right {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
}
.page-old .expo-card-right h2 {
color: #2d2828;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 0px;
}
.page-old .expo-card-right .old__card-subtitle {
color: #167953;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 138.889% */
margin-top: 10px;
}
.page-old .expo-card-right p {
color: #2d2828;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 138.889% */
margin-top: 30px;
}
.page-old .expo-card-right .old__card-button {
border-radius: 108px;
background: #ffca79;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
border: none;
margin-top: 20px;
}
.page-old .expo-card-right .old__card-button span {
color: #262626;
font-family: Geologica;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 178.571% */
}
.page-old .expo-card-right .old__card-button svg {
margin-left: 10px;
}
.parent-pageid-766 .mrt__hero-buttons {
margin-bottom: 64px;
}
.parent-pageid-766 .mrt__button {
border-radius: 108px;
background: #ffca79;
display: inline-flex;
padding: 30px;
justify-content: center;
align-items: center;
gap: 10px;
cursor: pointer;
}
.parent-pageid-766 .mrt__button-one {
margin-right: 28px;
}
.parent-pageid-766 .heroblock__hero{
background-image: url("../img/mrt.webp");
background-position: center;
background-repeat: no-repeat;
padding: 0px;
background-size: cover;
border-radius: 90px;
height: 635px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
}
.page-id-776 .heroblock__hero{
background-image: url("../img/mrt.webp");
background-position: center;
background-repeat: no-repeat;
padding: 0px;
background-size: cover;
border-radius: 90px;
height: 635px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
}
.page-id-778 .heroblock__hero{
background-image: url("../img/rentgen.webp");
background-position: center;
background-repeat: no-repeat;
padding: 0px;
background-size: cover;
border-radius: 90px;
height: 635px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
}
.search-input_section h2{
color: #fff;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mrt__steps {
margin-top: 120px;
}
.mrt__steps-title {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.mrt__steps-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-top: 50px;
}
.mrt__step {
border-radius: 90px;
background: #2db982;
display: flex;
flex-direction: column;
align-items: center;
padding: 56px 66px 71px;
}
.mrt__step p {
color: #fff;
text-align: center;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 25px;
}
.contraindications_section .contraindications{
padding: 60px 77px 75px 44px;
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/contraindications2-bg.webp");
background-position: right;
background-size: cover;
background-repeat: no-repeat;
margin-top: 120px;
}
.page-rentgen #blocks-4 .contraindications {
padding: 60px 77px 75px 44px;
border-radius: 90px;
background-color: #04633e;
background-image: url("../img/contraindications-bg.webp");
background-position: right;
background-size: cover;
background-repeat: no-repeat;
margin-top: 120px;
}
.contraindications h1 {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.contraindications p {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 25px;
}
.contraindications ul {
margin-top: 15px;
}
.contraindications li {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 177.778% */
}
.contraindications__lists {
display: flex;
justify-content: space-between;
align-items: start;
margin-top: 35px;
}
.contraindications__lists-left,
.contraindications__lists-right {
width: 48%;
}
.contraindications__lists h4 {
color: #fff;
font-family: Geologica;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.contraindications__lists ul {
margin-top: 10px;
}
.contraindications__lists li {
color: #fff;
font-family: Geologica;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 177.778% */
}
.details {
margin-top: 120px;
display: flex;
align-items: start;
justify-content: space-between;
}
.details__left,
.details__right {
width: 49%;
}
.details h1 {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.details h2 {
margin-top: 30px;
color: #fff;
font-family: Geologica;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.details p {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 140% */
}
.transparent__card {
border-radius: 90px;
border: 1px solid #27ae79;
padding: 60px 45px 71px;
margin-top: 120px;
}
.transparent__card h1 {
color: #fff;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 0px;
}
.transparent__card-details {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
margin-top: 25px;
}
.transparent__card-details li,
.transparent__card-details,
.transparent__card-details p{
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 175% */
}
.transparent__card-details-left,
.transparent__card-details-right {
width: 47%;
}
.parent-pageid-766 .refresher__green-card {
border-radius: 90px;
background: #2db982;
padding: 108px 93px 108px 74px;
margin-top: 120px;
}
.parent-pageid-766 .refresher__green-card h2 {
color: #fff;
font-family: Geologica;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.parent-pageid-766 .refresher__green-card p {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 140% */
margin-top: 30px;
}
.parent-pageid-766 .refresher__green-card ul {
margin-top: 30px;
}
.parent-pageid-766 .refresher__green-card li {
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 35px;
}
.contraindications-container{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-top: 120px;
}
.contraindications h1{
margin-top: 0px;
margin-bottom: 0px;
}
.contraindications1-small {
background-image: url("../img/contraindications1-small-bg.webp");
padding: 60px 77px 75px 44px;
border-radius: 90px;
background-color: #04633e;
background-position: right;
background-size: cover;
background-repeat: no-repeat;
width: 49%;
}
.contraindications2-small {
background-image: url("../img/contraindications2-small-bg.webp");
padding: 60px 77px 75px 44px;
border-radius: 90px;
background-color: #04633e;
background-position: right;
background-size: cover;
background-repeat: no-repeat;
width: 49%;
}
.section__schedule_doctor .specialists-title {
margin-top: 120px;
}
.section__schedule_doctor .specialist {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.section__schedule_doctor .specialist:not(:first-of-type) {
margin-top: 80px;
}
.section__schedule_doctor .specialist img {
width: 329px;
height: 391px;
border-radius: 90px 90px 90px 20px;
object-position: center;
object-fit: cover;
margin-right: 57px;
}
.section__schedule_doctor .specialist__details h4 {
font-size: 24px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.section__schedule_doctor .specialist__details h5 {
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: white;
}
.section__schedule_doctor .specialist__details p {
font-size: 16px;
font-weight: 250;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-top: 15px;
}
.section__schedule_doctor .schedule__days {
padding: 76px 102px;
background-color: #fff;
border-radius: 90px;
margin-top: 40px;
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 59px;
}
.section__schedule_doctor .schedule__day {
display: flex;
flex-direction: column;
align-items: center;
}
.section__schedule_doctor .schedule__day-green-circle {
width: 73px;
height: 65px;
background-color: #27ae79;
border-radius: 90px;
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.section__schedule_doctor .schedule__day p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #262626;
white-space: nowrap;
}
.section__schedule_custom .doctors{
min-height: auto;
}
.news-content {
font-size: 18px;
color: #fff;
font-weight: 300;
line-height: 1.4;
max-width: 1280px;
}
.news-content p:not(:last-child),
.news-content img:not(:last-child) {
margin-bottom: 1em;
}
.news-content .media-video:not(:first-child) {
margin-top: 2em;
}
.news-content .media-video:not(:last-child) {
margin-bottom: 2em;
}
.news-content img {
display: block;
width: auto;
max-width: 1024px;
margin: 0 auto;
}
.news-content .media-video {
max-width: 1024px;
margin: 0 auto;
}
.media-video-169 {
position: relative;
padding-top: 56.25%;
}
.media-video-169 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}