.pt-5 {
padding-top: 5rem;
}
html {
scroll-behavior: smooth;
}
.banner-section {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (max-width: 768px) {
.banner-section {
gap: 1rem;
}
}
.banner-section__container {
background-image: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/fon-doc.jpg);
width: 100%;
height: auto;
background-size: cover;
position: relative;
padding: 2.5rem;
border-radius: 0.75rem;
}
@media (max-width: 991px) {
.banner-section__container {
padding: 0.625rem;
height: 30.25rem;
}
}
.banner-section__container__info-block {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.5rem;
max-width: 28.813rem;
width: 100%;
min-height: 20.313rem;
height: 100%;
}
@media (max-width: 991px) {
.banner-section__container__info-block {
display: none;
}
}
.banner-section__container__info-block .name-block {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.banner-section__container__info-block .name-block__name {
color: #3BC3F3;
font-weight: 700;
font-size: 2.75rem;
line-height: 120%;
letter-spacing: 0;
z-index: 1;
}
.banner-section__container__info-block .name-block__info {
color: #B2B3B4;
font-size: 1.125rem;
font-weight: 400;
line-height: 120%;
letter-spacing: 0;
}
.banner-section__container__info-block .experience-block {
padding: 0.5rem;
border-radius: 0.5rem; width: max-content;
border: 1px solid #2173A4;
margin-top: .5rem;
}
.banner-section__container__info-block .experience-block__text {
color: #0a65c2;
font-weight: 400;
font-size: .875rem;
letter-spacing: 0;
}
.banner-section__container__info-block .buttons-block {
display: flex;
align-items: center;
gap: 1rem;
padding-top: 1.25rem;
}
@media (max-width: 1247px) {
.banner-section__container__info-block .buttons-block {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 991px) {
.banner-section__container__info-block .buttons-block {
display: none;
}
}
.banner-section__container__info-block .buttons-block__link {
background-color: #2173A4;
border-radius: 0.313rem;
padding: 0.75rem 1.25rem;
color: white;
font-size: 1.25rem;
font-weight: 400;
line-height: 120%;
text-align: center;
text-decoration: none;
border: 1px solid #2173A4;
}
.banner-section__container__info-block .buttons-block__link:hover{
background-color: white;
color: #2173A4;
}
.banner-section__container__mobile {
display: none;
padding: 0.5rem;
border-radius: 0.75rem;
background-color: #DDF7FB;
position: absolute;
left: 1.125rem;
bottom: 1.125rem;
max-width: 10.125rem;
z-index: 5;
}
@media (max-width: 991px) {
.banner-section__container__mobile {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
}
.banner-section__container__mobile__name {
color: #252525;
font-size: 1rem;
font-weight: 400;
}
.banner-section__container__mobile__info {
font-size: 0.75rem;
font-weight: 400;
color: #252525;
opacity: 0.6;
}
.banner-section__container__mobile__experience {
color: #2173A4;
font-size: 0.75rem;
font-weight: 400;
padding: 0.5rem;
border: 1px solid #2173A4;
border-radius: 0.5rem;
width: max-content;
}
.banner-section__container__img {
position: absolute;
top: 53%;
left: 53%;
transform: translate(-50%, -46%);
max-width: 19.625rem;
max-width: 22.625rem;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.banner-section__container{
overflow: hidden;
}
@media (max-width: 991px) {
.banner-section__container__img {
position: relative;
bottom: -66.4%;
left: 50%;
transform: translate(-50%, -50%);
aspect-ratio: 0.75/1; max-width: 17.5rem;
top: auto;
object-fit: cover;
height: auto;
}
.banner-section__container{
overflow: hidden;
}
}
.banner-section__container__idea {
position: absolute;
background: linear-gradient(180deg, #2399D2, #3BC3F3);
border-radius: 1.25rem;
right: 2.5rem;
top: 2.5rem;
padding: 1.25rem;
max-width: 25.438rem;
width: 100%;
}
@media (max-width: 1247px) {
.banner-section__container__idea {
top: .625rem;
right: .625rem;
max-width: 20rem;
}
}
@media (max-width: 991px) {
.banner-section__container__idea {
padding: 0.75rem 0.563rem;
max-width: 92%;
}
}
.banner-section__container__idea__ugol {
clip-path: polygon(100% 100%, 41% 0, 35% 32%, 26% 66%, 0 100%);
background: linear-gradient(180deg, #3BC3F3, #3BC3F3);
position: absolute;
width: 1.5rem;
height: 1.5rem;
bottom: 0;
left: -0.563rem;
}
.banner-section__container__idea__text {
color: white;
font-size: 1rem;
font-weight: 400;
line-height: 120%;
letter-spacing: 0px;
}
.buttons-block-mobile{
display: none;
}
@media (max-width: 991px) {
.banner-section__container__idea__text {
font-size: 0.875rem;
}
.banner-section .buttons-block-mobile {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding-bottom: 2rem;
}
}
.read-more {
display: none;
}
@media (max-width:768px) {
.banner-section__container__idea__text{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
transition: all 0.3s ease;
max-height: 7.5em;
}
.banner-section__container__idea__text.expanded {
-webkit-line-clamp: unset;
max-height: none;
}
.read-more {
color: white;
cursor: pointer;
display: inline-block;
margin-top: 0px;
font-weight: 400;
font-size: 14px;
text-decoration: underline;
}
}
.banner-section .buttons-block-mobile .buttons-block__link {
background-color: #2173A4;
border-radius: 0.313rem;
padding: 0.75rem 1.25rem;
color: white;
font-size: 0.938rem;
font-weight: 400;
line-height: 120%;
text-align: center;
text-decoration: none;
}
.banner-section__anchor::-webkit-scrollbar {
display: none;
}
.banner-section__anchor {
display: flex;
align-items: center;
gap: 0.5rem;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.banner-section__anchor__block {
background-color: #fff;
border-radius: 0.375rem;
border: 1px solid #3BC3F3;
padding: 0.75rem;
max-width: 15.563rem;
width: 100%;
}
.banner-section__anchor__block:hover{
background-color: #3BC3F3;
}
.banner-section__anchor__block:hover span{
color: white;
}
.banner-section__anchor__block:hover svg{
fill: white;
}
.banner-section__anchor__block__info {
display: flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
}
.banner-section__anchor__block__info span {
color: #2399D2;
font-size: 0.938rem;
font-weight: 400;
}
@media (max-width: 768px) {
.banner-section__anchor__block__info span {
font-size: 0.875rem;
}
}
.video-section__container {
display: flex;
}
.video-section__container__link {
width: 100%;
height: 100%;
border-radius: 0.625rem;
position: relative;
}
iframe.video-section__container__link{
min-height: 32.75rem;
}
.video-section__container__link__img {
object-fit: cover;
width: 100%;
height: 32.75rem;
max-height: 524px;
object-position: center;
border-radius: 0.625rem;
}
.video-section__container__link__play {
max-width: 5rem;
max-height: 5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.75rem;
background-color: rgba(59, 195, 243, 0.5019607843);
border-radius: 50%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.video-section__container__link__play svg{
position: relative;
right: -6%; }
.qualification-section__container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.video-section__container__link__play.is-hidden {
opacity: 0;
pointer-events: none;
}
.qualification-section__container__title {
color: #3AC3F3;
font-size: 2rem;
font-weight: 800;
}
@media (max-width: 768px) {
.qualification-section__container__title {
font-size: 1.5rem;
font-weight: 400;
}
}
.qualification-section__container__info-block {
display: flex;
flex-direction: column;
gap: 2.5rem;
position: relative;
}
.qualification-section__container__info-block .education-block {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block {
gap: 1rem;
}
.qualification-section__container__info-block{
gap: 2rem;
}
}
.qualification-section__container__info-block .education-block__title {
color: #0F7A9E;
font-size: 1.25rem;
font-weight: 700;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__title {
color: #212121;
font-weight: 400;
font-size: 1.125rem;
}
}
.qualification-section__container__info-block .education-block__info {
display: flex;
gap: 1rem;
flex-wrap:wrap;
}
@media (max-width: 1155px) {
.qualification-section__container__info-block .education-block__info {
flex-direction: column;
gap: 1.25rem;
}
}
.qualification-section__container__info-block .education-block__info .education-block__item {
background-color: rgba(59, 195, 243, 0.1019607843);
border-radius: 0.625rem;
border: 1px solid #5292CF;
padding: 1.875rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
position: relative;
flex: 1 1 calc(50% - 10px);
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__info .education-block__item {
padding: 1.25rem;
}
}
.qualification-section__container__info-block .education-block__info .education-block__item__img {
position: relative; right: -1rem;
max-width: 12rem;
filter: brightness(0) saturate(100%) invert(80%) sepia(12%) saturate(576%) hue-rotate(166deg) brightness(95%) contrast(100%);
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__info .education-block__item__img {
max-width: 8.25rem;
position: absolute;
bottom: .625rem;
right: .75rem;
top: auto;
}
}
.qualification-section__container__info-block .education-block__info .education-block__item__left {
display: flex;
flex-direction: column;
gap: 1.5rem;
max-width: 21.438rem;
width: 100%;
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__title {
color: #212121;
font-size: 1rem;
font-weight: 700;
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item {
display: flex;
align-items: center;
gap: 1rem;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail{
max-width: 50%;
}
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item__title {
max-width: 11.75rem;
width: 100%;
color: #1D1D1D;
font-weight: 400;
font-size: 1rem;
opacity: 0.5;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item__title {
font-size: 0.625rem;
}
}
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item__text {
color: #1D1D1D;
font-weight: 400;
font-size: 1rem;
min-width: 8.7rem;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .education-block__info .education-block__item__left__detail__item__text {
font-size: 0.75rem;
}
}
.qualification-section__container__info-block .qualification-up {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.qualification-section__container__info-block .qualification-up__info-block {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.875rem;
background-color: #DEF4FD;
border-radius: 0.625rem;
border: 1px solid #5292CF;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .qualification-up__info-block {
flex-direction: column;
padding: 1.25rem;
}
}
.qualification-section__container__info-block .qualification-up__info-block p {
font-size: 1rem;
font-weight: 400;
color: #1D1D1D;
width: 100%;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .qualification-up__info-block p {
font-size: 0.875rem;
}
}
.qualification-section__container__info-block .training-block {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.qualification-section__container__info-block .training-block__title {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
.qualification-section__container__info-block .training-block__title__svg {
transition: transform 0.3s ease;
}
.qualification-section__container__info-block .training-block__title__svg.rotated {
transform: rotate(180deg);
}
.qualification-section__container__info-block .training-block__info-block {
display: flex;
align-items: center;
gap: 1rem;
padding: 0 1.875rem;
background-color: #DEF4FD;
border-radius: 0.625rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .training-block__info-block {
padding: 0 1.25rem;
}
}
.qualification-section__container__info-block .training-block__info-block.active {
max-height: max-content;
padding: 1.875rem;
border: 1px solid #5292CF;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .training-block__info-block.active {
padding: 1.25rem;
}
}
.qualification-section__container__info-block .training-block__info-block ul {
column-count: 2; column-gap: 1rem; list-style-type: none;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .training-block__info-block ul {
column-count: 1;
}
}
.qualification-section__container__info-block .training-block__info-block ul li {
padding-left: 1.25rem;
position: relative;
break-inside: avoid; padding-bottom: 0.625rem;
font-size: 1rem;
}
@media (max-width: 768px) {
.qualification-section__container__info-block .training-block__info-block ul li {
font-size: 0.875rem;
}
}
.qualification-section__container__info-block .training-block__info-block ul li::before {
content: "•"; color: #0F7A9E; position: absolute;
left: 0;
top: 31%;
transform: translate(-50%);
}
#work-section,
#lic-section,
#reviews-section,
#qualification-section,
#video-section
{
scroll-margin-top: 150px; } .awards-section{
padding: 2.5rem 0;
}
.awards-dop-section{
}
.awards-section__container{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.awards-section__container__info-block{
grid-template-columns: repeat(2, 1fr);
display: grid;
gap: .75rem;
padding: 1.875rem;
background-color: #DEF4FD;
border-radius: .625rem;
border: 1px solid #EEF8FA;
position: relative;
}
.awards-item{
color: #212121;
font-size: 1rem;
font-weight: 400;
line-height: 120%;
padding: .75rem 1.5rem;
border: 1px solid #7DB5DD;
border-radius: .5rem;
}
.awards-img{
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width:768px) {
.awards-section__container__info-block{
grid-template-columns: repeat(1, 1fr);
padding: 1.25rem;
}
.awards-item{
font-size: .875rem;
padding: .625rem 1rem;
}
}
.awards-section__container__info-block.dop{
background-color: transparent;
border: none;
padding: 0rem;
}
.awards-column{
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.875rem;
background-color: #DEF4FD;
border-radius: .625rem;
border: 1px solid #EEF8FA;
position: relative;
}
.awards-column-item{
padding-bottom: 1rem;
border-bottom: 1px solid #7DB5DD33;
color: #212121;
font-size: 1rem;
font-weight: 400;
line-height: 120%;
}
.awards-column-item:last-child {
border-bottom: none;
}
.awards-column-img{
position: absolute;
top: 0;
right: 0;
}
.awards-column-img-right{
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width:768px) {
.awards-column-item{
font-size: .875rem;
}
.awards-column{
gap: .875rem;
padding: 1.25rem;
}
.awards-column-img-right{
height: 70%;
}
} .work-section,
.reviews-slider,
.lic-section{
display: flex;
flex-direction: column;
gap: 2rem;
overflow: hidden;
}
.work-section__title{
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.work-section__title__text{
font-size: 2rem;
font-weight: 800;
color: #3BC3F3;
}
.work-section__title__btn,
.custom-slide-btn{
display: flex;
gap: .5rem;
}
.custom-slide-btn-prev,
.custom-slide-btn-next { background: linear-gradient(-26deg, #2399D2 43%, #3BC3F3 68%);
padding: 0.813rem 1rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;  }
.custom-slide-btn-prev.swiper-button-disabled,
.custom-slide-btn-next.swiper-button-disabled {
background: #3BC3F380;
cursor: not-allowed;
} .custom-slide-btn-next{
transform: rotate(180deg);
}
.before-after-wrapper {
position: relative;
width: 100%;
aspect-ratio: 1.75 / 1;
overflow: hidden;
border-top-left-radius: .625rem;
border-top-right-radius: .625rem;
}
.before-after-wrapper img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
pointer-events: none;
user-select: none;
}
.after-img {
clip-path: inset(0 50% 0 0); z-index: 2;
}
.slider-handle {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: .5rem;
height: 100%;
background-color: #38C5F3;
border-left: 1px solid #38C5F3;
border-right: 1px solid #38C5F3;
z-index: 10;
cursor: ew-resize;
display: flex;
align-items: center;
}
.slider-handle__block{
width: 2.5rem;
height: 2.5rem;
background: #38C5F3;
z-index: 2412;
position: absolute;
border-radius: 50%;
left: -1rem;
display: flex;
align-items: center;
gap: 0.375rem;
}
.slider-handle svg{
height: 100%;  cursor: ew-resize; }
.examples-section__item__label {
position: absolute;
bottom: .75rem;
padding: .5rem;
background-color: white;
color: #3BC3F3;
font-weight: 400;
font-size: 0.875rem;
z-index: 20;
border-radius: 1rem;
bottom: .5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 5.75rem;
height: 3.875rem;
aspect-ratio: 1;
}
.examples-section__item__label.label-before {
left: -.5rem;
}
.examples-section__item__label.label-after { right: -.5rem;
}
@media (min-width:1100px) and (max-width:1200px) {
.examples-section__item__label {
height: 4.5rem;
}
}
@media (max-width:768px) {
.examples-section__item__label {
height: 12vw;
max-height: 94px;
width: 3.75rem;
bottom: .4rem;
}
}
.examples-section .swiper-button-prev-custom,
.examples-section .swiper-button-next-custom {
width: 4.5rem;
height: 4.5rem;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
pointer-events: auto;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_813_666)'%3e%3ccircle cx='68' cy='64' r='36' fill='white'/%3e%3cpath d='M64.8621 55.7242L73.1379 64L64.8621 72.2759' stroke='%236B6E70' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_813_666' x='0' y='0' width='136' height='136' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='4'/%3e%3cfeGaussianBlur stdDeviation='16'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_813_666'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_813_666' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
}
.examples-section .swiper-button-prev-custom {
transform: rotate(180deg);
}
@media (max-width: 768px) {
.work-section,
.reviews-slider,
.lic-section{
overflow: hidden;
}
.lic-section{
overflow: hidden;
padding-top: 1.25rem;
}
.work-section__title__btn{
display: none;
}
.work-section__title__text{
font-size: 1.5rem;
font-weight: 400;
}
.examples-section__item__label {
padding: 1rem;
font-size: .75rem;
}
.examples-section__item__label.label-after { padding: 1.5rem 1.25rem;
}
.slider-handle{
width: 0.375rem;
}
}
.examples-section-page-swiper__swiper-nav {
width: calc(100% + 10rem);
position: absolute; top: 0rem;
left: -5rem;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 3;
height: 100%;
max-height: 28.625rem;
pointer-events: none;
}
.examples-section__item{
display: flex;
flex-direction: column;
gap: 1.5rem
}
.work-section__item{
display: flex;
flex-direction: column;
background-color: white;
border-radius: .625rem;
height: auto !important;
}
.work-section__item__bottom{
padding: 1rem 1.25rem;
border-bottom-right-radius: .625rem;
border-bottom-left-radius: .625rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
flex: 1;
justify-content: space-between;
}
.work-section__item__bottom__top{
display: flex;
flex-direction: column;
gap: .75rem;
}
.work-section__item__bottom__top__title{
font-size: 1.125rem;
font-weight: 700;
color: #000000;
}
.work-section__item__bottom__top__info{
display: flex;
flex-direction: column;
gap: .25rem;
}
.work-section__item-title{
color: #212121;
font-weight: 700;
font-size: 1rem;
}
.work-section__item-text{
font-weight: 400;
font-size: 1rem;
color: #212121;
}
.work-section__item-braces{
display: flex;
gap: .25rem;
align-items: center;
flex-wrap: wrap;
}
.work-section__item-braces a{
color: #3BC3F3;
font-weight: 400;
font-size: 1rem;
text-decoration: underline;
}
.work-section__item__bottom .buttons-block__link{
background-color: #2173A4;
border-radius: 0.313rem;
padding: 0.75rem 1.25rem;
color: white;
font-size: 1.25rem;
font-weight: 400;
line-height: 120%;
text-align: center;
text-decoration: none;
border: 1px solid #2173A4;
}
.work-section__item__bottom .buttons-block__link:hover{
color: #2173A4;
background-color: white;
}
@media (max-width: 768px) {
.work-section__item__bottom{
padding: 1rem;
}
.work-section__item__bottom__top__title{
font-size: 1rem;
font-weight: 400;
}
.work-section__item-title{
font-weight: 400;
}
.work-section__item-text,
.work-section__item-braces a{
font-size: 0.875rem;
}
.work-section__item__bottom .buttons-block__link{
font-size: 0.938rem;
padding: 1.125rem 1.25rem;
}
.slider-handle__block{
width: 1.875rem;
height: 1.875rem;
left: -.75rem;
}
} .modal-selection {
display: flex;
flex-direction: column;
gap: 1.25rem;
display: none;
border-radius: .75rem;
max-width: 70.875rem;
width: 100%;
}
.modal-selection .carousel__button.is-close{
top: 1.25rem;
right: 1.25rem;
background-color: transparent !important;
}
.modal-selection .carousel__button.is-close path{
stroke: #000000;
}
.modal-selection__top {
display: flex;
flex-direction: column;
gap: .75rem;
}
.modal-selection__top__title {
font-size: 3rem;
font-weight: 400;
color: #253855;
line-height: 130%;
}
.modal-selection__top__text {
font-size: 1.125rem;
font-weight: 400;
color: #252525;
max-width: 40.625rem;
width: 100%;
opacity: .6;
}
.modal-selection__bottom {
padding: 2.5rem;
border-radius: 1rem;
width: 100%;
background: #794545 linear-gradient(-8deg, #3BC3F3 40%, #2399D2 68%);
display: flex;
flex-direction: column;
gap: 2rem;
}
.modal-selection__bottom__question {
color: white;
font-weight: 400;
font-size: 2rem;
display: none;
}
.modal-selection__bottom__question.active {
display: block;
}
.modal-selection__bottom__answer {
display: flex;
align-items: center;
gap: 2.5rem;
flex-wrap: wrap;
display: none;
}
.modal-selection__bottom__answer.active {
display: flex;
}
.modal-selection__bottom__answer.select-answer {
position: relative;
cursor: pointer;
padding: 0.75rem 1.25rem;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0.25rem;
justify-content: space-between;
gap: 1rem;
background-color: #FFFFFF4D;
}
.modal-selection__bottom__answer__block {
display: flex;
align-items: center;
gap: .625rem;
cursor: pointer;
}
.modal-selection__bottom__answer__block span {
font-size: 1.25rem;
color: white;
font-weight: 400;
}
.radio-btn {
width: 1.5rem;
height: 1.5rem;
border: .25rem solid white;
border-radius: 50%;
transition: all 0.3s ease;
}
.radio-btn.selected {
background-color: white;
border-color: white;
}
.select-options {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: linear-gradient(90deg, #2399D2, #3BC3F3);
border: 1px solid rgba(255, 255, 255, 0.5);
border-top: none;
border-radius: 0 0 0.25rem 0.25rem;
z-index: 10;
}
.select-options.show {
display: block;
}
.select-option {
padding: 0.75rem 1rem;
color: white;
font-size: 1.25rem;
}
.select-option:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.modal-selection__bottom__answer .select-placeholder {
font-size: 1.25rem;
color: white;
font-weight: 400;
}
.modal-selection__bottom .modal-selection__bottom__next {
margin-top: 1rem;
margin-bottom: .5rem;
display: flex;
align-items: center;
justify-content: center;
gap: .625rem;
padding: .75rem;
background-color: #fff !important;
border-radius: .25rem;
max-width: 13.125rem;
width: 100%;
cursor: pointer;
border: none;
transition: all 0.3s ease;
}
.modal-selection__bottom__next:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.modal-selection__bottom__next__text {
color: #2173A4;
font-weight: 400;
font-size: 1.25rem;
}
@media (max-width: 768px) {
.modal-selection__bottom{
padding: 1.25rem;
}
.modal-selection{
padding: 1.25rem;
}
.modal-selection__top__title {
font-size: 1.5rem;
}
.modal-selection__top__text,
.modal-selection__bottom__answer .select-placeholder,
.select-option {
font-size: .875rem;
}
.modal-selection__bottom__answer.select-answer svg{
width: 1.25rem;
height: 1.25rem;
}
.modal-selection__bottom__question{
font-size: 1.5rem;
}
.modal-selection__bottom__answer__block span{
font-size: 1rem;
}
.modal-selection__bottom__next__text{
font-size: 0.938rem;
}
}
.modal-selection__bottom__next svg {
min-width: 1.25rem;
min-height: 1.25rem;
}
.modal-selection__bottom__scale {
width: 100%;
height: 3px;
background-color: #fff; position: relative;
}
.scale-progress {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #2173A4;
width: 0%;
transition: width 0.5s ease;
}
.modal-selection__bottom__final {
margin-top: 1rem;
margin-bottom: .5rem;
display: none;
align-items: center;
gap: .625rem;
padding: .75rem;
background-color: #fff;
border-radius: .25rem;
max-width: max-content;
width: 100%;
cursor: pointer;
text-decoration: none;
}
.modal-selection__bottom__final.active {
display: flex;
}
.choice-section {
display: flex;
gap: 1.25rem;
min-height: 23.063rem;
position: relative;
padding-top: 3.75rem;
}
@media (max-width: 768px) {
.choice-section {
height: auto;
gap: 0.625rem;
flex-direction: column-reverse;
}
}
.choice-section__left {
background: #794545 linear-gradient(-13deg, #3BC3F3 24%, #2399D2 68%);
border-radius: 1rem;
padding: 2.25rem;
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: space-between; max-width: 48.563rem;
width: 100%;
position: relative;
}
@media (max-width: 768px) {
.choice-section__left {
padding: 1.25rem;
background: #794545 linear-gradient(166deg, #3BC3F3 52%, #2399D2 123%);
}
}
.choice-section__left__info {
display: flex;
flex-direction: column;
gap: 1.25rem;
max-width: 34.063rem;
width: 100%;
}
.choice-section__left__info__title {
color: white;
font-weight: 400;
font-size: 3rem;
line-height: 110.00000000000001%;
}
@media (max-width: 768px) {
.choice-section__left__info__title {
font-size: 1.25rem;
}
}
.choice-section__left__info__text {
color: white;
opacity: 0.7;
font-size: 1.25rem;
font-weight: 400;
line-height: 140%;
}
@media (max-width: 768px) {
.choice-section__left__info__text {
font-size: 0.875rem;
}
}
.choice-section__left__btn {
color: #2173A4;
font-weight: 400;
font-size: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 0.25rem;
padding: 0.75rem 1.5rem;
max-width: 17.5rem;
width: 100%;
cursor: pointer;
}
.choice-section__left__btn:hover {
color: white;
background-color: #2173A4;
}
@media (max-width: 768px) {
.choice-section__left__btn {
max-width: 100%;
}
}
.choice-section__betwwen {
position: absolute;
top: 80%;
right: -1.3rem;
transform: translate(0%, -50%);
display: flex;
flex-direction: column;
justify-content: space-between;
height: 5.625rem;
width: 1.3rem; overflow: visible;
background: #79454500 linear-gradient(-8deg, #3BC3F3 100%, #2399D2 68%);
}
.choice-section__betwwen__circle {
max-width: 1.25rem;
width: 100%;
aspect-ratio: 1;
background-color: #EEF7FC;
border-radius: 50%;
position: relative;
top: -0.5rem;
}
.choice-section__betwwen__circle:last-child {
bottom: -0.5rem;
top: auto;
} @media (max-width:947px) {
.choice-section__betwwen {
width: 1.28rem;
}
.choice-section__betwwen{
transform: translate(-49%, -50%);
}
}
@media (max-width: 768px) {
.choice-section__betwwen {
transform: rotate(90deg);
top: -1.45rem;
height: 2.313rem;
width: 0.7rem;
right: 50%;
}
}
#section-doc {
scroll-margin-top: 100px;
}
.choice-section__right { background: #794545 linear-gradient(-8deg, #3BC3F3 40%, #2399D2 68%);
position: relative;
border-radius: 1rem;
padding: 2.75rem;
display: flex;
overflow: hidden;
width: 100%;
max-width: 30.313rem;
}
@media (max-width: 768px) {
.choice-section__right {
padding: 1.25rem;
height: 13.25rem;
background: #794545 linear-gradient(-21deg, #3BC3F3 30%, #2399D2 95%);
max-width: 100%;
}
}
.choice-section__right__name {
font-size: 1.75rem;
font-weight: 400;
color: white;
max-width: 16.125rem;
width: 100%;
line-height: 110.00000000000001%;
}
@media (max-width: 768px) {
.choice-section__right__name {
font-size: 1.25rem;
}
}
.choice-section__right__circle {
max-width: 18.438rem;
width: 100%;
aspect-ratio: 1;
position: absolute; bottom: -3.85rem;
right: -1.9rem;
z-index: 1;
background-color: white;
border-radius: 50%;
}
.choice-section__right__img {
position: absolute;
right: .75rem;
bottom: .75rem;
z-index: 2;
}
.other-reviews{
display: flex;
flex-direction: column;
gap: 2rem;
padding-bottom: 5rem;
overflow: hidden;
}
.other-reviews__info {
padding: 2.5rem;
border-radius: 0.625rem;
display: flex;
gap: 0.5rem;
background: #F8F8F8 linear-gradient(-50deg, #3BC3F3 -15%, #2399D2 68%);
}
.other-reviews__info__left {
display: flex;
gap: 1.5rem;
}
@media (max-width: 768px) {
.other-reviews__info__left {
gap: 0.75rem;
}
}
.other-reviews__info__left__img {
width: 100%; max-width: 50%;
border-radius: 0.375rem;
height: fit-content;
}
@media (max-width: 768px) {
.other-reviews__info__left__img {
aspect-ratio: 1;
max-width: 3.75rem;
object-fit: cover;
}
}
.other-reviews__info__left__name-block {
display: flex;
flex-direction: column;
gap: 0.5rem;
max-width: 40%;
}
@media (max-width: 768px) {
.other-reviews__info__left__name-block {
gap: 0.25rem;
max-width: 100%;
}
}
.other-reviews__info__left__name-block .other-reviews-name {
color: white;
font-weight: 400;
font-size: 1.5rem;
line-height: 110.00000000000001%;
}
@media (max-width: 768px) {
.other-reviews__info__left__name-block .other-reviews-name {
font-size: 1rem;
}
}
.other-reviews__info__left__name-block .other-reviews-detail {
color: #ADD8EA;
font-weight: 400;
font-size: 0.875rem;
}
@media (max-width: 768px) {
.other-reviews__info__left__name-block .other-reviews-detail {
font-size: 0.75rem;
}
}
.other-reviews__info__idea {
position: relative;
background-color: #BEEEFF;
border-radius: 1.25rem;
padding: 1rem 2rem;
max-width: 68.83%;
width: 100%;
}
.other-reviews__info__idea__ugol {
clip-path: polygon(100% 100%, 41% 0, 35% 32%, 26% 66%, 0 100%);
position: absolute;
background-color: #BEEEFF;
width: 1.5rem;
height: 1.5rem;
bottom: 0;
left: -0.563rem;
}
.other-reviews__info__idea__text {
color: #000000;
font-size: 1rem;
font-weight: 400;
display: block;
overflow: hidden;
line-height: 1.4em;
max-height: calc(1.4em * 6);
transition: max-height 0.3s ease;
}
.other-reviews__info__idea__text.expanded {
max-height: 100%;
}
.read-more-btn{
color: #2173a4;
font-size: 1rem;
font-weight: 400;
background-color: #3bc3f3;
color: white;
padding: 4px 12px;
border-radius: 8px;
margin-top: 12px;
cursor: pointer;
transition: 0.2s
}
.read-more-btn:hover {
text-decoration: underline;
background-color: #34C5F6;
}
.doctors-section {
display: flex;
flex-direction: column;
gap: 5rem;
padding-top: 2.5rem;
}
@media (max-width: 991px) {
.other-reviews__info {
flex-direction: column-reverse;
gap: 1.5rem;
padding: 0.75rem;
}
.other-reviews__info__idea{
padding: .75rem;
max-width: 100%;
}
.other-reviews__info__left__name-block{
max-width: 100%;
}
.other-reviews__info__left__img{
max-width: 7rem;
}
}
@media (max-width: 768px) {
.doctors-section {
gap: 4rem;
}
.other-reviews__info__idea__text{
font-size: .875rem;
}
}
.doctors-section__item {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.doctors-section__item_active {
display: grid;
}
@media (max-width: 1240px) {
.doctors-section__item {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
}
}
@media (max-width: 768px) {
.doctors-section__item {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.75rem;
}
.choice-section__right__img {
max-width: 52%;
aspect-ratio: 0.77 / 1; max-height: 13.125rem;
object-fit: contain;
object-position: bottom;
right: .4rem;
}
.choice-section__right__circle{
bottom: -2rem;
right: -1rem;
max-width: 11.75rem;
}
}
.doctors-section__item_none {
display: none;
}
.doctors-section__item__title {
color: #3AC3F3;
font-weight: 400;
font-size: 2.25rem;
padding-bottom: 0.75rem;
}
@media (max-width: 768px) {
.doctors-section__item__title {
font-size: 1.5rem;
}
}
.doctors-section__item__card {
position: relative;
background-color: #f1fafd;
border: 1px solid #2AA4DB;
border-radius: 1rem; display: none; gap: 1rem;
justify-content: space-between;
overflow: hidden;
min-height: 21.5rem;
}
.doctors-section__item__card_none {
display: none;
}
.doctors-section__item__card_active {
display: flex;
}
.doctors-section__item__card__info {
display: flex;
flex-direction: column;
gap: 0.5rem;
max-width: 60.5%;
width: 100%;
padding: 1.25rem;
padding-left: 1rem;
padding-right: 0;
}
@media (max-width: 768px) {
.doctors-section__item__card__info {
max-width: 80%;
gap: 0.75rem;
}
}
.doctors-section__item__card__info__name {
color: #252525;
font-weight: 400;
font-size: 1.375rem;
line-height: 110.00000000000001%;
}
@media (max-width: 768px) {
.doctors-section__item__card__info__name {
font-size: 1.25rem;
}
}
.doctors-section__item__card__info__spec {
color: #252525;
opacity: 0.6;
font-weight: 400;
font-size: 0.875rem;
}
@media (max-width: 768px) {
.doctors-section__item__card__info__spec {
font-size: 0.75rem; }
}
.doctors-section__item__card__info .badges {
display: flex; gap: 0.25rem;
padding-top: 0.25rem;
max-width: 94%;
flex-direction: column;
}
@media (max-width: 768px) {
.doctors-section__item__card__info .badges {
max-width: 50%;
padding-top: 0.75rem;
}
}
.doctors-section__item__card__info .badges__badge {
border: 1px solid #2173A4;
border-radius: 0.5rem;
padding: 0.25rem 0.5rem; font-size: .563rem;
color: #2173A4;
background: transparent;
white-space: nowrap;
width: fit-content;
z-index: 2;
}
.doctors-section__item__card__photo { align-self: flex-end;
position: relative;
width: 100%;
padding-bottom: 79%;
margin-top: 0;
}
.doctors-section__item__card__photo img { position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
overflow: visible;
}
@media (max-width: 768px) {
.doctors-section__item__card__photo img { bottom: -3rem;
}
.doctors-section__item__card__photo{
padding-bottom: 50%;
}
}
@media (max-width:550px) {
.doctors-section__item__card__photo{
padding-bottom: 70%;
}
}
.doctors-section__item__card__photo .video-toggle-btn {
position: absolute;
bottom: 2.25rem;
right: .25rem;
background-color: #2173A4;
color: #fff;
border-radius: 50%;
border: none;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 2.875rem;
overflow: hidden;
white-space: nowrap;
padding: 0.875rem;
cursor: pointer;
transition: all 0.3s ease;
max-width: 10rem;
}
.test .doctors-section__item__card__photo .video-toggle-btn {
bottom: 2.25rem;
right: .25rem;
}
.doctors-section__item__card__photo .video-toggle-btn:hover {
background-color: #2173A4 !important;
color: #fff !important;
}
.doctors-section__item__card__photo .video-toggle-btn span {
color: white;
font-weight: 400;
font-size: 0.875rem;
opacity: 0;
transform: translateX(10px);
transition: opacity 0.3s ease, transform 0.6s ease;
}
.doctors-section__item__card__photo .video-toggle-btn svg {
min-width: 1.25rem;
position: absolute;
}
.doctors-section__item__card__link {
color: #2173A4;
font-weight: 400;
font-size: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 0.25rem;
padding: 0.75rem 1.5rem;
width: 100%;
cursor: pointer;
display: none;
}
.doctors-section__item__card__link:hover {
color: white;
background-color: #2173A4;
border: 1px solid white;
}
.doctors-section__item__card:hover .video-toggle-btn {
width: 100%;
border-radius: 6.25rem;
justify-content: flex-start;
}
.doctors-section__item__card:hover .video-toggle-btn span {
opacity: 1;
transform: translateX(0);
}
.doctors-section__item__card:hover .video-toggle-btn svg {
position: relative;
}
.doctors-section__item__card.dop-block {
background-color: #2173A4;
padding: 2rem;
}
@media (max-width: 768px) {
.doctors-section__item__card.dop-block {
padding: 1.25rem;
}
}
.doctors-section__item__card.dop-block .doctors-section__item__card__info {
gap: 0.75rem;
max-width: 100%;
}
@media (max-width: 768px) {
.doctors-section__item__card.dop-block .doctors-section__item__card__info {
max-width: 80%;
gap: 0.75rem;
}
}
.doctors-section__item__card.dop-block .doctors-section__item__card__info__name {
font-size: 2.25rem;
color: white;
line-height: 110.00000000000001%;
}
@media (max-width: 768px) {
.doctors-section__item__card.dop-block .doctors-section__item__card__info__name {
font-size: 1.25rem;
}
}
.doctors-section__item__card.dop-block .doctors-section__item__card__info__spec {
font-size: 1.125rem;
opacity: 0.7;
color: white;
}
@media (max-width: 768px) {
.doctors-section__item__card.dop-block .doctors-section__item__card__info__spec {
font-size: 0.75rem; }
.doctors-section__item__card{
min-height: 14.625rem;
}
}
.span-two {
grid-column: span 2;
padding: 2rem;
} @media (max-width: 768px) {
.span-two {
padding: 1.25rem;
grid-column: span 1;
}
}
.span-two .doctors-section__item__card__info {
max-width: 29rem;
gap: 1.25rem;
}
@media (max-width: 768px) {
.span-two .doctors-section__item__card__info {
max-width: 91%;
gap: 0.75rem;
}
}
.span-two .doctors-section__item__card__info__name {
font-size: 2rem;
}
@media (max-width: 768px) {
.span-two .doctors-section__item__card__info__name {
font-size: 1.25rem;
}
}
.span-two .doctors-section__item__card__info__spec {
font-size: 1rem;
}
@media (max-width: 768px) {
.span-two .doctors-section__item__card__info__spec {
font-size: 0.75rem;
max-width: 55%;
}
}
@media (max-width: 768px) {
.span-two .doctors-section__item__card__info .badges {
max-width: 50%;
padding-top: 0.75rem;
}
}
.span-two .doctors-section__item__card__info .badges__badge {
font-size: 0.875rem;
}
.span-two img {
max-width: 21.375rem;
max-height: 20.313rem;
bottom: 0;
right: 0.75rem;
}
.span-two .video-toggle-btn {
bottom: 2rem;
right: 2rem;
}
.span-three {
grid-column: span 3;
}
@media (max-width: 1240px) {
.span-three {
grid-column: span 2;
}
.span-two img{
max-width: 45%;
max-height: 88%;
bottom: 0;
right: 0rem;
} }
@media (max-width: 768px) {
.span-three {
grid-column: span 1;
}
.span-two img{
max-width: 61%;
bottom: 0;
right: 0rem;
}
.span-two .doctors-section__item__card__info .badges__badge{
font-size: .75rem;
}
.doctors-section__item__card.dop-block{
display: none;
}
}
.filters-section {
display: flex;
align-items: center;
gap: 1.25rem;
flex-wrap: wrap;
padding-top: 3.75rem;
}
.filters-section__info {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.filters-section__info__select {
position: relative;
user-select: none;
}
.filters-section__info__select__trigger {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
border: 1px solid #000;
border-radius: 0.625rem;
width: max-content;
display: flex;
align-items: center;
justify-content: space-between;
width: max-content;
gap: 5.188rem;
cursor: pointer;
}
.filters-section__info__select__trigger__value {
color: #000;
font-size: 1.25rem;
font-weight: 400;
cursor: pointer;
}
.filters-section__info__select__trigger__arrow {
transition: transform 0.3s ease;
}
.filters-section__info__select__dropdown {
position: absolute;
top: calc(100% - 0.5rem);
left: 0;
right: 0;
font-size: 1.25rem;
border: 1px solid #000;
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
border-top: none;
background: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
display: none;
z-index: 10;
}
.filters-section__info__select__dropdown__option {
padding: 0.75rem 1.25rem;
cursor: pointer;
}
.filters-section__info__select__dropdown__option:hover {
background: #f1fafd;
border-radius: .75rem;
}
.filters-section__toggle {
display: flex;
align-items: center;
gap: 0.625rem;
}
.filters-section__toggle__text{
color: #000000;
font-weight: 400;
font-size: 1.25rem;
}
.filters-section__toggle__switch {
position: relative;
display: inline-block;
width: 3.875rem;
height: 1.75rem;
}
.filters-section__toggle__switch input {
opacity: 0;
width: 0;
height: 0;
}
.filters-section__toggle__switch__inp:checked + .filters-section__toggle__switch__slider {
background-color: #2173A4;
}
.filters-section__toggle__switch__inp:checked + .filters-section__toggle__switch__slider::before {
transform: translateX(2.125rem);
}
.filters-section__toggle__switch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
border-radius: 1.75rem;
}
.filters-section__toggle__switch__slider::before {
position: absolute;
content: "";
height: 1.5rem;
width: 1.5rem;
left: 0.125rem;
bottom: 0.125rem;
background-color: white;
transition: 0.4s;
border-radius: 50%;
}
.filters-section__info__select.open .filters-section__info__select__trigger__arrow {
transform: rotate(180deg);
}
.filters-section__info__select.open .filters-section__info__select__dropdown {
display: block;
max-height: 19.563rem;
overflow: scroll;
overflow-x: hidden;
}
.filters-section__info__select__value{
font-size: 1.25rem;
}
@media (max-width: 768px) {
.filters-section__info__select{
width: 100%;
flex: 1;
}
.filters-section__info__select__dropdown__option{
padding: .5rem .75rem;
font-size: .875rem;
}
.filters-section__info__select__trigger{
width: 100%;
gap: 1rem;
justify-content: space-between;
padding: 1rem .75rem;
}
.filters-section__info__select__value{
font-size: 0.875rem;
}
.filters-section__toggle{
flex: 1;
}
.filters-section__toggle__switch{
width: 2.375rem;
height: 1.063rem;
}
.filters-section__toggle__switch__slider::before{
width: 0.938rem;
height: 0.938rem;
left: 0.063rem;
bottom: 0.063rem;
}
.filters-section__toggle__text{
font-size: 0.875rem;
}
.filters-section__toggle__switch__inp:checked + .filters-section__toggle__switch__slider::before{
transform: translateX(1.25rem);
}
}
@media (max-width: 330px) {
.filters-section__info__select{
max-width: 100%;
}
}
.doctors-section{
}
.doctors-section .doctors-block {
position: relative;
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/fondoc.jpg) no-repeat center;
background-size: cover;
border-radius: .625rem;
padding: 1.75rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
overflow: hidden;
gap: 40px;
min-height: 25rem;
} .doctors-section .doctor-img {
position: absolute;
z-index: 2;
max-height: 26.25rem;
object-fit: cover;
object-position: bottom;
bottom: 0;
}
.doctors-section .doctor-andrey {
left: 30%;
bottom: 0;
transform: translateX(-50%);
}
.doctors-section .doctor-sergey {
left: 53%;
bottom: -2rem;
transform: translateX(-50%);
}
.doctors-section .doctor-main{
left: 41%;
bottom: 0;
transform: translateX(-50%); height: 100%;
}
@media (max-width:1280px) {
.doctors-section .doctor-main{
left: 45%; }
}
.doctors-section .left-block,
.doctors-section .right-block {
z-index: 1;
}
.doctors-section .left-block{
width: 21%;
}
.doctors-section .right-block {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: space-between; width: 33.4%;
}
.doctors-section .left-block h2,
.doctors-section .right-block h2 {
font-size: 2rem;
line-height: 100%;
margin-bottom: .75rem;
color: #252525;
}
.doctors-section .subtitle {
font-size: .875rem;
color: #252525;
margin-bottom: .75rem;
line-height: 120%;
opacity: .6;
}
.doctors-section .more-btn {
display: none;
}
@media (max-width:1000px) {
.doctors-section .subtitle {
position: relative;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: .3s;
}
.doctors-section .more-btn {
color: #2173A4;
font-weight: 500;
font-size: 1rem;
cursor: pointer;
user-select: none;
white-space: nowrap;
display: inline-block;
margin-bottom: .5rem;
}
}
.doctors-section .subtitle.expanded {
-webkit-line-clamp: unset;
overflow: visible;
}
.doctors-section .experience {
display: inline-block;
border: 1px solid #2173A4;
padding: .5rem;
border-radius: .5rem;
color: #0a65c2;
font-weight: 400;
font-size: .875rem;
}
.doctors-section .quote {
background: linear-gradient(180deg, #2399D2, #3BC3F3);
color: white;
max-width: 100%;
}
.quote.other-reviews__info__idea{
padding: .75rem;
}
.quote .other-reviews__info__idea__text{
color: white;
}
.quote .other-reviews__info__idea__ugol{
background: linear-gradient(0deg, #2399D2 0%, #3BC3F3 0%);
}
.other-reviews__info__idea.quote.mobile{
display: none;
}
.doctors-block__info{
display: flex;
justify-content: space-between;
width: 100%;
height: -webkit-fill-available;
z-index: 2;
}
@media (max-width:1280px) {
.doctors-section .right-block{
width: 28.4%;
}
.doctors-section .left-block h2, .doctors-section .right-block h2 {
font-size: 1.5rem;
}
.doctors-section .doctors-block{
padding: 1.25rem;
}
.doctors-section .doctor-img{ max-height: 36vw;
}
.doctors-section .doctor-sergey {
bottom: 0;
}
}
@media (max-width:768px) {
.doctors-block__info{
position: absolute;
height: auto;
bottom: 0;
left: 0;
padding: .5rem;
align-items: flex-end;
}
.doctors-section .doctor-main{
left: 50%;
width: auto;
}
.doctors-section .doctors-block{
padding: .625rem; min-height: 28.25rem;
}
.doctors-section .left-block{
width: 46%;
}
.doctors-section .right-block{
width: 44%;
}
.doctors-section .doctor-img{  max-height: 22.688rem;
height: 80%;
}
.doctors-section .doctor-sergey{ left: 80%;
bottom: -12px;
}
.doctors-section .doctor-andrey{ left: 19%;
}
.doctors-section .left-block, .doctors-section .right-block {
z-index: 2; background: #DDF7FB;
border-radius: .75rem;
padding: .5rem;
height: auto;
}
.right-block__info{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.right-block__info .experience{
width: max-content;
}
.other-reviews__info__idea.quote{
display: none;
}
.other-reviews__info__idea.quote.mobile{
display: block;
width: 100%;
}
.doctors-section .left-block h2,
.doctors-section .right-block h2 {
font-size: 1rem;
margin-bottom: .5rem;
}
.doctors-section .subtitle {
font-size: .75rem;
margin-bottom: .25rem;
}
.doctors-section .experience {
font-size: .75rem;
}
}
.video-modal{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 9999;
justify-content: center;
align-items: center;
}
.video-modal-content{
position: relative;
width: 100%;
max-width: 80%;
}
.video-modal .video-container iframe{
width: 100%;
height: 800px;
}
.video-container{ }
.video-close{
position: absolute;
top: -30px;
right: 0;
color: white;
font-size: 30px;
cursor: pointer;
}
@media (max-width:1400px) {
.video-modal .video-container iframe{
height: 600px;
}
}
@media (max-width:768px) {
.video-modal-content{
max-width: 100%;
}
.video-modal .video-container iframe{
min-height: 300px;
max-height: 450px;
height: 57vw;
}
.doctors-section {
padding-top: 0;
}
.card-block__picture.doc-hero-pic {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
}
.doctors-section .doctors-block {
min-height: 33.25rem;
}
}