@import url('https://fonts.cdnfonts.com/css/effra-trial');


body,
p {
    font: normal 16px/30px 'Effra Trial', sans-serif;
}

::-moz-selection {
    /* Code for Firefox */
    color: FFF;
    background: #01B7C4;
}

::selection {
    color: FFF;
    background: #01B7C4;
}

a:hover {
    text-decoration: none;
}



h5 {
    font-size: 1rem !important;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 25px;
    position: relative;
}

.wrapper-label {
    background-color: transparent;
    transition: 0.3s all ease-in-out
}

/* Styles for the label when the input is checked */
.wrapper-label input:checked+span {
    background-color: #01B7C4;
    color: #fff;
    transition: 0.3s all ease-in-out;
    border-radius: 5px;
    padding: 3px;
}

.filter-new-box {
    width: 320px;
}

.wrapper-label:hover {
    color: #01B7C4;
}



#user-schedule form .radio-selectors .radio-selectors div div input,
.alert.active,
.empty-text {
    display: block
}

.navbar,
.overlay {
    top: 0;
    width: 100%
}

.doctor-wrapper,
.entries-filter-box .filter-group,
.entry-wrapper .rating-value,
.reservation-table-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

/* .form-screen .entries-filter-box .nav-item.complete .nav-link .circled,
input[type=radio] {
    visibility: hidden
} */

.entries-filter-picker,
.entries-header-bar-picker,
.form-screen .form-screen-picker,
.profile-screen .profile-screen-picker,
.search-picker {
    -moz-text-align-last: right;
    text-align-last: right
}

:root {
    --ar_font: 'Arial';
    --en_font: 'Arial'
}



body {
    direction: rtl;
    text-align: right;
    font-family: 'Effra Trial', sans-serif;
    /* background-color: #fbfeff */
}

/* h3 {
    font: Bold 1.75rem/59px 'Effra Trial', sans-serif;
} */

h4 {
    font: Bold 1.5rem/51px 'Effra Trial', sans-serif;
}

.pt-75 {
    padding-top: 120px
}

.ptb-50 {
    padding: 50px 0
}

