.consultation-info {
    padding-bottom: 25px;
}

.consultation-info p {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .consultation-info p {
        margin-bottom: 15px;
    }
}

.consultation-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.consultation-list ul li {
    display: block;
    margin-bottom: 15px;
}

.consultation-list ul li:last-child {
    margin-bottom: 0;
}

.consultation-types {
    display: flex;
    justify-content: center;
}

.consultation-types a {
    font-weight: 500;
    font-size: 16px;
    color: #d1d3d8;
    background: #ffffff;
    border: 1px solid #d1d3d8;
    border-radius: 6px;
    min-width: 413px;
    margin: 0 10px 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation-types a:hover {
    color: #14a0e4;
    background: #ffffff;
    border: 1px solid #14a0e4;
}

.consultation-types a i {
    font-size: 18px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .consultation-types a {
        min-width: 300px;
    }
}

@media (max-width: 767px) {
    .consultation-types a {
        font-size: 14px;
        min-width: 250px;
        margin: 0 7px 15px;
    }
}

.consultation-types span {
    margin-left: 18px;
    font-size: 20px;
    color: #28a745;
    display: none;
}

.consultation-types.active a {
    color: #14a0e4;
    background: #ffffff;
    border: 1px solid #14a0e4;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.07);
}

.consultation-types.active span {
    display: block;
}

.booking-doctor-details {
    display: flex;
    justify-content: space-between;
}

.booking-device {
    display: flex;
}

.booking-device-img {
    margin-right: 15px;
}

.booking-doctor-info h3 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.booking-doctor-info .device-text {
    margin-bottom: 12px;
}

.booking-doctor-info .btn {
    font-weight: 500;
    font-size: 14px;
    margin: 0 4px 10px;
    min-width: 109px;
    color: #14a0e4;
    background: #ffffff;
    border: 2px solid #14a0e4;
    box-shadow: inset 0 0 0 0 #14a0e4;
    border-radius: 6px;
    transition: 0.7s;
}

.booking-doctor-info .btn:hover {
    color: #ffffff;
    background: #14a0e4;
    box-shadow: inset 0 0 0 50px #14a0e4;
    border: 2px solid #14a0e4;
    transition: 0.7s;
}

.app-images a {
    margin-right: 8px;
}

.app-images a:last-child {
    margin-right: 0;
}

.booking-date {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.booking-date p {
    color: #616161;
    margin-right: 10px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .booking-date p {
        margin: 0 0 10px 0;
    }

    .booking-date {
        display: block;
        padding-bottom: 20px;
    }
}

.time-slot-card-body {
    @media (max-width: 767px) {
        padding-bottom: 0 !important;
    }
}

.booking-range .btn {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    font-weight: normal;
    color: #424242;
    margin: 0 10px 15px;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .booking-range .btn {
        font-size: 13px;
        margin: 0 10px;
        position: relative;
    }
}

.booking-range img {
    margin-right: 10px;
}

.booking-range i {
    font-size: 16px;
    margin-left: 10px;
    color: #4f5b62;
}

.booking-card {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    margin-bottom: 25px;
}

.booking-date-slider {
    padding-bottom: 30px;
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.date-slider .slick-slide {
    display: block;
    margin: 0 0 5px;
}

.date-slider li h4 {
    font-weight: 500;
    font-size: 16px;
    color: #b0b0b0;
    margin-bottom: 5px;
}

@media (max-width: 1199px) {
    .date-slider li h4 {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .date-slider li h4 {
        font-size: 16px;
    }
}

.date-slider li p {
    color: #404040;
    margin-bottom: 0;
}

.date-slider li.active h4 {
    color: #000000;
}

.date-slider li.active p {
    color: #c1c1c1;
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    content: ' \e92f';
    font-family: "feather";
    font-size: 26px;
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: #000000;
    line-height: normal;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: #14a0e4;
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: #14a0e4;
}

.time-slot {
    text-align: center;
}

.time-slot h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}

.time-slot ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.time-slot ul li {
    display: block;
    margin-bottom: 15px;
}

.time-slot ul li:last-child {
    margin-bottom: 0;
}

.time-slot .timing {
    background: #9e9e9e;
    border: 2px solid #f2f2f2;
    border-radius: 8px;
    color: #4d4d4d;
    margin: 0 10px 15px;
    padding: 0;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 0 #ffffff;
    transition: 0.7s;
}


.time-slot .timing.active {
    background: #14a0e4;
    border: 2px solid #14a0e4;
    color: #ffffff;
    box-shadow: inset 0 0 0 0 #14a0e4;
}

.time-slot .timing.active:hover {
    background: #14a0e4;
    border: 2px solid #14a0e4;
    color: #ffffff;
    box-shadow: inset 0 0 0 50px #14a0e4;
}

.time-slot .timing i {
    margin-right: 4px;
}

.time-slot .load-more-timings a {
    font-weight: 500;
    text-decoration: underline;
    color: #14a0e4;
}

.time-slot .load-more-timings a:hover {
    color: #000000;
}

.time-slot .time-slot-open {
    display: none;
}

@media (max-width: 991px) {
    .time-slot {
        padding-bottom: 15px;
    }
}

.success-content {
    text-align: center;
    padding-bottom: 40px;
}

.success-content h4 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .success-content h4 {
        font-size: 16px;
    }

    .success-content {
        padding-bottom: 30px;
    }
}

.success-icon {
    padding-bottom: 15px;
}

.success-icon i {
    font-size: 50px;
    color: #28a745;
}

@media (max-width: 991px) {
    .success-icon i {
        font-size: 36px;
    }
}

.booking-success-info {
    padding-bottom: 20px;
}

.booking-success-info .booking-doctor-img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    margin-right: 15px;
}

.booking-success-info .booking-doctor-img img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
}

