/* Start:/local/templates/landingMedscangroup/components/bitrix/news.list/medical_centers/style.css?17515216215334*/
.medicalCenters{
    background: #F8F7FC;
    padding: 88px 20px 99px;
    container-name: medicalCenters;
    container-type: inline-size;
}
.medicalCenters .section__title{padding-bottom: 40px}
.medicalCenters__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    font-size: 100px;
}

.medicalCentersCard{
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(172, 154, 223, 0.10);
    padding-bottom: 31px;
}
.medicalCentersCard__img{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
    height: 1.9em;
}
.medicalCentersCard__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 12px;
}
.medicalCentersCard__body, .medicalCentersCard__footer{
    padding-left: .2em;
    padding-right: .2em;;
}
.medicalCentersCard__body{
    padding-top: .3em;
    flex-shrink: 1;
    flex-grow: 1;
}
.medicalCentersCard__title{
    color: #000;
    font-size: .2em;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
}
.medicalCentersCard__description{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    padding-top: .16em;
}
.medicalCentersCard__row{
    display: flex;
    align-items: center;
    column-gap: .1em;
}
.medicalCentersCard__icon{
    display: flex;
    justify-content: center;
    align-items: center;
}
.medicalCentersCard__text, a.medicalCentersCard__text{
    color: #313033;
    font-size: .16em;
    font-style: normal;
    font-weight: 400;
    line-height: 131.25%;
}
a.medicalCentersCard__text{font-weight: 600; text-decoration: none}
.medicalCentersCard__footer{
    padding-top: .58em;
    flex-shrink: 0;
    flex-grow: 0;
}
.medicalCentersCard__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .07em .21em;
    border-radius: .2em;
    border: 1px solid #962369;
    background: #FFF;
    width: fit-content;
    font-size: 100px;
    text-decoration: none;
}
.medicalCentersCard__btn span{
    color: #962369;
    text-align: center;
    font-size: .13em;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.461px;
}

.medicalCenters__howget {
    padding-top: 2.2em;
    padding-left: 20px;
}

.medicalCenters__list.align-center {
    grid-template-columns:  1fr 2.85fr;
}

@media(max-width: 1200px) {
    .medicalCenters__list.align-center {
        grid-template-columns:  1fr 2fr;
    }
}

.medicalCenters__howget p {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}

