

/* Start:/local/components/gms/doctors.carousel/templates/.default/style.css?17585900232037*/
.specialistsSliderSection .section__body{position: relative}
.specialistsSliderSection__slider{max-width: calc(100% - 80px);}
.specialistsSliderSection__slider:not(.swiper-initialized){
    height: 400px;
    overflow: hidden;
    opacity: 0;
}
.specialistsSliderSection .specialistsSliderItem{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 15px;
    text-align: center;
}
.specialistsSliderItem__picture{
    display: block;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.specialistsSliderItem__picture picture{
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
    display: flex;
    background: var(--background-1);
}
.specialistsSliderItem__picture picture img{width: 100%;object-fit: cover;pointer-events: none;transition: .2s linear;}
.specialistsSliderItem__content{display: flex;flex-direction: column;gap: 10px;}
.specialistsSliderItem__title{color: var(--brand-color-1);transition: .2s linear;}
.specialistsSliderItem__role{
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: var(--text-color-1);
}
.specialistsSliderItem__experience{
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: var(--text-color-3);
}
.specialistsSliderSection .section__footer{display: flex;justify-content: center;}

@media (max-width: 1100px) {
    .specialistsSliderSection__slider{max-width: calc(100% - 40px);}
    .specialistsSliderSection .specialistsSliderItem{padding: 0 10px;}
}
@media (max-width: 900px) {
    .specialistsSliderSection .specialistsSliderItem{padding: 0 5px;}
}
@media (max-width: 500px) {
    .specialistsSliderSection__slider{max-width: calc(100% - 86px);}
    .specialistsSliderSection .specialistsSliderItem{padding: 0;}
}
@media (hover: hover) {
    .specialistsSliderItem:hover .specialistsSliderItem__picture picture img{transform: scale(1.1)}
    .specialistsSliderItem:hover .specialistsSliderItem__title{color: var(--brand-color-2)}
}

/* End */
/* /local/components/gms/doctors.carousel/templates/.default/style.css?17585900232037 */
