/*
font-family: 'Roboto', sans-serif;
font-family: 'Merriweather Sans', sans-serif;
font-family: 'Playfair Display SC', serif;
*/

:root {
    /*General:*/
    --body-background-color: 255, 255, 255;
    --theme-primary-font: 'Manrope', sans-serif;
    --theme-secondary-font: 'Manrope', sans-serif;
    --theme-primary-color: 111, 153, 174;
    --theme-secondary-color: 10, 76, 100;
    --title-primary-color: 111, 153, 174;
    --title-light-color: 255, 255, 255;
    --text-primary-color: 113, 113, 113;
    --text-secondary-color: 82, 82, 83;
    --text-light-color: 255, 255, 255;
    --background-primary-color: 118, 129, 179;
    --background-secondary-color: 244, 246, 250;
    --button-text-primary-color: 48, 60, 116;
    --button-text-secondary-color: 239, 203, 104;
    --button-text-light-color: 255, 255, 255;
    --button-background-primary-color: 239, 203, 104;
    --button-background-secondary-color: 196, 196, 196;
    --button-background-light-color: 255, 255, 255;
    /*Header:*/
    --header-primary-font: 'Manrope', sans-serif;
    --header-secondary-font: 'Manrope', sans-serif;
    --header-text-primary-color: 255, 255, 255;
    --header-text-secondary-color: 0, 0, 0;
    --header-background-color: 255, 255, 255;
    --header-text-light-color: 255, 255, 255;
    /* Timetable  */
    --timetable-primary-background-color: 245, 245, 245;
    --timetable-secondary-background-color: 196, 196, 196;
    --timetable-times-background-color: 222, 222, 222;
    --timetable-head-background-color: 10, 76, 100;
    /* Form buttons */
    --button-background-form-color: 10, 76, 100;
    --button-background-form-grey-color: 151, 151, 151;
    --success-text-color: 110, 178, 125;
    --success-background-color: 42, 133, 194;
    --annulation-text-color: 110, 178, 125;
    /*  Index page color */
    --index-btn-background-color: 103, 147, 169;
    --index-btn-text-color: 255, 255, 255;
    /*  Index choose page color */
    --boxes-title-color: 10, 76, 100;
    --boxes-background-color: 110, 152, 173;
    --choose_btn_color: 10, 76, 100;
    --choose_btn_i_color: 111, 153, 174;
    --choose_btn_color_active: 10, 76, 100;
    --choose_btn_i_color_active: 111, 153, 174;
}

* {
    font-size: 100%;
}

html, body {
    font-family: var(--theme-primary-font);
    font-weight: 400;
    font-size: 16px;
    color: rgb(var(--text-primary-color));
    line-height: 1.25rem;
    height: 100%;
}

html {
    min-height: 100%;
    *height: auto;
}

body {
    background-color: rgb(var(--body-background-color));
    display: flex;
    flex-direction: column;
}

input[type="button"]:focus, button:focus {
    outline: none;
}

input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    font-family: var(--theme-primary-font);
    margin-bottom: 20px;
}

h1, .h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    letter-spacing: .5px;
}

h2, .h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 600;
    letter-spacing: .5px;
}

h3, .h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

h4, .h4 {
    font-size: 1.25rem;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
    letter-spacing: .5px;
}