@media (max-width: 1000px) {
    .medicalCenters__howget p {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .medicalCenters__list.align-center {
        grid-template-columns:  1fr 1fr;
    }

    .medicalCenters__howget {
        padding-top: 2.27em;
    }
}

@media (max-width: 600px) {
    .medicalCenters__list.align-center {
        grid-template-columns:  1fr;
    }

    .medicalCenters__howget {
        padding-top: 0;
        padding-left: 0;
    }
}
@media (hover: hover) {
    .medicalCentersCard__img img{transition: .5s linear}
    a.medicalCentersCard__text, .medicalCentersCard__btn span, .medicalCentersCard__btn{cursor: pointer; transition: .3s linear}
    .medicalCentersCard__btn:hover{background-color: #962369;}
    .medicalCentersCard__btn:hover span{color: #FFFFFF}
    a.medicalCentersCard__text:hover{color: #962369}
    .medicalCentersCard:hover .medicalCentersCard__img img{scale: 1.1}
}
@media (max-width: 1000px) {
    .medicalCenters{padding: 60px 20px;}
}
@media (max-width: 1640px) and (min-width: 1240px) {
    .medicalCenters__list{font-size: 6.25vw;}
}
@media (max-width: 1241px) and (min-width: 940px) {
    .medicalCenters__list{font-size: 6.25vw;}
}
@media (max-width: 941px) and (min-width: 790px) {
    .medicalCenters__list{font-size: 11.11vw; grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 791px) and (min-width: 540px) {
    .medicalCenters__list{font-size: 12vw; grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 541px) {
    .medicalCenters__list{font-size: 80px; grid-template-columns: repeat(1, 1fr)}
    .medicalCentersCard__img {height: 45.2vw;}
}
@container medicalCenters (width < 1601px) and (width > 1200px) {
    .medicalCenters__list{font-size: 6.25vw;}
}
@container medicalCenters (width < 1201px) and (width > 900px){
    .medicalCenters__list{font-size: 8.33vw; grid-template-columns: repeat(3, 1fr)}
}
@container medicalCenters (width < 901px) and (width > 750px){
    .medicalCenters__list{font-size: 11.11vw; grid-template-columns: repeat(2, 1fr)}
}
@container medicalCenters (width < 751px) and (width > 500px){
    .medicalCenters__list{font-size: 12vw; grid-template-columns: repeat(2, 1fr)}
}
@container medicalCenters (width < 501px){
    .medicalCenters__list{font-size: 80px; grid-template-columns: repeat(1, 1fr)}
    .medicalCentersCard__img {height: 45.2vw;}
}

/* End */


/* Start:/local/templates/landingMedscangroup/components/bitrix/news.list/specialists_stock/style.css?17515216213694*/
.specialistsStock .section__title{padding-bottom: 40px}
.specialistsStock{
    padding: 100px 20px;
    container-name: specialistsStock;
    container-type: inline-size;
}
.specialistsStock__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    font-size: 100px;
}

.specialistsStockCard{
    display: flex;
    flex-direction: column;
    border-radius: .2em;
    padding: .29em .29em .31em;
    background: linear-gradient(108deg, #FFF3FD 0.58%, #EAF5FF 94.76%);
    overflow: hidden;
}
.specialistsStockCard__header{
    padding-bottom: .15em;
    display: flex;
    flex-direction: column;
    row-gap: .20em;
    flex-shrink: 0;
    flex-grow: 0;
}
.specialistsStockCard__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.specialistsStockCard__icon path{fill: #BEA4FE}
.specialistsStockCard__title{
    color: #313033;
    font-size: clamp(13px, .20em, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 135% ;
    letter-spacing: 0.501px;
    text-transform: uppercase;
}
.specialistsStockCard__body{
    flex-shrink: 1;
    flex-grow: 1;
}
.specialistsStockCard__text{
    color: #313033;
    font-size: clamp(10px, .16em, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
}
.specialistsStockCard__footer {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    flex-shrink: 1;
    padding-top: .35em;
}
.specialistsStockCard__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: .08em .2em;
    gap: .1em;
    border-radius: .2em;
    background: linear-gradient(90deg, #D402B7 21.13%, #5E39B6 80.81%);
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.specialistsStockCard__btn span{
    color: #FFF;
    font-size: clamp(9.8px, .13em, 13px);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    position: relative;
    z-index: 1;
}
.specialistsStockCard__btn:after{
    position: absolute;
    top: 0;left: 0;
    width: 100%; height: 100%;
    content: '';
    background: #962369;
    opacity: 0;
}
@media (hover: hover) {
    .specialistsStockCard__btn, .specialistsStockCard__btn:after{cursor: pointer; transition: .3s linear}
    .specialistsStockCard__btn:hover:after{opacity: 1;}
}
@media (max-width: 1000px) {
    .specialistsStock{padding: 60px 20px}
}
@media (max-width: 1240px) and (min-width: 940px) {
    .specialistsStock__list{font-size: 8.33vw;}
}
@media (max-width: 941px) and (min-width: 540px) {
    .specialistsStock__list{font-size: 11.11vw; grid-template-columns: repeat(3, 1fr);gap: .2em}
}
@media (max-width: 641px) and (min-width: 440px) {
    .specialistsStock__list{font-size: 16.667vw; grid-template-columns: repeat(2, 1fr);gap: .2em}
}
@media (max-width: 441px) {
    .specialistsStock__list{font-size: 25vw; grid-template-columns: repeat(1, 1fr);gap: .2em}
}
@container specialistsStock (width < 1200px) and (width > 900px) {
    .specialistsStock__list{font-size: 8.33vw;}
}
@container specialistsStock (width < 901px) and (width > 500px){
    .specialistsStock__list{font-size: 11.11vw; grid-template-columns: repeat(3, 1fr);gap: .2em}
}
@container specialistsStock (width < 601px) and (width > 400px){
    .specialistsStock__list{font-size: 16.667vw; grid-template-columns: repeat(2, 1fr);gap: .2em}
}
@container specialistsStock (width < 401px){
    .specialistsStock__list{font-size: 25vw; grid-template-columns: repeat(1, 1fr);gap: .2em}
}
/* End */


/* Start:/local/templates/landingMedscangroup/components/bitrix/news.list/yandex_map/style.css?1751521621133*/
.yandexMap__wrapper{
    height: 674px;
    width: 100%;
}
@media (max-width: 500px) {
    .yandexMap__wrapper{height: 100vh}
}
/* End */


/* Start:/local/templates/landingMedscangroup/components/bitrix/news.list/questions/style.css?17515216211633*/
.questions .section__title{padding-bottom: 45px}
.questions{
    container-name: questions;
    container-type: inline-size;
    padding: 100px 20px;
}
.questions__list, .questionCard{
    display: flex;
    flex-direction: column;
    gap: .1em;
}
.questions__list{font-size: 100px;}
.questionCard {
    padding: .4em .6em;
    border-radius: .5em .5em 0px .5em;
    border: 1px solid #E0E3EF;
    background: #FFF;
}
.questionCard__question{
    color: #313033;
    font-size: .2em;
    font-style: normal;
    font-weight: 600;
    line-height: 98%;
}
.questionCard__answer{
    color: #313033;
    font-size: .16em;
    font-style: normal;
    font-weight: 400;
    line-height: 131.25%;
}
@media (max-width: 1000px) {
    .questions{padding: 60px 20px;}
}
@media (max-width: 1241px) and (min-width: 940px) {
    .questions__list{font-size: 8.33vw;}
}
@media (max-width: 941px) and (min-width: 790px) {
    .questions__list{font-size: 11.11vw;}
}
@media (max-width: 791px) and (min-width: 540px) {
    .questions__list{font-size: 12vw;}
}
@media (max-width: 541px) {
    .questions__list{font-size: 80px;}
    .questionCard {padding: .3em .3em;}
}
@container questions (width < 1201px) and (width > 900px){
    .questions__list{font-size: 8.33vw;}
}
@container questions (width < 901px) and (width > 750px){
    .questions__list{font-size: 11.11vw;}
}
@container questions (width < 751px) and (width > 500px){
    .questions__list{font-size: 12vw;}
}
@container questions (width < 501px){
    .questions__list{font-size: 80px;}
    .questionCard {padding: .3em .3em;}
}
/* End */
/* /local/templates/landingMedscangroup/components/bitrix/news.list/medical_centers/style.css?17515216215334 */
/* /local/templates/landingMedscangroup/components/bitrix/news.list/specialists_stock/style.css?17515216213694 */
/* /local/templates/landingMedscangroup/components/bitrix/news.list/yandex_map/style.css?1751521621133 */
/* /local/templates/landingMedscangroup/components/bitrix/news.list/questions/style.css?17515216211633 */