File: /var/www/vhosts/greenclinic.kz/newsite/wp-content/themes/green-clinic/assets/css/add.css
ul, ol {
list-style-position: outside;
}
.service-slide-wrapp{
overflow: hidden;
}
.owl-item .services-slide-bg-img img{
display: none !important;
}
.owl-item.active .services-slide-bg-img img{
display: block !important;
}
.services-item-wrapp{
position: relative;
overflow: hidden;
}
.service-title, .service-text, .service-readmore-arrow{
position: relative;
z-index: 2;
}
.section__dscarousel .services-popular .services-items .services-item .services-bg{
position: absolute;
z-index: 1;
width: 100%;
background: #ffffff23;
height: 100%;
display: block;
bottom: -340px;
left: 80px;
border-radius: 100% 50% 0px 0px;
transition: all 1.3s ease;
}
.fancybox__content{
padding: 0px;
}
.modalcloser{
color: #fff;
line-height: 0px;
height: 0px;
width: 0px;
font-size: 0px;
}
.f-button.is-close-btn{
display: none ;
}
.hhhide{
display: none !important;
}
.section__dscarousel .services-popular .services-items .services-item:hover .services-bg{
position: absolute;
z-index: 1;
width: 100%;
background: #ffffff23;
height: 100%;
bottom: -100px;
display: block;
left: 80px;
border-radius: 100% 50% 0px 0px;
}
.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;
}
.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;
}
.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 {
display: none;
transform: translateY(100px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Добавленные переходы для плавности */
}
.search__results-container.visible {
display: block;
transform: translateY(0);
}
.search__results-direction-title{
margin-bottom: 30px;
text-align: center;
}
.expo-card-left{
background-repeat: no-repeat !important;
background-size: cover !important;
}
.service-slide-readmore{
z-index: 1;
position: relative;
}
.main.not-front-page section{
margin-top: 90px;
margin-bottom: 90px;
}
.not-front-page .section__accordion .accordion-item div.accordion-btn .accordion-btn-title {
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform: rotate(-180deg);
font-size:24px;
font-weight:500;
width:100%;
margin-top:auto;
writing-mode: vertical-lr;
}
.not-front-page .section__accordion .accordion-item .accordion-content {
width:0px;
display:none;
background-color:#04633e;
background-image:url(../img/el-accord-bg-1.webp),url(../img/el-accord-bg-2.webp),url(../img/accord-bg.webp);
background-repeat:no-repeat;
background-position:right bottom;
padding-top: 65px;
color:#fff;
font-style:normal;
line-height:normal
}
.not-front-page .section__accordion .accordion-item .accordion-content .accordion-title {
font-size:36px;
font-weight:500;
margin-bottom:26px
}
.not-front-page .section__accordion .accordion-item .accordion-content .accordion-text ul {
width:100%;
max-width:655px;
margin-top: 25px;
margin-bottom:0px
}
.not-front-page .section__accordion .accordion-item .accordion-content .accordion-text ul li {
font-size:16px;
font-weight:300;
line-height:25px;
margin-bottom:10px
}
.not-front-page .section__accordion .accordion-item {
margin-left:auto;
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.not-front-page .section__accordion .accordion-item.accordion-open {
margin-right:30px;
-webkit-box-flex:10;
-ms-flex:10;
flex:10;
-webkit-transition:all 1.3s ease;
transition:all 1.3s ease
}
.not-front-page .section__accordion .accordion-item.accordion-open .accordion-content {
display:block;
padding-left:195px;
border-radius:90px;
width:100%
}
.not-front-page .section__accordion .accordion-item .roulet__buttons{
width: 100%;
max-width: 655px;
}
.not-front-page .section__accordion .accordion-item .accordion-text{
max-width: 601px;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px;
margin-top: 25px;
}
.not-front-page .section__accordion .accordion-item {
height: 655px;
}
.how-to-get > a{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.search_block_section .search__container{
padding: 0px;
}
.doctors_graphics_section .doctors{
height: auto;
min-height: auto;
}
.support__card .support__card_text{
font-size: 16px;
font-weight: 300;
}
.support__card .support__card_text p,
.support__card .support__card_text > div{
margin-left: 35px;
font-size: 16px;
font-weight: 300;
}
.doctor_row > a{
width: 100%;
max-width: 25%;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.expo-card{
margin-top: 0px;
}
.green-card{
margin-top: 40px;
}
.not-front-page .slider .slide-wrapp{
background-position-y: bottom !important;
}
.not-front-page .slider .slide-wrapp .slide-title{
line-height: normal;
font-size: 64px;
font-weight: 600;
}
.not-front-page .slider .slide-wrapp .slide-text{
font-size: 24px;
font-weight: 300;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
margin-top: 30px;
}
.not-front-page .nums_block-card .center{
font-size: 128px;
font-weight: 800;
line-height: 160px;
letter-spacing: 0em;
}
.not-front-page .nums_block-card .bottom{
font-size: 32px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
}
.not-front-page .nums_block-card{
padding: 82px 50px 107px;
}
.roulets {
display: flex;
flex-direction: row;
margin-top: 120px;
overflow: hidden;
}
.roulet {
border-radius: 90px;
position: relative;
/*margin-right: 30px;*/
display: flex;
flex-direction: row;
align-items: center;
}
.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;
text-align: center;
}
.roulet__preview, .roulet__postview {
height: 565px;
}
.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;
text-align: left;
height: 395px;
margin: 0px;
}
.front-page .roulet__preview-text{
line-height: 0px;
}
.roulet-image {
width: 0;
position: absolute;
right: -347px;
bottom: 0;
z-index: 0;
transition: 1s ease-in-out;
}
.roulet__postview {
background-color: #04633e;
background-size: cover;
background-position: right;
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;
}
.full-width {
width: 100%;
}
.roulet__postview-content {
margin-left: 70px;
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;
margin-top: 0px;
}
.roulet__postview-content ul {
margin-top: 25px;
margin-left: 16px;
}
.roulet__postview-content li {
color: #fff;
font-family: Geologica;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.roulet__buttons-green{
color: #fff;
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
}
.roulet__postview-content ul, .roulet__postview-content ol {
list-style-position: outside;
margin-left: 0px;
}
.roulet__postview-content li:first-child {
margin-top: 0;
}
.roulet__postview-content p {
font-size: 18px;
font-weight: 200;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: white;
margin-top: 25px;
}
.map-show.pointer p{
color: #fff;
font-family: Geologica;
font-size: 14px;
font-style: normal;
font-weight: 600;
margin-top: 0px;
}
.map-show.pointer {
padding-left: 34px;
background: url('../img/pointer.svg') no-repeat;
}
.main__header-sticky{
position: fixed;
top:0; left:0;
width: 100%;
z-index: 15;
background: #167953;
padding-bottom: 25px;
transition: 0.30s;
}
.page-medical-tourism.not-front-page .nums_block-card .center{
font-size: 300px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.page-medical-tourism.not-front-page .medical-tourism__hero-card .second{
margin-top: 15px;
}
.page-medical-tourism.not-front-page .nums_block-card{
padding: 55px 0 10px;
}
.custom-animation.visible {
transform: translateY(0);
animation: slide-up 1.05s ease-in-out forwards;
}
.custom-animation{
opacity: 1;
}
@keyframes slide-up {
to {
opacity: 1; /* Значение непрозрачности при завершении анимации (элемент станет видимым) */
transform: translateY(
0
); /* Значение смещения при завершении анимации (элемент поднимется вверх) */
}
}
.title-wrapper .content__title{
margin: 0px;
}
.title-wrapper{
}
.page-old .expo-card-right{
padding: 122px 82px;
}
.page-pmsp .search__container{
margin-top: 40px;
display: flex;
padding: 0px;
}
.page-pmsp .search__container-button{
margin-left: auto;
}
.section__schedule .doctors{
min-height: auto;
}
.section__action_sales .swiper-slide{
transition: .7s;
border: 2px solid #04633e;
}
.section__action_sales .swiper-slide:hover {
border: 2px solid #ffca79;
}
.section__block_list .osms__card{
transition: .7s;
border: 1px solid #04633e;
}
.section__block_list .osms__card:hover{
border: 1px solid #ffca79;
}
.section__reminder_two_cols .refresher__card{
transition: .7s;
border: 1px solid #04633e;
}
.section__reminder_two_cols .refresher__card:hover{
border: 1px solid #ffca79;
}
.people-image {
width: 30%;
position: absolute;
bottom: 0;
transition: 1s ease-in-out;
}
.people-image.visible {
width: 100%;
}
.photogallery__container .pointer{
transition: .3s;
border: 1px solid linear-gradient(0deg, #065736 10.67%, rgba(6, 87, 54, 0) 100%);
}
.photogallery__container .pointer:hover{
border: 1px solid #ffca79;
}
.mmodal{
z-index: 20;
}
.mmodal .people{
background: none;
height: auto;
padding-top: 30px;
}
#dscarousel_search{
position: relative;
z-index: 2;
}
.section__additional_services{
position: relative;
z-index: 2;
}
#dscarousel_search_result, #directions_search_result{
background: #fff;
padding: 20px;
display: none;
margin-bottom: 140px;
position: relative;
z-index: 1;
top: -45px;
padding-top: 60px;
border-radius: 0px 0px 50px 50px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
#dscarousel_search_result.visible, #directions_search_result.visible{
display: block;
}
#dscarousel_search_result .search__results-service, #directions_search_result .search__results-service{
display: flex;
}
#dscarousel_search_result .search__results-price, #directions_search_result .search__results-price{
margin-left: auto;
}
#dscarousel_search_result .search__service-count, #directions_search_result .search__service-count{
margin-left: 30px;
}
a.search__service-name{
color: #000;
}
.section__three_blocks_modal{
position: relative;
z-index: 2 !important;
}
.services-search{
margin-bottom: 40px;
}
.search__input{
position: relative;
z-index: 2;
}
#dp_search_result{
background: #fff;
padding: 20px;
display: none;
position: relative;
z-index: 1;
top: -45px;
padding-top: 60px;
border-radius: 90px;
border-radius: 0px 0px 50px 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
#dscarousel_search_result .search__results-service, #directions_search_result .search__results-service{
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 0px;
}
#dp_search_result.visible{
display: block;
}
#dp_search_result .search__results-service{
display: flex;
}
#dp_search_result .search__results-price{
margin-left: auto;
}
.search__results-direction-type{
text-align: center;
}
.search__results-service{
cursor: pointer;
border: 1px solid #fff;
padding-left: 20px;
padding-right: 20px;
}
.search__results-service:hover{
border: 1px solid rgb(255, 202, 121);
}
#dp_search_result .search__results-price{
width: fit-content;
margin-left: 30px;
}
.search__service-count{
margin-left: auto;
padding-right: 10px;
}
#search__results{
display: none;
}
#search__results.open{
display: block;
}
#search__results_paid, #search__results_osms{
display: none;
}
#search__results_paid.open, #search__results_osms.open{
display: block;
}
#search__results .search__service-type{
margin-left: 30px;
}
.main-custom-search-section .search__results-service{
margin-bottom: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
#search__results.open{
padding-left: 20px;
padding-right: 20px;
}
.mrt__button-one{
color: black;
}
.page-id-776 .heroblock__hero_content{
margin-left: 0px;
}
.page-id-776 .heroblock__hero_content{
max-width: fit-content;
}
/* Запись на прием */
.znp-wrap {
border: 1px solid rgb(15, 143, 93);
border-radius: 90px;
padding: 50px 50px 0;
}
@media all and (max-width: 1199px) {
.znp-wrap {
padding: 25px 25px 0;
}
}
@media all and (max-width: 767px) {
.znp-wrap {
border-radius: 15px;
}
}
.znp-title {
color: #fff;
font-size: 32px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 1em;
}
@media all and (max-width: 767px) {
.znp-title {
font-size: 20px;
margin-bottom: 0.5em;
}
}
.znp-service {
padding: 30px 60px;
background: rgb(4, 99, 62) url(../img/pci_info-description.svg) no-repeat;
background-position-x: 570px;
background-position-y: -265px;
margin-bottom: 30px;
border-radius: 90px;
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 1.5;
}
@media all and (max-width: 767px) {
.znp-service {
padding: 15px;
border-radius: 15px;
font-size: 16px;
}
}
.znp-service-name {
font-size: 32px;
font-weight: 500;
}
@media all and (max-width: 767px) {
.znp-service-name {
font-size: 20px;
}
}
.znp-row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
@media all and (max-width: 1023px) {
.znp-row-reverse-pd {
flex-direction: column-reverse;
}
}
.znp-col {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
@media all and (max-width: 767px) {
.znp-col {
padding-bottom: 15px;
}
}
.znp-col-half {
width: 100%;
max-width: 50%;
padding-bottom: 30px;
}
@media all and (max-width: 1023px) {
.znp-col-half {
max-width: 100%;
}
}
@media all and (max-width: 767px) {
.znp-col-half {
padding-bottom: 15px;
}
}
.znp-col-third {
width: 100%;
max-width: 33.3333%;
padding-bottom: 30px;
}
@media all and (max-width: 1023px) {
.znp-col-third {
max-width: 100%;
}
}
.znp-col-2-3 {
width: 100%;
max-width: 66.6666%;
padding-bottom: 30px;
}
@media all and (max-width: 1023px) {
.znp-col-2-3 {
max-width: 100%;
}
}
.znp-inputs {
align-items: center;
}
.znp-inputs .wpcf7-list-item {
margin-left: 0;
}
.znp-input-control,
.znp-label {
font-size: 20px;
color: #fff;
}
@media all and (max-width: 767px) {
.znp-input-control,
.znp-label {
font-size: 16px;
}
.znp-input-control {
margin-top: 5px;
margin-bottom: 5px;
display: block;
width: 100%;
}
}
.znp-label {
display: block;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
@media all and (max-width: 767px) {
.znp-label {
font-size: 16px;
}
}
.znp-input-control:not(:last-child),
.znp-inputs .wpcf7-list-item:not(:last-child) {
margin-right: 1em;
}
.znp-input-radio,
.znp-inputs .wpcf7-list-item,
.znp-inputs .wpcf7-list-item {
position: relative;
}
.znp-input-radio input,
.znp-inputs.wpcf7-radio .wpcf7-list-item input,
.znp-inputs.wpcf7-checkbox .wpcf7-list-item input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
}
.znp-input-radio span,
.znp-inputs.wpcf7-radio .wpcf7-list-item span,
.znp-inputs.wpcf7-checkbox .wpcf7-list-item span {
padding-left: 30px;
background-image: url(../img/radio.svg);
background-repeat: no-repeat;
background-position: left center;
}
.znp-input-radio input:checked ~ span,
.znp-inputs.wpcf7-radio .wpcf7-list-item input:checked ~ span {
background-image: url(../img/radio-checkbox.svg);
}
.znp-select select {
font-size: 20px;
padding: 5px 20px;
border-radius: 10px;
border: 0;
outline: 0;
}
@media all and (max-width: 767px) {
.znp-select {
margin-top: 5px;
}
.znp-select select {
font-size: 16px;
}
}
.znp-input {
background-color: #fff;
border-radius: 90px;
width: 100%;
padding: 0 2em;
height: 4em;
border: 0;
outline: 0;
}
@media all and (max-width: 767px) {
.znp-input {
height: 3em;
}
}
.znp-inputs.wpcf7-checkbox .wpcf7-list-item {
font-weight: 100;
font-size: 16px;
}
@media all and (max-width: 767px) {
.znp-inputs.wpcf7-radio .wpcf7-list-item {
margin-top: 5px;
margin-bottom: 5px;
}
}
.znp-inputs.wpcf7-checkbox .wpcf7-list-item span {
background-image: url(../img/checkbox.svg);
}
.znp-inputs.wpcf7-checkbox .wpcf7-list-item input:checked ~ span {
background-image: url(../img/checkbox-checked.svg);
}
.znp-btn {
border-radius: 108px;
padding: 30px 60px 30px 30px;
border: 0px;
color: rgb(38, 38, 38);
font-size: 14px;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
text-align: left;
background: rgb(255, 202, 121) url(../img/arrow_right.svg) no-repeat;
background-position: calc(100% - 30px) center;
}
.znp-input-hidden {
display: none;
}
.znp-side {
border-radius: 40px;
background-color: rgb(45, 185, 130);
padding: 30px;
color: #fff;
font-size: 20px;
line-height: 1.5;
font-weight: 300;
}
@media all and (max-width: 1199px) {
.znp-side {
padding: 15px;
}
}
@media all and (max-width: 767px) {
.znp-side {
font-size: 16px;
border-radius: 15px;
}
}
.znp-side p:not(:last-child) {
margin-bottom: 1em;
}
.znp-side-box {
background-color: rgb(15, 89, 57);
border-radius: 20px;
padding: 30px;
}
@media all and (max-width: 1199px) {
.znp-side-box {
padding: 15px;
}
}
.znp-side-box ol {
font-size: 16px;
margin-left: 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
margin: 0 0 1em;
background: #46b450;
padding: 0.5em 1em;
border-radius: 100px;
}
/* Запись на прием (старое) */
.section__znp{
position: relative;
z-index: 3;
}
.section__znp .dropdown {
display: inline-block;
position: relative;
min-width: 130px;
}
.section__znp .dropdown-content {
display: none;
position: absolute;
background-color: rgb(255, 202, 121);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
/**border-radius: 35px;*/
width: 100%;
}
.section__znp .dropdown-content-wrap{
background: #fff;
}
.section__znp .dropdown-content a {
color: black;
padding: 7px;
text-decoration: none;
display: block;
font-size: 14px;
margin-left: 9%;
width: 80%;
text-align: center;
}
.section__znp .dropdown-content-wrap .sel{
color: #fff;
background: rgb(39, 174, 121);
border-radius: 20px;
}
.section__znp .row{
width: 100%;
}
.znp_choise_age{
display: flex;
flex-wrap: wrap;
width: calc(100% - 380px);
}
.znp_label{
color: rgb(255, 255, 255);
width: 100%;
display: block;
font-size: 32px;
font-weight: 600;
line-height: 40px;
margin-bottom: 40px;
}
.znp_choise_age_items{
display: flex;
flex-wrap: wrap;
}
/*
.znp_choise_age_items > div{
padding: 20px;
border-radius: 108px;
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 25px;
margin-left: 30px;
width: fit-content;
cursor: pointer;
}
*/
.znp_choise_age_items > div:first-child{
margin-left: 0px;
}
.znp_choise_age_items > div input, .znp_choise_specialist input{
display: none;
}
.znp_choise_age_child_age, .znp_choise_specialist-wrap{
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0%;
position: relative;
z-index: 3;
}
.znp_choise_age_child_age #selectedAge {
border: 1px solid rgb(39, 174, 121);
position: relative;
padding: 20px;
border-radius: 108px;
color: #fff;
cursor: pointer;
padding-right: 35px;
padding-left: 20px;
}
.znp_choise_age_child_age #selectedAge::after{
content: '';
width: 20px;
height: 20px;
position: absolute;
display: block;
background: url('../img/select_arrow.svg') no-repeat;
top: 24px;
right: 7px;
transform: rotate(180deg);
}
.znp_choise_age_child_age.age-open #selectedAge::after{
transform: rotate(0deg);
}
.znp_choise_age_child_age .dropdown-content .dropdown-content-wrap{
height: 170px;
overflow-x: hidden;
}
/* Работает в Firefox */
.znp_choise_age_child_age .dropdown-content{
top: 80px;
display: block;
padding: 15px 10px 15px 15px;
background: #fff;
border-radius: 20px;
}
.znp_choise_age_child_age .dropdown-content .dropdown-content-wrap{
scrollbar-width: thin;
scrollbar-color: rgb(39, 174, 121) #fff;
}
/* Работает в Chrome, Edge и Safari */
.znp_choise_age_child_age .dropdown-content .dropdown-content-wrap::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.znp_choise_age_child_age .dropdown-content .dropdown-content-wrap::-webkit-scrollbar-track {
background: rgb(255, 202, 121);
}
.znp_choise_age_child_age .dropdown-content .dropdown-content-wrap::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
.znp_choise_age_adult{
font-size: 20px;
font-weight: 400;
line-height: 25px;
color: #fff;
padding: 20px;
border-radius: 108px;
background: rgb(39, 174, 121);
margin-right: 15px;
padding-top: 22px;
cursor: pointer;
}
.znp_choise_age_child, .znp_choise_specialist{
font-size: 20px;
font-weight: 400;
line-height: 25px;
color: #fff;
padding: 20px;
border-radius: 108px;
background: rgb(39, 174, 121);
margin-right: 15px;
padding-top: 22px;
cursor: pointer;
}
.znp_choise_age_child:hover,
.znp_choise_age_child.select,
.znp_choise_age_adult:hover,
.znp_choise_age_adult.select,
.znp_choise_specialist:hover,
.znp_choise_specialist.select,
.znp_data_choice button:hover,
.znp_data_choice button.select{
background: rgb(255, 202, 121);
color: rgb(38, 38, 38);
}
.znp_choise_age_child label, .znp_choise_age_adult label, .znp_choise_specialist label{
cursor: pointer;
}
.znp_choise_age_child_age{
display: none;
}
.znp_choise_age_child_age.show{
display: block;
}
.znp_data_choice{
border-radius: 90px;
background: rgb(255, 255, 255);
padding: 20px 25px;
width: 100%;
margin-top: 60px;
}
.znp_data_choice button{
border: 0px;
border-radius: 90px;
background: rgb(39, 174, 121);
padding: 28px;
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0%;
color: #fff;
cursor: pointer;
margin-left: 17px;
width: fit-content;
}
.znp_data_choice button:first-child{
margin-left: 0px;
}
.znp_data_choice #date-picker{
display: flex;
width: 100%;
overflow-x: hidden;
flex-wrap: inherit;
white-space: nowrap;
overflow-x: scroll;
scrollbar-width: thin;
scrollbar-color: hsl(0 0% 50%);
padding-bottom: 15px;
border-radius: 90px;
padding: 10px;
/* postcss-scrollbar will add the -webkit version automatically! */
}
.znp_service_choice{
margin-top: 28px;
border-radius: 90px;
background: rgb(4, 99, 62);
}
.znp_service_choice_title{
color: rgb(255, 255, 255);
font-size: 32px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0%;
}
.znp_service_choice_adress{
color: rgb(255, 255, 255);
font-size: 24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0%;
}
.znp_service_choice_price{
color: rgb(255, 255, 255);
font-size: 24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0%;
}
.znp_service_choice_btn button{
color: rgb(38, 38, 38);
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0%;
padding: 30px;
border: 0px;
border-radius: 108px;
background: rgb(255, 202, 121);
cursor: pointer;
}
.znp_service_choice_btn button svg{
position: relative;
top: 7px;
}
.znp_service_choice_btn button:hover{
color: #fff;
background: rgb(39, 174, 121);
}
.znp_service_choice_btn button:hover svg path{
fill: #fff;
}
.znp_service_choice{
width: 100%;
overflow: hidden;
}
.znp_service_choice_wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 30px 60px;
background: url(../img/pci_info-description.svg) no-repeat;
background-position-x: 570px;
background-position-y: -265px;
}
.section__znp_form_wrp{
border-radius: 90px;
background: rgb(4, 99, 62);
background: url(../img/pci_info-description.svg) no-repeat;
background-position-x: 570px;
background-position-y: -265px;
background-position-x: 11px;
background-position-y: -110px;
padding: 60px 44px;
}
.znp_service_choice_btn {
margin-left: auto;
}
.section__znp_wrap{
display: block;
width: 100%;
max-width: 1428px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.section__znp_1 .container{
border: 1px solid rgb(15, 143, 93);
border-radius: 90px;
}
.section__znp_2{
display: none;
}
.section__znp_wrap .disabled{
background: #696969;
color: #fff;
}
.section__znp_info_title, .section_znp_info_date{
color: rgb(255, 255, 255);
font-size: 32px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0%;
}
.section__znp_info{
width: 100%;
max-width: 550px;
border-radius: 90px;
background: rgb(45, 185, 130);
padding-top: 80px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 80px;
margin-left: auto;
}
.section__znp_form{
width: 100%;
max-width: calc(100% - 580px);
}
.section_znp_info_adress, .section_znp_info_memo{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 300;
line-height: 35px;
letter-spacing: 0%;
margin-bottom: 35px;
}
.section_znp_info_documents{
padding: 40px;
border-radius: 90px;
background: rgb(15, 89, 57);
}
.section_znp_info_date{
margin-bottom: 35px;
}
.section__znp_form{
}
.section_znp_info_documents_text_title{
font-weight: 600;
font-size: 20px;
line-height: 35px;
color: #fff;
}
.section_znp_info_documents_text_text{
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 27px;
}
.section__znp_form_inputs_col label{
display: block;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 15px;
opacity: .8;
}
.section__znp_form_inputs_col input{
border-radius: 90px;
background: rgb(255, 255, 255);
width: 100%;
height: 30px;
padding: 32px;
border: 0px;
}
.section__znp_form_inputs_col input:focus{
outline: 0px;
}
.section__znp_form_inputs_col{
margin-bottom: 15px;
width: calc(50% - 15px);
}
.section__znp_form_inputs{
gap: 30px;
}
.section__znp_label{
color: rgb(255, 255, 255);
font-size: 32px;
font-weight: 500;
line-height: 40px;
margin-bottom: 25px;
}
.section__znp_radio .wpcf7-list-item{
margin-left: 0px;
display: block;
margin-bottom: 20px;
color: rgb(255, 255, 255);
font-family: Geologica;
font-size: 16px;
font-weight: 100;
line-height: 20px;
}
.section__znp_radio input, .section__znp_check input{
display: none;
}
.section__znp_radio label, .section__znp_check .wpcf7-list-item-label{
padding-left: 30px;
display: block;
}
.section__znp_radio label{
background: url(../img/radio.svg) no-repeat;
}
.section__znp_radio .checked label{
background: url(../img/radio-checkbox.svg) no-repeat;
}
.section__znp_check .wpcf7-list-item-label{
background: url(../img/checkbox.svg) no-repeat;
background-position-y: center;
}
.section__znp_check .checked .wpcf7-list-item-label{
background: url(../img/checheche.svg) no-repeat;
background-position-y: center;
}
.section__znp_check .wpcf7-list-item{
margin-left: 0px;
display: block;
margin-bottom: 20px;
color: rgb(255, 255, 255);
font-family: Geologica;
font-size: 16px;
font-weight: 100;
line-height: 20px;
}
.section__znp_btn input{
border-radius: 108px;
background: rgb(255, 202, 121);
padding: 30px;
width: 239px;
height: 85px;
border: 0px;
color: rgb(38, 38, 38);
font-size: 14px;
font-weight: 400;
line-height: 25px;
cursor: pointer;
text-align: left;
background:rgb(255, 202, 121) url(../img/arrow_right.svg) no-repeat;
background-position: calc(100% - 30px) center ;
}
#form-info-hidden,
#form-info {
display: none;
}
.section__doctors .doctors-slider .doctor-slide-img img{
width: 100%;
height: 494px;
flex-shrink: 0;
object-position: top;
object-fit: cover;
}
.heroblock__hero{
align-items: center;
display: flex;
width: 100%;
position: relative;
height: auto;
min-height: 600px;
border-radius: 94px;
background-size: cover !important;
background-repeat: no-repeat !important;
color: #fff;
font-style: normal;
padding: 0px;
}
.heroblock__hero_content{
width: 100%;
max-width:fit-content;
margin-left: 120px;
}
.heroblock__hero h1{
font-size: 64px;
font-weight: 600;
line-height: 80px;
}
.heroblock__hero .mrt__button a{
color: #000;
display: flex;
}
.heroblock__hero .mrt__button a img {
position: relative;
top: -2px;
left: 10px;
}
.section__schedule_doctor .specialist img{
object-position: top;
}
.header-sticky{position:relative;padding-top:25px}
.header-sticky .brand__logo img{width:130px;height:63px}
.header-sticky .header__menu{margin-left:auto}
.header-sticky .header__menu ul{padding-left:0px;margin-top:0px;margin-bottom:0px}
.header-sticky .header__menu .menu-item{list-style:none;margin-right:50px}
.header-sticky .header__menu .menu-item a{color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:25px;text-decoration:none}
.header-sticky .header__lang{color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:25px;background:none;position:relative;cursor:pointer;min-width:65px}
.header-sticky .header__lang .switcher-list{color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:25px;background-color:rgba(0,0,0,0);border:0px;cursor:pointer;padding-right:28px;background:url("../img/lang-switch-arrow.svg") no-repeat;background-position:right 2px;padding-left:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;position:absolute;top:-32px}
.header-sticky .header__lang .switcher-list li{display:none}
.header-sticky .header__lang .switcher-list li a{color:#fff;text-decoration:none}
.header-sticky .header__lang .switcher-list li.active{display:block}
.header-sticky .header__lang .switcher-list li.active span{color:#fff}
.header-sticky>.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-sticky{
width: 100%;
position: fixed;
top: -125px;
left: 0;
right: 0;
transition: .5s ease;
display: block;
z-index: 9999;
background: #167953;
padding-bottom: 25px;
}
.header-sticky > .container > .row{
align-items: center;
}
.section__photo_circle_info .row {
display: flex;
}
.pci_photo {
display: flex;
height: auto;
width: 40%;
text-align: center;
align-items: center;
background: url(../img/ins-dock-bg.svg) no-repeat;
background-size: contain;
}
.pci_photo_wrp {
align-items: center;
width: 100%;
}
.pci_photo_wrp img {
max-width: 100%;
height: auto;
}
.pci_content {
width: calc(60% - 30px);
margin-left: auto;
}
.active {
top: 0;
}
.not-front-page .main__header .header .header__lang .switcher-list, .not-front-page .header-sticky .header__lang .switcher-list {
position: static;
}
.pci_info_wpr p{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 300;
line-height: 28px;
}
.pci_info-pre-title{
color: rgb(255, 255, 255);
font-size: 31px;
font-weight: 300;
line-height: 25px;
margin-bottom: 16px;
}
.pci_info-title{
color: rgb(255, 255, 255);
font-size: 48px;
font-weight: 700;
line-height: 60px;
margin-bottom: 45px;
}
.pci_info-contacts{
margin-top: 45px;
margin-bottom: 45px;
}
.pci_info-contacts-label{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 700;
line-height: 25px;
margin-bottom: 25px;
}
.pci_info-contacts-phones{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 25px;
padding-left: 45px;
background: url(../img/phone.svg) no-repeat;
}
.pci_info-contacts-email{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 400;
line-height: 30px;
padding-left: 45px;
background: url(../img/mail.svg) no-repeat;
}
.pci_info-description{
padding: 37px 60px;
border-radius: 90px;
background: rgb(4, 99, 62) url(../img/pci_info-description.svg) no-repeat;
background-position-y: -240px;
}
.pci_info-description p{
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 400;
line-height: 25px;
}
.pci_info-description p:first-child{
font-weight: 800;
margin-bottom: 25px;
}
.steps-title{
color: rgb(255, 255, 255);
font-size: 32px;
font-weight: 600;
line-height: 40px;
margin-bottom: 25px;
}
.steps-items .container{
display: flex;
gap: 70px;
flex-wrap: wrap;
position: relative;
}
.steps-items{
overflow: hidden;
}
.steps-item{
max-width: 275px;
position: relative;
/* background: url(../img/steps-line.svg);
background-repeat: repeat-x;
background-position-y: 25px; */
}
.steps-item::before{
content: ' ';
display: block;
width: calc(100% + 100px);
position: absolute;
background: url(../img/steps-line.svg);
background-repeat: repeat-x;
height: 2px;
top: 25px;
z-index: 1;
}
.steps-item:nth-child(5)::before{
width: calc(100% + 200px);
}
.steps-item:nth-child(9)::before{
width: 100%;
}
.steps-item:nth-child(6)::after{
content: ' ';
display: block;
width: 100px;
position: absolute;
background: url(../img/steps-line.svg);
background-repeat: repeat-x;
height: 2px;
top: 25px;
z-index: 1;
left: -100px;
}
.steps-num{
color: rgb(38, 38, 38);
font-family: Geologica;
font-size: 24px;
font-weight: 300;
line-height: 0px;
height: 50px;
width: 50px;
text-align: center;
background: rgb(255, 202, 121);
line-height: 50px;
border-radius: 50%;
margin-bottom: 25px;
position: relative;
z-index: 3;
}
.steps-content {
}
.steps-content .yellow-button{
color: rgb(38, 38, 38);
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.steps-content p{
color: rgb(255, 255, 255);
font-family: Geologica;
font-size: 20px;
font-weight: 300;
line-height: 160%;
opacity: 0.8;
}
.wpcf7-response-output{
color: #fff;
}
.section__check_up .yellow-button a{
color: rgb(38, 38, 38);
}
.section__check_up .yellow-button a svg{
position: relative;
top: 7px;
}
.yellow-button span{
border-radius: 108px;
background: #ffca79;
padding: 30px;
}
.yellow-button:focus-visible, .yellow-button span:focus-visible {
outline: 0px;
}
.yellow-button img{
position: relative;
left: -30px;
}
.section__doctors .doctors-slider .doctor-slide-experience{
font-size: 20px;
}
.header__mobile{
display: none;
}
/*
.page-id-452 .roulet-image {
top: 0px;
right: -500px;
}*/
.span-link{
overflow-wrap: break-word;
}
.section__prices{
margin: 0px !important;
}
.search__service-name{
padding-right: 7px;
}
.m-services, .directions, .hospital__tabs{
display: flex;
flex-wrap: wrap;
gap: 30px
}
.m-services__item, .direction, .hospital__tabs > .hospital__tab, .hospital__tabs > a{
width: calc(33.333333333% - 20px);
max-width: calc(33.333333333% - 20px);
}
.osms__hero.card{
background-size: cover !important;
}
.search__service-id{
min-width: 55px;
margin-right: 0px;
}
#search__results .search__service-type{
min-width: 180px;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
}
.search__service{
width: 100%;
}
.search__results-price{
min-width: 140px;
text-align: right;
}
#dscarousel_search_result .search__service-count{
min-width: 140px;
}
.search__service-count{
min-width: 140px;
}
@media (max-width: 1900px) {
.schedule__days {
padding: 76px 60px;
}
}
@media (max-width: 1800px) {
.schedule__days {
gap: 40px;
}
}
@media (max-width: 1700px) {
.schedule__days {
gap: 25px;
}
}
@media (max-width: 1600px) {
.schedule__days {
gap: 20px;
padding: 76px 33px;
}
}
@media (max-width: 1500px) {
.schedule__days {
gap: 40px;
width: 900px;
overflow-x: scroll;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scroll-snap-align: start;
}
}
@media (max-width: 1450px) {
.schedule__days {
width: 800px;
}
}
@media (max-width: 1400px) {
.schedule__days {
width: 750px;
}
}
@media (max-width: 1350px) {
.schedule__days {
width: 700px;
}
.specialist img {
margin-right: 40px;
}
}
.roulet__preview, .page-id-452 .roulet__preview{
width: 100%;
height: 120px;
padding: 0px 60px;
align-items: center;
margin-top: 15px;
}
.roulet__preview-text{
writing-mode: unset;
height: auto;
transform: rotate(0deg);
}
.image-visible {
width: 1000px;
}
.roulets{
display: block;
margin-top: 40px;
}
.roulet__preview-num{
width: 25px;
}
.roulet__preview > div{
width: 70px;
display: flex;
align-items: center;
}
.roulet__preview > div > div{
width: 25px;
margin-left: auto;
}
.roulet__preview-underoverlay{
display: none !important;
}
.roulet__preview-underlay.visible{
display: none !important;
}
.roulet__preview{
flex-direction: row;
}
.roulet__preview-svg{
transform: rotate(90deg);
position: relative;
top: -5px;
}
.roulet__preview-svg.rotate{
transform: rotate(270deg);
}
.roulet__postview{
border-radius: 0px 0px 90px 90px;
top: -60px;
width: 100%;
height: 0px;
margin-right: 0px;
}
.page-id-452 .roulet__postview.full-width{
height: 700px;
}
.roulet__postview.full-width{
height: 600px;
}
/*
.roulet-image{
top: 50px;
}*/
.roulet__preview-text{
margin-right: auto;
margin-left: 40px;
}
/*
.page-id-452 .roulet-image {
top: 150px;
right: -360px;
}*/
div.button-prev{
width: 45px;
height: 45px;
border-radius: 100%;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
background: #fff;
position: relative;
line-height: normal;
}
div.button-next{
width: 45px;
height: 45px;
border-radius: 100%;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
background: #fff;
position: relative;
line-height: normal;
right: -15px;
}
div.button-prev svg{
position: absolute;
top: 14px;
left: 12px;
z-index: 3;
}
div.button-next svg{
position: absolute;
top: 14px;
left: 15px;
z-index: 3;
}
div.button-prev:hover, div.button-next:hover{
background: #43ba7e;
background-position: center center;
-webkit-filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
filter: drop-shadow(10px 10px 50px #0A5730) drop-shadow(-10px -10px 50px #3DAF76);
}
div.button-prev:hover svg path, div.button-next:hover svg path{
stroke: #fff;
}
.open-mmodal{
display: flex;
flex-direction: column;
position: fixed;
height: 100%;
}
.main__header .header .header__menu .current_page_item a{
color: #ffca79;
}
.wpcf7-not-valid-tip{
color: #ffca79;
}
.section__dscarousel .services-popular .services-items .services-item:hover .services-item-wrapp{
position: relative;
}
.section__dscarousel .services-popular .services-items .services-item .services-item-wrapp .service-readmore-arrow{
left: 46px;
right: auto;
transition: all 1.3s ease;
}
.section__dscarousel .services-popular .services-items .services-item:hover .services-item-wrapp .service-readmore-arrow{
left: calc(100% - 82px);
right: auto;
}
.main .item-language-ru img{
width: 30px;
}
.section__three_blocks_modal .modal__content-bottom .modal__content-col-item > a{
display: flex;
align-items: end;
}
.service-group-list.visible{
overflow-y: scroll;
}
.section__steps_nums_lines .steps-content .yellow-button p{
color: #000;
}
.doctor .doctor__left{
min-height: 179px;
}
.main .wpm-language-switcher.switcher-list img{
width: 30px;
}
.breadcrumbs span a, .breadcrumbs span:last-child{
font-size: 18px;
}
.znp_choise_specialist-wrap.hide{
display: none;
}
.yellow-button{
cursor: pointer;
}
.vacancy__form .section__znp_check{
margin-top: 20px;
}
.single-directions .yellow-button svg{
position: relative;
left: -30px;
}
.direction__card button.yellow-button, .section__doctors button.yellow-button{
border-radius: 108px;
background: #ffca79;
padding: 30px !important;
}
.direction__card-item-right-columns{
list-style: none;
color: #fff;
font-size: 18px;
}
.direction__card-item-right-columns li{
margin-top: 30px;
}
.mmodal .yellow-button span{
min-width: 240px;
text-align: center;
}
.mmodal .yellow-button svg{
position: relative;
top: 7px;
}
#osmsFilter, #paidFilter{
display: none !important;
}
.vac_date{
color: #fff;
margin-bottom: 30px;
font-size: 20px;
}
.vac_text{
color: #fff;
}
#dscarousel_search_result p, #dscarousel_search_result h3{
margin-top: 0px;
margin-bottom: 0px;
}
#back-to-top {
display: none;
position: fixed;
bottom: 170px;
right: 48px;
cursor: pointer;
z-index: 1000;
width: 80px;
height: 80px;
border-radius: 50%;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: rgba(20, 87, 56, 0.3);
/*-webkit-box-shadow: 0px 0px 50px 3px #3daf76;
box-shadow: 0px 0px 50px 3px #3daf76;*/
}
.callback-widjet{
display: none;
}
#back-to-top svg {
width: 30px;
height: 30px;
fill: #fff;
line-height: 0px;
}
#back-to-top:hover {
}
.accord-photo{
width: 40%;
height: 100%;
max-height: 600px;
position: absolute;
display: flex;
line-height: 0px;
flex-wrap: wrap;
align-items: end;
right: 0px;
justify-content: end;
bottom: 0px;
}
.accord-photo::before{
content: '';
position: absolute;
z-index: 2;
display: block;
width: 85%;
height: 85%;
background-color: rgb(255 255 255 / 17%);
border-radius: 100% 0% 0% 0%;
}
.accord-photo::after{
content: '';
position: absolute;
z-index: 1;
display: block;
width: 95%;
height: 95%;
background-color: rgb(255 255 255 / 7%);
border-radius: 100% 0% 0% 0%;
}
.accord-photo .accord-img{
width: 70%;
height: 70%;
position: relative;
z-index: 3;
}
.accord-photo .accord-img img{
border-radius: 100% 0% 0% 0%;
width: 100%;
height: 100%;
object-fit: cover;
}
.social-header{
margin-left: auto;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.social-header a{
text-decoration: none;
}