h5, .h5 {
    font-size: 1rem;
    margin-bottom: 16px;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

h6, .h6 {
    font-size: 0.85rem;
    margin-bottom: 16px;
    font-family: var(--theme-secondary-font);
    color: rgb(var(--text-primary-color));
}

a {
    color: rgb(var(--title-primary-color));
    font-size: 1rem;
    font-family: var(--theme-secondary-font);
}

a:hover {
    color: rgb(var(--text-primary-color));
    text-decoration: none !important;
}

p {
    font-size: 1rem;
    font-family: var(--theme-secondary-font);
    line-height: 1.5rem;
    color: rgb(var(--text-primary-color));
}

@media (max-width: 575.98px) {
    h1, .h1 {
        font-size: calc(.6rem + 4vw);
        line-height: calc(1rem + 4vw);
    }
    h2, .h2 {
        font-size: calc(.55rem + 3vw);
        line-height: calc(0.85rem + 4vw);
    }
    h3, .h3 {
        font-size: calc(.5rem + 3vw);
        line-height: calc(0.75rem + 4vw);
    }
    h4, .h4 {
        font-size: calc(.4rem + 3vw);
        line-height: calc(0.7rem + 4vw);
    }
    h5, .h5 {
        font-size: 1rem;
        margin-bottom: 16px;
    }
    h6, .h6 {
        font-size: 1rem;
        margin-bottom: 16px;
    }
}

.header .header_holder {
    background-color: rgb(var(--header-background-color));
    padding: 10px 0px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0px 0px 10px -3px #00000008;
}

.header .lang_menu_holder i {
    color: rgb(var(--header-text-primary-color));
    margin-right: 10px;
    display: none;
}

.header .lang_menu_holder a {
    color: rgb(var(--header-text-secondary-color));
    margin: 0px 1px;
    font-weight: 700;
    font-size: .85rem;
    padding: 3px;
}

.header .lang_menu_holder a:hover, .header .lang_menu_holder a.slng {
    color: rgb(var(--header-text-light-color));
    background-color: rgb(var(--theme-secondary-color));
    border-radius: 5px;
}

.pmenu {
    color: rgb(var(--text-secondary-color), 70%);
    font-weight: 600;
    font-size: .85rem;
    outline: none !important;
    margin: 20px 0px;
    line-height: 1.25rem;
}

/* Idpopont foglalasi tablazat */

.timetable_type_chooser .hint_text {
    color: rgb(var(--text-primary-color), 80%);
    font-weight: 600;
    font-size: .85rem;
}

.timetable_type_chooser select {
    border: 2px solid #F2F4F8;
    border-radius: 8px;
    padding: 15px 15px;
    color: rgb(var(--text-primary-color));
    font-weight: 600;
    font-size: .85rem;
    outline: none !important;
    width: 100%;
}

.timetable_box_holder .alert_mess {
    font-size: .9rem;
    color: #f5257b;
}

.timetable_box_holder h4 {
    font-size: 1.35rem;
    color: #2c3e50;
    font-weight: 600;
}

.timetable_d_t_list_holder {
    column-fill: auto;
    display: grid;
    grid-column-gap: 0px;
    column-gap: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
    grid-template-columns: repeat(6, 1fr);
    *border: 1px solid #dee2e6;
    border-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px 0px 15px 15px;
}

.timetable_d_t_list_holder .timetable_element .empty_day.timetable_d_t_boxes .timetable_day_box {
    background-color: #dedede;
    border-radius: 0px;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
    color: #444;
    margin-bottom: 0px;
}

.timetable_d_t_list_holder .timetable_element .empty_day.timetable_d_t_boxes .timetable_day_box .d-inline-block:last-child {
    font-weight: 400;
    color: #444;
}

.timetable_d_t_list_holder .timetable_element .empty_day.timetable_d_t_boxes .timetable_times_boxes {
    background-color: #f5f5f5;
    border-radius: 0px;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_day_box {
    background-color: #f5f5f5;
    border-radius: 0px;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
    color: #353535;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_day_box ._day {
    color: #2a2a2a;
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .5px;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_day_box ._date {
    color: #666666;
    font-weight: 300;
    font-size: .85rem;
    letter-spacing: 1px;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes {
    border-radius: 8px;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
    color: rgb(var(--text-primary-color));
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times {
    background-color: #fff;
    color: #444;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-weight: 500;
    font-size: .8rem;
    border: 1px solid #d1ddea;
    margin: 8px 10px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times:hover {
    background-color: #f5f5f5;
}

.timetable_d_t_list_holder .timetable_element .timetable_day_box {
    margin-bottom: 5px;
}

.timetable_box_holder .weak_holder {
    background-color: rgb(var(--timetable-head-background-color), 75%);
    color: rgb(var(--title-light-color));
    padding: 3px 20px;
    font-weight: 700;
    letter-spacing: 1px;
    align-items: center;
    font-size: .9rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0px !important;
    text-shadow: 1px 1px 0px #00000047;
}

.timetable_box_holder .weak_holder a {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 5px 25px;
    cursor: pointer;
    color: #232d50;
}

.timetable_d_t_holder {
    margin-top: 0px !important;
    max-height: 500px;
    overflow: auto;
}

.timetable_d_t_list_holder .timetable_element {
    min-height: 250px;
    border-right: 1px solid #dee2e6;
}

.timetable_d_t_list_holder .timetable_element:last-child {
    border-right: 0px;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes {
    height: 100%;
}

.timetable_box_holder .doctor_portrait img {
    width: 110px;
    height: 120px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 16px 16px 0px 0px;
}

.timetable_box_holder .doctors_name {
    color: rgb(var(--title-primary-color));
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .5px;
}

.timetable_box_holder .is_this_cnas_title {
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: .5px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.timetable_box_holder .doctors_position {
    color: rgb(var(--text-secondary-color), 70%);
    font-weight: 600;
    font-size: .85rem;
    padding-top: 5px;
    letter-spacing: .5px;
    line-height: 1rem;
    padding-bottom: 10px;
}

.timetable_box_holder .timeslot_length {
    color: rgb(var(--text-primary-color));
    font-weight: 600;
    font-size: .85rem;
    padding-bottom: 10px;
}

.timetable_times_boxes .hidden_timeslots {
    display: none;
}

.timetable_box_holder .hide_timeslots_btn.hide {
    display: none;
}

.timetable_box_holder .hide_timeslots_btn {
    padding: 5px;
    background: #e7e7e7;
    border-bottom: 1px solid #dee2e6;
    border-top: 0px;
    font-size: 1.15rem;
    color: #6f6f6f;
    cursor: pointer;
    border-radius: 0px 0px 0px 10px;
}

.timeslots_message_holder ._hint_text {
    color: #8f8f8f;
    font-size: 1rem;
    position: relative;
    top: 4px;
    padding-left: 5px;
    letter-spacing: .5px;
    white-space: nowrap;
}

@media only screen and (min-width:991.98px) {
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes a {
        width: 50%;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes button {
        width: calc( 50% - 16px );
    }
    .timetable_times_boxes .hidden_timeslots.show {
        display: inline-block;
        width: 50%;
    }
     .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .hidden_timeslots.show  .__times{
      width: calc( 100% - 16px );
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        height: auto;
        padding: 5px 5px;
    }
    .timetable_d_t_list_holder .timetable_element {
        min-height: 210px;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes.empty_day .timetable_times_boxes {
        height: 100%;
    }
    .timetable_times_boxes .show_timeslots_btn {
        background-color: #ebebeb !important;
        width: calc(50% - 16px);
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times {
        margin: 8px 8px;
    }
}

@media only screen and (max-width:991.98px) {
    .timetable_d_t_list_holder {
        column-gap: 0px;
        grid-template-columns: repeat(6, 1fr);
        border: 1px solid #dee2e6;
    }
    .timetable_d_t_list_holder .timetable_element {
        min-height: 100px;
        margin-bottom: 15px;
    }
    .timetable_box_holder {
        padding: 25px 30px;
    }
    ._timetable.__text {
        color: rgb(var(--text-secondary-color), 85%);
        font-weight: 600;
        font-size: 1.1rem;
        text-align: center;
        margin-bottom: .5rem;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times {
        margin: 8px 0px;
    }
}
@media only screen  and (max-width:991.98px) and (min-width:767.98px) {
     .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times {
        margin: 8px 0px;
        width:100%;
    }
}
@media only screen and (max-width:767.98px) {
    .timetable_d_t_list_holder {
        column-gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .timetable_d_t_list_holder .timetable_element {
        min-height: 150px;
        background-color: #fff;
    }
    .timetable_box_holder {
        padding: 0px;
        box-shadow: none;
        background-color: none;
    }
    .timetable_d_t_list_holder .timetable_element .empty_day {
        display: none;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes a {
        width: 50%;
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes button {
        width: calc( 50% - 16px );
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_day_box, .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes {
        border: 1px solid #eaeaea;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_day_box {
        color: rgb(var(--text-secondary-color), 85%);
        padding: 10px;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes .hidden_timeslots a {
        width: 100%;
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes .hidden_timeslots {
        width: 50%;
    }
    .timetable_d_t_list_holder {
        border: 0px !important;
    }
     .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .hidden_timeslots.show  .__times{
      width: calc( 100% - 16px );
    }
}

.timeslots_message_holder .inner_icon {
    position: relative;
    top: 5px;
    font-size: 1.5rem;
}

.timeslots_message_holder span i {
    color: #dadada;
}

@media only screen and (max-width:399.98px) {
    .timetable_d_t_list_holder {
        column-gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .timetable_d_t_list_holder .timetable_element {
        min-height: 120px;
    }
}

.timetable_box_holder {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    background: #fff;
    filter: drop-shadow(2px 4px 6px #dedede);
    border-radius: 15px;
    * box-shadow: rgb(51 51 51 / 15%) 0px 2px 4px;
}

.timetable_box_holder .weak_holder a:hover {
    color: #fff;
}

.search_box_holder input {
    width: 100%;
    background-color: #ccdee6;
    border-radius: 10px;
    padding: 12px 20px;
    font-weight: 600;
    color: rgb(var(--theme-secondary-color));
    border: 1px solid #99b7c5;
    font-size: .85rem;
    box-shadow: inset 0px 0px 15px -8px #c1c1c1;
    letter-spacing: .5px;
}

.search_box_holder input::placeholder {
    color: rgb(var(--theme-secondary-color), 60%);
    letter-spacing: .5px;
}

.search_box_holder input:focus {
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 15px -8px #fbfbfb;
}

.specs_type_choser ._sutbtitle {
    color: rgb(var(--title-primary-color));
    font-size: 2rem;
    line-height: 2.5rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: none;
}

/*--spec_btn_color:239, 203, 104 ;
         --spec_btn_i_color: 245, 219, 149;
        --doc_btn_color: 116, 48, 90;
         --doc_btn_i_color: 138, 83, 117;*/

/*  Index choose    */

#choose .header_holder {
    background-color: #fff;
    padding: 10px 0px;
    border-bottom: 0px;
}

.__choose .button_holder._specs {
    background-color: rgb(var(--choose_btn_color));
}

.__choose .button_holder._specs.active {
    background-color: #fff;
}

.__choose .button_holder i {
    font-size: 2.25rem;
    padding: 1.25rem;
    border-radius: 100%;
}

.__choose .button_holder._specs i {
    color: rgb(var(--choose_btn_color));
    background-color: rgb(var(--choose_btn_i_color));
}

.__choose .button_holder._specs.active i {
    color: rgb(var(--choose_btn_i_color_active));
    background-color: rgb(var(--choose_btn_color_active));
}

.__choose .button_holder {
    display: block;
    cursor: pointer;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 0px 20px 20px 0px;
    height: 120px;
    padding: 10px 10px 10px 30px;
    width: 100%;
    max-width: 500px;
}

.banner_holder.__choose .background_image_holder {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(90deg, rgb(var(--choose_btn_i_color)), rgb(var(--choose_btn_color)) 70%);
    border-radius: 0px 0px 0px 80px;
    min-height: 450px;
    padding-right: calc(40px + 1vw);
}

.__choose .button_holder.active {
    z-index: 1;
    filter: drop-shadow(2px 2px 6px rgb(0 0 0 / 37%));
}

.__choose .button_holder .btn_box {
    max-width: 100%;
}

.__choose .button_holder._specs.active::before {
    left: 0px;
    border-radius: 0px 20px 0px 0px;
    box-shadow: rgb(255 255 255) 18px 0px 0px 0px;
    -webkit-transform: rotate( 180deg);
    top: -30px;
}

.__choose .button_holder._specs.active::after {
    left: 0px;
    border-radius: 20px 0px 0px 0px;
    box-shadow: rgb(255 255 255) -18px 0px 0px 0px;
    bottom: -30px;
    top: auto;
}

.__choose .button_holder._specs.active::before, .__choose .button_holder._specs.active::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 36px;
}

.__choose .button_holder._specs::before {
    left: 0px;
    border-radius: 0px 20px 0px 0px;
    box-shadow: rgb(var(--choose_btn_color)) 18px 0px 0px 0px;
    -webkit-transform: rotate( 180deg);
    top: -30px;
}

.__choose .button_holder._specs::before, .__choose .button_holder._specs::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 36px;
}

.__choose .button_holder._specs .content_holder ._title {
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
    padding-bottom: 5px;
    font-size: 1.25rem;
}

.__choose .button_holder._specs .content_holder ._description {
    color: #fff;
    font-size: .85rem;
    letter-spacing: .25px;
}

.__choose .button_holder._specs.active .content_holder ._title {
    color: rgb(var(--choose_btn_color_active));
}

.__choose .button_holder._specs.active .content_holder ._description {
    color: rgb(var(--text-secondary-color));
}

.__choose .button_holder._doctors {
    background-color: rgb(var(--choose_btn_color));
}

.__choose .button_holder._doctors.active {
    background-color: #fff;
    *background-image: linear-gradient( 270deg, #6f99ae 0%, #ffffff 70%);
}

.__choose .button_holder._doctors i {
    color: rgb(var(--choose_btn_color));
    background-color: rgb(var(--choose_btn_i_color));
}

.__choose .button_holder._doctors.active i {
    color: rgb(var(--choose_btn_i_color_active));
    background-color: rgb(var(--choose_btn_color_active));
}

.__choose .button_holder._doctors .content_holder ._title {
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
    padding-bottom: 5px;
    font-size: 1.25rem;
}

.__choose .button_holder._doctors .content_holder ._description {
    font-size: .85rem;
    color: #fff;
    letter-spacing: .25px;
}

.__choose .button_holder._doctors.active .content_holder ._title {
    color: rgb(var(--choose_btn_color_active));
}

.__choose .button_holder._doctors.active .content_holder ._description {
    color: rgb(var(--text-secondary-color));
}

.__choose .button_holder._doctors::after {
    left: 0px;
    border-radius: 0px 0px 20px 0px;
    box-shadow: rgb(var(--choose_btn_color)) 18px 0px 0px 0px;
    -webkit-transform: rotate( 180deg);
    top: auto;
    bottom: -30px;
}

.__choose .button_holder._doctors.active::after {
    left: 0px;
    border-radius: 20px 0px 0px 0px;
    box-shadow: rgb(255 255 255) -18px 0px 0px 0px;
    -webkit-transform: rotate( 0deg);
    top: auto;
    bottom: -30px;
}

.__choose .button_holder._doctors.active::before {
    left: 0px;
    border-radius: 0px 20px 0px 0px;
    box-shadow: rgb(255 255 255) 18px 0px 0px 0px;
    -webkit-transform: rotate( 180deg);
    top: -30px;
}

.__choose .button_holder._doctors::before, .__choose .button_holder._doctors::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 36px;
    top: auto;
}

.banner_holder .banner_text_holder {
    margin-top: 80px;
    max-width: 700px;
}

@media only screen and (max-width: 767.98px) {
    .banner_holder .banner_text_holder {
        max-width: 100%;
        margin-left: auto;
        margin-top: 100px;
    }
    .__choose .button_holder {
        padding: 10px 10px 10px 10px;
        height: 100%;
    }
    .__choose .button_holder i {
        font-size: 1.5rem;
        padding: 1rem;
        border-radius: 100%;
    }
    .__choose .button_holder .content_holder ._title {
        font-weight: 700;
        letter-spacing: .5px;
        padding-bottom: 5px;
        font-size: 1rem !important;
    }
    .__choose .button_holder .content_holder ._description {
        font-size: .75rem !important;
        letter-spacing: .25px;
    }
}

.banner_holder .banner_text_holder .bannter_title span {
    font-size: 1.75rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.45rem;
    letter-spacing: .75px;
    text-transform: capitalize;
}

.banner_holder .banner_text_holder .bannter_content span {
    font-size: .95rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: .25px;
}

.banner_holder.__choose {
    position: relative;
    z-index: 99;
}

.baner_holder_left_extension {
    left: 0px;
    content: "";
    position: absolute;
    height: 80px;
    width: 80px;
    top: 0px;
    background-color: rgb(var(--choose_btn_i_color));
    z-index: 1;
}

.baner_holder_left_extension::before {
    left: -26px;
    border-radius: 0px 70px 0px 0px;
    box-shadow: rgb(var(--choose_btn_i_color)) 10px 0px 0px 0px;
    -webkit-transform: rotate( 360deg);
    content: "";
    position: absolute;
    height: 80px;
    width: 80px;
    top: 2px;
    background: #fff;
    z-index: 5;
}

.banner_holder.__choose {
    margin-left: 54px;
    width: auto;
    max-width: 100%;
}

.baner_holder_left_extension::after {
    left: 0px;
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 0px;
}

@media only screen and (min-width:1919.98px) {
    .baner_holder_left_extension::before {
        left: -6px;
        top: 3px;
    }
    .banner_holder.__choose {
        margin-left: 74px;
    }
}

.banner_holder.__choose .background_image_holder_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/img/spital/spital_choose_background.png) bottom right / auto 450px no-repeat;
    min-height: 400px;
    height: 100%;
    bottom: 0;
    opacity: .3;
}

.specs_type_choser .spec_holder {
    background-color: rgb(var(--boxes-background-color), 70%);
    border-radius: 10px;
    border: 1px solid #c69e9e57;
    box-shadow: 0px 4px 15px -10px #d6d6d6;
    padding: 30px 30px;
    -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
    transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: flex;
}

.specs_type_choser .spec_holder:hover {
    background-color: rgb(var(--theme-secondary-color));
    color: rgb(var(--title-light-color));
}

.specs_type_choser .spec_holder .image_holder img {
    object-fit: contain;
    max-width: 60px;
    text-align: center;
    margin: auto;
    image-rendering: optimizequality;
}

.specs_type_choser .cat_list_holder {
    padding: 0px;
    width: 100%;
    list-style: none;
    grid-template-columns: repeat(4, 1fr);
    column-fill: auto;
    display: grid;
    grid-column-gap: 20px;
    column-gap: 20px;
}

@media only screen and (max-width:1199.98px) {
    .specs_type_choser .cat_list_holder {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width:991.98px) {
    .specs_type_choser .cat_list_holder {
        grid-template-columns: repeat(2, 1fr);
    }
    .banner_holder.__choose .background_image_holder_overlay {
        display: none;
    }
    .banner_holder .banner_text_holder {
        max-width: 600px;
        margin-top: 0px;
        margin-left: 50px;
    }
    .banner_holder.__choose .background_image_holder {
        position: relative;
        overflow: hidden;
        background-image: linear-gradient(90deg, rgb(var(--choose_btn_i_color)), rgb(var(--choose_btn_color)) 90%);
        border-radius: 0px 0px 0px 80px;
        min-height: 450px;
        padding-right: calc(40px + 1vw);
    }
}

@media only screen and (max-width:575.98px) {
    .specs_type_choser .cat_list_holder {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 15px;
        column-gap: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .banner_holder .banner_text_holder {
        display: none;
    }
    .banner_holder.__choose {
        margin-left: 24px;
    }
    .baner_holder_left_extension {
        height: 40px;
        width: 40px;
    }
    .baner_holder_left_extension::before {
        border-radius: 0px 30px 0px 0px;
        height: 40px;
        width: 50px;
    }
    .banner_holder.__choose .background_image_holder {
        min-height: 380px;
        border-radius: 0px 0px 0px 40px;
    }
    .cat_list_holder .cat_list_elements {
        width: 100%;
    }
    .spec_title_holder {
        width: 100%;
        position: relative;
    }
    .specs_type_choser a .spec {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .specs_type_choser .spec_holder {
        padding: 15px 10px;
    }
    .specs_type_choser a .spec {
        font-size: .8rem;
    }
}

.specs_type_choser .cat_list_elements {
    margin-bottom: 20px;
}

.specs_type_choser a .spec {
    width: 100%;
    font-weight: 600;
    font-size: .85rem;
    letter-spacing: .75px;
    color: rgb(var(--title-light-color));
}

.specs_type_choser a:hover .spec {
    color: rgb(var(--title-light-color));
}

.specs_type_choser .icon_holder i {
    color: #adadad;
}

.docts_type_choser ._sutbtitle {
    color: #b78898;
    font-size: 2rem;
    line-height: 2.5rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: none;
    color: rgb(var(--title-primary-color));
}

.docts_type_choser ul {
    column-fill: auto;
    display: grid;
    grid-column-gap: 25px;
    column-gap: 25px;
    padding: 0px;
    width: 100%;
    list-style: none;
    grid-template-columns: repeat(3, 1fr);
}

.docts_type_choser ul li {
    background-color: rgb(var(--boxes-background-color), 30%);
    margin-bottom: 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-shadow: 0px 4px 15px -10px #999999;
}

.docts_type_choser .doctor_portrait {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    height: 120px;
    max-height: 120px;
    filter: grayscale(.5);
    -webkit-transition: all 0.25s cubic-bezier(.5, .24, 0, 1);
    transition: all 0.25s cubic-bezier(.5, .24, 0, 1);
}

.doctor_list_holder ._doctor_box:hover .doctor_portrait {
    filter: grayscale(0);
}

.docts_type_choser .dr_title {
    color: rgb(var(--boxes-title-color), 70%);
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.5rem;
}

.docts_type_choser .dr_position {
    color: rgb(var(--boxes-title-color), 60%);
    font-weight: 400;
    font-size: .95rem;
    line-height: 1.25rem;
}

@media only screen and (max-width:991.98px) {
    .docts_type_choser ul {
        column-gap: 25px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:767.98px) {
    .docts_type_choser ul {
        column-gap: 35px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:575.98px) {
    .docts_type_choser ul {
        column-gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width:399.98px) {
    .docts_type_choser ul {
        column-gap: 0px;
        grid-template-columns: repeat(1, 1fr);
    }
    .docts_type_choser .doctor_portrait {
        max-height: 300px;
    }
}

.priceing_title ._sutbtitle {
    font-weight: 600;
    color: rgb(var(--title-primary-color));
}

.services_holder a {
    padding: 0px 10px;
}

.services_holder a .serv {
    width: 100%;
    background-color: rgb(var(--timetable-primary-background-color));
    border-radius: 30px;
    padding: 20px 50px;
    font-weight: 600;
    color: rgb(var(--title-primary-color));
    border: none !important;
    font-size: 1.1rem;
    -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
    transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}

.services_holder a:hover .serv {
    background-color: rgb(var(--theme-secondary-color));
    color: rgb(var(--title-light-color));
}

.reservation_form_holder .lb {
    display: block;
    color: rgb(var(--text-primary-color));
    font-weight: 600;
    font-size: .9rem;
    margin-bottom: 6px;
    letter-spacing: .5px;
}

.reservation_form_holder .input_box {
    padding-bottom: 25px;
}

.reservation_form_holder .input_box input {
    width: 100%;
    display: block;
    width: 100%;
    padding: 0.525rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dadada;
    border-radius: 0.45rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: rgb(var(--text-secondary-color));
    letter-spacing: .5px;
}

.reservation_form_holder .input_box input::placeholder {
    font-size: 0.9rem;
    color: #ced4da;
    letter-spacing: .5px;
}

.btns_holder .green_white {
    height: fit-content;
    width: auto;
    background-color: rgb(var(--button-background-form-color));
    color: rgb(var(--button-text-light-color));
    text-align: center;
    display: inline-block;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: 1px;
    border-radius: 30px;
    padding: 20px 50px
}

.btns_holder .grey_white {
    height: fit-content;
    width: auto;
    color: rgb(var(--button-background-form-grey-color), 74%);
    text-align: center;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 15px;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .5px;
}

.btns_holder .green_white:hover {
    box-shadow: inset 0px 0px 10px 0px #00000032;
}

.btns_holder .grey_white:hover {
    color: rgb(var(--button-background-form-grey-color));
}

.dspnr.disabled {
    background-color: rgb(var(--button-background-form-grey-color));
}

.reservation_validate_form_holder ._subtitle {
    font-weight: 600;
    color: rgb(var(--title-primary-color));
}

.reservation_validate_form_holder .lb {
    color: rgb(var(--text-primary-color), 68%);
    font-weight: 600;
    font-size: .95rem;
    margin-bottom: 10px;
}

.reservation_validate_form_holder .input_box {
    padding-bottom: 25px;
    width: 100%;
}

.reservation_validate_form_holder .input_box .input_value {
    font-weight: 600;
    color: rgb(var(--text-secondary-color));
}

.reservation_validate_form_holder input~._text {
    color: rgb(var(--text-secondary-color), 80%);
    font-weight: 600;
    font-size: .95rem;
    padding-left: 10px;
}

.succes_form_holder ._subtitle {
    font-weight: 600;
    color: rgb(var(--title-primary-color));
}

.succes_form_holder .lb {
    color: rgb(var(--text-primary-color), 68%);
    font-weight: 600;
    font-size: .95rem;
    margin-bottom: 10px;
}

.succes_form_holder .input_box {
    padding-bottom: 25px;
    width: 100%;
}

.succes_form_holder .input_box .input_value {
    font-weight: 600;
    color: rgb(var(--text-secondary-color));
}

.succes_form_holder .extra_text {
    color: rgb(var(--text-secondary-color));
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.5rem;
}

.btns_holder .blue_white {
    height: fit-content;
    width: auto;
    background-color: rgb(var(--success-background-color));
    color: rgb(var(--button-text-light-color));
    text-align: center;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 15px;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .5px;
}

.btns_holder .blue_white:hover {
    box-shadow: inset 0px 0px 10px 0px #00000032;
}

.h1_success {
    color: rgb(var(--success-text-color));
    margin-bottom: 30px;
}

.h1_annulation {
    color: rgb(var(--annulation-text-color));
    margin-bottom: 30px;
}

.input_alert {
    border: 2px solid pink;
    background-color: white;
    color: #1f2d3d!important;
    border-radius: 4px;
    font-size: 14px;
    padding-left: 5px;
}

.errormsg {
    display: block;
    color: red;
    display: none;
    font-size: 13px;
    width: 100%;
}

@media only screen and (max-width:575.98px) {
    .docts_type_choser .doctor_portrait {
        max-height: 140px;
    }
    .services_holder a .serv {
        padding: 20px 30px;
    }
    .succes_form_holder ._subtitle, .reservation_validate_form_holder ._subtitle {
        font-weight: 800;
    }
    .reservation_validate_form_holder .input_box {
        width: 100%;
        padding: 15px 0px 10px 0px;
        border-bottom: 2px solid #F2F4F8;
    }
    .reservation_validate_form_holder ._subtitle {
        margin-bottom: 0px;
    }
    .docts_type_choser .dr_title {
        font-size: .95rem;
        line-height: 1.25rem;
    }
    .docts_type_choser .dr_position {
        font-weight: 400;
        font-size: .85rem;
        line-height: 1.25rem;
    }
}

/* Line with circle szerkezeti design a sorrendet ne modositsd */

.line_with_circle .elements_holder .custom_text_box .custom_text {
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.line_with_circle .elements_holder .circle_box {
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.line_with_circle .elements_holder .circle_box ._circle {
    position: absolute;
    color: rgb(var(--theme-primary-color));
    background-color: rgb(var(--body-background-color));
    border-color: rgb(var(--text-primary-color));
    border-radius: 100%;
    width: 60px;
    height: 60px;
    border-width: 3px;
    border-style: solid;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    opacity: 0.6;
}

.line_with_circle .elements_holder .circle_box ._circle_background {
    position: absolute;
    color: rgb(var(--theme-primary-color));
    background-color: rgb(var(--body-background-color));
    border-color: rgb(var(--theme-primary-color));
    border-radius: 100%;
    width: 60px;
    height: 60px;
    opacity: 1;
}

.line_with_circle .elements_holder .circle_box .big_circle {
    position: absolute;
    color: rgb(var(--theme-primary-color));
    background-color: rgb(var(--body-background-color));
    border-color: rgb(var(--background-primary-color));
    border-radius: 100%;
    width: 100px;
    height: 100px;
    border-width: 3px;
    border-style: dashed;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.line_with_circle .elements_holder .circle_box .big_circle_fade {
    position: absolute;
    color: rgb(var(--theme-primary-color));
    background-color: rgb(var(--body-background-color));
    border-radius: 100%;
    width: 102px;
    height: 102px;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    bottom: 50%;
    margin-bottom: -51px;
}

.line_with_circle .elements_holder {
    position: relative;
}

.line_with_circle .elements_holder .circle_box ._line {
    position: absolute;
    width: 0px;
    height: 99%;
    border-left: 2px dashed rgb(var(--text-primary-color));
    opacity: 0.6;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.line_with_circle .elements_holder .circle_box ._number {
    position: absolute;
    color: rgb(var(--text-secondary-color));
    opacity: 0.6;
    font-size: 1.5rem;
    font-weight: 700;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box ._line {
    height: 50%;
    bottom: 3px;
}

.line_with_circle .elements_holder .box_holder:last-child .circle_box ._line {
    height: 50%;
    top: 3px;
}

.line_with_circle .elements_holder .circle_box ._dynamic_line {
    position: absolute;
    width: 0px;
    height: 0%;
    border-left: 2px solid rgb(var(--text-primary-color));
    opacity: 1;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    top: 0px;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box ._dynamic_line {
    max-height: 50% !important;
    bottom: 0px !important;
    top: auto;
}

.line_with_circle .elements_holder .box_holder:last-child .circle_box ._dynamic_line {
    max-height: 50% !important;
    top: 0px !important;
    bottom: auto;
}

.line_with_circle .elements_holder .circle_box ._line {
    z-index: 94;
}

.line_with_circle .elements_holder .box_holder .circle_box ._dynamic_line {
    z-index: 88;
}

.line_with_circle .elements_holder .box_holder .circle_box ._circle {
    z-index: 99;
}

.line_with_circle .elements_holder .circle_box ._circle_background {
    z-index: 98;
}

.line_with_circle .elements_holder .box_holder .circle_box .big_circle {
    z-index: 90;
}

.line_with_circle .elements_holder .box_holder .circle_box .big_circle_fade {
    z-index: 92;
}

.line_with_circle .elements_holder .box_holder .circle_box ._number {
    z-index: 100;
}

.line_with_circle .elements_holder .circle_box ._line.hide_line {
    display: none !important;
}

.line_with_circle .elements_holder .box_holder:hover .circle_box ._circle, .line_with_circle .elements_holder .box_holder:hover .circle_box .big_circle, .line_with_circle .elements_holder .box_holder:hover .circle_box ._number {
    opacity: 1;
}

.line_with_circle .elements_holder .box_holder.active .circle_box ._circle, .line_with_circle .elements_holder .box_holder.active .circle_box .big_circle, .line_with_circle .elements_holder .box_holder.active .circle_box ._number {
    opacity: 1;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box ._circle, .line_with_circle .elements_holder .box_holder:first-child .circle_box ._line, .line_with_circle .elements_holder .box_holder:first-child .circle_box .big_circle, .line_with_circle .elements_holder .box_holder:first-child .circle_box ._number {
    opacity: 1;
}

.line_with_circle .elements_holder .box_holder:hover .circle_box ._line, .line_with_circle .elements_holder .box_holder.active .circle_box ._line {
    opacity: 0;
}

.line_with_circle .elements_holder .box_holder:hover .circle_box ._dynamic_line, .line_with_circle .elements_holder .box_holder.active .circle_box ._dynamic_line {
    height: 100%;
    opacity: 1;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box ._dynamic_line {
    height: 50%;
    opacity: 1;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box ._line {
    z-index: 88;
}

.line_with_circle .elements_holder .box_holder:hover .circle_box .big_circle_fade, .line_with_circle .elements_holder .box_holder.active .circle_box .big_circle_fade {
    height: 0px;
}

.line_with_circle .elements_holder .box_holder:first-child .circle_box .big_circle_fade {
    height: 0px !important;
}

@media only screen and (max-width:575.98px) {
    .line_with_circle .elements_holder .circle_box ._circle {
        width: 50px;
        height: 50px;
    }
    .line_with_circle .elements_holder .circle_box .big_circle {
        width: 90px;
        height: 90px;
    }
    .line_with_circle .elements_holder .circle_box .big_circle_fade {
        width: 92px;
        margin-bottom: -46px;
    }
}

/* Line with circle  szerkezeti resze eddig  */

.index_page .content_title {
    color: rgb(var(--title-primary-color), 80%);
    font-weight: 900;
    font-size: 4rem;
    margin-bottom: 10px;
    line-height: 4.5rem;
    letter-spacing: .5px;
}

.index_page .content_title._tt1 {
    font-size: 5rem;
    line-height: 4rem;
}

.index_page .content_title._tt1>span {
    font-size: 2.75rem;
    font-weight: 400;
}

.index_page .content_subtitle {
    color: rgb(var(--text-primary-color));
    font-weight: 600;
    font-size: 1.75rem;
    margin-bottom: 15px;
    line-height: 2.5rem;
    letter-spacing: .5px;
}

.index_page .content_text {
    color: rgb(var(--text-secondary-color));
    font-weight: 400;
    font-size: 1.25rem;
    margin-bottom: 15px;
    line-height: 1.85rem;
    letter-spacing: .5px;
}

.banner_text_holder .content_title ._tt1 {
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: rgb(var(--title-light-color));
    ;
    font-weight: 700;
}

.banner_text_holder .content_title ._tt2 {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: rgb(var(--title-light-color));
    ;
}

.banner_text_holder .content_subtitle {
    color: rgb(var(--title-light-color));
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 10px;
    line-height: 1.75rem;
    letter-spacing: .5px;
}

.banner_text_holder .content_text {
    color: rgb(var(--title-light-color));
    font-weight: 400;
    font-size: .95rem;
    margin-bottom: 10px;
    line-height: 1.5rem;
    letter-spacing: .75px;
}

@media only screen and (max-width: 1649.98px) {
    .index_page .content_title {
        color: rgb(var(--title-primary-color), 80%);
        font-weight: 900;
        font-size: 4rem;
        margin-bottom: 10px;
        line-height: 4.5rem;
        letter-spacing: .5px;
    }
    .index_page .content_title._tt1 {
        font-size: 3.65rem;
        line-height: 3.5rem;
    }
    .index_page .content_title._tt1>span {
        font-size: 2.15rem;
        font-weight: 400;
    }
    .index_page .content_subtitle {
        color: rgb(var(--text-primary-color));
        font-weight: 600;
        font-size: 1.35rem;
        margin-bottom: 15px;
        line-height: 2rem;
        letter-spacing: .5px;
    }
    .index_page .content_text {
        color: rgb(var(--text-secondary-color));
        font-weight: 400;
        font-size: 1.15rem;
        margin-bottom: 15px;
        line-height: 1.85rem;
        letter-spacing: .5px;
    }
}

@media only screen and (max-width: 991.98px) {
    .index_page .content_title {
        color: rgb(var(--title-primary-color), 80%);
        font-weight: 900;
        font-size: 3rem;
        margin-bottom: 10px;
        line-height: 3.5rem;
        letter-spacing: .5px;
    }
    .index_page .content_subtitle {
        color: rgb(var(--text-primary-color));
        font-weight: 600;
        font-size: 1.5rem;
        margin-bottom: 10px;
        line-height: 2.25rem;
        letter-spacing: .5px;
    }
    .index_page .content_text {
        color: rgb(var(--text-secondary-color));
        font-weight: 400;
        font-size: 1.25rem;
        margin-bottom: 10px;
        line-height: 1.65rem;
        letter-spacing: .5px;
    }
    .banner_text_holder .content_title._tt1 {
        font-size: 2.75rem;
        line-height: 3rem;
        color: rgb(var(--title-light-color));
        ;
        font-weight: 700;
    }
    .banner_text_holder .content_title._tt1>span {
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 2.5rem;
        color: rgb(var(--title-light-color));
        ;
    }
}

.index_page .line_with_circle .element_content_title {
    color: rgb(var(--title-primary-color));
    font-weight: 900;
    font-size: 1.25rem;
    margin-bottom: 10px;
    line-height: 1.75rem;
    letter-spacing: .5px;
}

.index_page .line_with_circle .element_content_text {
    color: rgb(var(--text-secondary-color));
    font-weight: 400;
    font-size: 1.075rem;
    margin-bottom: 10px;
    line-height: 1.65rem;
    letter-spacing: .5px;
}

.index_page .line_with_circle .element_steps {
    color: rgb(var(--text-primary-color));
    font-weight: 900;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.5rem;
    letter-spacing: .5px;
}

.index_page .btn_holder a {
    height: fit-content;
    width: auto;
    background-color: rgb(var(--index-btn-background-color));
    color: rgb(var(--index-btn-text-color));
    text-align: center;
    display: inline-block;
    padding: 23px 50px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .5px;
}

.index_page .btn_holder a:hover {
    box-shadow: inset 0px 0px 10px 0px #00000032;
}

.timetable_box_holder .weak_holder a {
    font-size: 1.55rem;
    font-weight: 700;
    padding: 10px 20px;
    cursor: pointer;
}

.timetable_box_holder .weak_holder a:hover {
    color: #fff;
}

.timetable_box_holder .weak_holder .aa {
    font-size: 1.55rem;
    font-weight: 700;
    padding: 10px 20px;
    color: #748f99;
    cursor: default;
}

.wrapper.center_content {
    display: flex;
    flex: 1;
    background: #fafafa;
    position: relative;
}

.center_content_v2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_box_holder {
    padding: 25px 15px;
    text-align: right;
    z-index: 99;
    position: relative;
}

.login_box_holder .login_btn {
    display: inline-block;
}

.login_box_holder .login_btn a {
    color: #bdbdbd;
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: 10px;
    line-height: 2.5rem;
    letter-spacing: .5px;
    border: 1px solid #babfc2;
    padding: 8px 10px;
    letter-spacing: 1px;
}

.login_box_holder .login_btn a:hover {
    color: #40778a;
    border: 1px solid #216882;
}

.language_chooser_box_holder {
    padding: 35px 15px;
    text-align: left;
    z-index: 99;
    position: relative;
}

.language_chooser_box {
    display: inline-block;
}

.language_chooser_box_holder .language_chooser_box i {
    color: rgb(var(--header-text-primary-color));
    margin-right: 10px;
}

.language_chooser_box_holder .language_chooser_box a {
    color: rgb(var(--header-text-secondary-color));
    margin: 0px 1px;
    font-weight: 700;
    font-size: .85rem;
    padding: 3px;
}

.language_chooser_box_holder .language_chooser_box a:hover, .language_chooser_box_holder .language_chooser_box a.slng {
    color: rgb(var(--header-text-light-color));
    background-color: rgb(var(--theme-secondary-color));
    border-radius: 5px;
}

.timeslots_message_holder {
    position: absolute;
    color: #ebebeb;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    background: #f5f5f5;
    padding: 15px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1219.98px) {
    .center_content_v2 {
        display: flex;
        align-items: center;
        justify-content: center;
        /* height: 100%; */
        padding-top: 5%;
    }
}

.dynamic_content_holder {
    padding: 5vw;
}

.banner_holder .background_image_holder_bottom {
    background: url(/img/spital/spital_background_bottom.png) bottom right / auto 800px no-repeat;
    width: 100%;
    min-height: 500px;
    position: absolute;
    height: 100%;
    max-height: 600px;
    bottom: 0;
    background-size: cover;
}

.center_content.banner_holder {
    background-image: linear-gradient(0deg, rgb(207 242 255), rgb(255 255 255) 60%);
}

@media only screen and (min-width: 1999.98px) {
    .banner_holder .background_image_holder_bottom {
        background: url(/img/spital/spital_background_bottom.png) bottom right / auto 80vw no-repeat;
        width: 100%;
        min-height: 500px;
        position: absolute;
        height: 100%;
        max-height: 70vh;
        bottom: 0;
        background-size: cover;
    }
}

@media only screen and (max-width: 1599.98px) {
    .banner_holder .background_image_holder_bottom {
        background: url(/img/spital/spital_background_bottom.png) bottom right / auto 400px no-repeat;
        width: 100%;
        min-height: 400px;
        position: absolute;
        height: 100%;
        max-height: 450px;
        bottom: 0;
        background-size: cover;
    }
}

@media only screen and (max-width: 991.98px) {
    .banner_holder .background_image_holder_bottom {
        background: url(/img/spital/spital_background_bottom.png) bottom right / auto 600px no-repeat;
        width: 100%;
        min-height: 500px;
        position: absolute;
        height: 100%;
        max-height: 700px;
        bottom: 0;
        background-size: cover;
    }
    .dynamic_content_holder {
        padding: 0vw;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner_holder .background_image_holder {
        background: url(/img/spital/spital_background.jpg) center center / 100% no-repeat, linear-gradient(0deg, rgb(196 239 255), rgb(255 255 255) 50%);
        width: 100%;
        min-height: 450px;
    }
    .timetable_box_holder {
        filter: none !important;
    }
    .timetable_d_t_list_holder .timetable_element {
        border-right: 0px;
    }
    .show_timeslots_btn {
        width: calc(33.33% - 20px);
    }
}

.timetable_times_boxes .hidden_timeslots {
    display: none;
}

.timetable_times_boxes .hidden_timeslots.show {
    display: block;
}

.timetable_times_boxes .show_timeslots_btn.hide {
    display: none;
}

.timetable_box_holder .hide_timeslots_btn.hide {
    display: none;
}

.timetable_times_boxes .show_timeslots_btn {
    background-color: #ebebeb !important;
}

.timetable_times_boxes .show_timeslots_btn:hover {
    background: #dedede !important;
}

.timetable_box_holder .hide_timeslots_btn {
    padding: 5px;
    background: #e7e7e7;
    border-bottom: 1px solid #dee2e6;
    border-top: 0px;
    font-size: 1.15rem;
    color: #6f6f6f;
    cursor: pointer;
    border-radius: 0px 0px 0px 10px;
}

.timetable_box_holder .hide_timeslots_btn:hover {
    background: #dedede;
}

.timeslots_message_holder {
    position: absolute;
    color: #ebebeb;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    background: #f5f5f5;
    padding: 15px;
    display: flex;
    align-items: center;
}

.timeslots_message_holder .inner_icon {
    position: relative;
    top: 5px;
    font-size: 1.5rem;
}

.timeslots_message_holder span i {
    color: #dadada;
}

.timeslots_message_holder ._hint_text {
    color: #8f8f8f;
    font-size: 1rem;
    position: relative;
    top: 4px;
    padding-left: 5px;
    letter-spacing: .5px;
    white-space: nowrap;
}

/*.wrapper.center_content{
     background: url(/img/background_index_v3.png) center center / auto 500px no-repeat, linear-gradient(0deg, rgb(186 213 198) 50%, rgb(247 181 103) 50%);
    width: 100%;
}*/

@media only screen and (max-width: 991.98px) {
    .timetable_d_t_holder {
        min-height: 100px;
    }
    .timeslots_message_holder {
        position: absolute;
        color: #ebebeb;
        /* top: 80%; */
        left: 50%;
        transform: translate(-50%, -40%);
        z-index: 99;
        background: #ffffff00;
        padding: 15px;
        display: flex;
        align-items: center;
    }
    .timetable_d_t_holder li.border_none {
        border: none;
    }
    .timetable_d_t_list_holder .timetable_element {
        min-height: 150px;
        margin-bottom: 0px;
    }
    .timetable_d_t_list_holder .timetable_element:first-child .empty_day.timetable_d_t_boxes .timetable_times_boxes {
        border-radius: 0px 0px 0px 15px;
    }
    .timetable_d_t_list_holder .timetable_element:nth-last-child(2) .empty_day.timetable_d_t_boxes .timetable_times_boxes {
        border-radius: 0px 0px 15px 0px;
    }
    .timetable_d_t_list_holder li:last-of-type {
        border-right: 0px;
    }
    .index_page .content_title ._tt1 {
        font-size: 4.75rem;
        line-height: 6.25rem;
    }
    .index_page .content_title ._tt2 {
        font-size: 3.5rem;
        font-weight: 400;
    }
}

@media only screen and (max-width: 767.98px) {
    .timeslots_message_holder {
        position: initial;
        color: #ebebeb;
        /* top: 80%; */
        left: 0%;
        transform: translate(-0%, -0%);
        z-index: 99;
        background: #ffffff00;
        padding: 15px;
        display: flex;
        align-items: center;
        max-width: 100%;
        overflow: hidden;
        border: 1px solid #eaeaea;
        border-radius: 0px 0px 15px 15px;
    }
    .timeslots_message_holder i {
        font-size: 3rem;
    }
    .timeslots_message_holder .inner_icon {
        position: relative;
        top: -7px;
        font-size: 1rem;
    }
    .timeslots_message_holder ._hint_text {
        font-size: .8rem;
        max-width: 240px;
        white-space: inherit;
    }
    .timeslots_message_holder .fa-stack {
        position: relative;
        top: 10px;
    }
    ._timetable.__text {
        margin-bottom: 0px;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_d_t_boxes .timetable_times_boxes .__times {
        margin: 8px 10px;
    }
    .timetable_d_t_list_holder .timetable_element {
        margin-bottom: 15px;
    }
    .index_page .content_title._tt1 {
        font-size: 3.25rem;
        line-height: 3.75rem;
    }
    .index_page .content_title._tt1>span {
        font-size: 2.5rem;
        font-weight: 400;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes a {
        width: 33.33%;
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes button {
        width: calc( 33.33% - 20px );
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes .hidden_timeslots a {
        width: 100%;
        display: inline-block;
    }
    .timetable_d_t_list_holder .timetable_element .timetable_times_boxes .hidden_timeslots {
        width: 33.33%;
    }
}

@media only screen and (max-width: 565.98px) {
    .index_page .content_title._tt1 {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }
    .index_page .content_title._tt1>span {
        font-size: 1.85rem;
        font-weight: 400;
    }
    .index_page .content_subtitle {
        color: rgb(var(--text-primary-color));
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.65rem;
    }
    .index_page .content_text {
        color: rgb(var(--text-secondary-color));
        font-weight: 400;
        font-size: 1.15rem;
    }
}

._form_title_holder>span {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    letter-spacing: .5px;
    text-align: center;
    padding-bottom: 15px;
    background-color: transparent;
    padding-top: 15px;
    display: block;
    width: 100%;
    text-align: center;
}

.succes_form_holder ._form_title_holder>span {
    color: rgb(var(--success-text-color));
    color: rgb(var(--success-text-color));
    padding: 0px 30px;
}

.c_form_box {
    box-shadow: 0px 0px 10px 0px #e2e2e2;
    padding: 10px 20px 30px;
    background-color: rgb(var(--theme-secondary-color), 30%);
    border-radius: 10px;
}

.c_form_box_content {
    background-color: #fff;
    border-radius: 25px;
    padding: 20px 50px 30px;
}

.c_form_box .icon_holder i {
    color: #ffffff;
    font-size: 2.35rem;
}

.succes_form_holder ._subtitle {
    font-weight: 600;
    color: rgb(var(--text-primary-color));
}

.succes_form_holder ._subtitle.__primary_c {
    color: rgb(var(--title-primary-color));
}

.succes_form_holder .__primary_c {
    color: rgb(var(--title-primary-color));
}

@media only screen and (max-width: 575.98px) {
    .c_form_box {
        box-shadow: none;
        padding: 0px;
        background-color: transparent;
        border-radius: 0px;
    }
    .c_form_box_content {
        background-color: #fff;
        border-radius: 0px;
        padding: 10px 0px;
    }
    .c_form_box .icon_holder i {
        display: none;
    }
    .c_form_box .input_box input {
        border: none;
        border-bottom: 1px solid #dadada;
        border-radius: 0px;
        padding-left: 5px;
    }
    .c_form_box .input_box input::placeholder {
        color: rgb(var(--text-secondary-color), 75%);
    }
    .c_form_box .input_box label {
        display: none;
    }
    ._form_title_holder span {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

._term_and_cond_text p b {
    font-size: 1.05rem;
    line-height: 1.45rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    letter-spacing: .5px;
    text-align: left;
    background-color: transparent;
}

._term_and_cond_text p:first-child b {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--title-primary-color));
    font-weight: 800;
    letter-spacing: .5px;
    text-align: left;
    background-color: transparent;
    text-align: center;
}

._term_and_cond_text p:first-child {
    text-align: center;
}

._term_and_cond_text p {
    font-size: .95rem;
    line-height: 1.45rem;
    font-family: var(--theme-primary-font);
    color: rgb(var(--text-primary-color), 80%);
    font-weight: 400;
    letter-spacing: .5px;
    text-align: left;
    background-color: transparent;
}

.modal .c_primary_btn {
    background-color: rgb(var(--theme-primary-color));
    border-color: rgb(var(--theme-primary-color));
    ;
}

.notification_modal .modal-content {
    width: 600px;
    margin: auto;
    background-color: transparent;
    border-radius: 20px;
    position: relative;
}

.notification_modal .icon_holder i {
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    color: #ff8484;
    font-size: 30px;
    filter: drop-shadow(2px 2px 4px #00000008);
    border: 1px solid #efefef;
}

.notification_modal .modal-content .modal-body {
    background-image: linear-gradient( 180deg, #e4f4fd 50%, #fff 50%);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 50px;
}

.notification_modal .icon_holder {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 99;
}

.notification_modal .modal-content .exp_messages_text {
    font-size: 2.25rem;
    font-weight: 700;
    color: #252525;
    line-height: 2.75rem;
    text-align: center;
}

ul#xx_sexp_time {
    list-style: none;
    margin: 30px 0px 30px 0px;
    padding: 0;
    display: block;
    text-align: center;
}

ul#xx_sexp_time li span {
    font-size: 60px;
    font-weight: 600;
    line-height: 80px;
    color: #3c3c3c;
    display: block;
}

#exp_mess .hint_text {
    text-align: center;
    font-size: 15px;
    color: #a5a5a5;
}

ul#xx_sexp_time li {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 2px 25px -17px #000000ab;
    *background-image: linear-gradient( 180deg, #fff 46%, #afafaf 4%, #fff 50%);
    min-width: 100px;
}

ul#xx_sexp_time li.seperator {
    box-shadow: none !important;
    background-color: transparent;
    color: #000;
    background-image: none !important;
    min-width: 50px;
}

ul#xx_sexp_time li p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #969696;
    letter-spacing: .5px;
}

#exp_mess.finished {
    font-size: 35px;
    font-weight: 600;
    line-height: 80px;
    color: #3c3c3c;
    display: block;
    text-align: center;
}

.notification_modal .buttons_holder {
    padding: 30px 60px 20px;
}

#exp_mess.finished~.buttons_holder .keepalivebutton {
    display: none;
}

#exp_mess.finished~.buttons_holder {
    justify-content: center !important;
    padding: 0px 60px 20px;
}

.buttons_holder .home_pg_btn {
    height: fit-content;
    width: auto;
    background-color: rgb(var(--theme-secondary-color));
    color: rgb(var(--button-text-light-color));
}

#exp_mess.finished {
    min-height: 140px !important;
}

#exp_mess.finished .exp_hint_text {
    text-align: center;
    font-size: 16px;
    color: #757575;
    display: block;
    width: 100%;
    font-weight: 400;
    letter-spacing: .5px;
}

.footer {
    margin-top: 2rem;
}

.footer .footer_holder {
    padding: 1.5rem 1rem;
    background-color: #043142;
}

.footer_holder .footer_content .footer_text {
    color: #c0e4f98c;
    font-size: 14px;
    letter-spacing: .75px;
}

.footer_holder .footer_content .powered_text {
    color: #c0e4f98c;
    font-size: 14px;
    letter-spacing: .75px;
}

.footer_holder .footer_content .powered_logo:hover .powered_logo_icon, .footer_holder .footer_content .powered_logo .powered_logo_icon.animate {
    transform: rotate(360deg);
    transition-duration: 2s;
}


@media only screen and (min-width: 991.98px){
.doctor_info_box.cnas .__doctor_p_infos{
    position: relative;
    
}

.timetable_box_holder .custom_choose_box{
    position: relative;
    background-color: #f5f5f5;
    border-top:2px solid #dedede;
}

.timetable_box_holder .doctors_name{
    max-width:280px ;
}

.timetable_box_holder .doc_extra_infos{
    max-width: 680px;
}

}

.timetable_box_holder .doc_extra_infos span{
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .5px;
    line-height: 1.5rem;
}

    .doctor_info_box.cnas .__doctor_p_infos {
        position: relative;
        align-items: flex-end;
    }