.modal-schedules-overlay{
    overflow-y: auto;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
    -o-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
    background-color: rgba(0, 0, 0, 0.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
}

.modal-schedules-overlay hr {
    overflow: visible;
    text-align: inherit;
    margin: 0;
    border: 0;
    border-top: 2px solid #a9b8b8;
}

.schedule-stick{
    min-height: 0px;
    height: 0px;
    overflow: hidden;
}

@media (max-width: 1024px){
    .schedule-mobile-stick{
        min-height: 0px;
        height: 0px;
        overflow: hidden;
    }
}

.modal-schedules-overlay.active{
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px){
    .modal-schedules-overlay {
        padding: 0px;
    }
}

.modal-schedules {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
}

.schedules-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

.schedules-container {
    color: #536666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.select-date{
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.schedules-date{
    background: #fafafc;
    padding: 25px;
    min-width: 100%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

@media (max-width: 1024px){
    .schedules-date{
        padding: 15px;
    }
}

.schedules-time{
    min-width: 100%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    background: #fafafc;
}

.schedules-time-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

@media (max-width: 1270px){
    .schedules-time-wrapper{
        gap: 20px;
    }
}

@media (max-width: 1024px){
    .schedules-time-wrapper{
        gap: 0px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }

    .select-time .schedules-time-wrapper{
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}

.schedules-time-left, .schedules-time-right{
    padding: 25px;
}

.schedules-time-left{
    padding-right: 0px;
}

.schedules-time-right{
    padding-left: 0px;
}

@media (max-width: 1024px){
    .schedules-time-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .schedules-time-left, .schedules-time-right{
        min-width: 100%;
        padding: 25px !important;
    }
}

.schedules-time-date{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    position: relative;
    border-bottom: 1px solid #30915a;
    padding-bottom: 16px;
}

@media (max-width: 1270px){
    .schedules-time-date{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
}

@media (max-width: 510px){
    .schedules-time-date{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .schedules-time-left .schedules-back{
        position: static;
        margin-bottom: 20px;
    }
}

.schedules-time-date span{
    display: block;
    font-weight: 800;
    font-size: 24px;
    color: #536666;
    width: 400px;
    text-align: center;
}

@media(max-width: 1550px){
    .schedules-time-date span{
        font-size: 16px;
        width: 233px;
    }
}

.schedules-time-item, .schedules-time-close{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 70px;
    font-weight: 700;
    font-size: 16px;
    color: #536666;
    border-top: 1px solid #f3f3f5;
    position: relative;
}

.schedules-time-item{
    padding-left: 8px;
    padding-right: 8px;
}

.schedules-time-item.active:not(.disabled){
    background: #30915a !important;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff !important;
}

.schedules-time-item.active:not(.disabled) span{
    color: #fff !important;
}

.schedules-time-item:not(:first-child) {
    border-left: 1px solid #f3f3f5;
}

.schedules-time-item:nth-child(6n + 1) {
    border-left: none;
}

.schedules-time-item:not(.disabled){
    background: #fff;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.schedules-time-item.disabled{
    color: #a9b8b8;
}

.schedules-time-item:not(.disabled):hover{
    color: #30915a;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 2;
    -webkit-box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
            box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
}

.schedules-time-item span{
    font-size: 9px;
    color: #868d92;
    max-width: 120px;
}

.schedules-time-item span:nth-child(2){
    color: #bd7b78;
}

.schedules-time-item:not(.disabled):hover span{
    color: #CC3C35;
}

.schedules-time-item:not(.disabled):hover span:last-child{
    color: #30915a;
}

.schedules-time-item.active:not(.disabled) span{
    color: #fff;
}

.schedules-back{
    color: #a9b8b8;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 26px;
    z-index: 2;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.545 11L1.999 6l4.546-5' stroke='%23A9B8B8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.schedules-time-left .schedules-back{
    left: 25px;
    top: 33px;
}

.schedules-time-list{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}

@media (max-width: 1270px){
    .schedules-time-list{
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 640px){
    .schedules-time-list{
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 440px){
    .schedules-time-list{
        grid-template-columns: repeat(3, 1fr);
    }
}

.schedules-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
    font-weight: 800;
    font-size: 24px;
    color: #536666;
    text-align: center;
    padding: 24px 0px;
    padding-top: 0px;
}

@media (max-width: 1024px){
    .schedules-month{
        font-size: 16px;
        padding: 15px 0px;
        padding-top: 0px;
    }
}

.schedules-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    border-bottom: 1px solid #30915a;
    font-size: 12px;
}

.schedules-week > div:not(:first-child) {
    border-left: 1px solid #f3f3f5;
}
.schedules-week > div {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.schedules-list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.schedules-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 128px;
    font-weight: 800;
    font-size: 24px;
    border-top: 1px solid #f3f3f5;
    position: relative;
}

@media (max-width: 1024px){
    .schedules-item {
        font-size: 16px;
        height: 70px;
    }
}

@media (max-width: 768px){
    .schedules-item {
        font-size: 16px;
        height: 50px;
    }
}

.schedules-list .schedules-item:not(:first-child) {
    border-left: 1px solid #f3f3f5;
}

.schedules-list .schedules-item.disabled {
    color: #A9B8B8;
}

.schedules-list .schedules-item.current {
    color: #fff;
    background: #30915a !important;
}

.schedules-list .schedules-item:not(.disabled) {
    background: #fff;
}

.schedules-list .schedules-item:nth-child(7n + 1) {
    border-left: none;
}

.schedules-list .schedules-item .description {
    font-weight: 500;
    font-size: 16px;
}

@media (max-width: 1200px){
    .schedules-list .schedules-item .description {
        font-size: 14px;
    }
}

@media (max-width: 1024px){
    .schedules-list .schedules-item .description {
        font-size: 10px;
    }
}

@media (max-width: 768px){
    .schedules-list .schedules-item .description {
        display: none;
    }
}

.schedules-list .schedule-item-hover {
    display: none;
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    background: #fff;
    -webkit-box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
    box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
    z-index: 3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 16px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #536666;
}

@media (min-width: 1024px){
    .schedules-list .schedules-item:not(.disabled):hover .schedule-item-hover{
        display: block;
    }
}

.schedule-button{
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    height: 40px;
    width: 100%;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #30915a;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    border: none;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    padding: 0 40px;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 1200px){
    .schedule-button{
        height: 30px;
        font-size: 14px;
    }
}

.schedule-button:hover{
    background: #30915abd;
}

.loader-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background: #ffffff6c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.v-enter-active,
.v-leave-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
    visibility: hidden;
}

.slideLeft-enter-active,
.slideLeft-leave-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}

.slideLeft-enter-from,
.slideLeft-leave-to {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}

.schedules-date-arrow{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    background-color: transparent;
}

.schedules-date-arrow.hidden{
    visibility: hidden;
    pointer-events: none;
}

.schedules-date-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23536666' stroke-width='2' stroke-linecap='round' d='M1 6h20m-4 5l4.546-5L17 1'/%3E%3C/svg%3E");
}

.schedules-date-next:hover{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M1 6h20m-4 5l4.546-5L17 1'/%3E%3C/svg%3E");
    background-color: #20c997;
}

.schedules-date-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23536666' stroke-width='2' stroke-linecap='round' d='M22 6H2m4 5L1.455 6 6 1'/%3E%3C/svg%3E");
}

.schedules-date-prev:hover{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M22 6H2m4 5L1.455 6 6 1'/%3E%3C/svg%3E");
    background-color: #20c997;
}

.d-md-block {
    display: none !important;
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-block {
        display: block !important;
    }
}

.columns-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.columns-header {
    margin-bottom: 40px;
}

.schedules-title-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #f3f3f5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

@media (max-width: 1270px){
    .schedules-title-block{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 700px){
    .schedules-title-block{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 25px;
    }
}

.schedules-title{
    font-weight: 900;
    font-size: 40px;
    line-height: 120%;
    padding-left: 79px;
    text-transform: uppercase;
}

@media (max-width: 968px){
    .schedules-title{
        font-size: 25px;
        line-height: normal;
        padding-left: 20px;
    }
}

@media (max-width: 420px){
    .schedules-title{
        font-size: 18px;
    }
}

.schedules-doctor-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 25px;
}

@media (max-width: 700px){
    .schedules-doctor-info{
        margin-right: 20px;
        margin-left: 20px;
    }
}

.schedules-doctor-text .doctor-name{
    margin-bottom: 8px;
    font-weight: 500;
}
.schedules-doctor-text .doctor-name span {
    font-weight: 700;
    display: block;
}
.schedules-doctor-text .doctor-specialization{
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
}
.schedules-doctor-text .doctor-specialization svg{
    margin-right: 7px;
}
.schedules-doctor-text .doctor-address{
    color: #CC3C35;
    font-size: 12px;
    font-weight: 500;
    min-height: 39px;
}
.loader {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    -webkit-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite
  }
  .loader::before , .loader::after {
    content: "";
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #30915A;
    -webkit-animation: prixClipFix 2s linear infinite ;
            animation: prixClipFix 2s linear infinite ;
  }
  .loader::after{
    border-color: #E01E26;
    animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
    inset: 22px;
  }

  @-webkit-keyframes rotate {
    0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100%   {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
  }

  @keyframes rotate {
    0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100%   {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
  }

  @-webkit-keyframes prixClipFix {
      0%   {-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }

  @keyframes prixClipFix {
      0%   {-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }
.schedules-time-form {
    background: #fff;
    padding: 64px 80px 32px;
    position: relative;
}

.schedules-time-form .schedules-back {
    position: static;
    margin-bottom: 25px;
}

@media (max-width: 1270px) {
    .schedules-time-form .columns-2 {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .columns-header {
        margin-bottom: 20px;
    }
}

@media (max-width: 1024px) {
    .schedules-time-form .columns-2 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .schedules-time-form .columns-2 {
        grid-template-columns: 1fr;
    }

    .schedules-time-form-footer .policy {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
}

@media(max-width: 1270px) {
    .schedules-time-form {
        padding: 20px;
    }
}

.schedules-time-form-title {
    margin-bottom: 24px;
    margin-top: 0;
}

.schedules-time-form-header {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    color: #30915a;
    font-weight: 700;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #f3f3f5;
}

@media(max-width: 1270px) {
    .schedules-time-form-header {
        margin-bottom: 20px;
        padding-bottom: 20px;
        grid-gap: 20px;
    }
}

@media (min-width: 1024px) {
    .schedules-time-form .schedules-back {
        display: none;
    }
}

@media (max-width: 992px) {
    .schedules-time-form-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }
}

.schedules-chose-time {
    color: #CC3C35;
}

.schedules-time-form label {
    display: block;
    color: #536666;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 8px;
}

.schedules-time-form label .req {
    color: #CC3C35;
}

.schedules-time-form input[type="text"],
.schedules-time-form input[type="email"],
.schedules-time-form input[type="password"],
.schedules-time-form input[type="tel"],
.schedules-time-form input[type="date"],
.schedules-time-form input[type="number"] {
    background: #fafafc;
    height: 64px;
    border: 1px solid #fafafc;
    outline: 0;
    padding: 0 24px;
    color: #536666;
    font-weight: 500;
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-appearance: none;
}

.schedules-time-form input:disabled {
    color: #dbdbdb;
}

.schedules-time-form input[type="text"].error,
.schedules-time-form input[type="email"].error,
.schedules-time-form input[type="password"].error,
.schedules-time-form input[type="tel"].error,
.schedules-time-form input[type="date"].error,
.schedules-time-form input[type="number"].error {
    outline: 2px solid #cc3d35ab;
}

.schedules-time-form-footer {
    margin-top: 40px;
}

.schedules-time-form-footer button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    border: none;
    height: 64px;
    width: 100%;
    background: #CC3C35;
    color: #fff;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    padding-left: 59px;
    padding-right: 27px;
    font-size: 16px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    text-align: center;
}

.schedules-time-form-footer button:hover {
    background: rgba(242, 99, 137, 0.741);
    color: #fff;
}

.schedules-time-form-footer button:before {
    width: 25px;
    content: "";
    display: block;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7h80' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M75 13l5.454-6L75 1' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center right;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
}

.schedules-time-form-footer button:hover:before {
    width: 50px;
}

.schedules-time-form-footer .policy {
    color: #536666;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
}

.schedules-error {
    margin-bottom: 25px;
    border-radius: 6px;
    background: #ff000094;
    padding: 10px;
    color: #fff;
}

.schedules-label-input {
    position: relative;
}

.schedules-label-input.error {
    margin-bottom: 25px;
}

.schedules-label-error {
    color: #ff000094;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
}


.schedules-header{
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media (max-width: 1024px){
    .schedules-header{
        padding: 15px;
    }
}

@media (max-width: 992px){
    .schedules-header{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
}

.schedules-close{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    font-weight: 700;
    cursor: pointer;
}

.schedules-close-icon{
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 2px solid #f3f3f5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    margin: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    fill: currentcolor;
    line-height: 0;
}

@media (max-width: 992px){
    .schedules-close-text{
        display: none;
    }
}

.schedules-line{
    padding: 0 25px;
    width: 100%;
}

@media (max-width: 992px){
    .schedules-line{
        display: none;
    }
}

.schedules-logo{
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

@media (max-width: 992px){
    .schedules-logo{
        display: none;
    }
}

.schedules-logo img{
    height: auto;
    max-width: 100%;
}
.schedules-time-white-overlay {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background: rgba(243, 243, 245, 0.6);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    overflow-x: hidden;
    overflow-y: auto;
}

.schedules-time-success {
    background: #fff;
    max-width: 740px;
    width: 100%;
    min-height: 100vh;
}

.schedules-time-success-content {
    padding: 25px;
    padding-top: 0px;
}

.schedules-time-success-content .h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.schedules-time-success-item{
    display: grid;
    margin: 20px 0px;
    grid-template-columns: 200px 1fr;
    grid-gap: 15px;
}

.schedules-time-success-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 25px;
}

.schedules-time-success-buttons button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 64px;
    color: #CC3C35;
    border: 1px solid #CC3C35;
    font-weight: bold;
    background: #fff;
    min-width: 240px;
    border-radius: 6px;
}

.schedules-time-success-buttons button:hover{
    color: #fff;
    background: #CC3C35;
}

.schedules-time-success-data{
    font-weight: bold;
}

.schedules-time-success-data.green{
    color: #30915a;
}

.schedules-time-success-doctor{
    display: grid;
    grid-template-columns: 96px 1fr;
    grid-gap: 15px;
}


.schedules-doctor-img{
    width: 96px;
    height: 96px;
    margin-right: 24px;
    border-radius: 50%;
    background: #fafafc;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.schedules-doctor-img img, .schedules-doctor-img svg{
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: auto;
    max-width: 100%;
    border-style: none;
}

.schedules-doctor-img svg{
    width: 50px;
    height: 60px;
}


.schedules-switch-age{
    margin-top: 32px;
    margin-left: 79px;
    background: #fafafc;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px;
}

.schedules-switch-age.disable{
    opacity: 0.7;
}

@media (max-width: 968px){
    .schedules-switch-age{
        margin-top: 20px;
        margin-left: 20px;
    }
}

@media (max-width: 700px){
    .schedules-switch-age{
        margin-top: 0px;
    }
}

.schedules-switch-age input[type="radio"]{
    display: none;
}

.schedules-switch-age label{
    color: #536666;
    border-radius: 4px;
    cursor: pointer;
    width: 136px;
    height: 56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: 1px solid transparent;
}

@media (max-width: 744px){
    .schedules-switch-age label{
        font-size: 14px;
        height: 30px;
        width: 120px;
    }
}

.schedules-switch-age input[type="radio"]:checked + label{
    color: #fff;
    background: #30915a;
}

.schedules-switch-age.disable input[type="radio"]:checked + label{
    color: #fff;
    background: #939393;
}

.schedules-switch-age.mobile-switch-age{
    display: none;
}

@media (max-width: 700px){
    .schedules-switch-age{
        display: none;
    }
    .schedules-switch-age.mobile-switch-age{
        display: block;
    }
}
.selectInput {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.selectInput.error{
    outline: 2px solid #cc3d35ab;
}

.selectInput > .textLabel {
    background: #fafafc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 8px;
    height: 64px;
    padding-left: 24px;
    padding-right: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #536666;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.selectInput > input[type="text"] {
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
}

.selectInput .listOptionsContainer {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    width: 100%;
    background: #fff;
    z-index: 10;
    -webkit-box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
            box-shadow: 16px 24px 8px rgba(34, 101, 101, 0.06), 16px 16px 48px rgba(34, 101, 101, 0.2);
    overflow: hidden;
}

.selectInput > .textLabel:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.307 1.2a.8.8 0 011.386 0L5.77 4.8A.8.8 0 015.078 6H.922a.8.8 0 01-.693-1.2l2.078-3.6z' fill='%23536666'/%3E%3C/svg%3E") center no-repeat;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    right: 14px;
}

.selectInput .listOptions {
    max-height: 416px;
    overflow-y: auto;
}

.optionsItem {
    background: #fff;
    border: none;
    min-height: 48px;
    width: 100%;
    text-align: left;
    color: #536666;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 20px;
}

.optionsItem.active{
    background: #30915a;
    color: white;
}

.optionsItem:not(.active):hover {
    color: #30915a !important;
}

.selectInput.disabled .textLabel{
    color: #dbdbdb;
}