/* Start:/local/templates/gm/assets/appointment-banner/css/style.css?17689903252168*/
.appointment-banner{
    position: relative;
    background: linear-gradient(137deg, #1b3550 0%, #00b0e9 100%);
    border-radius: 32px;
    margin: 57px 20px;
    padding: 10px;
    overflow: hidden;
}
.appointment-banner:after{
    content: "";
    position: absolute;
    background: url(/local/templates/gm/assets/appointment-banner/css/../img/appointment-banner-bg.png);
    background-size: cover;
    width: 217px;
    height: 240px;
    bottom: 20px;
    right: -132px;
}
.appointment-banner__container{
    display: flex;
    position: relative;
    z-index: 2;
}
.appointment-banner__content{}

.appointment-banner__title{
    font-weight: 400;
    font-size: 38px;
    line-height: 105%;
    color: #fff;
    max-width: 245px;
    margin: 0 auto 30px;
}
.appointment-banner__btn{
    border-radius: 999px;
    padding: 18px 24px;
    background: #00b0e9;
    min-width: 240px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
}
.appointment-banner__btn:hover{
    text-decoration: none;
    background: #11bff8;
    color: #fff;
}
.appointment-banner__icon{}
@media (max-width: 991px) {
    .appointment-banner__title{
        text-align: center;
    }

    .appointment-banner__container{
        flex-direction: column;
        gap: 30px;
    }
    .appointment-banner__icon{
        display: none;
    }
    .appointment-banner__content .appointment-banner__icon{
        display: block;
        max-width: 155px;
        margin: 30px auto;
    }

}

@media (min-width: 992px) {
    .appointment-banner__container{
        justify-content: space-between;
        gap: 30px;
    }
    .appointment-banner__title{
        font-size: 64px;
        line-height: 109%;
        max-width: 350px;
        margin: 10px auto 32px;
    }
    .appointment-banner{
        padding: 56px 80px;
        margin: 57px 80px;
    }
    .appointment-banner:after {
        background-size: 100%;
        width: 539px;
        height: 325px;
        bottom: 0;
        right: 50%;
        margin-right: -270px;
    }
    .appointment-banner__content .appointment-banner__icon{
        display: none;
    }
    .appointment-banner__btn{
        max-width: 240px;
    }
}
/* End */
/* /local/templates/gm/assets/appointment-banner/css/style.css?17689903252168 */