.booking-success-info .booking-doctor-info p {
    margin-bottom: 15px;
}

.success-btn {
    text-align: center;
    padding-bottom: 25px;
}

.success-btn .btn {
    display: inline-flex;
    font-weight: 500;
    padding: 8px 18px;
}

@media (max-width: 767px) {
    .success-btn .btn {
        display: flex;
    }
}

.success-btn .btn-primary {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .success-btn .btn-primary {
        margin: 0 0 10px 0;
        padding: 8px 18px;
    }
}

.success-btn .btn-light {
    color: #d1d1d1;
    background: #b0b0b0;
}

.success-dashboard-link {
    text-align: center;
}

.success-dashboard-link a {
    display: inline-flex;
    font-weight: 500;
    font-size: 15px;
    color: #8a8d8f;
}

.success-dashboard-link a:hover {
    color: #14a0e4;
}

.success-dashboard-link a i {
    margin-right: 12px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .success-dashboard-link a {
        font-size: 14px;
    }
}















.booking-doc-info {
    display: flex;
}

.booking-doc-img {
    width: 80px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .booking-doc-img {
        width: 75px;
    }
}

@media (max-width: 575px) {
    .booking-doc-img {
        width: 70px;
    }
}

.booking-doc-img img {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .booking-doc-img img {
        height: 75px;
        width: 75px;
    }
}

@media (max-width: 575px) {
    .booking-doc-img img {
        height: 70px;
        width: 70px;
    }
}

.schedule-widget {
    min-height: 100px;
    border-radius: 4px;
}

.schedule-header {
    border-bottom: 1px solid #dcdcdc;
    margin: 10px 20px;
    border-radius: 4px 4px 0 0;
}

.schedule-header h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 3px 0 0;
}

.day-slot ul {
    float: left;
    list-style: none;
    position: relative;
    width: 100%;
    margin: auto -5px 0 -5px;
}

.day-slot ul li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 14.28%;
}

.day-slot ul li span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .day-slot ul li span {
        font-size: 16px;
        text-transform: unset;
    }
}

.day-slot ul li .slot-date {
    display: block;
    color: #A9A9A9;
    font-size: 14px;
}

.day-slot ul li small .slot-year {
    color: #A9A9A9;
    font-size: 14px;
}

@media (max-width: 767px) {
    .day-slot ul li small .slot-year {
        display: none;
    }
}

.day-slot ul li.left-arrow {
    text-align: center;
    width: 20px !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    margin: 0;
}

@media (max-width: 991px) {
    .day-slot ul li.left-arrow {
        left: -10px;
    }
}

.day-slot ul li.right-arrow {
    text-align: center;
    width: 20px !important;
    transform: translateY(-50%);
    position: absolute;
    left: 50%;
    margin: 0;
}

.schedule-cont {
    margin: 0 20px;
}

.time-slot ul {
    list-style: none;
    margin: auto -5px 0 -5px;
}

.time-slot ul li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 14.28%;
}

.time-slot ul li .timing {
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #A9A9A9;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin: 5px;
    text-align: center;
    position: relative;
}

.time-slot ul li .timing:hover {
    background-color: #fff;
}

.time-slot ul li .timing:last-child {
    margin-bottom: 0;
}