.doctor-card {
    background-color: #FFF;
    padding: 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

.how-card {
    background-color: #FFF;
    padding: 15px 0 0px 0;
    border-radius: 20px;
}

.doctor-card img,
.how-card img {
    transition: transform 0.3s;
    cursor: pointer;
}

.doctor-card:hover img {
    transform: scale(1.03);
}

.how-card:hover img {
    transform: scale(1.03);
}

.bg-grey {
    background-color: #F6F6F6
}

.doctor-info,
.offer-details {
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    width: 100%
    
}

.doctor-info-item {
    display: flex;
    align-items: center;
    justify-content: start;


}

.doctor-card-btn {
    border-radius: 8px;
    margin-top: 30px !important;
}

.offer-card {
    position: relative;
    transition: 0.3s all ease-in-out;
    height: 10px;
    overflow: hidden;
}

.offer-card:hover img {
    transform: scale(1.02) rotate(1deg);
    transition: transform 0.2s ease-in-out;
}


.offer-text {
    position: absolute;
    top: 24px;
    border-radius: 10px 20px 0px 10px;
    right: 0;
    padding: 4px 13px;
}

.discount {
    text-decoration: line-through;
}

.borderd-item {
    padding: 2px 8px;
    line-height: 20px;
    font-size: 15px;
    border-radius: 10px;
    margin: 0 5px;
    background-color: #01B7C4;
    color: #FFF;
}

.fs-11 {
    font-size: 11px
}

.fs-13 {
    font-size: 13px
}

.flip-box-back,
.inverse-direction {
    direction: rtl
}

.enforce-direction {
    direction: rtl
}

.btn-social>i,
.fg-custom-color1 {
    color: #00b8cd
}

.fg-light-grey {
    color: #848383
}

.title-highlight-container {
    width: 0;
    margin: -26px auto 0;
    overflow: visible
}

.title-highlight {
    margin-right: -120px;
    border-bottom: 10px solid #01b5B633;
    width: 210px
}

.empty-text {
    font: Bold 24px 'Effra Trial', sans-serif;
    color: #636363;
    background-color: #fff;
    margin-top: 24px;
    padding: 8px 0;
    border: 1px solid #f1f8fb;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

/* .alert,
.entry-description-img img,
.entry-wrapper .entry-gallery .entry-img:nth-child(n+6),
.offer-panel a>img,
.overlay {} */

.content-wrapper {
    padding: 16px 125px;
    width: 100%
}

footer .content-wrapper {
    padding: 16px 125px 16px 0
}

.contact-us-information .content-wrapper,
.doctors-list .content-wrapper,
.offers-list .content-wrapper {
    padding: 16px 100px
}

@media (max-width:1200px) {
    .content-wrapper {
        padding: 16px 0px
    }

    footer .content-wrapper {
        padding: 16px 32px 16px 0
    }

    .contact-us-information .content-wrapper,
    .doctors-list .content-wrapper,
    .offers-list .content-wrapper {
        padding: 16px
    }
}

.bootstrap-select .dropdown-menu {
    z-index: 1100;
    max-height: 400px
}

.bootstrap-select .form-control:focus,
.form-screen .dropdown-toggle:focus,
.form-screen .tagify--focus,
.form-screen input:focus,
.form-screen textarea:focus,
.profile-screen .dropdown-toggle:focus,
.profile-screen .tagify--focus,
.profile-screen input:focus,
.profile-screen textarea:focus {
    -webkit-box-shadow: 0 0 0 .2rem #01b5B655;
    box-shadow: 0 0 0 .2rem #01b5B655
}

.bootstrap-select .dropdown-header {
    font: Bold 12px/22px 'Effra Trial', sans-serif;
    text-align: right;
    background-color: #00000002;
    padding: 8px 16px
}

.bootstrap-select .dropdown-divider,
.profile-screen .image-group.multiple .sub-group {
    margin: 0
}

.bootstrap-select .dropdown-item {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    text-align: right;
    text-decoration: none
}

.bootstrap-select .dropdown-item.active,
.offers-list .dropdown-menu>li>a:focus,
.search-box .dropdown-item:active {
    color: #fff;
    background-color: #01b5b6
}

/* label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

input[type=checkbox]::before {
    content: url(../svg/checkbox-unchecked.svg);
    visibility: visible;
    position: absolute;
    top: -5px;
    left: 0
}



input[type=radio] {
    cursor: pointer
} */

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active:hover {
    background-color: #004c53;
    background-image: -o-linear-gradient(top, #00b8cd, #004c53);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00b8cd), to(#004c53));
    background-image: linear-gradient(to bottom, #00b8cd, #004c53);
    background-repeat: repeat-x;
    border-color: #004c53;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datetimepicker table tr td span.month {
    width: 40px;
    font-size: 12px
}

.datetimepicker thead tr:first-child th.prev::after {
    content: url(../svg/back.svg);
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.datetimepicker thead tr:first-child th.next::after {
    content: url(../svg/back.svg);
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.aos-fix[data-aos][data-aos].aos-animate {
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial
}

@media(max-width:576px) {
    [data-aos-delay] {
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important
    }
}

.rating-disabled .rating-input,
.rating-disabled .rating-stars {
    /* z-index: -1; */
    cursor: default
}

.alert {
    font: 16px/27px 'Effra Trial', sans-serif;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 0
}

.alert-primary {
    color: #0a8d8d;
    background-color: #00b8CD33;
    border-color: #a2ced3
}

.overlay {
    position: absolute;
    height: 100%;
    left: 0;
    background: #fcfCFCCC;
    border-radius: .25rem;
    z-index: 50;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
}

.overlay.active {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    --ms-flex-pack: center
}

.btn-social,
.hero-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.navbar {
    background: #FFF;
    z-index: 99999999;
    position: fixed
}

.navbar-nav {
    padding: 0
}


.navbar-light .navbar-toggler {
    border-color: #00b5b6;
}

.filter-toggler {
    margin-right: 170px;
}

.navbar-light .navbar-nav .nav-link {
    padding: 4px 10px;
    font: Bold 17px/30px 'Effra Trial', sans-serif;
    color: #00b5b6;
    text-wrap: nowrap;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #018080;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
}


.navbar-light .dropdown-menu .dropdown-item:hover,
.navbar-light .navbar-nav .nav-item.active>.nav-link,
.navbar-light .navbar-nav .nav-item>.nav-link[aria-expanded=true] {
    color: #00b5b6
}

.navbar-light .dropdown-menu .dropdown-item:hover {
    color: #00b5b6;
}


.navbar-nav {
    margin-right: 100px;
}

@media (max-width: 991px) {
    .navbar-nav {
        margin-right: 0px;
    }
}

.navbar-nav .main-nav {
    margin-right: 100px;
}

.navbar-nav .nav-item {
    padding-right: 25px !important;
}

.doctor-panel .flip-box-front,
.navbar-light .navbar-nav .nav-item>.nav-link[aria-expanded=false] {
    color: #00b5b6
}

.navbar-light .navbar-nav .btn-nav,
.navbar-light .navbar-nav .btn-nav-outline:hover {
    min-width: 125px;
    background-color: #00b5b6;
    border: 1px solid #DDD;
    border-radius: 7px;
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #FFF;
    margin: auto 10.5px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.btn-standard,
.search-box-title {
    font: normal 19px/25px 'Effra Trial', sans-serif;
}

.navbar-light .navbar-nav .btn-nav-outline {
    border: 1px solid #ddd;
    background-color: transparent;
    color: #00b5b6;
    margin: auto 10.5px
}

.navbar-light .navbar-nav .btn-nav-outline:hover,
.navbar-light .navbar-nav .btn-nav:hover {
    color: #FFF
}

.navbar-light .dropdown-menu {
    display: block;
    max-height: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: transform, max-height, .15s ease-in-out, -webkit-transform;
    transition: transform, max-height, .15s ease-in-out, -webkit-transform;
    -o-transition: transform, max-height, .15s ease-in-out, -webkit-transform;
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transition: transform, max-height, .15s ease-in-out, -webkit-transform;
    -ms-transition: transform, max-height, .15s ease-in-out, -webkit-transform;
}

.navbar-light .dropdown-menu.show {
    max-height: none;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.navbar-light .dropdown-menu .dropdown-item {
    font: Bold 15px/30px 'Effra Trial', sans-serif;
    border-radius: .25rem;
    text-align: right;
    background-color: #fff;
    color: #01b5b6
}

.navbar-light .dropdown-menu .dropdown-item.active,
.navbar-light .dropdown-menu .dropdown-item:focus {
    color: #f1f8fb;
    background-color: #01b5b6
}

.btn-standard:hover,
.navbar-light .user-toggle.show .nav-link {
    background-color: #0a8d8d
}

.navbar-light .user-toggle .user-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden
}

.doctor-panel .doctor-img img,
.entry-profile-info .profile-img img,
.entry-wrapper .entry-rating .user-img img,
.navbar-light .user-toggle .user-img img {
    width: auto;
    height: max-content
}

.navbar-light .user-toggle .user-name {
    margin: auto 5px;
    font: Bold 14px/20px 'Effra Trial', sans-serif;
    text-align: center;
    color: #f1f8fb
}

.navbar-light .user-toggle .nav-link {
    background-color: #01b5b6;
    border: 2px solid #01b5b6;
    border-radius: 7px;
    padding: 4px 8px;
    text-align: center;
    margin: auto 10.5px
}

.navbar-light .language-toggle,
.navbar-light .user-toggle {
    position: relative;
    margin: auto 0
}

.filter-card-devider {
    background: #F6F6F6;
    height: 30px;
    margin: 0 -20px !important;
}

@media (min-width:992px) {

    .hero-text {
        padding: 16px 125px
    }

    .navbar-light .dropdown-menu {
        margin-left: -70px
    }

    .navbar-light .dropdown-menu.user-menu {
        margin-left: 12px
    }

    .container-fluid,
    .article-title {
        padding: 0 130px !important;
    }
}

@media (max-width:991px) {
    .navbar-light .user-toggle .nav-link {
        margin: 0
    }

    .content-wrapper {
        padding: 16px 0px
    }

    .navbar-light .navbar-nav .btn-nav {
        font: Bold 14px/20px 'Effra Trial', sans-serif;
    }

    .navbar-light .language-toggle::after {
        position: absolute;
        top: 5px;
        left: 12.5px;
        z-index: -2;
        content: url(../svg/colored-back.svg)
    }

    .container-fluid,
    .article-title {
        padding: 0 20px !important;
    }

    .footer-title {
        text-align: center
    }
}

.book-click {
    background: url("../../../../../espitalia/storage/app/public/images/home/book.webp");
}

/* .book-click .container-fluid img{
    margin-right: 34px;
} */

.btn-standard {
    background-color: #01b5b6;
    border: 2px solid #01b5b6;
    color: #fff
}

.btn-standard:hover {
    color: #fff
}

.btn-social {
    color: #00b5b6;
    background-color: #fff;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center
}

.btn-social:hover {
    background-color: #006b74;
    color: #fff
}

.btn-social:hover>i {
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    color: #fff
}



.carousel .carousel-item {
    /* margin-top: -76px; */
    height: 50vh;
    height: 50dvh;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    overflow: hidden;
    /* border-radius: 10px; */
}

@media (max-width: 767px) {
    .carousel .carousel-item {
        margin-top: 40px;
        height: 22vh;
        height: 22dvh;
    }
}

.carousel .active,
.carousel .left {
    opacity: 1 !important
}

.carousel .item-override {
    background: url(../img/hero-img.png) 0 0/cover no-repeat;
    background-size: cover;
    -moz-background-size: cover
}

.carousel .left {
    -webkit-transition: opacity .5s !important;
    -o-transition: opacity .5s !important;
    transition: opacity .5s !important
}

.hero-wrapper {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 93vh;
    max-height: 682px;
    width: 100%;
    position: absolute;
    top: 0
}

.hero-panel,
.offer-panel {
    display: -webkit-box;
    display: -ms-flexbox
}

.offer-panel {
    padding: 15px;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: max-content;
    overflow: hidden;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.offer-cats {
    border-bottom: 1px solid #ddd;
}

.offer-cats .form-check {
    display: inline-block;
    width: 9%;
    padding: 0;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.offer-cats .all {
    width: 12%;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    background: rgb(247, 247, 247);
    cursor: pointer;
    position: relative;
}

.offer-cats .form-check-input {
    margin: 0;
}

.offer-cats label {
    padding: 5px 10px;
    border-bottom: 3px solid transparent;
}

.offer-cats input[type=radio]::before {
    opacity: 0;
}

.offer-cats .form-check-input:checked~label {
    border-color: rgb(224, 32, 32);
}

.all-cats {
    position: absolute;
    background: rgb(247, 247, 247);
    min-width: 200px;
    display: none;
    transition: all .2s ease-in-out;
    z-index: 222;
    text-align: right;
    list-style: none;
    padding: 0;
}

.all-cats li {
    padding: 0 15px;
}

.all-cats li:hover {
    background: #fff;
}

.all-cats label {
    padding: 0;
}

.all-cats .form-check {
    width: 100%;
    text-align: right;
}

.offer-cats .all:hover .all-cats {
    display: block;
}

.offer-item {
    margin-bottom: 1rem;
}

.offer-image {
    max-width: 100%;
    /* Limit the image width to its container */
    height: 200px;
    /* Limit the image height to its container */
    display: block;
    /* Remove any extra spacing below the image */
    margin: 0 auto;
    /* Center the image horizontally */
}

.offer-item {
    /* Add styles for the offer item container */
}

.image-container {
    position: relative;
    overflow: hidden;
}

.offer-image {
    width: 100%;
    /* Ensure the image takes 100% width of its container */
    height: auto;
    /* Maintain aspect ratio */
    display: block;
}

.offer-percent {
    /* Add styles for the offer percent container if needed */
    position: absolute;
    top: 0;
    left: 0;
    /* Add additional styling as per your design */
}

.image-container {
    position: relative;
    overflow: hidden;
    height: 12rem;
    border-radius: 5px;
}

.image-container img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.image-container:hover img {
    transform: scale(1.1) rotate(1deg);
}

.offer-item .content {
    padding: 1rem;
}

.offer-item .content a {
    font-size: 16px;
    color: #212529;
}

.offer-percent {
    position: absolute;
    background: rgb(224, 32, 32);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 5px;
    border-radius: 1px;
    top: 8px;
    border-right: 5px solid rgb(174, 13, 13);
    line-height: 22px;
    right: 2px;
    z-index: 22;
    width: max-content
}

.offer-percent.status {
    background: rgb(225 173 18);
    border-color: rgb(180 139 19);
    bottom: 8px;
    top: auto;
    left: 8px;
    right: auto;
    min-width: 60px;
    text-align: center;
}

.offer-percent.status.active {
    background: rgb(15 134 17 / 80%);
    border-color: rgb(15 134 17 / 100%);
}

.delete-offer {
    position: absolute;
    left: -35px;
    top: 5px;
    transition: all .2s ease-in-out;
    z-index: 6;
}

.delete-offer a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(224, 32, 32);
    display: block;
    color: #ffffff;
    border-radius: 3px;
}

.offer-item:hover .delete-offer {
    left: 5px;
}

.price {
    font-size: 13px;
}

.price span {
    line-height: 18px;
}

.price span.price-before {
    text-decoration: line-through;
}

.price span.price-after {
    margin: 0 8px;
}

.price span:last-child {
    line-height: 25px;
}

.offer-details .image-container {
    height: 20rem;
}

.offer-details .price {
    font-size: 18px;
}

.offer-details .price span {
    line-height: 25px;
}

.offer-details .entry-wrapper.entry-info {
    box-shadow: none;
    max-width: 100%;
}

.entry-wrapper.entry-info .edit-profile {
    display: inline-block;
    border-radius: 7px;
    color: #ffffff;
    background-color: #01b5b6;
    font: Bold 20px/20px Effra Trial;
    padding: 10px 40px 10px 40px;
    margin: 26px 0 29px 0;
}

/* .offer-details h3 {
    font-size: 20px;
    line-height: 16px;
} */

.offer-details p {
    color: rgb(116, 116, 112);
    font-size: 14px;
    font-weight: 500;
}

.sub-tilte {
    font-size: 13px;
    font-weight: normal;
    color: #848383;
}


.doctor_info span {
    font-size: 14px;
    color: rgb(151, 151, 151);
    font-weight: normal;
}

#more-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.how-to {
    padding: 40px 0;
    padding: 55px 0 25px;
}

.articles-section {
    /* height: 60vh; */
    padding-top: 1.5rem !important;
}

.articles-section .slick-dots {
    bottom: -4px !important;
}

.profile-content-wrapper {
    padding: 0 120px !important;
}

.search-row {
    margin-top: 26px;
    margin-right: 26px
}

@media (max-width : 415px) {
    .trendin-doc {
        /* height: 50vh; */
    }
}



@media (max-width: 576px) {

    .search-row {
        margin-top: 0;
        padding-right: 0;
        margin-right: 0px
    }

    .navbar-toggler {
        margin-left: 10px;
    }

    .navbar-small {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }

    .new-doc {
        padding-top: 0px !important;
    }

    .clinic-box {
        margin-left: 0px !important
    }

    .doctor-box {
        margin-right: 0px !important;
        border-right: 0px !important;
    }

    .search-row {
        margin-top: 15px;
    }

    .profile-content-wrapper {
        padding: 0 !important;
    }

    /* .articles-section {
        height: 47vh;
    } */

    .articles-section .slick-dots {
        bottom: 0px !important;
    }

    .how-to {
        padding: 20px 0 0;
    }

    .offers-section {
        height: 80vh !important;
    }

    .offers-section .slick-dots {
        bottom: 0 !important;
    }

    .trendin-doc {
        /* height: 92vh; */
        padding-top: 30px;

    }

    .trendin-doc .slick-dots {
        bottom: -4px !important;
    }

    .doctor-card {
        margin-top: 15px;
        /* height: 85% !important;  */
    }

    .doctor-img {
        display: flex;
        align-items: center;
        margin-left: 80px
    }

    .filter-header {
        padding: 10px
    }

    .offer-item .image-container img {
        width: 100%;
    }

    .offer-cats .all {
        width: 27%;
    }

    .offer-cats .form-check {
        width: 15%;
    }
}

.hero-panel {
    margin-top: -76px;
    background: url(../img/hero-img.png) -10px 0/cover no-repeat;
    height: 90vh;
    max-height: 672px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-text {
    width: 100%;
    color: #363636
}

.hero-text .hero-title {
    font: Bold 69px/80px 'Effra Trial', sans-serif;
}

.hero-text .hero-subtitle {
    font: Bold 27px/45px 'Effra Trial', sans-serif;
}

.hero-button {
    padding: 9px 22px
}

.hero-button::before {
    content: url(../svg/emergency.svg);
    position: relative;
    left: 0;
    top: 4px
}

.alt-hero-button {
    padding: 10px 22px;
    background-color: #fff;
    color: #01b5b6
}

.search-box {
    margin: -20px 95px 0;
    padding: 0px 0 0 0;
    background-color: #fff;
    /*-webkit-box-shadow: 0 2px 15px #0000001A;
    */
    /*box-shadow: 0 2px 15px #0000001A;
    */
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.search-box.home-box {
    /* position: absolute; */
    bottom: 20%;
    margin: -25px auto;
    width: 83%;
    z-index: 80;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
}

.search-results .search-box.home-box {
    position: static;
    width: 100%;
    transform: none;
}

.search-results {
    padding-right: 35px;
    padding-left: 35px
}

.search-box-title {
    font-weight: bold;
    color: #fff;
    background-color: #01b5b0;
    border-radius: 4px;
    text-align: center;
    width: 133px;
    height: 33px;
    position: absolute;
    top: -15px;
    right: 20px;
    padding-top: 2px;
    z-index: 99
}

.search-picker {
    width: 100%;
    height: 58px;
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    background-color: #fff;
    color: #00b8cd;
    /* border-left: 2px solid #01b5B655; */
    border-radius: 0;
    /* margin: 6px 0 6px -12px */
    padding: 0 0 0 0px;
}

.dis-none {
    display: none;
}

.speciality-picker {
    padding: 0 0 !important;
}

.governerate-picker,
.region-picker {
    padding: 0 0;
}

.doctor-label {
    font: 22px 'Effra Trial', sans-serif;
    font-weight: 600;
    color: #363636;
    /* padding-right: 62px */
    margin: 0;
}

.doctor-label::before {
    /* position: absolute;
    top: 12px;
    right: 12px;
    width: 70%; */
    /* content: url(../svg/doctor.svg) */
}

.doctor-input {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100%;
    height: auto;
    /* float: right; */
    color: #00b8cd;
    border: none;
    font: Bold 16px/27px 'Effra Trial', sans-serif;
}

#profile_pic_cont,
.docImg,
.download-app,
.form-screen .entries-filter-box .nav-item,
.main-group,
.offer-panel a,
.profile-screen .img-preview,
.schactions,
.schedule-entry,
.title .heading {
    position: relative
}

.how-step,
.sp-item,
.title .btn-standard {
    border-radius: 5px;
    transition: .2s ease-in-out
}

.doctor-input::-webkit-input-placeholder {
    color: #00b8cd
}

.doctor-input::-moz-placeholder {
    color: #00b8cd
}

.doctor-input:-ms-input-placeholder {
    color: #00b8cd
}

.doctor-input::-ms-input-placeholder {
    color: #00b8cd
}

.doctor-input::placeholder {
    color: #00b8cd
}

.bootstrap-select .dropdown-toggle.search-picker .filter-option {
    /* position: absolute;
    top: 0;
    right: 62px;
    width: 70%; */
    height: auto;
    float: right;
    color: #00b8cd
}

.bootstrap-select .dropdown-toggle.speciality-picker .filter-option::before {
    content: "التخصص";
    font: 22px 'Effra Trial', sans-serif;
    font-weight: 600;
    color: #363636;

}

.bootstrap-select .dropdown-toggle.governerate-picker .filter-option::before {
    content: "المحافظة";
    font: 22px 'Effra Trial', sans-serif;
    font-weight: 600;
    color: #363636;

}

.bootstrap-select .dropdown-toggle.region-picker .filter-option::before {
    content: "المنطقة";
    font: 22px 'Effra Trial', sans-serif;
    font-weight: 600;
    color: #363636;

}
.bootstrap-select .dropdown-toggle.doctor-picker .filter-option::before {
    content: "الطبيب او العيادة";
    font: 22px 'Effra Trial', sans-serif;
    font-weight: 600;
    color: #363636;

}

.search-box .dropdown .dropdown-toggle::after {
    position: absolute;
    left: -2px;
}

.search-box .dropdown .dropdown-toggle::after {
    content: url(../svg/back.svg);
    border-top: none
}

.search-box .dropup .dropdown-toggle::after {
    content: url(../svg/back.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-bottom: none
}

.how-step:hover {
    transform: translateY(-8px)
}

.search-box .dropdown.bootstrap-select {
    /* width: 100%!important */
    width: 200px !important;
}



.search-box-button img {
    width: 25px;
}

.search-box-button::before {
    /* content: url(../img/search.png);
    position: relative;
    left: 8px;
    top: 4px */
}

.bg-white {
    background-color: #fff !important;
    border-radius: 20px;
}

.img-bordered {
    border-radius: 20px;
}

.img-circle {
    border-radius: 50% !important;
}

.book-social-icons {
    bottom: 0;
    right: 0;
}

/* .title .heading::after {
    content: "";
    width: 150px;
    height: 4px;
    background: rgba(1, 181, 182, .2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
} */

.title .btn-standard {
    min-width: 120px;
    display: block;
    text-align: center;
    padding: 4px 0px;
}

.app-links a,
.contact-us-card a:hover,
.title .btn-standard:hover {
    text-decoration: none
}

.how-step {
    background-color: #fff;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    margin: 10px 30px;
    max-width: 310px
}


/* .how-step-img1::before {
    content: url("../../../storage/images/step-1.png")
}

.how-step-img2::before {
    content: url("../../../storage/images/step-2.png")
}

.how-step-img3::before {
    content: url("../../../storage/images/step-3.png")
} */

.how-step-row {
    background: #01B7C4;
    border-radius: 10px;
}

.how-step-row .row {
    transform: translateY(50px);
}

.how-step {
    text-align: center;
    margin: 0;
    padding: 1rem;
}

.how-step img {
    max-width: 60px;
}

.how-step h4 {
    font-size: 18px;
    line-height: 2.5;
}

.how-step p {
    margin: 0;
}

.specialties {
    /* background: #f8f8f8 */
}

.sp-item {
    background: #fff;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    -webkit-transition: .2s ease-in-out;
    padding: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-bottom: 2rem
}

.home-offer {
    background: #ffffff;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    border-radius: 8px;
    /* border: 1px solid #ddd; */
}

.home-offer .sp-item {
    box-shadow: none;
    background: transparent;
    margin: 0;
}

.image {
    max-height: 210px;
    overflow: hidden;
    /* width: 120px;
    height: 120px;
    border-radius: 50%;
    background-image: linear-gradient(to top, #004c53, #01b5b6);
    text-align: center;
    line-height: 120px */
}

.image img {
    object-fit: cover;
    /* width: 80px;
    height: 80px */
}

.sp-item h3 {
    margin-top: 1rem;
    font-size: 18px;
    line-height: initial
}

.sp-item a {
    color: #212529;
}

.join-us-label,
.offers-button {
    font: Bold 20px/20px 'Effra Trial', sans-serif;
}

.download-app {
    min-height: 580px;
    background-image: url('../img/download-bg.png');
    /* background-image: linear-gradient(to right, #0b9b9d, #44d7d9); */
    background-size: cover;
    background-position: center;
    object-fit: cover;
}

.download-app .wave {
    background-image: url('../img/wave.svg');
    position: absolute;
    width: 100%;
    background-size: cover;
    height: 100%;
    opacity: .2
}

.download-app .wave.wave2 {
    background-image: url('../../../storage/images/wave2.svg')
}

.download-app .row {
    min-height: 450px;
    align-items: center;
    justify-content: center
}

.download-app .mobile-frame,
.logo-wrapper.signup-wrapper h3,
.logo-wrapper.signup-wrapper h5 {
    text-align: center
}

.download-app .mobile-frame img {
    width: 200px;
    animation: 3s ease-in-out infinite horizontal-shaking
}

@keyframes horizontal-shaking {

    0%,
    100% {
        transform: translateY(0)
    }

    25%,
    75% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(-10px)
    }
}

.download-logos {
    position: absolute;
    left: 5%;
    top: 10%;
}

.download-logos img {
    display: block;
    width: 150px;
    margin-bottom: 1rem;
}

.about-us {
    background: #0b9b9d;
    background: -webkit-gradient(linear, right top, left top, from(#0b9b9d), to(#44d7d9));
    background: -o-linear-gradient(right, #0b9b9d 0, #44d7d9 100%);
    background: linear-gradient(270deg, #0b9b9d 0, #44d7d9 100%)
}

.about-us-img {
    background: url(https://espitaliaa.com/api/core/pictures/slider/56010_hero-img2-min.png) 0 0/auto 100% no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 318px
}

.join-us-label {
    display: inline-block;
    border-radius: 7px;
    color: #01b5b6;
    background-color: #f1f8fb;
    padding: 11px 40px 15px;
    margin: 26px 0 29px
}

.about-us-text,
.footer-text,
footer .nav-link {
    font: Bold 14px/24px 'Effra Trial', sans-serif;
    color: #fff
}

.footer-button {
    padding: 18px !important;
}

footer {
    background: #00b8cd;
    background: -webkit-gradient(linear, left top, right top, from(#00b8cd), to(#00b8cd));
    background: -o-linear-gradient(left, #00b8cd 0, #00b8cd 100%);
    background: linear-gradient(90deg, #00b8cd 0, #00b8cd 100%)
}

.social-links img {
    transition: 0.1s ease-in-out;
    cursor: pointer;
}

.social-links img:hover {
    transform: scale(1.1);
}

.footer-link {
    transition: 0.3s all ease-in-out;
}

.footer-link:hover {
    margin-right: 3px;
}

.footer-links-header {
    position: relative;
}

.footer-icon {
    color: #FFF;
    font-size: 30px;
    transition: 0.3s all ease-in-out;
}



.footer-icon:hover {
    font-size: 35px;
}

.input-container {
    position: relative;
    width: 300px;
}

.input-container input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #707070;
    border-radius: 5px;
    padding-left: 40px;
    background-color: #007B84;
}

.input-container input::placeholder {
    color: #FFF;
}

.icon {
    position: absolute;
    left: 0px;
    top: 50%;
    border-radius: 5px;
    padding: 9px;
    transform: translateY(-50%);
    background-color: #008992;
}

.line-divider {
    width: 61px;
    border-bottom: 2px solid #006b74;
    margin: 11.5px 0 0
}

footer .btn-social {
    margin: 0 3.5px
}

footer .btn-social:first-child {
    margin: 0 0 0 3.5px
}

.footer-text {
    max-width: 313px;
    margin: 20px 0 0
}

footer .nav-item {
    margin: 0;
    padding: 0
}

footer .nav-link {
    padding: 3.5px 0
}

footer .form-group {
    margin: 26px 0 28px
}

footer .form-group input {
    border: none;
    background-color: #0a9DAD72;
    color: #fff;
    font: Bold 15px/25px 'Effra Trial', sans-serif;
    padding: 14px 16px;
    width: 180px !important;
    border-radius: 0
}

footer .form-group input::-webkit-input-placeholder {
    color: #fff
}

footer .form-group input::-moz-placeholder {
    color: #fff
}

footer .form-group input:-ms-input-placeholder {
    color: #fff
}

footer .form-group input::-ms-input-placeholder {
    color: #fff
}

footer .form-group input::placeholder {
    color: #fff
}

footer .form-group button {
    color: #fff;
    background-color: #f1f8FB4D;
    margin: -2px -4px 0 0;
    padding: 13.5px 16px;
    border-radius: 1px
}

footer .form-group button:hover {
    background-color: #f1f8FBEE;
    color: #01b5b6
}

footer .form-group button>i {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.app-links a img {
    margin: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out
}

.app-links a img:hover {
    border-color: #f1f8FBEE;
    -webkit-transition: border-color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out
}

.app-links a:first-child img {
    margin: 0 0 0 34px
}

.copyrights {
    background-color: #36363633;
    text-align: center;
    padding: 21px 0
}

.copyrights-text {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #fff
}

.hero-img2 {
    margin-top: 0;
    background-image: url(https://espitaliaa.com/api/core/pictures/slider/56010_hero-img2-min.png);
    background-position: 0 0;
    background-size: auto 100%;
    max-height: 318px
}

.hero-img3,
.hero-img4 {
    margin-top: 0;
    background-position: center center;
    background-size: auto 100%;
    max-height: 318px
}

.hero-img3 {
    background-image: url(../img/hero-img3.png)
}

.hero-img4 {
    background-image: url(../img/hero-img4.png)
}

.hero-title2 {
    font: Bold 35px/59px 'Effra Trial', sans-serif;
    color: #fff;
    margin-bottom: 14px
}

.hero-subtitle2 {
    font: Bold 25px/28px 'Effra Trial', sans-serif;
    color: #fff
}

.hero-gradient {
    background: #00b8cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b8cd), to(#01b5b6));
    background: -o-linear-gradient(top, #00b8cd 0, #01b5b6 100%);
    background: linear-gradient(180deg, #00b8cd 0, #01b5b6 100%)
}

.more-about-us {
    background-color: #fbfeff;
    padding: 114px 0
}

.more-about-backdrop {
    background-color: #00b8cd;
    min-width: 311px;
    min-height: 311px
}

.more-about-img {
    height: 100%;
    position: relative;
    left: -79px;
    bottom: -79px;
    background: url(../img/aboutus-img.png) 0 0/auto 100% no-repeat
}

.more-about-details {
    margin-right: 142px
}

.more-about-title {
    color: #00b8cd;
    font: Bold 33px/40px 'Effra Trial', sans-serif;
}

.more-about-details .line-divider {
    width: 43px
}

.more-about-text {
    font: Bold 18px/40px 'Effra Trial', sans-serif;
    color: #363636
}

.contact-us-panel .input-group .iti input,
.form-screen .input-group .iti input,
.profile-screen .input-group .iti input {
    text-align: right
}

.privacy-policy,
.terms-conditions {
    padding: 74px 0 48px
}

.privacy-policy-details h4,
.terms-conditions-details h4 {
    font: Bold 45px/75px 'Effra Trial', sans-serif;
    color: #00b8cd
}

.privacy-policy-details .line-divider,
.terms-conditions-details .line-divider {
    width: 113px
}

.privacy-policy-details p,
.terms-conditions-details p {
    font: Bold 20px/34px 'Effra Trial', sans-serif;
    color: #5d5d5d
}

.contact-us-panel {
    max-width: 596px;
    background-color: #fff;
    /* -webkit-box-shadow: 0 20px 30px #00000009;
    box-shadow: 0 20px 30px #00000009; */
    padding: 20px 26px;
    border-radius: 20px;
    margin: 80px auto 96px;
    position: relative
}

.contact-us-panel h4 {
    font: Bold 30px/51px 'Effra Trial', sans-serif;
    max-width: 400px;
    color: #363636;
    margin: 7px 0 14px
}

.contact-us-panel .input-group,
.reservation-panel .input-group {
    background: #f1f8fb;
    border: none;
    border-radius: 5px !important
}

.contact-us-panel .input-group input,
.contact-us-panel .input-group textarea {
    color: #00b8cd;
    background: #f1f8fb;
    border: none;
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    padding: 10px;
    border-radius: 5px !important
}

.contact-us-panel .input-group .iti,
.form-screen .input-group .iti,
.profile-screen .input-group .iti {
    color: #00b8cd;
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    width: 100%
}

.contact-us-panel .input-group textarea {
    min-height: 80px
}

.contact-us-panel .input-group input::-webkit-input-placeholder,
.contact-us-panel .input-group textarea::-webkit-input-placeholder {
    color: #acb1b8
}

.contact-us-panel .input-group input::-moz-placeholder,
.contact-us-panel .input-group textarea::-moz-placeholder {
    color: #acb1b8
}

.contact-us-panel .input-group input:-ms-input-placeholder,
.contact-us-panel .input-group textarea:-ms-input-placeholder {
    color: #acb1b8
}

.contact-us-panel .input-group input::-ms-input-placeholder,
.contact-us-panel .input-group textarea::-ms-input-placeholder {
    color: #acb1b8
}

.contact-us-panel .input-group input::placeholder,
.contact-us-panel .input-group textarea::placeholder {
    color: #acb1b8
}

.contact-us-information {
    margin: 0 auto 77px
}

.contact-us-information .contact-us-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-us-information .contact-us-split .highlight-line {
    border-bottom: 2px solid #00b8cd;
    width: 38px;
    margin: 10px 28px
}

.contact-us-information .contact-us-split p {
    color: #00b8cd;
    margin: 10px 0;
    font: 10px/15px 'Effra Trial', sans-serif;
}

.contact-us-information h4 {
    font: Bold 32px/50px 'Effra Trial', sans-serif;
    color: #363636;
    text-align: center;
    margin-bottom: 48px
}

.contact-us-button {
    font: Bold 20px/13px 'Effra Trial', sans-serif;
    width: 182px;
    border-radius: 5px;
    padding: 10px 70px 13px
}

.contact-us-card {
    background-color: #fff;
    /* -webkit-box-shadow: 0 20px 30px #00000009;
    box-shadow: 0 20px 30px #00000009; */
    padding: 52px 30px;
    margin: 15px;
    max-width: 290px;
    border-radius: 20px
}

.contact-us-card h5 {
    text-align: center;
    font: Bold 18px/33px 'Effra Trial', sans-serif;
    color: #5d5d5d;
    margin-bottom: 28px
}

.contact-us-card p {
    font: Bold 12px/15px 'Effra Trial', sans-serif;
    text-align: center;
    color: #00b8cd;
    background-color: #f1f8fb;
    border-radius: 8px;
    padding: 8px 19px;
    overflow: hidden
}

.contact-us-card p>i {
    margin: 0 0 0 8px
}

.contact-us-card .contact-us-phone {
    font: Bold 16px/15px 'Effra Trial', sans-serif;
}

.card-us-card .contact-us-email,
.contact-us-card .contact-us-address:nth-child(odd),
.contact-us-card .contact-us-facebook,
.contact-us-card .contact-us-twitter {
    font: Bold 11px/15px 'Effra Trial', sans-serif;
}

.contact-us-card a:nth-child(2n) .contact-us-email {
    color: #ad3020;
    background-color: #f7eae8
}

.contact-us-card a:nth-child(odd) .contact-us-phone {
    color: #13283a;
    background-color: #f5f5f5
}

.contact-us-card .contact-us-facebook {
    color: #3b5998;
    background-color: #ebeef5
}

.contact-us-card .contact-us-twitter {
    color: #1da1f2;
    background-color: #e8f5fe
}

.entries-filter-box {
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    z-index: 9999 !important;
}

.entries-filter-box h5 {
    font: Bold 20px/34px 'Effra Trial', sans-serif;
    color: #263843;
    margin: 20px
}

.entries-filter-box .line-divider {
    width: 100%;
    border-bottom: 1px solid #acb1B829;
    margin: 0
}

.entries-filter-box .filter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
}

.entries-filter-box .filter-group .row {
    margin-right: 20px;
}


.doctor-panel,
.entries-header-bar,
.entries-header-bar .form-group {
    display: -webkit-box;
    display: -ms-flexbox
}

.entries-filter-box label {
    font: 600 15px/13px 'Effra Trial', sans-serif;
    color: #5d5d5d;
    margin: 10px 10px 20px 0;
    width: 100%
}

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap=' round' stroke-miterlimit=' 10' stroke-width=' 2' d=' M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);

}

.entries-filter-box .governerate-label::before,
.entries-filter-box .district-label::before,
.entries-filter-box .speciality-label::before,
.entries-filter-box .sort-label::before {
    content: url(../svg/small-pin.svg);
    position: relative;
    top: 5px;
    right: 0;
    margin-left: 8px
}

.entries-filter-box .speciality-label::before {
    content: url(../svg/small-clinic.svg);
}

.entries-filter-box .sort-label::before {
    content: url(../svg/sort.png);
}

.entries-filter-box .bootstrap-select {
    width: 100% !important;
    max-height: 40px
}

.entries-filter-picker {
    font: Bold 18px/23px 'Effra Trial', sans-serif;
    background-color: #f1f8fb;
    color: #00b8cd;
    padding: 8px 28px 8px 0;
    height: 40px
}

.entries-filter-box .dropdown .dropdown-toggle::after {
    content: url(../svg/colored-back.svg);
    margin-top: -2px;
    border-top: none
}

.entries-filter-box .dropup .dropdown-toggle::after {
    content: url(../svg/colored-back.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 2px;
    border-bottom: none
}

.entries-filter-box .wrapper-label {
    margin: 10px 0
}

.entries-header-bar {
    background-color: #fff;
    border-radius: 3px;
    padding: 4px 6px;
    margin: 0;
    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;
}

.entries-header-bar label,
.entries-header-bar p {
    font: Bold 13px/16px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0 0 0px 10px;
    padding-bottom: 5px
}

.doctor-panel .price-value,
.entries-header-bar .num-entries,
.entry-wrapper.entry-info .colored,
.form-screen .entries-filter-box .nav-item.active .nav-link,
.form-screen .entries-filter-box .nav-link i,
.profile-screen .entries-filter-box .nav-link i {
    color: #00b8cd
}

.entries-header-bar .form-group {
    margin: 0px 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.entries-header-bar .bootstrap-select {
    max-width: 175px;
    max-height: 24px
}

.entries-header-bar-picker {
    font: Bold 13px/16px 'Effra Trial', sans-serif;
    background-color: #f1f8fb;
    color: #00b8cd;
    margin: -12px 0 0;
    padding: 2px 5px;
    height: 24px
}



.entries-header-bar .dropdown .dropdown-toggle::after {
    content: url(../svg/small-back.svg);
    margin-top: -2px;
    margin-left: -2px;
    border-top: none
}

.main-text {
    color: #00b8cd !important;
}

.entries-header-bar .dropup .dropdown-toggle::after {
    content: url(../svg/small-back.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 6px;
    margin-left: -2px;
    border-bottom: none
}

.entries-footer-bar .pagination {
    border-radius: 26px;
    padding: 25px 30px;
    margin-top: 56px
}

.entries-footer-bar .page-link {
    border-radius: 50%;
    font: Bold 14px/24px 'Effra Trial', sans-serif;
    color: #00b8cd;
    background: 0 0;
    text-align: center;
    padding: 1px 7.5px 0;
    min-width: 26px;
    min-height: 26px;
    border: none
}

.entries-footer-bar .page-link.disabled,
.reservation-table .table-nav.disabled {
    cursor: default;
    opacity: .4
}

.entries-footer-bar .page-item.active .page-link {
    background-color: #00b8cd;
    color: #fff
}

.entries-footer-bar .page-item:first-child {
    margin: 0 0 0 auto
}

.entries-footer-bar .page-item:last-child {
    margin: 0 auto 0 0
}

.entries-footer-bar .page-link[aria-label=Next] i,
.entries-footer-bar .page-link[aria-label=Previous] i {
    color: #00b8cd;
    padding: 10px;
    font-size: 10px;
    background-color: #f1f8fb;
    border-radius: 50%;
    margin: 0 0 0 12px
}

.entries-footer-bar .page-link[aria-label=Next] i {
    margin: 0 12px 0 0
}

.filter-button {
    font: Bold 18px/34px 'Effra Trial', sans-serif;
    letter-spacing: 0;
    color: #00b8cd;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

.filter-button i {
    transition: all .2s ease-in-out;
}

.filter-button.collapsed i {
    transform: rotate(180deg);
}

.doctors-list {
    padding: 75px 0
}

.doctors-list .entries-header-bar {
    margin: 0 0 30px
}

.filter-header {
    border-radius: 5px 5px 0 0;
}


.doctor-panel {
    margin: 15px 0;
    padding: 10px 26px 18px 0;
    border-radius: 8px;
    background-color: #feffff;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    transition: 0.3s all ease-in-out
}

.doctor-wrapper,
.doctor-wrapper>a {
    display: -webkit-box;
    display: -ms-flexbox
}

.doctor-wrapper {
    width: 70%;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    /* justify-content: space-between; */
    /* -ms-flex-direction: column; */
    /* flex-direction: column */
    direction: rtl;

}

@media (max-width:576px) {
    .doctor-wrapper {
        width: 100%;
    }
}

@media (min-width:576px) {
    .doctor-wrapper {
        width: 40%;
    }
}

@media (min-width:767px) {
    .doctor-wrapper {
        width: 70%;
    }
}


.doctor-wrapper>a {
    text-decoration: none;
    width: 100%;
    display: flex
}

.doctor-panel .flip-box {
    /* margin-right: 120px; */
    background-color: transparent;
    width: 110px;
    height: 26px;
    perspective: 1000px
}

.doctor-title-span {
    font-size: 16px;
}

.doctor-panel .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
}

.doctor-panel .flip-box:hover .flip-box-inner {
    transform: rotateX(180deg)
}

.doctor-panel .flip-box-back,
.doctor-panel .flip-box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    border: 2px solid #01b5b6;
    background-color: #fff;
    padding: 2px 0;
    font: bold 12px 'Effra Trial', sans-serif;
    color: #333;
}

.doctor-panel .flip-box-back {
    color: #353533;
    transform: rotateX(180deg)
}



.doctor-panel .doctor-info {
    width: 100%;
    z-index: 2
}

.doctor-panel .doctor-info .doctor-title,
.entry-wrapper .new-entry-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
}


.doctor-panel .doctor-subtitle,
.search-result-title {
    font: 16px 'Effra Trial', sans-serif;
    color: #000;
    margin-bottom: 5px;
    /* text-overflow: ellipsis; */
    max-width: 270px;
    overflow: hidden;
    /* white-space: nowrap; */
    line-height: 25px;
}


.doctor-panel .doctor-speciality::before {
    content: url(../svg/tiny-clinic.svg);
    position: relative;
    top: 5px;
    right: 0;
    margin-left: 10px
}

.doctor-panel .doctor-location::before {
    content: url(../svg/tiny-pin.svg);
    position: relative;
    top: 5px;
    right: 0;
    margin-left: 12px
}

.doctor-panel .doctor-price::before {
    content: url(../svg/tiny-money.svg);
    position: relative;
    top: 5px;
    right: 0;
    margin-left: 9px
}

.doctors-list .entries-filter-box {
    padding: 0;
}

.filter-card {
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    border-radius: 10px;
    width: 330px;
}


.selectpicker {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding-left: 20px
}

.selectpicker option {
    font-size: 14px;
}


@media (max-width:768px) {
    .search-box-title {
        right: 30px;
    }

    .clinic-box {
        margin-left: 0px !important
    }

    .doctor-box {
        margin-right: 0px !important
    }

    .doctor-panel,
    .doctor-wrapper>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .doctor-panel {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 18px 26px;
        padding-top: 45px;
    }


    .doctor-wrapper>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .doctor-panel .flip-box {
        margin: 0 auto
    }

    .doctor-panel .doctor-img {
        margin: 0 auto 10px 12rem !important;
    }

    /* .doctor-panel .doctor-img {
        margin: 0 auto !important;
    } */

    .doctor-panel .reservation-table {
        display: flex
    }

    .search-box.home-box {
        position: static;
        transform: translateX(0);
        width: 100%;
        padding-top: 10px;
    }

    .search-box-parent {
        padding-top: 140px;
    }

    .search-results .search-box.home-box {
        margin-top: 0;
    }

    .home-slider {
        display: none !important
    }
}

@media (max-width:576px) {
    .doctor-panel .doctor-img {
        margin: 0 auto !important;
    }

    .doctor-wrapper {
        flex-direction: column;
    }


}




.entry-description-img {
    text-decoration: none;
    background: center center/cover no-repeat;
    width: 100%;
    height: max-content;
    overflow: hidden;
    margin: 7px 0
}


.entry-wrapper {
    background-color: #fff;
    /* -webkit-box-shadow: 0 20px 30px #00000005;
    box-shadow: 0 20px 30px #00000005; */
    padding: 24px;
    border-radius: 10px;
    margin: 26px 0 20px -50px
}

.entry-wrapper h3 {
    font: Bold 34px/58px 'Effra Trial', sans-serif;
    color: #00b8cd
}

.entry-wrapper .line-divider {
    margin-right: 12px;
    margin-top: 0;
    width: 84px;
    border-bottom: 2px solid #00b8cd
}

.entry-wrapper h5 {
    font: Bold 15px/25px 'Effra Trial', sans-serif;
    color: #acb1b8
}

.entry-wrapper h4 {
    font: Bold 20px 'Effra Trial', sans-serif;
    color: #363636
}

.entry-wrapper p {
    margin: 14px 12px;
    font: Bold 14px/25px 'Effra Trial', sans-serif;
    color: #5d5d5d
}

#offer-wrapper.offer-info p {
    margin: 14px 12px;
    font: Bold 14px/25px 'Effra Trial', sans-serif;
    color: #5d5d5d
}

.entry-wrapper.entry-info {
    margin: 26px auto 26px 0;
    max-width: 420px
}

.entry-wrapper.entry-info .price-info,
.entry-wrapper.entry-info .views-info {
    text-align: center;
    margin: 0 12px
}

/* .entry-wrapper.entry-info .views-info::before {
    content: url(../svg/eye.svg);
    display: block;
    margin: 1px auto;
    width: 40px;
    height: 40px
} */

/* .entry-wrapper.entry-info .price-info::before {
    content: url(../svg/money.svg);
    display: block;
    margin: 1px auto;
    width: 40px;
    height: 40px
} */

#offerDetails .offer-wrapper.offer-info .price-info::before {
    content: url(../svg/money.svg);
    display: block;
    margin: 1px auto;
    width: 40px;
    height: 40px
}

#offerDetails .offer-wrapper.offer-info .views-info::before {
    content: url(../svg/eye.svg);
    display: block;
    margin: 1px auto;
    width: 40px;
    height: 40px
}



.entry-wrapper.entry-info .address-info {
    font: Bold 13px/19px 'Effra Trial', sans-serif;
}

.entry-wrapper.entry-info .address-icon {
    content: url(../svg/pin.svg);
    margin: 0
}

.entry-wrapper.entry-info .line-divider {
    width: 100%;
    border-bottom: 1px solid #acb1B829;
    margin: 6px 8px
}

.entry-doctor-img {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: auto;
}

.entry-wrapper.entry-info .entry-doctor-img img,
.reservation-table-wrapper {
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#entry-map {
    margin-top: 76px;
    height: 575px;
    border-radius: 25px
}

.entry-profile-info {
    width: auto;
    text-align: center;
    border-radius: 8px;
    padding: 45px 0 30px 0;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}

.entry-profile-info .profile-img {
    background: #00b5b6;
    height: 153px;
    width: 153px;
    border: 5px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 99999;
    position: absolute;
    top: -30%;
    right: 42%
}

.entry-profile-info .profile-name {
    font: Bold 26px/44px 'Effra Trial', sans-serif;
    color: #363636
}

.entry-profile-info .profile-title {
    font: Bold 13px/10px 'Effra Trial', sans-serif;
    color: #00b8cd
}

.entry-profile-info .profile-viewers {
    display: inline-block;
    margin: 0 8px 0 0;
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    color: #5d5d5d
}

.entry-wrapper .services-list {
    margin-top: 10px
}

.entry-wrapper .services-list p {
    display: inline-block;
    font: Bold 10px/13px 'Effra Trial', sans-serif;
    color: #00b8cd;
    background-color: #f1f8fb;
    padding: 4px 8px;
    border-radius: 4px;
    text-align: center;
    margin: 7px 3px;
    min-width: 92px
}

.entry-wrapper .entry-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: center
}

.entry-wrapper .entry-gallery .entry-img {
    width: auto;
    background: #363636;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    position: relative
}

.entry-wrapper .entry-gallery .entry-img img {
    cursor: pointer;
    width: auto;
    height: 100%
}

.entry-wrapper .entry-gallery .overlay {
    font: Bold 21px/28px 'Effra Trial', sans-serif;
    background-color: #00b8CD70;
    color: #fbfbfb;
    pointer-events: none
}

.entry-wrapper .entry-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #acb1B813;
    border-radius: 15px;
}

.entry-wrapper .entry-rating img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -15px;
    box-shadow: 0 0 11px 2px #6b6b6b;
}

.entry-wrapper .rating-value,
.reservation-table,
.reservation-table-title {
    display: -webkit-box;
    display: -ms-flexbox
}

.entry-wrapper .entry-rating .user-name {
    font: Bold 15px/20px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0
}

.entry-wrapper .entry-rating .submission-time {
    font: Bold 12px 'Effra Trial', sans-serif;
    color: #00b8cd;
    margin: 0
}

.entry-wrapper .entry-rating .rating-text {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0;
}

.entry-wrapper .rating-value {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    margin: 0 14px 0 28px
}

.entry-wrapper .rating-value p {
    font: Bold 19px/10px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0 0 8px;
    text-align: center
}

.entry-wrapper .entry-rating .user-img {
    height: 37px;
    width: 37px;
    background: #363636;
    border-radius: 50%;
    overflow: hidden;
    margin: 8px 4px;
    text-align: center
}

.entry-wrapper .new-entry-rating p {
    font: Bold 20px/10px 'Effra Trial', sans-serif;
    color: #363636;
    text-align: center
}

.entry-wrapper .form-wrapper {
    position: relative;
    margin-top: 36px
}

.entry-wrapper .input-group {
    background: #f1f8fb;
    border: none;
    border-radius: 5px !important;
    margin-bottom: 20px
}

.entry-wrapper .input-group-text {
    color: #00b8cd;
    background: 0 0;
    border: none;
    padding: 16px 20px 0 4px;
    margin-bottom: auto;
    font-size: 22px
}

.entry-wrapper .input-group textarea {
    min-height: 112px;
    color: #00b8cd;
    background: #f1f8fb;
    border: none;
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    padding: 24px 4px;
    border-radius: 5px !important
}

.reservation-table-title {
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.addresses .form-check {
    /* width: 33.33333%; */
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    font-size: 13px;
    display: inline-block;
    padding: 0;
    margin-left: 5px;
}

.addresses .form-check input[type=radio] {
    position: absolute;
}

.addresses .form-check input[type=radio]::before {
    opacity: 0;
}

.addresses .form-check-label {
    border: 1px solid #00b8cd;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 13px;
}

.addresses .form-check input[type=radio]:checked~label {
    background: #00b8cd;
    color: #ffffff;
}

.addresses .nav-tabs {
    border: 0;
    padding: 0;
    justify-content: center;
}

.addresses .nav-tabs .nav-item {
    line-height: 1;
    margin-right: 5px;
}

.addresses .nav-tabs .nav-link {
    border: 0;
    color: #030303;
    font-size: 16px;
}

.addresses .nav-tabs .nav-item.show .nav-link,
.addresses .nav-tabs .nav-link.active {
    color: #00b8cd;
    border-bottom: 2px solid #00b8cd;
}

.reservation-table .table-nav,
.reservation-table .table-nav:hover {
    padding: 3px;
    font-size: 10px;
    border-radius: 50%;
    margin: 0 0px;
    color: #00b8cd;
    background-color: #f1f8fb
}

@media (min-width: 576px) {
    .reservation-modal .modal-dialog {
        max-width: 900px;
    }

    .content-wrapper {
        padding: 16px 0px !important;
    }
}

.reservation-modal .form-control {
    min-height: 45px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}

.reservation-modal .form-group {
    position: relative;
}

.reservation-modal input[type='file'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    min-height: 50px;
}

.reservation-modal span,
.reservation-modal .form-check-label,
.medical-profile .form-check-label {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

.reservation-modal .form-check-input,
.medical-profile .form-check-input {
    position: absolute;
}

.reservation-modal input[type=checkbox]::before,
.medical-profile input[type=checkbox]::before {
    display: none;
}

.reservation-modal .form-check,
.medical-profile .form-check {
    padding: 0;
}

.reservation-modal input[type=checkbox]:checked~label,
.medical-profile input[type=checkbox]:checked~label {
    background: #00b8cd;
    color: #fff;
}

.reservation-modal .btn-group .btn {
    min-width: 120px;
    border-radius: 10px !important;
    font-weight: 600;
    line-height: 25px;
}

.reservation-modal .btn-group .btn-secondary {
    background: transparent;
    color: #333;
}

.reservation-modal .modal-bg {
    width: 35%;
    background: #01B7C4;
    border-radius: 0 15px 15px 0;
}

.reservation-modal .info strong {
    font-size: 13px;
}

.modal-content {
    border-radius: 15px;
}

.d-icon span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #00b7c5;
    margin-left: .5rem;
}

.entry-wrapper.photos img {
    width: 100%;
    border-radius: 6px;
}

.new-reservation a {
    font-size: 15px;
}


/* .reservation-modal .modal */

.social-icons img {
    width: 40px;
    margin-left: 10px;
    margin-top: 1rem;
}

.abcRioButtonIcon .abcRioButtonContents span,
.form-screen .google-icon {
    content: url(../svg/google.svg)
}

.reservation-table-title h4 {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #00b8cd;
    text-align: center;
    margin: 0
}

.reservation-table-title h5 {
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    letter-spacing: 0;
    color: #5d5d5d;
    text-align: center;
    margin: -5px 0 0
}

.reservation-table {
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 5px;
}

.reservation-table .table-nav:hover {
    -webkit-transition: color, background-color;
    -o-transition: color, background-color;
    transition: color, background-color
}

.reservation-table .table-nav.previous {
    margin: 0 6px 0 12px
}

.reservation-table .table-nav.next {
    margin: 0 12px 0 6px
}

.reservation-table-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background-color: #fdfdfd;
    border-radius: 4px;
    width: 0;
    height: 100%;
    min-height: 170px;
    margin: 0;
    overflow: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: max-width, padding, .15s ease-in-out, -webkit-transform;
    transition: transform, max-width, padding, .15s ease-in-out, -webkit-transform;
    -o-transition: transform, max-width, padding, .15s ease-in-out
}

.reservation-table .reservation-table-column.active {
    margin: 0 10px;
    width: 75px;
    -webkit-transform: scaleX(1) !important;
    -ms-transform: scaleX(1) !important;
    transform: scaleX(1) !important
}

.reservation-table-column .column-title {
    font: Bold 10px/13px 'Effra Trial', sans-serif;
    color: #ffffff;
    /* background-color: #00b8cd; */
    border-radius: 4px;
    padding: 5px 0 7px;
    margin: 0;
    width: 100%
}

.reservation-table-column .column-footer {
    font: Bold 12px/13px 'Effra Trial', sans-serif !important;
    padding: 5px 0 7px !important;
    color: #FFF !important;
    background-color: #FF0000 !important;
    border-radius: 4px;
    width: 100% !important;
    margin: 0 !important;
    position: absolute;
    bottom: 0
}

.reservation-table-column .column-times {
    margin: auto
}

.reservation-table-column .column-times p {
    font: Bold 13px/10px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 6px 0
}

.reservation-table-column .column-times a {
    display: block;
    font: Bold 13px/10px 'Effra Trial', sans-serif;
    background: 0 0;
    color: #363636;
    margin: auto;
    padding: 6px;
    border-radius: 3px;
    text-decoration: none
}

.reservation-table-column .column-times a:hover {
    -webkit-transition: color, background-color .15s ease-in-out;
    -o-transition: color, background-color .15s ease-in-out;
    transition: color, background-color .15s ease-in-out;
    background-color: #00b8cd;
    color: #fff
}

.reservation-table-column .column-times a.disabled {
    cursor: default !important;
    text-decoration: line-through
}

.reservation-table-column .column-times a.disabled:hover {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background: 0 0;
    color: #363636
}

.reservation-table-column .column-times:empty::after {
    content: "لا توجد\A  مواعيد \A اليوم";
    font: Bold 13px/18px 'Effra Trial', sans-serif;
    white-space: pre;
    color: #363636;
    opacity: .4;
    display: block
}

.reservation-table-wrapper:hover {
    text-decoration: none;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    opacity: .75
}

.bg-white {
    background: #FFF;
}

.reservation-table .column-times a:nth-child(n+6) {
    padding: 0;
    max-height: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: max-height, padding, .15s ease-in-out, -webkit-transform;
    transition: transform, max-height, padding, .15s ease-in-out, -webkit-transform;
    -o-transition: transform, max-height, padding, .15s ease-in-out
}

.reservation-table.more .column-times a:nth-child(n+6) {
    padding: 6px;
    max-height: 22px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.reservation-table .column-times .reservation-more-button {
    padding: 6px !important;
    max-height: none !important;
    -webkit-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    transform: scaleY(1) !important
}

.reservation-table .overlay {
    background: #fcfcfc
}

@media (max-width:996px) {

    .content-wrapper,
    footer .content-wrapper {
        padding: 16px
    }

    .contact-us-information .content-wrapper,
    .doctors-list .content-wrapper,
    .offers-list .content-wrapper {
        padding: 8px
    }

    .aos-md-d150 {
        -webkit-transition-delay: 150ms !important;
        -o-transition-delay: 150ms !important;
        transition-delay: 150ms !important
    }

    .aos-md-d400 {
        -webkit-transition-delay: 0.4s !important;
        -o-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important
    }

    .aos-md-d0 {
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    .about-us-text,
    .join-container,
    .more-about-text,
    .more-about-title,
    .privacy-policy-details h4,
    .privacy-policy-details p,
    .terms-conditions-details h4,
    .terms-conditions-details p,
    footer {
        text-align: center
    }

    footer img {
        margin-left: -7px
    }

    .footer-text {
        margin: 20px auto
    }

    .line-divider {
        margin: 11.5px auto 0
    }

    footer .social-buttons {
        -webkit-box-pack: center;
        --ms-flex-pack: center;
        justify-content: center
    }

    .more-about-us {
        padding: 57px 0
    }

    .more-about-details {
        margin: 100px 0 0
    }

    .more-about-backdrop {
        margin-right: -79px
    }

    .more-about-text {
        max-width: none
    }

    .privacy-policy,
    .terms-conditions {
        padding: 48px 0
    }

    .contact-us-card {
        margin: 15px auto
    }

    .entry-wrapper,
    .entry-wrapper.entry-info {
        margin: 26px 10px;
        max-width: none
    }

    .entry-wrapper .entry-rating,
    .entry-wrapper .new-entry-rating {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .entry-wrapper .rating-value {
        margin-bottom: 12px
    }

    #entry-map {
        margin-top: 37px;
        height: 575px;
        border-radius: 25px
    }

    .reservation-table .table-nav {
        margin: 0 auto
    }
}

.reservation-panel {
    max-width: 411px;
    background-color: #fff;
    /* -webkit-box-shadow: 0 20px 30px #00000013;
    box-shadow: 0 20px 30px #00000013; */
    padding: 58px 28px;
    border-radius: 20px;
    margin: 80px auto 96px;
    position: relative
}

.reservation-panel .reservation-title {
    font: Bold 20px/13px 'Effra Trial', sans-serif;
    color: #363636;
    text-align: center;
    margin: 14px 0
}

.reservation-panel .title-seperator {
    width: 100%;
    border-bottom: 1px solid #f1f8FB9E;
    margin: 14px 0 26px
}

.reservation-panel .input-group-text {
    color: #00b8cd;
    background: 0 0;
    border: none;
    padding: 16px 32px 16px 16px
}

.form-screen .prepend-divider,
.reservation-panel .input-group .prepend-divider {
    border-left: 1px solid #00b8CD33;
    height: 24px;
    margin: auto 1px
}

.reservation-panel .input-group input {
    color: #00b8cd;
    background: #f1f8fb;
    border: none;
    font: Bold 16px/13px 'Effra Trial', sans-serif;
    padding: 24px 10px;
    border-radius: 5px !important
}

.reservation-panel .input-group input::-webkit-input-placeholder {
    color: #acb1b8
}

.reservation-panel .input-group input::-moz-placeholder {
    color: #acb1b8
}

.reservation-panel .input-group input:-ms-input-placeholder {
    color: #acb1b8
}

.reservation-panel .input-group input::-ms-input-placeholder {
    color: #acb1b8
}

.reservation-panel .input-group input::placeholder {
    color: #acb1b8
}

.complete-reservation-button {
    font: Bold 20px/13px 'Effra Trial', sans-serif;
    width: 100%;
    border-radius: 5px;
    padding: 17px 24px 21px;
    margin: 33px 0 0
}

.reservation-details {
    background: #fff;
    /* -webkit-box-shadow: 0 20px 30px #00000003;
    box-shadow: 0 20px 30px #00000003; */
    border-radius: 10px;
    padding: 26px 18px;
    margin-top: 10px
}

.reservation-details .reservation-title {
    font: Bold 20px/13px 'Effra Trial', sans-serif;
    color: #363636
}

.reservation-details .reservation-title::before {
    content: url(../svg/calendar.svg);
    position: relative;
    top: 6px;
    margin-left: 16px
}

.reservation-address,
.reservation-date,
.reservation-patientname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: Bold 18px/18px 'Effra Trial', sans-serif;
    margin: 19px 0
}

.form-screen .logo-wrapper,
.form-screen .screen-wrapper,
.reservation-status {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.reservation-patientname {
    margin-top: 37px
}

.reservation-patientname p:first-child {
    color: #00b8cd;
    margin-left: 32px
}

.reservation-date p:first-child {
    color: #00b8cd;
    margin-left: 43px
}

.reservation-address p:first-child {
    color: #00b8cd;
    margin-left: 24px
}

.reservation-status {
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 18px
}

.reservation-status .status-success {
    font: Bold 35px/59px 'Effra Trial', sans-serif;
    letter-spacing: 0;
    color: #00b8cd;
    margin-top: 20px;
    text-align: center
}

.reservation-status .success-svg::before {
    content: url(../svg/success.svg);
    margin: 0 auto
}

#reservation-map {
    margin-top: 108px;
    height: 575px;
    border-radius: 25px
}

.form-screen a {
    color: #00b8cd;
    text-decoration: none
}

.form-screen .logo-wrapper {
    height: 100vh;
    width: inherit;
    max-width: inherit;
    position: fixed;
    padding: 16px 32px 32px;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #00b8cd
}

.form-screen .logo-wrapper .social-buttons,
.form-screen .logo-wrapper img {
    width: auto;
    max-height: 98px
}

.form-screen .logo-wrapper .social-buttons,
.form-screen .logo-wrapper a {
    margin: 0 auto
}

.form-screen .logo-wrapper .social-buttons a {
    margin: 3px
}

.form-screen .screen-wrapper {
    min-height: 100vh;
    height: 100%;
    background-color: #F6F6F6 !important;
    /* -webkit-box-shadow: 10px 0 60px #00000025;
    box-shadow: 10px 0 60px #00000025; */
    padding: 60px 90px;
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-screen .signup-wrapper {
    padding: 90px 60px
}

.form-screen .btn-standard {
    color: #fff
}

.form-screen .form-wrapper {
    position: relative;
    margin-bottom: 36px
}

.form-screen h3 {
    font: Bold 36px/61px 'Effra Trial', sans-serif;
    color: #1d1f26
}

.form-screen h5 {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #1d1f26;
    margin-bottom: 92px
}

.form-screen .input-group {
    border: none;
    border-radius: 10px !important;
    margin-bottom: 1.25rem
}

.form-screen .input-group-text {
    color: #242021;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 17px
}

.form-screen .input-group input,
.form-screen .input-group textarea {
    color: #242021;
    /* background: #f1f8fb; */
    border: none;
    font: normal 16px 'Effra Trial', sans-serif;
    /* padding: 10px 16px; */
    border-radius: 10px !important;
    text-align: right;
}

.form-screen .tagify {
    color: #242021;
    /* background: #f1f8fb; */
    border: none;
    padding: 9px 0;
    height: auto;
    font-size: 19px;
    font-weight: 700;
    text-align: right;
    border-radius: 5px !important
}

.form-screen .tagify__input::before {
    color: #acb1b8
}

.form-screen .input-group textarea {
    padding: 14px 16px;
    min-width: 108px
}

.form-screen .textarea-group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-screen .textarea-group .prepend-divider {
    margin: 15px 1px auto
}

.form-screen .dropdown,
.form-screen .tel-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

.form-screen .input-group input::-webkit-input-placeholder,
.form-screen .input-group textarea::-webkit-input-placeholder {
    color: #acb1b8
}

.form-screen .input-group input::-moz-placeholder,
.form-screen .input-group textarea::-moz-placeholder {
    color: #acb1b8
}

.form-screen .input-group input:-ms-input-placeholder,
.form-screen .input-group textarea:-ms-input-placeholder {
    color: #acb1b8
}

.form-screen .input-group input::-ms-input-placeholder,
.form-screen .input-group textarea::-ms-input-placeholder {
    color: #acb1b8
}

.form-screen .input-group input::placeholder,
.form-screen .input-group textarea::placeholder {
    color: #acb1b8
}

.form-screen .radio-group {
    margin: 1.25rem 0;
    /* padding: 0 16px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-screen .radio-group p {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #263843;
    margin: auto 0 auto 20px
}

.form-screen .radio-group label {
    /* position: relative;
    padding-left: 30px; */
    /* Adjust as needed */
    /* cursor: pointer;
    display: flex;
    align-items: center; */
}

.form-screen .radio-group label::before {
    content: '';
    position: absolute;
    left: 70%;
    top: 55%;
    transform: translateY(-50%);
    width: 16px;
    /* Adjust the size as needed */
    height: 16px;
    /* Adjust the size as needed */
    border: 2px solid #00b8cd;
    /* Change the border color */
    border-radius: 50%;
    background-color: #fff;
    /* Change the background color */
}

.form-screen .radio-group input:checked+label::before {
    background-color: #00b8cd;
    /* Change the background color for checked state */
    /* Change the border color for checked state */
}

.form-screen .radio-group label span {
    margin-left: 10px;
    /* Adjust the spacing between the dot and text */
}

.form-screen .input-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 36px
}

.form-screen .forgot-login-link {
    margin-top: 12px;
    font: Bold 12px/12px 'Effra Trial', sans-serif;
    color: #00b8cd
}

.form-screen .input-submit-button {
    font: Bold 21px/35px 'Effra Trial', sans-serif;
    width: 100%;
    border-radius: 8px;
    padding: 10px 24px 15px
}

.form-screen .login-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 36px
}

.form-screen .facebook-btn,
.form-screen .google-btn {
    font-size: 25px;
    border-radius: 50%;
    margin: 0 28px;
    display: inline-block
}

.form-screen .login-split p {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0 60px
}

.form-screen .login-split .highlight-line {
    width: 75px;
    border-bottom: 1px solid #33333333;
    margin-bottom: 8px
}

.form-screen .facebook-btn {
    background-color: #4267b2;
    color: #fff;
    padding: 16px 24px 12px;
    -webkit-transition: color, background-color, .15s ease-in-out;
    -o-transition: color, background-color, .15s ease-in-out;
    transition: color, background-color, .15s ease-in-out
}

.form-screen .google-btn {
    background-color: #D54C3F;
    color: #fff;
    padding: 16px 24px 12px;
    -webkit-transition: color, background-color, .15s ease-in-out;
    -o-transition: color, background-color, .15s ease-in-out;
    transition: color, background-color, .15s ease-in-out
}

.form-screen .facebook-btn:hover {
    background-color: #304b81
}

.form-screen .google-icon {
    width: 25px;
    height: 25px
}

.form-screen .google-btn {
    padding: 18px 19px 14px;
    -webkit-transition: color, background-color, .15s ease-in-out;
    -o-transition: color, background-color, .15s ease-in-out;
    transition: color, background-color, .15s ease-in-out
}

.form-screen .google-btn:hover {
    background-color: #932920
}

.form-screen .social-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.form-screen .forgot-pass-wrapper h5 {
    margin-bottom: 72px
}

.form-screen .signup-wrapper h5 {
    margin-bottom: 48px
}

.form-screen .avatar-wrapper {
    /* margin-top: -36px */
}

.form-screen .image-label {
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #00b8cd;
    margin: 0 auto 18px
}

.form-screen .image-group {
    max-width: 150px;
    margin: 0 auto
}

.form-screen .image-group.multiple {
    max-width: none;
    margin-bottom: 6px
}

.form-screen .image-group input {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    padding: 150px 0 0;
    height: 100px;
    overflow: hidden;
    border-radius: 20px
}

.form-screen .image-group .main-group {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-screen .image-group.multiple .main-group,
.profile-screen .image-group.multiple .main-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-screen .button-group,
.form-screen .image-group.multiple input,
.profile-screen .image-group.multiple input {
    max-width: none
}

.form-screen .image-group .sub-group,
.profile-screen .image-group .sub-group {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    margin: 0 0 0 40px;
    overflow: hidden;
}

.form-screen .img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 26px
}

.form-screen .image-group .info-group {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 87px;
    pointer-events: none
}

.form-screen .image-group .info-group::before {
    content: url(../svg/upload.svg);
    position: absolute;
    top: -40px;
    right: 22px
}

.form-screen .image-group .info-group.multiple::before {
    content: url(../svg/upload.svg);
    position: absolute;
    top: -40px;
    right: 34px
}

.form-screen .image-group .info-group p:first-child,
.profile-screen .image-group .info-group p:first-child {
    font: Bold 12px/21px 'Effra Trial', sans-serif;
    color: #1d1f26;
    margin: 0
}

.form-screen .image-group .info-group p:last-child,
.profile-screen .image-group .info-group p:last-child {
    font: Bold 8px/13px 'Effra Trial', sans-serif;
    color: #939290;
    margin: 0
}

.form-screen .img-preview {
    position: relative;
    margin: 10px auto
}

.form-screen .img-preview .img-wrapper,
.profile-screen .img-preview .img-wrapper {
    height: 105px;
    width: 105px;
    border-radius: 8px;
    overflow: hidden
}

.form-screen .avatar-preview .img-preview .img-wrapper {
    width: 125px;
    height: 125px;
    margin: 0 auto 10px
}

.form-screen .img-preview .img-wrapper img,
.profile-screen .img-preview .img-wrapper img {
    height: 100%;
    width: auto
}

.form-screen .img-preview a,
.profile-screen .img-preview a {
    color: #fff;
    background-color: #d93025;
    border-radius: 50%;
    font-size: 7px;
    width: 14px;
    height: 14px;
    padding: 0;
    text-align: center;
    line-height: 14px;
    text-decoration: none;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    position: absolute;
    top: -4px;
    right: -4px
}

.form-screen .img-preview a:hover,
.profile-screen .img-preview a:hover {
    background-color: #ac261d
}

.form-screen .image-group.multiple .img-preview,
.profile-screen .image-group.multiple .img-preview {
    display: inline-block;
    margin: 4px auto
}

.form-screen .dropdown .dropdown-toggle::after,
.profile-screen .dropdown .dropdown-toggle::after {
    content: url(../svg/back.svg);
    margin-top: -2px;
    border-top: none
}

.form-screen .dropup .dropdown-toggle::after,
.profile-screen .dropup .dropdown-toggle::after {
    content: url(../svg/back.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 2px;
    border-bottom: none
}

.form-screen .speciality-icon {
    content: url(../svg/clinic.svg);
    display: inline-block;
    height: 24px
}

.form-screen .money-icon {
    content: url(../svg/money.svg);
    display: inline-block;
    height: 24px
}

.form-screen .heart-icon {
    content: url(../svg/heart.svg);
    display: inline-block;
    height: 24px
}

.form-screen .pin-icon {
    content: url(../svg/pin.svg);
    display: inline-block;
    height: 24px
}

.form-screen .date-icon {
    content: url(../svg/calendar.svg);
    display: inline-block;
    height: 24px
}

.form-screen .form-screen-picker {
    font: normal 16px/23px 'Effra Trial', sans-serif;
    color: #242021;
    padding: 13px 12px;
    border: none;
    border-radius: 10px !important;
    text-align: right;
}

.form-screen .bs-searchbox .form-control {
    height: 35px;
    padding: 0
}

.form-screen #map-area {
    width: 100%;
    height: 450px;
    border-radius: 8px;
    margin-bottom: 36px
}

.form-screen .entries-filter-box {
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px auto;
    padding: 0 16px;
    width: 100%;
    max-width: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-screen .nav-pills,
.profile-screen .nav-pills {
    padding: 0
}

.form-screen .entries-filter-box .nav-link {
    background: 0 0;
    font: Bold 18px 'Effra Trial', sans-serif;
    color: #363636;
    padding: 16px 8px
}

.form-screen .entries-filter-box .nav-item.disabled .nav-link {
    cursor: default
}

.form-screen .entries-filter-box .nav-link .circled {
    display: inline-block;
    border: 2px solid #363636;
    border-radius: 50%;
    color: #363636;
    padding: 8px;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 13px
}

.form-screen .entries-filter-box .nav-item.active::after {
    content: "\f060";
    color: #00b8cd;
    font-family: 'Effra Trial', sans-serif;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0
}

.form-screen .entries-filter-box .nav-item.active .nav-link .circled,
.profile-screen .entries-filter-box .nav-link.active .circled {
    color: #00b8cd;
    border-color: #00b8cd
}

.form-screen .entries-filter-box .nav-item.complete .nav-link {
    color: #acb1b8
}

.form-screen .entries-filter-box .nav-item.complete .nav-link .circled::after {
    content: "\f058";
    color: #00b8cd;
    border-color: #00b8cd;
    font-family: 'Effra Trial', sans-serif;
    font-size: 34px;
    position: relative;
    top: 6px;
    right: -11px;
    visibility: visible
}

.screen-wrapper.doctor-signup-wrapper h3 {
    font: Bold 26px/35px 'Effra Trial', sans-serif;
    text-align: right
}

.screen-wrapper.doctor-signup-wrapper h5 {
    font: Bold 14px/15px 'Effra Trial', sans-serif;
    text-align: right;
    margin-bottom: 36px
}

.speciality-search {
    padding: 32px 0
}

@media (max-width:1400px) {

    .entry-wrapper {
        margin: 26px 0 26px 15px;
    }

    .filter-card-devider {
        margin: 0 20px !important;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 4px
    }

    .form-screen .screen-wrapper {
        padding: 32px
    }
}

.profile-screen .entries-filter-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* margin: 60px 0 60px 30px; */
    padding: 24px 22px;
    /* max-width: 360px; */
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%) !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%) !important */
}

.profile-screen .entries-filter-box .nav-link {
    background: 0 0;
    font: Bold 16px/13px 'Effra Trial', sans-serif;
    color: #363636;
    padding: 16px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}

.profile-screen .entries-filter-box .nav-link .circled {
    display: inline-block;
    border: 2px solid #363636;
    border-radius: 50%;
    color: #363636;
    padding: 8px;
    width: 33px;
    height: 33px;
    text-align: center
}

.profile-screen .entries-filter-box .nav-link.active {
    background-color: transparent !important;
    color: #00b8cd !important;
    border-color: #00b8cd;
}

.profile-screen .profile-wrapper {
    background: transparent;
    /* max-width: 725px; */
    padding: 25px 21px;
    /* margin: 60px auto; */
    border-radius: 8px;
    /* -webkit-box-shadow: 0 20px 30px #00000003;
    box-shadow: 0 20px 30px #00000003 */
}

.profile-screen .image-group input {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    padding: 100px 0 0;
    height: 100px;
    overflow: hidden;
    border-radius: 20px
}

.profile-screen .image-group .main-group {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    /* max-width: 503px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-screen .image-group.multiple>label {
    min-width: 0
}

.profile-screen .img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.profile-screen .image-group .info-group {
    position: absolute;
    top: 33px;
    right: 99px;
    pointer-events: none
}

.profile-screen .image-group .info-group::before {
    content: url(../svg/upload.svg);
    position: absolute;
    top: 0;
    right: -56px
}

.profile-screen .dropdown,
.profile-screen .radio-selectors,
.profile-screen .tel-wrapper,
.schedule-list {
    -webkit-box-flex: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    /* max-width: 503px */
    width: 100%;
}

.profile-screen .profile-screen-picker {
    font: 16px/23px 'Effra Trial', sans-serif;
    /* background-color: #f1f8fb; */
    color: #5d5d5d;
    padding: 13px 12px
}

.profile-screen .bs-searchbox .form-control {
    height: 35px
}

.profile-screen #map-area {
    margin-top: 15px;
    width: 100%;
    height: 450px;
    border-radius: 8px
}

.profile-screen .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.profile-screen .radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.profile-screen .input-group label,
.profile-screen .radio-group>label {
    position: relative;
    padding-left: 30px;
    /* Adjust as needed */
    cursor: pointer;
    display: flex;
    align-items: center;
}

.profile-screen .radio-selectors>label {
    min-width: 100px
}

.profile-screen input,
.profile-screen textarea {
    /* max-width: 503px; */
    /* width: 100%; */
    /* background-color: #f1f8fb; */
    border: none;
    padding: 13px 12px;
    border-radius: 8px !important;
    font: 16px/27px 'Effra Trial', sans-serif;
    color: #5d5d5d;
    height: auto;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
}

.profile-screen .tagify {
    max-width: 503px;
    /* background-color: #f1f8fb; */
    border: none;
    padding: 9px 0;
    border-radius: 8px !important;
    font-size: 16px;
    font-weight: 700;
    color: #5d5d5d;
    height: auto;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
}

.profile-screen .tagify__input::before {
    color: #6c757d
}

.profile-screen .navbar {
    padding: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.edit-profile.profile-screen .input-group,
.edit-profile.profile-screen .radio-group {
    display: block;
}

.edit-profile.profile-screen .image-group .main-group,
.edit-profile.profile-screen input,
.edit-profile.profile-screen textarea,
.edit-profile.profile-screen .input-group label,
.edit-profile.profile-screen .radio-group>label,
.edit-profile .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.edit-profile.profile-screen .dropdown,
.edit-profile.profile-screen .radio-selectors,
.edit-profile.profile-screen .tel-wrapper,
.schedule-list,
.edit-profile.profile-screen .tagify {
    width: 100%;
    max-width: 100%;
}

.edit-profile.profile-screen .radio-selectors .form-check {
    display: inline-flex;
    align-items: center;
}

.edit-profile.profile-screen .radio-selectors .form-check label {
    min-width: 60;
}

.button-group {
    /* max-width: 503px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between
}

.button-group .input-submit-button {
    min-width: 175px;
    margin: 24px 0 24px 24px
}

.button-group .input-submit-button:last-child {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #363636;
    margin: 24px 24px 24px 0
}

.button-group .input-submit-button:last-child:hover,
.button-group .signup-submit-button:first-child:hover {
    background-color: #9b9b9b;
    color: #f3f3f3
}

.button-group .add-schedule-button {
    font: Bold 14px 'Effra Trial', sans-serif;
    text-align: center;
    margin: -10px 0 0 auto
}

.button-group .signup-submit-button {
    width: 125px;
    padding: 10px 20px;
    margin: 0;
    color: #f1f8fb
}

.button-group .signup-submit-button:first-child {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #363636
}

.button-group .signup-submit-button:first-child.disabled {
    background-color: #f3f3f3;
    color: #363636;
    cursor: default;
    opacity: .4
}

.schedule-label {
    text-align: right;
    font: Bold 16px/27px 'Effra Trial', sans-serif;
    color: #00b8cd;
    margin: 16px 0 8px 20px
}

.schedule-list.sign-up {
    max-width: none;
    margin-bottom: 36px
}

.schedule-list .schedule-entry {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    --ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 28px;
    background-color: #f1f8fb;
    border-radius: 8px;
    margin-bottom: 8px
}

.schedule-list .schedule-entry .divider {
    height: 20px;
    border-left: 1px solid #00b8cd;
    opacity: .2
}

.schedule-list .schedule-entry p {
    font: Bold 12px/18px 'Effra Trial', sans-serif;
    color: #363636;
    margin: 0
}

.schedule-list .schedule-entry .date-icon {
    content: url(../svg/calendar.svg);
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
    height: 16px
}

.schedule-list .schedule-entry .time-icon::after {
    content: "\f017";
    font-family: 'Effra Trial', sans-serif;
    display: inline-block;
    color: #00b8cd;
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px
}

.schedule-list .schedule-entry .edit-button {
    content: url(../svg/writing.svg)
}

.schedule-list .schedule-entry .delete-button {
    color: #d93025
}

.profile-screen .table a.confirm,
.profile-screen .table th {
    color: #ffffff;
    background-color: #00b8cd
}

.profile-screen .table {
    /* margin: 44px 0 */
}

.profile-screen .table tr {
    height: 1px
}

.profile-screen .table tr:nth-child(odd) {
    background: #f8f8f8;
}

.profile-screen .table th {
    font: 17px/33px 'Effra Trial', sans-serif;
    height: inherit;
    padding: 3px 0;
    text-align: center;
    border: none;
    /* min-width: 150px */
}

.profile-screen .table th:first-child {
    /* border-radius: 0 6px 0 0 */
}

.profile-screen .table th:last-child {
    /* border-radius: 6px 0 0 */
}

.profile-screen .table th:only-child {
    /* border-radius: 6px 6px 0 0 */
}

.profile-screen .table .header-text {
    display: inline-block;
    position: relative;
    padding: 0 8px;
    height: 100%;
    width: 100%;
    /* border-left: 1px solid #00b8cd */
}

.profile-screen .table td:last-child .data-text,
.profile-screen .table th:last-child .header-text {
    border: none
}

.profile-screen .table td {
    font: 15px 'Effra Trial', sans-serif;
    padding: 3px 0;
    height: inherit;
    color: #5d5d5d;
    border-color: #f1f8fb;
    text-align: center;
}

.profile-screen .table .data-text {
    display: inline-block;
    position: relative;
    padding: 0 3px;
    height: 100%;
    width: 100%;
    border-left: 1px solid #f1f8fb
}

.profile-screen .table .cancelled,
.profile-screen .table .successfulg {
    display: inline-block;
    width: 140px;
    text-align: center;
    font: Bold 18px 'Effra Trial', sans-serif;
    padding: 4px 0 6px;
    margin: 6px 0;
    color: #00b8cd;
    background-color: #f1f8fb;
    border-radius: 8px
}

.profile-screen .table .cancelled {
    color: #d93025;
    background-color: #fef2f1
}

.profile-screen .table a {
    /* display: inline-block;
    width: 110px;
    text-align: center;
    font: Bold 18px 'Effra Trial', sans-serif;
    padding: 4px 0 6px;
    margin: 6px 0;
    border-radius: 8px; */
    text-decoration: none;
    -webkit-transition: color, background-color .15s ease-in-out;
    -o-transition: color, background-color .15s ease-in-out;
    transition: color, background-color .15s ease-in-out
}

.profile-screen .table a:hover {
    /* color: #ad281e;
    background-color: #ffd0cc */
}

.profile-screen .table a.confirm:hover {
    color: #02a1b3;
    background-color: #d8e0e4
}

.profile-screen .confirm-overlay {
    background-color: #333;
    max-width: 350px
}

@media (max-width:992px) {
    .doctor-box {
        margin-right: 0px !important;
    }

    .offer-panel a>p {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .form-screen .image-group {
        max-width: none;
        margin-bottom: 36px
    }

    .form-screen .logo-wrapper {
        position: inherit;
        height: 100%
    }

    .form-screen .logo-wrapper.signup-wrapper {
        padding: 16px 20px
    }

    .form-screen .entries-filter-box,
    .form-screen .logo-wrapper.signup-wrapper h5 {
        margin: 0
    }

    .form-screen .entries-filter-box .nav-item.active::after {
        content: "\F063"
    }

    .form-screen .login-split p {
        margin: 0 16px
    }

    .form-screen .image-label {
        width: 100%;
        margin: 16px 16px 16px 0;
        text-align: center
    }

    .form-screen .avatar-preview .img-preview .img-wrapper {
        margin: -25px auto 10px
    }

    .profile-screen .entries-filter-box,
    .profile-screen .profile-wrapper {
        max-width: none;
        margin: 16px
    }

    .profile-screen label {
        margin-bottom: 16px
    }

    .profile-screen .radio-group label {
        margin-bottom: 4px
    }

    .profile-screen .button-group,
    .profile-screen .input-group,
    .profile-screen .radio-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .profile-screen .tel-wrapper {
        width: 100%
    }

    .button-group,
    .profile-screen .dropdown,
    .profile-screen .image-group .main-group,
    .profile-screen .radio-selectors,
    .profile-screen .tagify,
    .profile-screen .tel-wrapper,
    .profile-screen input,
    .profile-screen textarea,
    .schedule-list {
        max-width: none
    }

    .profile-screen .dropdown {
        width: 100% !important
    }

    .button-group .input-submit-button,
    .button-group .input-submit-button:last-child {
        min-width: 175px;
        margin: 10px 0
    }

    .how-step-row {
        padding: 15px 0;
    }

    .how-step-row .row {
        transform: none;
    }

    .how-step {
        margin-bottom: 1rem;
    }

    .search-box .dropdown.bootstrap-select,
    .min-w-160 {
        width: 90% !important;
        /* min-width: 100% !important; */
    }
}

.speciality-search .speciality-list {
    padding: 32px 32px 32px 16px;
    background-color: #fff
}

.speciality-search .speciality-list a,
.speciality-search .speciality-list p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    --ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font: Bold 30px/40px 'Effra Trial', sans-serif;
    color: #707070;
    margin: 20px 0
}

.speciality-search .speciality-list p {
    display: inline;
    font: Bold 30px/40px 'Effra Trial', sans-serif;
    color: #707070;
    margin: 20px 0
}

.speciality-search .speciality-logo {
    margin: 0 52px;
    text-align: center;
    min-width: 65px
}

#profile_pic_cont .loading-overlay,
.docImg .loading-overlay,
.main-group .loading-overlay,
.schactions .loading-overlay,
.schedule-entry .loading-overlay {
    position: absolute;
    z-index: 999;
    text-align: center;
    border-radius: 8px !important;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: none;
    right: 0
}

#profile_pic_cont .loading-overlay .spinner-container,
.docImg .loading-overlay .spinner-container,
.main-group .loading-overlay .spinner-container,
.schactions .loading-overlay .spinner-container,
.schedule-entry .loading-overlay .spinner-container {
    display: table-cell;
    vertical-align: middle
}

.schactions .loading-overlay {
    top: 0
}

#s_next_doctor,
#t_next_doctor {
    background: #01b5b6 !important;
    border: 2px solid #01b5b6;
    width: 125px;
    padding: 10px 20px;
    margin: 0;
    color: #f1f8fb
}

.small_note {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -27px;
    font-size: 13px;
    font-weight: 300
}

.abcRioButton.abcRioButtonLightBlue {
    border-radius: 50% !important;
    height: 63px !important;
    width: 63px !important
}

.abcRioButtonContentWrapper span {
    display: none !important
}

.abcRioButtonIcon {
    padding: 8px;
    position: absolute;
    text-align: center;
    left: 14px;
    top: 13px
}

.speciality-list img {
    max-width: 67px;
    max-height: 67px
}

.reservation-table-column .column-times a.booked {
    color: #ccccd5;
    text-decoration: line-through
}

.reservation-table-column .column-times a.booked:hover {
    background-color: #fff;
    color: #ccccd5;
    text-decoration: line-through
}

.text-primary {
    color: #00b8cd !important
}

.bg-secondary {
    background: #f1f1f1 !important;
}

.promoted {
    display: block;
    position: absolute;
    top: 15px;
    text-align: center;
    font-weight: bolder;
    background: #fbfeff;
    padding: 0 5px;
    right: 0;
    color: #ffb624;
    border-radius: 35px;
    font-size: 16px;
    width: 85px;
    height: 30px;
    line-height: 1.7;
    border: 1px solid
}

.doctor-panel .doctor-location,
.doctor-panel .doctor-price,
.doctor-panel .doctor-speciality {
    line-height: 35px
}

.open-edit-menu-toggle-btn {
    padding: 0 25px;
    border: 2px solid #00b7c8;
    border-radius: 10px;
    color: #00b7c5 !important;
    margin: auto;
    display: table
}

.join-us-label:hover {
    color: #0c0d0d
}

.user-profile .nav-tabs {
    border-bottom: 0;
    justify-content: center;
}

.user-profile .nav-tabs .nav-link {
    color: #000000;
    border: 0;
    border-bottom: 1px solid transparent;
}

.styled-table thead {
    background: #01B7C4;
    color: #ffffff;
}

.styled-table .table {
    font-size: 15px;
}

.styled-table .table th,
.styled-table .table td {
    text-align: center;
    vertical-align: middle;
    padding: .25rem;
}

.styled-table .table tr:nth-child(1) td,
.styled-table .table tr:nth-child(1) th {
    border-top: 0;
}

.status {
    display: inline-block;
    padding: 3px 10px;
    text-align: center;
    background: #ffc107;
    border-radius: 5px;
    min-width: 100px;
    color: #fff;
}

.status.active {
    background: #28a745;
}

.status.disactive {
    background: #dc3545;
}

.status.missed {
    background: #DF4275;
}

.status.cancelled {
    background: #FCCBE1;
}

.styled-span {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 0.5em !important;
}

.form-control {
    border: none;
    min-height: 50px;
    background: #fff;
    border: 1px solid #DDD;
    /* box-shadow: 0 2px 2px rgb(0 0 0 / 10%), 0 2px 5px rgb(0 0 0 / 10%); */
    border-radius: 10px;
}

.medical-profile .static-label .form-control {
    width: auto;
    display: inline-block;
    padding-left: 20px;
}

.medical-profile .form-check-label {
    /* box-shadow: 0 2px 2px rgb(0 0 0 / 10%), 0 2px 5px rgb(0 0 0 / 10%); */
    border: 0;
}

.upload-image div {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
    color: #707070;
}

.upload-image input[type="file"] {
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
}

.min-w-160 {
    min-width: 160px;
}

.select-container {
    /*margin-bottom: 1rem;*/
    border-left: 1px solid #00b8cd;
}

.select-container .img-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-container img {
    width: 30px;
}

.select-container .back-icon {
    width: 20px;
}

.carousel {
    /* border-radius: 10px; */
    /* Adjust the border-radius as per your design */
    overflow: hidden;
}


.adds-bg {
    /* background-image: url('../img/download-bg.png'); */
    background-size: cover;
    height: 350px;
    background-position: center center;
    margin-top: 70px;
    border-radius: 8px;
}

.doctor-search-btn {
    display: none
}

.theme-krajee-svg.rating-xs .krajee-icon,
.theme-krajee-svg.rating-xs .krajee-icon-clear {
    width: 0.9rem !important;
    height: 0.9rem !important;
}

.branch_phone_numbers .btn {
    position: absolute;
    width: auto !important;
    left: 5px;
    top: 42px;
}

.form-screen .dropdown-toggle:focus {
    box-shadow: none !important;
    outline: none !important;
}

.form-control.invalid {
    border: 1px solid #ac261d !important;
}

.reg-tab {
    display: none;
}

.reg-tab.active {
    display: block;
}

.trendin-doc {
    /* height: 63vh; */
    margin-bottom: 1.5rem !important;
}

.trend-slider .slick-dots {
    position: absolute;
    bottom: -12%;
    right: 2%
}

.offers-section {
    height: 62vh;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-Slider .slick-dots {
    position: absolute;
    right: 2%
}

.offer-slider {
    overflow: hidden;
}

.offer-slider .slick-dots {
    position: absolute;
    bottom: 0%;
    right: 2%
}

.book-click {
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.book-social-icons {
    position: fixed;
    right: 0;
}

.offers-details {
    padding-top: 64px;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: transparent;
    /* Set background color to transparent */
    border: none;
    /* Remove border */
}

.offer-details-img {
    width: 100%;
    height: 400px
}

.navbar-toggler-icon {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"%3e%3cpath stroke="rgba(0, 0, 0, 0.5)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3e%3c/svg%3e');
}

.doctor-panel-img {
    width: 122px;
    height: 122px;
}

.right-button {
    border-bottom: 2px solid #00b7c5;
}

.left-button {
    border-bottom: 2px solid #000
}

.right-button-text,
.left-button-text {
    font-size: 22px
}

.right-button:hover,
.left-button:hover {
    font-size: 24px;
    background-color: #00b7c5;
    color: #FFF
}



@media (min-width:1367px) and (max-width: 1920px) {

    .offers-section,
    .articles-section {
        height: 45vh !important;
    }

    .trendin-doc {
        height: 42vh
    }
}

@media (min-width: 1921px) and (max-width: 2561px) {

    .offers-section,
    .articles-section {
        height: 30vh !important;
    }

    .trendin-doc {
        height: 32vh
    }
}

@media (max-width: 375px) {

    /* .offers-section,
    .articles-section {
        height: 77vh !important;
    } */

    .trendin-doc {
        /* height: 77vh !important; */
    }
}

@media (max-width: 414px) {

    /* .offers-section,
    .articles-section {
        height: 70vh;
    } */

    .trendin-doc {
        /* height: 80vh; */
    }
}

@media (max-width: 430px) {

    /* .offers-section,
    .articles-section {
        height: 43vh;
    } */

    .trendin-doc {
        /* height: 46vh; */
    }

    .new-doc {
        /* height: 43vh; */
    }
}

@media (max-width: 360px) {

    .entry-profile-info .profile-img {
        right: 27% !important;
    }

    .offers-section,
    .articles-section {
        height: 54vh !important;
    }

    .trendin-doc {
        /* height: 58vh !important; */
    }

    .new-doc {
        /* height: 52vh !important; */
    }
}


@media (min-width: 1440px) {

    .offers-section,
    .articles-section {
        height: 42vh;
    }

    .trendin-doc {
        /* height: 48vh; */
    }
}

@media (max-width: 390px) {

    .entry-profile-info .profile-img {
        right: 27% !important;
    }

    .offers-section,
    .articles-section {
        height: 48vh;
    }

    .trendin-doc {
        /* height: 50vh !important; */
    }

    .new-doc {
        height: 46vh;
    }
}

@media (max-width: 375px) {

    .entry-profile-info .profile-img {
        right: 28%;
    }

    .offers-section,
    .articles-section {
        height: 69vh;
    }


    .trendin-doc {
        /* height: 87vh !important; */
    }
}

@media (min-width: 820px) {
    .doctor-wrapper>a {
        width: 50%;
    }

}






@media (min-width:577px) and (max-width: 768px) {
    .entry-profile-info .profile-img {
        right: 36% !important;
    }

    .doctor-box {
        margin-right: 0px !important;
        border: 0 !important;
    }

    .select-container {
        border-left: 0;
        border-bottom: 1px solid #DDD;
    }

    .trend-slider .slick-dots {
        position: absolute;
        bottom: -7%;
        right: 2%
    }

    .trendin-doc {
        padding-bottom: 20px;
        /* height: 108vh; */
    }

    .offers-section {
        height: 95vh;
        padding-bottom: 40px
    }

    .offer-slider .slick-dots {
        position: absolute;
        bottom: 0%;
        right: 2%
    }

    .articles-section {
        height: 99vh;
    }
}

@media (min-width:769px) and (max-width: 820px) {
    .entry-profile-info .profile-img {
        right: 35%;
    }

    .clinic-box {
        margin-left: 0px !important
    }

    .doctor-box {
        margin-right: 0px !important
    }

    .select-container {
        border-left: 0;
        border-bottom: 1px solid #707070;
    }

    .trend-slider .slick-dots {
        position: absolute;
        bottom: -13%;
        right: 2%
    }

    .trendin-doc {
        /* height: 94vh; */
        padding-bottom: 60px
    }

    .offers-section {
        height: 78vh;
        padding-bottom: 40px
    }

    .offer-slider .slick-dots {
        position: absolute;
        bottom: 0%;
        right: 2%
    }

    .articles-section {
        height: 76vh;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .offers-section,
    .articles-section {
        height: 33vh;
    }

    .trendin-doc {
        height: 33vh;
    }

    .clinic-box {
        margin-left: 0px !important
    }

    .doctor-box {
        margin-right: 0px !important
    }

    .search-box .dropdown.bootstrap-select {
        width: 90% !important;
    }

    .select-container {
        border-left: 0;
    }
}

.main-bg {
    color: #00b8cd !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.slick-dots {
    display: none !important
}


.doctor-info .doctor-subname,
.doctor-info .doctor-subtitle {
    color: #acb1b8;
}

.Modern-Slider .item .img-fill,
.slick-list.draggable {
    height: max-content !important;
}

.slick-track,
.slick-slider {
    height: max-content !important;
}

.slick-slider {
    height: max-content !important;
}

.offer-card-img,
.sec-offer-card-img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.offer-card-img img,
.sec-offer-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: top center;
}

@media (max-width: 767px) {
    .offer-card-img {
        width: 100%;
        height: 150px;
    }

    .sec-offer-card-img {
        width: 100%;
        height: 120px;
    }

}

.image-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.doctor-rounded-image {
    border-radius: 50% !important;
    overflow: hidden;
    width: 100px !important;
    height: 100px !important;
}

.background-white {
    background-color: white !important;
}

.how-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.how-card img {
    max-width: 100%;
    height: auto;
}

.how-card p {
    flex-grow: 1;
}

.rounded-card {
    border-radius: 10px;
    overflow: hidden;
}


.blue-text {
    color: #00B8CD !important;
    font: Bold 14px / 25px 'Effra Trial', sans-serif;
}

.bold-text-grey {
    font: Bold 14px / 25px 'Effra Trial', sans-serif;
    color: #5d5d5d;
}

.text-grey {
    color: #5d5d5d;
}

.text-dark {
    color: #363636;
}

.offer-details-title {
    font: Bold 34px / 58px 'Effra Trial', sans-serif;
}

.offer-details-subtitle {
    font: Bold 14px / 25px 'Effra Trial', sans-serif;
}

@media (max-width: 767px) {
    .offer-details-title {
        font: Bold 28px 'Effra Trial', sans-serif;
    }

}

#headerSlider.home-carousel-item {
    height: 100vh !important;
    height: 100dvh !important;
}

.doctor-image {
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    overflow: hidden;
}

.reservation-table {
    display: block !important;
}

.entries-footer-bar .pagination .page-link.prevPage.disabled {
    background-color: transparent;
}

a .doctor-search-btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width:576px) {

    .doctor-panel.d-block.d-lg-none.d-md-none{
        display: none !important;
    }
    /* .doctor-panel-lg {
        display: none !important;
    } */

    .entry-wrapper.entry-info .entry-doctor-img {
        margin-right: 65px !important;
    }

    .select-container {
        margin-bottom: 1rem;
        border-left: 1px solid #00b8cd;
        padding-right: 12px !important;
    }

    .offer-details-img {
        height: 250px
    }

    .offers-carousel {
        padding-top: 5rem !important;
    }

    .ehgzdd {
        margin-right: 38px !important;
    }

    .search-box-title {
        right: 15px;
    }

    .filter-toggler {
        margin-right: 0px !important;
    }

    .doctor-search-btn {
        display: block;
        /* margin-right: 52px; */
    }

    .doctor-search {
        padding-right: 0px !important
    }

    .filter-card-devider {
        margin: 0 !important;
    }

    .form-screen .screen-wrapper {
        min-height: 75vh;
    }

    .entry-profile-info .profile-img {
        right: 30%;
    }

    .select-container {
        border-left: 0;
        /* border-bottom: 0.5px solid #707070; */
        padding: 0 0px 10px 0;
    }

    .right-button-text,
    .left-button-text {
        font-size: 15px
    }

    .hero-panel,
    .hero-wrapper {
        text-align: center
    }

    .hero-text .hero-title {
        font: Bold 58px/80px 'Effra Trial', sans-serif;
    }

    .search-box {
        margin-right: 16px;
        margin-left: 16px;
        width: 100%;
        margin-top: 15px;
    }

    .offers-title {
        margin: 62px 0 40px
    }

    footer .form-group input {
        width: auto
    }

    .app-links a:first-child img {
        margin: 0
    }

    .more-about-backdrop {
        margin-right: -40px;
        min-width: 205px;
        min-height: 205px
    }

    .more-about-details {
        margin: 60px 0 0
    }

    .more-about-img {
        left: -40px;
        bottom: -40px
    }

    .contact-us-panel,
    .reservation-panel {
        margin: 40px auto 48px
    }

    .contact-us-panel h4 {
        margin: 7px auto 14px;
        text-align: center
    }

    .contact-us-button {
        width: 100%
    }

    .contact-us-information {
        margin: 0 auto 38px
    }

    .entries-header-bar {
        padding: 0px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 6px;
    }

    .reservation-details {
        margin: 25px 0
    }

    #reservation-map {
        margin-top: 25px
    }

    .form-screen h5 {
        margin-bottom: 46px
    }

    .form-screen .login-split p {
        margin: 0 12px
    }

    .profile-screen .image-group .main-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .profile-screen .image-group .sub-group,
    .profile-screen .img-preview {
        margin: 0 auto
    }

    .profile-screen .img-preview {
        margin-top: -15px
    }

    .speciality-search .speciality-list {
        padding: 0 16px;
        background-color: #fff
    }

    .speciality-search .speciality-logo {
        margin: 0 10px
    }

    .download-app {
        min-height: 200px;
    }

    .download-logos img {
        max-width: 90px;
    }

    .select-container .img-container {
        width: 30px;
        height: 30px;
    }

    .select-container img {
        width: 32px;
    }

    .adds-bg {
        height: 180px;
    }




    .search-box-button img {
        width: 20px;
        margin-right: 5px;
    }

    .navbar-light .navbar-brand {
        width: 120px;
    }

    .profile-screen .table .data-text,
    .profile-screen .table .header-text {
        font-size: 13px;
    }

    .trendin-doc {
        padding-bottom: 20px;
        /* height:  92vh; */
    }

    /* .articles-section {
        height: 71vh !important;
    } */

    .offers-section {
        height: 70vh !important;
    }

    .styled-span {
        max-width: 110px;
    }

    .trend-slider .slick-dots {
        position: absolute;
        bottom: -10%;
        right: 2%
    }

    .offer-slider .slick-dots {
        bottom: 10%;
    }

}


@media (min-width:577px) {
    .doctor-mobile-panel {
        display: none;
    }
}  

@media (min-width:576px) and (max-width: 768px) {
    .doctor-panel.d-block.d-lg-none.d-md-none{
        display: none !important;
    }
}  
 
.doctor-mobile-panel {
    display: none;
}