.time-slot ul li .timing.selected {
    background-color: #00BFFF;
    border: 1px solid #00BFFF;
    color: white;
}

.time-slot ul li .timing.selected::before {
    color: white;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    left: 6px;
    top: 6px;
}

@media (max-width: 991px) {
    .time-slot ul li .timing.selected::before {
        display: none;
    }
}

.time-slot ul li .timing.selected:hover {
    color: #A9A9A9;
}

.schedule-list {
    border-bottom: 1px solid #99c2ff;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.schedule-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.submit-section .proceed-btn {
    margin: 0 0 30px;
}

@media (max-width: 767px) {
    .submit-section .proceed-btn {
        margin-bottom: 20px;
    }
}

.tab-content .schedule-cont .card-title {
    margin-bottom: 10px;
}

.doc-times {
    display: flex;
    align-items: stretch;
}

.doc-slot-list {
    background-color: #ff6347;
    border: 1px solid #ffcccc;
    color: white;
    font-size: 14px;
    margin: 10px 15px 0 0;
    border-radius: 4px;
}

.doc-slot-list a {
    color: #ff7f7f;
    display: inline-block;
    margin-left: 5px;
}

.doc-slot-list a:hover {
    color: white;
}

.schedule-nav .nav-tabs {
    border: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.schedule-nav .nav-tabs li {
    display: inline-block;
    flex-grow: inherit;
    margin: 5px 15px 5px 0;
}

@media (max-width: 479px) {
    .schedule-nav .nav-tabs li {
        display: block;
        flex: 0 0 100%;
        margin-right: 0;
    }
}

.schedule-nav .nav-tabs li:last-child {
    margin-right: 0;
}

.schedule-nav .nav-tabs li a {
    border: 1px solid #add8e6;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 6px 15px;
}

.schedule-nav .nav-tabs li a.active {
    background: #d25e99;
    border: 1px solid #d25e99 !important;
    color: white;
}

.hours-info .form-control {
    min-height: auto;
}

.hours-info .btn.btn-danger.trash {
    height: 38px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-more a {
    color: #87ceeb;
}

.edit-link {
    color: #87ceeb;
    font-size: 16px;
    margin-top: 4px;
}

@media (max-width: 575px) {
    .edit-link {
        font-size: 14px;
        margin-top: 2px;
    }
}

.submit-section .submit-btn {
    margin: 12px 30px;
    font-weight: 600;
    font-size: 16px;
    min-width: 120px;
}

@media (max-width: 767px) {
    .submit-section .submit-btn {
        margin: 10px 20px;
        font-size: 15px;
        min-width: 105px;
    }
}

.success-page-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-card .card-body {
    margin: 0 50px 20px;
}

.success-cont {
    text-align: center;
}

.success-cont i {
    color: white;
    width: 60px;
    height: 60px;
    border: 2px solid #3498db;
    font-size: 30px;
    margin-bottom: 30px;
    background-color: #3498db;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.success-cont h3 {
    font-size: 24px;
}

@media (max-width: 767px) {
    .success-cont h3 {
        font-size: 22px;
    }
}

.success-cont p {
    margin-bottom: 30px;
}

.success-cont strong {
    font-weight: bold;
}

.booking-schedule.schedule-widget {
    overflow-x: auto;
}

@media (max-width: 575px) {
    .booking-schedule.schedule-widget>div {
        width: 730px;
    }
}

.booking-schedule .day-slot ul {
    display: flex;
}

.booking-schedule .day-slot ul li {
    flex: 0 0 100px;
    width: 100px;
}

.booking-schedule .time-slot ul li {
    flex: 0 0 100px;
    width: 100px;
}

.booking-schedule .time-slot ul li .timing span {
    display: block;
}

@media (max-width: 575px) {
    .booking-schedule .day-slot ul li {
        flex: 0 0 75px;
        width: 75px;
    }

    .booking-schedule .time-slot ul li {
        flex: 0 0 75px;
        width: 75px;
    }
}


.booking-doctor-img img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.time-slot ul li {
    flex: 0 0 100px;
    width: 100px;
}

.time-slot ul li .timing span {
    display: inline-block;
}

.visits .visit-btns {
    color: #1D1D1D;
    background-color: #FFFFFF;
    width: 80%;
    margin-bottom: 10px;
    display: block;
    outline: unset;
    cursor: pointer;
}

.visits input:checked~.visit-rsn {
    background-color: #303e47;
    color: #FFFFFF;
    border-radius: 4px;
}

.visits input:checked~.visit-rsn:before {
    opacity: 1;
}

.visits input:disabled~.visit-rsn {
    background-color: #FF4B4B;
    color: #FFFFFF;
    border-radius: 5px;
}

.visits input.form-check-input {
    opacity: 0;
    visibility: hidden;
    margin-left: 0;
    position: absolute;
}

.visits .form-check-input {
    opacity: 0;
}

.visits span.visit-rsn {
    background: #90F5A1;
    border: 0;
    border-radius: 5px;
    color: #808080;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    font-weight: 600;
    min-width: 133px;
    width: 100%;
    margin: 0 13px 5px 0;
}

.visits span.visit-rsn:before {
    color: #303e47;
    background-color: #FFFFFF;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.visits .back-link {
    padding-bottom: 30px;
}

.visits .back-link a {
    font-size: 15px;
    color: #8C8C8C;
    display: inline-flex;
    align-items: center;
}

.visits .back-link a:hover {
    color: #303e47;
}

.visits .back-link a i {
    margin-right: 10px;
}

.booking-header {
    padding-bottom: 25px;
}

.booking-header .booking-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}

.booking-header .booking-title {
    padding-bottom: 20px;
}

.booking-date.choose-date-book {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.booking-date.choose-date-book p {
    color: #A0A0A0;
    margin: 0 10px 0 0;
    margin-right: 10px;
    margin-bottom: 0;
}

.booking-date.choose-date-book {
    display: block;
    padding-bottom: 20px;
}

.booking-date-slider {
    padding-bottom: 30px;
}

.booking-range .btn {
    background: #FFFFFF;
    border: 1px solid #E4E4E8;
    border-radius: 6px;
    font-size: 14px;
    font-weight: normal;
    color: #A3A3A3;
    padding: 0 10px 15px;
    display: inline-flex;
    align-items: center;
}

.booking-range .btn {
    font-size: 13px;
    margin: 0 10px;
    position: relative;
}

.booking-range img {
    margin-right: 10px;
}

.booking-range i {
    font-size: 16px;
    margin-left: 10px;
    color: #A3A3A3;
}

.booking-doctor-details {
    display: flex;
    justify-content: space-between;
}

.booking-device {
    display: flex;
}

.booking-device-img {
    margin-right: 15px;
}

.booking-device-img img {
    max-width: inherit;
}

.booking-doctor-info h3 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.booking-doctor-info .device-text {
    margin-bottom: 12px;
}

.booking-doctor-info .btn {
    font-weight: 500;
    font-size: 14px;
    padding: 0 4px 10px;
    min-width: 109px;
    color: #303e47;
    background: #FFFFFF;
    border: 2px solid #303e47;
    box-shadow: inset 0 0 0 0 #303e47;
    border-radius: 6px;
    transition: 0.7s;
}

.booking-doctor-info .btn:hover {
    color: #FFFFFF;
    background: #303e47;
    box-shadow: inset 0 0 0 50px #303e47;
    border: 2px solid #303e47;
    transition: 0.7s;
}

.time-slot.time-slot-blk {
    text-align: center;
}

.time-slot.time-slot-blk h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}

.time-slot.time-slot-blk ul {
    list-style: none;
    margin: 0;
}

.time-slot.time-slot-blk ul li {
    display: block;
    margin-bottom: 15px;
    float: inherit;
    width: 100%;
}

.time-slot.time-slot-blk ul li:last-child {
    margin-bottom: 0;
}

.time-slot.time-slot-blk ul li .timing {
    background: #D3D3D3;
    border: 2px solid #F4F4F4;
    border-radius: 8px;
    color: #4B4B4B;
    margin: 0 10px 15px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 0 #FFFFFF;
    transition: 0.7s;
}

.time-slot.time-slot-blk ul li .timing:hover {
    background: #FFFFFF;
    box-shadow: inset 0 0 0 50px #FFFFFF;
    transition: 0.7s;
}

.time-slot.time-slot-blk ul li .timing.active {
    background: #303e47;
    border: 2px solid #303e47;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 0 #303e47;
}

.time-slot.time-slot-blk ul li .timing.active:hover {
    background: #303e47;
    border: 2px solid #303e47;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 50px #303e47;
}

.time-slot.time-slot-blk ul li .timing i {
    margin-right: 4px;
}

.time-slot.time-slot-blk ul li .load-more-timings a {
    font-weight: 500;
    text-decoration: underline;
    color: #303e47;
}

.time-slot.time-slot-blk ul li .load-more-timings a:hover {
    color: #000000;
}

.time-slot.time-slot-blk .time-slot-open {
    display: none;
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
}

.date-slider .slick-slide {
    display: block;
    margin: 0 0 5px 0;
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: #000000;
    line-height: normal;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: #303e47;
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: #303e47;
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
}

.date-slider .slick-prev {
    left: -12px;
}

.date-slider .slick-next {
    right: -12px;
}

.content.content-space {
    padding: 80px 0;
}

.prime-btn {
    background-color: #303e47;
    border: 1px solid #303e47;
    box-shadow: inset 0 0 0 0 #FFFFFF;
}

.prime-btn:hover,
.prime-btn:focus,
.prime-btn:active,
.prime-btn.active {
    background-color: #303e47;
    border-color: #303e47;
    box-shadow: inset 0 0 0 0 #303e47;
}

.content.contact-form .form-check {
    margin-bottom: 10px;
}

.content.contact-form .form-check-input {
    margin-left: 0;
}

.content.contact-form .input-group .form-control {
    height: 50px;
}

.content.contact-form .form-check-input {
    margin-top: 0;
}

.form-check-input {
    opacity: 0;
}

span.visit-rsn {
    background: #00bfae;
    /* Replace with $__light__green */
    border: 0;
    border-radius: 5px;
    color: #6c757d;
    /* Replace with $__gray__smokey */
    display: inline-block;
    /* Replace with $__inline__block */
    font-size: 14px;
    /* Replace with $__font__size__14 */
    margin-bottom: 0px;
    text-align: center;
    /* Replace with $__center */
    position: relative;
    /* Replace with $__relative */
    font-weight: 600;
    /* Replace with $__semibold */
    min-width: 133px;
    width: 100%;
    /* Replace with $__full__width */
    margin: 13px 5px;
    /* Replace with @include margin-padding(null, 13px 5px) */
}

span.visit-rsn:before {
    color: #303e47;
    /* Replace with $__primarycolor */
    background-color: #ffffff;
    /* Replace with $__white */
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    /* Replace with $__font__size__10 */
    font-weight: 900;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-link {
    padding-bottom: 30px;
}

.back-link a {
    font-size: 15px;
    /* Replace with $__font__size__15 */
    color: #9e9e9e;
    /* Replace with $__nickel_color */
    display: inline-flex;
    align-items: center;
}

.back-link a:hover {
    color: #303e47;
    /* Replace with $__primarycolor */
}

.back-link a i {
    margin-right: 10px;
}

.booking-header {
    padding-bottom: 25px;
}

.booking-header .booking-title {
    font-weight: 500;
    /* Replace with $__medium */
    font-size: 18px;
    /* Replace with $__font__size__18 */
    margin-bottom: 0;
}

.booking-date .choose-date-book {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.booking-date .choose-date-book p {
    color: #6c757d;
    /* Replace with $__grey_600 */
    margin-right: 10px;
    margin-bottom: 0;
}

.booking-date .choose-date-book p:last-child {
    margin-bottom: 10px;
}

.booking-date-slider {
    padding-bottom: 30px;
}

.booking-range .btn {
    background: #ffffff;
    /* Replace with $__white */
    border: 1px solid #e0e0e0;
    /* Replace with $__white_shade */
    border-radius: 6px;
    font-size: 14px;
    /* Replace with $__font__size__14 */
    font-weight: normal;
    /* Replace with $__normal */
    color: #6c757d;
    /* Replace with $__grey_dark */
    margin: 0 10px 15px;
    display: flex;
    align-items: center;
}

.booking-range .btn:hover {
    background-color: #303e47;
    /* Replace with $__primarycolor */
    color: #ffffff;
    /* Replace with $__white */
}

.booking-range .btn img {
    margin-right: 10px;
}

.booking-range .btn i {
    font-size: 16px;
    /* Replace with $__font__size__16 */
    margin-left: 10px;
    color: #8a8a8a;
    /* Replace with $__zambesi_grey */
}

.booking-doctor-details {
    display: flex;
    justify-content: space-between;
}

.booking-device {
    display: flex;
}

.booking-device-img {
    margin-right: 15px;
}

.booking-device-img img {
    max-width: inherit;
}

.booking-doctor-info h3 {
    font-weight: 500;
    /* Replace with $__medium */
    font-size: 16px;
    /* Replace with $__font__size__16 */
    margin-bottom: 5px;
}

.booking-doctor-info .device-text {
    margin-bottom: 12px;
}

.booking-doctor-info .btn {
    font-weight: 500;
    font-size: 14px;
    margin: 0 4px 10px;
    min-width: 109px;
    color: #303e47;
    background: #ffffff;
    border: 2px solid #303e47;
    box-shadow: inset 0 0 0 0 #303e47;
    border-radius: 6px;
    transition: 0.7s;
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 8px;
}

.booking-doctor-info .btn:hover {
    color: #ffffff;
    /* Replace with $__white */
    background: #303e47;
    /* Replace with $__blue__14 */
    box-shadow: inset 0 0 0 50px #303e47;
    /* Replace with $__blue__14 */
    border: 2px solid #303e47;
    /* Replace with $__blue__14 */
}

.time-slot.time-slot-blk {
    text-align: center;
}

.time-slot.time-slot-blk h4 {
    font-weight: 500;
    /* Replace with $__medium */
    font-size: 16px;
    /* Replace with $__font__size__16 */
    margin-bottom: 20px;
}

.time-slot.time-slot-blk ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.time-slot.time-slot-blk ul li {
    display: block;
    margin-bottom: 15px;
    float: inherit;
    width: 100%;
}

.time-slot.time-slot-blk ul li:last-child {
    margin-bottom: 0;
}

.time-slot.time-slot-blk ul li .timing {
    background: #dcdcdc;
    /* Replace with $__grey_400 */
    border: 2px solid #f5f5f5;
    /* Replace with $__white_smoke */
    border-radius: 8px;
    color: #6a6a6a;
    /* Replace with $__davy_grey */
    margin: 0 10px 15px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 0 #ffffff;
    /* Replace with $__white */
    transition: 0.7s;
}

.time-slot.time-slot-blk ul li .timing:hover {
    background: #ffffff;
    /* Replace with $__white */
    box-shadow: inset 0 0 0 50px #ffffff;
    /* Replace with $__white */
    transition: 0.7s;
}

.time-slot.time-slot-blk ul li .timing.active {
    background: #303e47;
    /* Replace with $__blue__14 */
    border: 2px solid #303e47;
    /* Replace with $__blue__14 */
    color: #ffffff;
    /* Replace with $__white */
    box-shadow: inset 0 0 0 0 #303e47;
    /* Replace with $__blue__14 */
}

.time-slot.time-slot-blk ul li .timing.active:hover {
    background: #303e47;
    /* Replace with $__blue__14 */
    border: 2px solid #303e47;
    /* Replace with $__blue__14 */
    color: #ffffff;
    /* Replace with $__white */
    box-shadow: inset 0 0 0 50px #303e47;
    /* Replace with $__blue__14 */
}

.time-slot.time-slot-blk ul li .timing i {
    margin-right: 4px;
}

.time-slot.time-slot-blk .load-more-timings a {
    font-weight: 500;
    /* Replace with $__medium */
    text-decoration: underline;
    color: #303e47;
    /* Replace with $__blue__14 */
}

.time-slot.time-slot-blk .load-more-timings a:hover {
    color: #000000;
    /* Replace with $__black */
}

.time-slot.time-slot-blk .time-slot-open {
    display: none;
}

@media (max-width: 991px) {
    .time-slot.time-slot-blk {
        padding-bottom: 15px;
    }
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.date-slider .slick-slide {
    display: block;
    margin: 0 0 5px;
}

.date-slider li h4 {
    font-weight: 500;
    /* Replace with $__medium */
    font-size: 16px;
    /* Replace with $__font__size__16 */
    color: #c0c0c0;
    /* Replace with $__babe_grey */
    margin-bottom: 5px;
}

@media (max-width: 1199px) {
    .date-slider li h4 {
        font-size: 13px;
        /* Replace with $__font__size__13 */
    }
}

@media (max-width: 991px) {
    .date-slider li h4 {
        font-size: 16px;
        /* Replace with $__font__size__16 */
    }
}

.date-slider li p {
    color: #7f7f7f;
    /* Replace with $__darkish_grey */
    margin-bottom: 0;
}

.date-slider li.active h4 {
    color: #000000;
    /* Replace with $__black */
}

.date-slider li.active p {
    color: #a9a9a9;
    /* Replace with $__silver_grey */
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: #000000;
    /* Replace with $__black */
    line-height: normal;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: #303e47;
    /* Replace with $__primarycolor */
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: #303e47;
    /* Replace with $__primarycolor */
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
    /* Replace with $__font__size__26 */
}

.date-slider .slick-prev {
    left: -12px;
}

.date-slider .slick-next {
    right: -12px;
}

.content.content-space {
    padding: 80px 0;
}

@media (max-width: 991px) {
    .content.content-space {
        padding: 50px 0;
    }
}

.prime-btn {
    background-color: #303e47;
    /* Replace with $__blue__14 */
    border: 1px solid #303e47;
    /* Replace with $__blue__14 */
    box-shadow: inset 0 0 0 0 #ffffff;
    /* Replace with $__white */
}



.prime-btn.active,
.prime-btn:active {
    background-color: #303e47;
    /* Replace with $__blue__14 */
    border-color: #303e47;
    /* Replace with $__blue__14 */
    color: #ffffff;
    /* Replace with $__white */
}

.prime-btn:focus {
    box-shadow: unset;
}

.attachment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #e4e4e8;
    border-radius: 8px;
    padding: 6px 15px;
}

.attachment-img {
    display: flex;
    align-items: center;
}

.attachment-icon {
    font-size: 24px;
    color: #9d9d9d;
    margin-right: 12px;
}

.attachment-content p {
    color: #54595e;
    margin-bottom: 0;
}

.attachment-content span {
    font-size: 12px;
    color: #54595e;
}

.attachment-close a {
    font-size: 22px;
    color: #abb5be;
}

.attachment-close a:hover {
    color: #0e82fd;
}

.paitent-appointment .forms-block {
    margin-bottom: 25px;
}

.paitent-appointment .form-group-title {
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.paitent-appointment .form-group-title i {
    font-size: 16px;
}

.paitent-appointment .form-group-title span {
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
}

.paitent-appointment .custom_radio {
    margin-bottom: 0;
    padding-left: 25px;
}

.paitent-appointment .form-control::placeholder {
    font-weight: 500;
    color: #9e9e9e;
}

.paitent-appointment .form-control {
    border: 1px solid #e4e4e8;
}

.paitent-appointment textarea.form-control {
    resize: none;
    min-height: 100px;
    border-radius: 8px;
}

.paitent-appointment .characters-text {
    font-size: 12px;
    color: #9e9e9e;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 0;
}

.form-group-flex .btn {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #292929;
    padding: 3px 5px;
    margin-bottom: 10px;
    min-width: 60px;
    background: #e0efff;
    border: 1px solid #e0efff;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 #0e82fd;
    transition: 0.7s;
}

.form-group-flex .btn:hover {
    color: #ffffff;
    border: 1px solid #0e82fd;
    box-shadow: inset 0 0 0 50px #0e82fd;
    transition: 0.7s;
}

.form-group-flex .btn i {
    font-size: 16px;
    margin-right: 2px;
}

@media (max-width: 479px) {
    .schedule-calendar-col form {
        flex-direction: column;
    }

    .me-3.d-flex {
        margin-right: 0 !important;
    }

    .search-time-mobile input {
        margin-top: 10px;
        width: 100%;
    }

    .bookingrange .btn.btn-white:hover {
        border-color: #cccccc;
    }
}

.bookingrange .btn.btn-white:hover {
    border-color: #cccccc;
}







.time-slot.time-slot-blk li .timing {
    background: #F5F5F5;
    border: 2px solid #F3F3F3;
    border-radius: 8px;
    color: #595959;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    position: relative;
    box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.time-slot.time-slot-blk ul li {
    display: block;
    margin-bottom: 15px;
    float: inherit;
    width: 100%;
}

.time-slot.time-slot-blk li .timing:hover {
    background: #ffffff;
    box-shadow: inset 0 0 0 50px #ffffff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.booking-doctor-left {
    display: flex;
    gap: 14px;
}

.radiu-0 {
    border-radius: 6px;
}







.doctor-content {
    background-color: #ffffff;
    margin: 0 140px 0 60px;
}

@media (max-width: 991px) {
    .doctor-content {
        margin: 0 100px 0 40px;
    }
}

@media (max-width: 767px) {
    .doctor-content {
        margin: 0 100px 0 20px;
    }
}

.doctor-content.content {
    margin: 0 60px 0;

    @media (max-width: 991px) {
        margin: 0 40px 0;
    }

    @media (max-width: 767px) {
        margin: 0 20px 0;
    }
}

.back-link {
    padding-bottom: 30px;
}

.back-link a {
    font-size: 15px;
    color: #8a8a8a;
    display: inline-flex;
    align-items: center;
}

.back-link a:hover {
    color: #0e82fd;
}

.back-link a i {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .back-link {
        padding-bottom: 25px;
    }
}

.paitent-header {
    padding-bottom: 40px;
}

.paitent-header .paitent-title {
    font-size: 22px;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .paitent-header .paitent-title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .paitent-header .paitent-title {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .paitent-header {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .paitent-header {
        padding-bottom: 20px;
    }
}

.booking-header {
    padding-bottom: 25px;
}

.booking-header .booking-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .booking-header {
        padding-bottom: 20px;
    }
}

.payment-form-group {
    margin-bottom: 10px;
}

.payments-form .custom_radio {
    font-weight: 500;
    color: #000000;
    padding-left: 26px;
    margin-bottom: 0;
}

.payments-form .custom_radio input:checked~.checkmark {
    border: 5px solid #14b0ff;
}

.payments-form .custom_radio .checkmark {
    position: relative;
    border: 2px solid #cccccc;
}

.payments-form .custom_radio .checkmark:after {
    top: -1px;
    left: -1px;
    background: #ffffff;
    width: 0;
    height: 0;
}

.card-label>label {
    background-color: #ffffff;
    color: #5a5a5a;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 6px auto auto 8px;
    padding: 0 7px;
}

.card-label>.form-control {
    margin: -13px 0 0 6px;
    padding: 0 15px 0;
    min-height: 48px;
}


.booking-btn .btn {
    min-width: 123px;
    font-weight: 500;
    display: inline-flex;
    margin: 0 8px 10px;
    border-radius: 5px;
}

.booking-btn .btn i {
    font-size: 18px;
    color: #ffffff;
    position: relative;
    left: 8px;
    transition: 0.7s;
}

.booking-btn .btn:hover i {
    color: #14b0ff;
    left: 12px;
    transition: 0.7s;
}

@media (max-width: 767px) {
    .booking-btn .btn {
        min-width: 100px;
        margin: 0 7px 10px;
    }
}

@media (max-width: 991px) {
    .booking-btn {
        padding-bottom: 25px;
    }
}

.booking-card {
    border: 2px solid #f1f1f1;
    border-radius: 8px;
    margin-bottom: 25px;
}

.booking-card .booking-card-body {
    padding: 15px;
}

@media (max-width: 991px) {
    .booking-card {
        margin-bottom: 20px;
    }
}

.booking-doctor-details {
    display: flex;
    justify-content: space-between;
}

.booking-doctor-left {
    display: flex;
    justify-content: center;
}

.booking-doctor-img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border-radius: 50%;
}

.booking-doctor-img img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.booking-doctor-info h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.booking-doctor-info h4 a:hover {
    color: #14b0ff;
}

.booking-doctor-info p {
    color: #868686;
    margin-bottom: 0;
}

.booking-doctor-right p {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.booking-doctor-right i {
    margin-right: 18px;
    font-size: 20px;
    color: #4caf50;
}

.booking-doctor-right a {
    font-weight: 500;
    text-decoration: underline;
    color: #14b0ff;
}

.booking-doctor-right a:hover {
    color: #000000;
}

.booking-list-body {
    padding-bottom: 5px !important;
}

.booking-list-body .booking-doctor-right {
    padding-bottom: 10px;
}

.booking-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.booking-date-list {
    width: 300px;
}

.booking-date-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.booking-date-list ul li {
    font-weight: 500;
    color: #333333;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.booking-date-list ul li span {
    display: inline-flex;
    font-weight: normal;
    color: #7d7d7d;
    float: right;
    text-align: right;
}

.booking-date-list ul li span i {
    font-size: 16px;
    margin-right: 6px;
}

@media (max-width: 1399px) {
    .booking-date-list {
        width: 100%;
    }
}

.booking-date-list.consultation-date-list {
    width: 100%;
}

.proceed-btn {
    text-align: right;
}

.proceed-btn .btn {
    margin: 0 8px 15px;
    min-width: 209px;
}

@media (max-width: 767px) {
    .proceed-btn .btn {
        min-width: 200px;
    }
}

@media (max-width: 991px) {
    .proceed-btn {
        padding-bottom: 0;
    }
}

.custom_radio {
    color: #6a6a6a;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    user-select: none;
}

.custom_radio input {
    position: absolute;
    opacity: 0;
}

.custom_radio input:checked~.checkmark {
    border: 1px solid #14b0ff;
}

.custom_radio .checkmark {
    position: absolute;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    left: 0px;
}

.custom_radio .checkmark:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    opacity: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #14b0ff;
    visibility: hidden;
    transform: scale(0.1);
    transition: all 0.3s ease-in-out;
}

.custom_radio input:checked~.checkmark:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.radio_input .custom_radio+.custom_radio {
    margin-left: 15px;
}

.radius-8 {
    border-radius: 8px;
}