@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/DroidKufi-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 600;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/DroidKufi-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
}

body {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}

nav.bg-offwhite {
    padding-top: 0;
}

.navbar.bg-offwhite .container {
    align-items: flex-end;
}

.navbar-dark .navbar-brand {
    position: relative;
    top: 0.4375rem;
}

a.navbar-brand img {
    min-height: 1.9375rem
}

.navbar-expand-lg .navbar-nav {
    flex-direction: row-reverse;
}

#mega-menu .navbar-nav>li:last-child {
    align-self: flex-start !important;
    margin-right: auto;
    margin-left: initial;
}

#mega-menu .navbar-nav>li {
    position: relative
}

#mega-menu .navbar-nav>li::after {
    display: none;
}

#mega-menu .navbar-nav>li:not(:first-child):not(:last-child)::before {
    top: 50% !important;
    content: "" !important;
    display: block;
    position: absolute;
    right: 0;
    height: 1.3125rem;
    width: 2px;
    background-color: #fff;
    transform: translateY(-50%);
}

.ui-dropdown-panel .ui-dropdown-item {
    text-align: right !important;
}

.ui-dropdown .ui-dropdown-clear-icon {
    left: 2em !important;
}

#mega-menu .dropdown .dropdown-menu {
    left: -1px;
    right: initial !important;
}

#mega-menu .nav-item {
    max-height: 3.75rem;
}

#mega-menu .dropdown .dropdown-menu .nav .nav-item .nav-link {
    text-align: right;
}

.primary-navigation-bar .all-specialties {
    left: initial !important;
    right: -0.375rem !important;
}

.primary-navigation-bar .all-specialties {
    transform: translateX(-15.625rem);
    -o-transform: translateX(-15.625rem);
    -moz-transform: translateX(-15.625rem);
    -webkit-transform: translateX(-15.625rem);
}

li.nav-item.med-bag {
    max-height: initial;
    margin-top: -0.875rem;
}

li.nav-item.med-bag a {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

li.nav-item.med-bag a img {
    margin-top: 0;
    min-width: 2.1875rem;
}

.med-bag span.badge-cart {
    top: -0.5rem;
    right: -0.625rem;
}

#mega-menu .dropdown .dropdown-toggle,
#mega-menu .nav-item:not(.dropdown) .nav-link {
    font-size: 0.875rem;
    padding: 0.5rem 0.9375rem;
}

#mega-menu .navbar-collapse {
    max-width: calc(100% - 1.25rem);
    padding-right: 1.125rem;
    padding-left: 0.625rem;
}

.dropdown-toggle span::after {
    float: right;
    margin-right: 0 !important;
    margin-left: 0.4375rem;
}

#mega-menu .has-children .dropdown-toggle {
    font-size: 0.875rem;
}

/*-------------------------------------------------
        Main Header style
--------------------------------------------------*/
.banner-container>.row {
    flex-direction: row-reverse;
}

.banner-container>.row .jumbotron-slogan {
    width: 100%;
}

.banner-container>.row .jumbotron-slogan h2 {
    text-align: right;
    margin-top: 0 !important;
}

.banner-container>.row .jumbotron-slogan h4 {
    display: flex;
    flex-direction: row-reverse;
    text-align: right;
    align-items: center;
}

.banner-container>.row .jumbotron-slogan h4 button {
    margin-right: 0.9375rem;
}

.top-nav .dropdown-toggle::after {
    float: right !important;
    margin: 0.3125rem 0.3125rem 0.3125rem 0;
}

/* Header Filters */
.filters .row {
    flex-direction: row-reverse;
}

.banner-container .filters label {
    width: 100%;
    text-align: right;
}

.filters p-dropdown .ui-dropdown .ui-dropdown-panel {
    right: initial !important;
    right: 0;
}

.filters .ui-dropdown .ui-dropdown-trigger {
    left: initial;
    right: 0.3125rem;
}

.filters .ui-dropdown .ui-dropdown-label {
    padding-left: 0;
    padding-right: 1.375rem !important;
}

.filters p-dropdown .ui-dropdown {
    padding-left: 0.625rem;
    padding-right: 1.5rem;
}

#slider3 .owl-carousel .owl-stage {
    min-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#slider3 .owl-carousel .owl-item {
    min-width: 27.5rem;
}

#slider3 .owl-carousel .owl-item img {
    min-width: 27.5rem;
}

.number-status ul li .icon-status img {
    height: 5.875rem;
    max-width: initial !important;
}

/*--------------------------------------------
        Main Footer
---------------------------------------------*/
.footer .row {
    flex-direction: row-reverse;
}

.footer .left-col .download-app-col {
    text-align: left;
}

.footer .left-col .download-app-col .app-mg {
    display: flex;
    justify-content: flex-end;
}

.footer .right-col .social-col {
    justify-content: flex-start;
    align-items: flex-start;
}

.social-col a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.footer .right-col .social-col .mb-1 img {
    width: 2.125rem;
    margin-left: 0.625rem;
    height: 2.125rem;
}

.footer .right-col .payment-methods {
    justify-content: flex-end;
    padding-left: 0.5rem;
}

.footer .right-col .service-provider-wrapper {
    padding-right: 0 !important;
    padding-left: 3.75rem;
    align-items: center;
}

.footer .right-col .contact-details {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.footer .left-col .connect-col h5 {
    text-align: left;
    padding-right: 0.6875rem;
}

.form-connect form div.row div.col-md-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer .right-col .social-col h5 {
    margin-right: 1.125rem;
}

.footer .right-col>.row .col-md-4:first-child {
    min-width: 40%;
    padding-left: 4.375rem;
}

.footer .right-col>.row .col-md-4:nth-child(2),
.footer .right-col>.row .col-md-4:nth-child(3) {
    max-width: 30%;
}

.footer .footer-links-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 0.3125rem;
}

.footer .left-footer-logo-col {
    padding-right: 0;
}

.footer .left-footer-logo-col>div {
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}

.footer .left-footer-logo-col>div a {
    margin-left: -2px !important;
}

/*
@font-face {
    font-family:'Droid Arabic Kufi';
    src: url('../../assets/webfonts/Droid Arabic Kufi Bold.eot');
    src: url('../../assets/webfonts/Droid Arabic Kufi Bold.eot?#iefix') format('embedded-opentype'),
    url('../../assets/webfonts/Droid Arabic Kufi Bold.woff2') format('woff2'),
    url('../../assets/webfonts/Droid Arabic Kufi Bold.woff') format('woff'),
    url('../../assets/webfonts/Droid Arabic Kufi Bold.svg#Droid Arabic Kufi Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0020;
}

@font-face {
    font-family:'Droid Arabic Kufi';
    src: url('../../assets/webfonts/Droid Arabic Kufi.eot');
    src: url('../../assets/webfonts/Droid Arabic Kufi.eot?#iefix') format('embedded-opentype'),
    url('../../assets/webfonts/Droid Arabic Kufi.woff2') format('woff2'),
    url('../../assets/webfonts/Droid Arabic Kufi.woff') format('woff'),
    url('../../assets/webfonts/Droid Arabic Kufi.svg#Droid Arabic Kufi') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0020;
}
body{font-family: 'Droid Arabic Kufi'; font-size: 0.9375rem;}
.top-nav .navbar-nav li a { font-size:1rem; font-family: 'DroidKufi-Regular'}
h1, h2, h3, h4, h5, h6, p {font-family: 'Droid Arabic Kufi';}





@font-face {
    font-family: 'droid_arabic_kufibold';
    src: url('../../assets/webfonts/droidkufi-bold-webfont.woff2') format('woff2'),
    url('../../assets/webfonts/droidkufi-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_arabic_kufiregular';
    src: url('../../assets/webfonts/droidkufi-regular-webfont.woff2') format('woff2'),
    url('../../assets/webfonts/droidkufi-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'droid_arabic_kufiregular ,droid_arabic_kufibold'; font-size: 0.9375rem;}
.top-nav .navbar-nav li a { font-size:1rem; font-family: 'droid_arabic_kufiregular'}
h1, h2, h3, h4, h5, h6, p {font-family: 'droid_arabic_kufiregular';}
*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
span,
label {
    text-align: right;
}

.left-desc {
    float: right;
}

.right-desc {
    float: left;
}

.col-md-12 {
    display: block;
}

.section-1 .heading-with-image {
    float: left;
    display: block !important;
}

.section-1 .heading-with-image span {
    float: right;
    width: 60%;
    margin: 3.125rem 0 1.875rem 3.125rem;
}

.add-clinic-header .navbar-nav li .dropdown-menu a {
    text-align: right;
}

.more-med {
    float: left;
    margin-bottom: 3.125rem;
}

.section-1 .heading-with-image .paragraph-img {
    max-width: 18.75rem;
    width: 30%;
    float: left;
}

.section-5 {
    padding: 3.125rem 0 0 0;
    min-width: auto;
    margin: 0;
    font-size: 3.75rem;
    float: left;
}

.card-expiry-row .col-sm-12 {
    display: flex !important;
}

.card-expiry-row .form-group {
    margin-left: 1.875rem;
    margin-right: 0px;
}

.col-sm-12 {
    display: block !important;
}

.section-5 img {
    float: right;
}

.section-5 h2 {
    padding-top: 3.75rem;
}

.medicta-more-6 .container {
    width: 100%;
    display: flex;
}

.bg-green-l .orange-bdr img {
    right: 0 !important;
    left: revert !important;
}

.bg-green-l .orange-bdr-rgt img {
    left: 0 !important;
    right: revert !important;
}

.section-7 .col-sm-12 {
    position: relative;
}

.section-7 .col-sm-12 img {
    margin-top: -9.375rem;
}

.section-7 span {
    float: right;
    padding-top: 6.25rem;
}

.section-7 h2 {
    padding-top: 4.375rem;
    min-width: 20rem;
    margin: 0 auto !important;
    width: 50%;
    padding-left: 18%;
}

.section-9 {
    margin: 0;
}

.section-9 .col-sm-12 {
    position: relative;
}

.section-9 .col-sm-12 img {
    margin: 0;
    float: right;
}

.section-9 span {
    float: left;
}

.section-9 h2 {
    padding-top: 4.375rem;
    min-width: 20rem;
    margin: 0 auto !important;
    width: 50%;
}

html {
    direction: rtl;
}

.footer .col-md-4,
.footer .col-md-8 {
    float: left !important;
}

.left-col {
    float: right !important;
}

.right-col {
    float: left !important;
}

.footer .row {
    flex-direction: revert;
}

.social-col {
    text-align: right;
}

.medicta-more .col-md-6 {
    float: left;
}

.medicta-more .d-flex-ar {
    display: block !important;
}

.medicta-more .container-sm .row {
    width: 100%;
}

.footer .left-col .download-app-col .app-mg {
    display: table;
}

.footer .left-col .connect-col h5 {
    text-align: right;
}

.footer .right-col .social-col h5 {
    margin-right: 0;
    text-align: left;
    padding-left: 0.5rem;
}

.footer-links-col ul {
    float: left;
}

.footer-links-col ul li {
    float: right;
}

.sub-footer ul li:last-child {
    border-right: 1px solid #fff;
}

.sub-footer ul li:first-child {
    border-right: none;
}

.left-footer-logo-col a {
    float: right !important;
    position: absolute;
    right: 0;
}

.left-footer-logo-col p {
    float: left !important;
}

.navbar-expand-md .navbar-collapse {
    justify-content: end;
}

.navbar.bg-offwhite .container {
    flex-direction: unset;
}

.navbar-expand-lg .navbar-nav {
    flex-direction: unset;
}

.navbar-dark .navbar-brand {
    margin-left: -1.875rem;
}

.primary-navigation-bar .all-specialties {
    left: 0 !important;
    right: auto !important;
}

.search-form img {
    float: right;
    padding-left: 0.625rem;
}

.primary-navigation-bar ul.is-hidden>li>a {
    text-align: left;
}

.primary-navigation-bar ul.is-hidden>li.has-children>a {
    text-align: left;
}

.banner-container>.row {
    flex-direction: revert;
}

.banner-container>.row .jumbotron-slogan h4 {
    display: block;
}

#mega-menu .dropdown .dropdown-menu {
    left: auto !important;
    right: 0;
}

.dropdown-menu a.dropdown-item {
    text-align: right !important;

}

.top-nav .dropdown-menu a.dropdown-item {

    text-align: right !important;
}

.filters .row {
    flex-direction: revert;
}

.create-account-modal label {
    text-align: right;
    float: right;
}

.ui-dialog label {
    text-align: right;
    float: right;
}

.ui-dropdown-label-container label img {
    margin-left: 0.625rem;
    margin-right: 0;
}

.filter-section .filters label.label {
    width: 100%;
    text-align: right;
}

.fa-pull-right {
    float: left !important;
}

.specialist-bg .d-flex {
    display: flex !important;
}

.specialist-bg .description-col {
    margin-left: 0;
    margin-right: 1.875rem;
}

.specialist-bg {
    padding: 0.9375rem 0.75rem !important;

}

.specialist-bg .nav-tabs li {
    float: right;
}

.doc-services-tabs h5 {
    margin-right: 0.3125rem !important;
    margin-top: 1.25rem;
}

p.reservation {
    float: right;
}

.specialist-bg .nav-tabs {
    overflow: auto;
}

.list-pagination .pagination {
    margin: 1.25rem auto;
}

.filters .ui-dropdown .ui-dropdown-trigger {
    right: auto;
    left: 0.5rem;
}

.filters .ui-dropdown .ui-dropdown-label {
    text-align: right;
}

.ui-dropdown-label-container label img {
    margin-left: 1.25rem;
    margin-right: 0;
    float: left;
    margin-top: 0.4375rem;
}

.custom-control-label::after {
    left: auto;
    right: 0;
}

.custom-control-label::before {
    left: auto;
    right: 0;
}

.filter-area .sidenav .custom-control {
    padding-right: 1.125rem;
    padding-left: 0;
}

.filters .ui-dropdown .ui-dropdown-label {
    padding-left: 0;
    padding-right: 1px !important;
}

.filters p-dropdown .ui-dropdown {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.doctor-desc-table {
    margin-left: 0;
    margin-right: 1.25rem;
}

table th {
    text-align: right;
}

table td {
    text-align: right;
}

.social-media-icon .share {
    display: block !important;
    width: 100%;
}

.social-media-icon a i.fas {
    float: left;
}

.patient-count .evaluation-col {
    font-size: 1.25rem;
    width: 3.1875rem;
    float: none;
}

.patient-count .evalution-count .d-flex {
    min-width: 6.875rem;
    margin: 0 auto;
    display: table !important;
}

.patient-count .evaluation-col {
    font-size: 1.25rem;
    width: auto;
}

.evaluation-col .evaluation-p {
    float: right;
    margin-left: 0.625rem !important;
}

.evaluation-col span.badge {
    float: left;
}

.media-body {
    text-align: right;
    padding-right: 0.625rem;
}

customer-edit-appointment-component .description-col .price-discount .discount-bg {
    left: -0.8125rem;
    right: auto;
    position: unset;
    margin-left: -0.8125rem;
    margin-top: -0.9375rem;
}

.description-col .price-discount .discount-bg {
    left: -0.8125rem;
    right: auto;
    position: unset;
    margin-left: -0.8125rem;
    margin-top: -0.9375rem;
}

.evaluation-col span.badge:after {
    border-left: 0.9375rem solid transparent;
    border-right: 0px solid transparent;
    right: 0px;
}

.description-col .price-discount .social-and-favorite {
    right: 0;
    float: right;
}

p.pri-dis {
    text-align: right !important;
    padding-right: 1.25rem;
}

.panel-centent .specialist-bg p.text-danger {
    padding-right: 1.25rem;
}

.mr-40 {
    margin-left: 2.5rem !important;
    margin-right: 0 !important;
}

.nav-tabs .nav-item:not(:last-child) {
    margin-right: 0.625rem !important;
}

.appointment-content {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.appointment-content .appropriate p {
    line-height: 1.25rem !important;
}

.specialist-bg .profile-col {
    margin-right: 0px;
}

.stachel-heading {
    text-align: right;
}

.stachel-heading h3.float-left {
    float: right !important;
    text-align: right;
}

.stachel-heading span.color-green-s {
    text-align: right;
    float: right;
}

.tooth-area-one {
    padding-left: 0px !important;
    padding-right: 1.5rem !important;
}

.ml-auto {
    margin-right: auto !important;
    margin-left: 1.25rem !important;
}

.offers-list1 .owl-carousel .item .offers-qty {
    right: 0.5rem;
}

.offers-list3 .offers-qty {
    right: -3px;
}

/**----------------------------------------
        Add Clinic Page
-----------------------------------------*/
.add-clinic-header {
    padding: 0;
    min-height: 37.5rem;
    position: relative;
}

.add-clinic-header .container-md {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 95.625rem;
    margin-top: 0.625rem;
}

.add-clinic-header .main-header-col {
    flex-direction: row-reverse;
    padding-top: 1.25rem;
}

.add-clinic-header .main-header-col .lang-col {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.add-clinic-header .main-header-col a.navbar-brand img {
    height: auto;
    width: 20.625rem;
    margin-left: -1.5625rem;
}

.add-clinic-header .medicta-header-content-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: 5.25rem;
}

.add-clinic-header .container-md h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.add-clinic-header .container-md h4 {
    margin-bottom: 0;
}

.add-clinic-header .filters {
    margin-top: 0;
    min-width: 46.25rem;
    padding-top: 0.4375rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
}

.add-clinic-header .filters .row .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.add-clinic-header .filters .row .col-md-6:first-child {
    padding-right: 0 !important;
    padding-left: 1.5625rem;
}

.add-clinic-header .filters .row .col-md-6:last-child {
    padding-left: 0 !important;
    padding-right: 1.5625rem;
}

.add-clinic-header .container-md .filters label.label {
    width: 100%;
    text-align: right;
    margin-top: 0.9375rem !important;
    margin-bottom: 0.3125rem !important;
}

.add-clinic-header .filters .form-control {
    padding: 0.3125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0;
}

.add-clinic-header .filters p-dropdown {
    width: 100%;
}

.add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label {
    line-height: 2;
    padding: 0;
}

.add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label,
.add-clinic-header .filters .form-control,
.add-clinic-header .filters p-dropdown {
    max-height: 2.0625rem;
    height: 2.0625rem;
    min-height: 2.0625rem;
}

.add-clinic-header .medicta-header-filter-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.add-clinic-header .filters .btn {
    height: 2.0625rem !important;
    margin-top: 2.75rem !important;
    line-height: 1 !important;
    margin-bottom: 0;
}

.add-clinic-header .phone-number-row .row {
    align-content: center;
    justify-content: center;
    /* flex-direction: row-reverse; */
}

.add-clinic-header .phone-number-row .row>div:nth-child(2) {
    line-height: 1.9375rem;
    text-align: center !important;
}

.add-clinic-header .phone-number-row .row>div:nth-child(2) span {
    position: relative;
    left: 0.4375rem;
}

.add-clinic-header .phone-codes-col .ui-dropdown-label {
    line-height: 1.9375rem !important;
}

.add-clinic-header .ui-dropdown-panel .ui-dropdown-filter {
    height: 1.875rem;
    text-align: left;
}

.add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 100%;
}

.imp-comment {
    max-width: 36.25rem;
}

.imp-comment .triangle {
    transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    left: auto;
    border-left: 6.25rem solid transparent;
}

.accompanied-section-row .col-md-6 {
    display: flex !important;
    max-width: 45rem;
}

.accompanied-section-row .col-md-5 {
    min-width: calc(100% - 45rem - 1.875rem);
}

.add-clinic-sec-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.add-clinic-sec-3 .add-clinic-reg-btn {
    margin-bottom: 1.25rem;
}

.add-clinic-sec-4 img {
    transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

.add-clinic-sec-4 .col-md-6 {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.add-clinic-sec-4 .col-md-6 h1 {
    margin: 0 !important;
}

.add-clinic-sec-5 {
    background-color: #F4FAFB;
}

.add-clinic-sec-5 .marketing-section-row .col-md-6:last-child {
    margin-right: initial !important;
    margin-left: initial !important;
    padding-top: 0 !important;
}

.add-clinic-sec-5 .col-md-6:first-child {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.add-clinic-sec-5 .col-md-6 h1 {
    margin: 0 !important;
}

.add-clinic-sec-5 .marketing-steps-section .row .col-md-1,
.add-clinic-sec-5 .marketing-steps-section .row .col-md-11 {
    display: flex !important;
    align-items: center;
}

.add-clinic-sec-6 .develop-and-manage-row .col-md-7 {
    display: flex !important;
    align-items: center;
}

.add-clinic-sec-6 .develop-and-manage-row .col-md-7 h1 {
    margin: 0 !important;
}

.add-clinic-sec-7 {
    padding-top: 4.375rem;
}

.add-clinic-sec-7 .rounded-cont-odd .row {
    flex-direction: row-reverse;
}

.add-clinic-sec-7 .rounded-cont-odd .row .col-md-9 {
    display: flex !important;
    align-items: center;
    margin-left: 0;
    min-width: calc(100% - 19.375rem);
}

.add-clinic-sec-7 .rounded-cont-odd .row .col-md-9 h4 {
    margin: 0;
    padding-left: 3.75rem;
}

.add-clinic-sec-7 .rounded-cont-odd .row .col-md-3 {
    margin-right: initial !important;
    margin-left: initial !important;
    display: flex !important;
    justify-content: flex-start;
    padding-right: 0.3125rem !important;
    max-width: 19.375rem;
}

.add-clinic-sec-7 .rounded-cont-even .row {
    flex-direction: row-reverse;
}

.add-clinic-sec-7 .rounded-cont-even .row .col-md-3 {
    max-width: 19.375rem;
}

.add-clinic-sec-7 .rounded-cont-even .row .col-md-9 {
    min-width: calc(100% - 19.375rem);
    display: flex !important;
    align-items: center;
}

.add-clinic-sec-7 .rounded-cont-even .row .col-md-9 h4 {
    padding-right: 1.875rem;
    margin: 0;
}

.add-clinic-sec-8 ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.add-clinic-sec-8 ul li i {
    margin: 0;
    margin-left: 1.875rem;
}

.add-clinic-sec-9 .professional-support-row .col-md-6 h1 {
    margin: 0 !important;
}

.add-clinic-sec-9 .professional-support-row .col-md-6:first-child {
    min-width: calc(100% - 31.25rem);
    padding-left: 5rem;
    display: flex !important;
    align-items: center;
}

.add-clinic-sec-9 .professional-support-row .col-md-6:last-child {
    margin-top: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    max-width: 31.25rem;
}

.add-clinic-sec-10 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

.add-clinic-sec-10 h2 {
    text-align: justify !important;
    text-align-last: center;
}

.add-clinic-sec-11 .row .col-md-3 {
    margin-top: 0 !important;
}

.add-clinic-sec-11 .row .col-md-3 img {
    min-width: 28.125rem;
    margin-right: -5.625rem;
}

.add-clinic-sec-11 .row .col-md-8 {
    display: flex !important;
    align-items: center;
}

.add-clinic-sec-11 .row .col-md-8 h1 {
    margin: 0 !important;
}

.add-clinic-sec-12 .android-plus-ios-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 62.5rem;
    margin: 0 auto;
    float: initial;
}

.add-clinic-sec-14 {
    padding-top: 4.375rem;
    padding-bottom: 5rem;
}

.add-clinic-sec-14 .col-md-6 {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: calc(100% - 50.625rem);
}

.add-clinic-sec-14 .col-md-6 .hr button {
    margin: 0;
    height: 5rem;
    line-height: 5rem;
}

.add-clinic-sec-14 .col-md-5 {
    margin-right: 0 !important;
    min-width: 50.625rem;
}

.add-clinic-sec-14 .col-md-5 .filters {
    background: #1FABAD;
    padding: 2.5rem 5rem !important;
}

.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 {
    margin-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.add-clinic-sec-14 .col-md-5 .filters p-dropdown .ui-dropdown .ui-dropdown-panel,
.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 p-dropdown {
    width: 100%;
}

.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 label {
    font-size: 1.125rem;
}

.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 .hr .row .join-form-zero-col {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 2.625rem;
}

.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 .ui-dropdown-panel .ui-dropdown-filter {
    height: 1.875rem;
}

.add-clinic-sec-14 .col-md-5 .filters .filters p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 100%;
}

.add-clinic-sec-14 .col-md-5 .filters .phone-number-row {
    flex-direction: row-reverse;
}

.add-clinic-sec-14 .col-md-5 .filters .subm-req {
    margin-top: 3.125rem;
}

.add-clinic-sec-1,
.add-clinic-sec-2,
.add-clinic-sec-3,
.add-clinic-sec-8 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.other-doctors-row {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.sign-in-modal .modal-body form>.form-group:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign-in-modal .form-group .form-check label {
    padding-right: 1.25rem;
    font-size: 0.75rem;
    color: #a0a2a4;
}

.sign-in-modal .modal-body .form-check input[type="checkbox"]~label::before {
    left: initial !important;
    right: 0;
}

.sign-in-modal .modal-body .form-check input[type="checkbox"]~label::after {
    left: initial !important;
    right: 1px;
}

.sign-in-modal .ui-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign-in-modal .ui-widget-header .ui-dialog-titlebar-icons {
    float: left;
}

.media-body .link p strong {
    font-size: 1rem;
    margin-bottom: 0.3125rem;
    display: block;
}

.footer .right-col .social-col>.mb-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.offers-list4 .owl-stage {
    height: 15rem;
    overflow: hidden;
}

.nav-item.admin.dropdown {
    display: flex;
    flex-direction: row-reverse;
}

.shot-by-drop button {
    box-shadow: none !important;
}

.shot-by-drop span {
    margin-left: 0.3125rem;
    font-size: 0.875rem;
    min-width: 4.6875rem;
}

/**--------------------------------------------------
    Change Password dialoge
*--------------------------------------------------*/

.custom-modal .ui-dialog-titlebar-icons {
    float: left !important;
    display: flex;
}

.custom-modal .ui-dialog-titlebar {
    padding: 0.375rem 0 0.5rem 0 !important;
}

.pi-times::before {
    content: url("../../assets/icons/white-close.svg") !important;
}

.custom-modal .ui-dialog-titlebar-icon {
    padding-top: 3px !important;
    padding-left: 0.9375rem !important;
}

.custom-modal .form-group {
    display: flex;
    flex-direction: column;
}

.custom-modal .form-group .input-group-text {
    border-right: none;
    border-left: 1px solid #ced4da;
}

.custom-modal .form-group .form-control {
    /* border-left: 0; */
    border-right: 1px solid #ced4da;
    min-height: 1.75rem;
}

.custom-modal .form-group p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal .ui-dialog {
    width: 26vw;
}

.custom-modal .modal-body {
    padding: 1rem 1.5rem;
}

.custom-modal .form-control {
    height: 2.125rem !important;
}

.modal-change-pass.custom-modal .form-group:first-of-type {
    margin-bottom: 0;
}

.custom-modal .form-group label {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.btn:not(:disabled):not(.disabled) {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#mega-menu .dropdown .dropdown-toggle {
    font-weight: 500;
}

@media screen and (min-width: 120rem) {
    #mega-menu .navbar-collapse {
        padding-right: 0.8125rem !important;
        padding-left: 1.5625rem !important;
    }
}

@media screen and (min-width: 112.5rem) {

    #mega-menu .navbar-collapse {
        padding-right: 0.8125rem !important;
        padding-left: 1.5625rem !important;
    }

    .offers-list4 .owl-stage {
        height: 16.1875rem;
    }

}

@media screen and (max-width: 106.25rem) {

    /**------------------------------------------
                Add Clinic Page
     ------------------------------------------*/
    .add-clinic-header {
        min-height: 28.125rem;
    }

    .add-clinic-header .main-header-col a.navbar-brand img {
        margin-left: 0;
    }

    .add-clinic-header .container {
        max-width: 86.5625rem;
    }

    .add-clinic-header .main-header-col {
        padding-top: 0.9375rem;
    }

    .add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label,
    .add-clinic-header .filters .form-control,
    .add-clinic-header .filters p-dropdown {
        /* max-height: 1.5rem !important; */
        max-height: 1.875rem !important;
        /* height: 1.5rem !important; */
        min-height: 1.5rem !important;
        border: none;
    }

    .add-clinic-header .filters {
        max-width: 34.375rem !important;
        min-width: 34.375rem;
        padding-bottom: 1.25rem;
        margin-right: 7.1875rem !important;
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }

    .add-clinic-header .medicta-header-filter-col {
        justify-content: flex-start;
    }

    .add-clinic-header .container-md .filters label {
        font-size: 0.75rem;
    }

    .add-clinic-header .container-md .filters label.label {
        margin-top: 0.625rem !important;
        margin-bottom: 0.25rem !important;
    }

    .add-clinic-header .filters .btn {
        min-height: 1.875rem !important;
        /* height: 1.5rem !important; */
        font-size: 0.75rem !important;
        margin-top: 1.5625rem !important;
    }

    .add-clinic-header .filters .row .col-md-6:last-child {
        padding-right: 1.25rem;
    }

    .add-clinic-header .phone-number-row .row>div:nth-child(2) {
        line-height: 1.5rem;
    }

    .add-clinic-header .phone-number-row .row>div:nth-child(2) span {
        font-size: 0.75rem;
    }

    .add-clinic-header .medicta-header-content-col {
        padding-right: 12.8125rem;
    }

    .add-clinic-header .container-md h2 {
        font-size: 3.125rem;
    }

    .imp-comment {
        max-width: 27.5625rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .accompanied-section-row .col-md-6 {
        max-width: 43.125rem
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        transform: translateX(-0.5625rem);
    }

    .add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        line-height: 1.5rem !important;
    }

    .accompanied-section-row>.col-md-5 {
        margin-left: 0 !important;
    }

    .medicta-details-section h4,
    .join-us-section-container h4 {
        text-align: justify !important;
        -moz-text-align-last: justify !important;
        text-align-last: right !important;
        font-size: 1.75rem;
    }

    .join-us-section-container button {
        height: 3.125rem;
        line-height: 1;
        max-width: 15.625rem;
    }

    .join-us-section-container {
        align-items: flex-end !important;
    }

    .add-clinic-sec-4 .col-md-6:first-child {
        max-width: 30rem;
        min-width: 30rem;
    }

    .add-clinic-sec-4 .col-md-6:last-child {
        margin-right: auto;
    }

    .add-clinic-sec-4 .col-md-6:last-child img {
        min-width: 15rem;
    }

    .why-medicta-section-row>.col-md-6:first-child {
        justify-content: flex-start;
    }

    .add-clinic-sec-5.offers-list h2 {
        font-size: 3.75rem !important;
    }

    .add-clinic-sec-5.offers-list h3 {
        font-size: 4.375rem;
    }

    .marketing-section-row>.col-md-6:last-child {
        max-width: 30.625rem;
    }

    .marketing-section-row>.col-md-6:last-child img {
        max-width: 29.375rem !important;
    }

    .marketing-section-row>.col-md-6:first-child {
        min-width: calc(100% - 30.625rem) !important;
    }

    .marketing-section-row h1 {
        font-size: 3.4375rem !important;
    }

    .marketing-steps-section>.row {
        padding-bottom: 1.25rem !important;
    }

    .develop-and-manage-row .col-md-4 {
        margin-left: 0 !important;
    }

    .develop-and-manage-row .col-md-4 img {
        max-width: 21.25rem !important;
    }

    .develop-and-manage-row h1 {
        font-size: 3.125rem !important;
    }

    .add-clinic-sec-7 .rounded-cont-odd img,
    .add-clinic-sec-7 .rounded-cont-even img {
        max-width: 12.5rem;
    }

    .control-panel-container h3 {
        text-align: justify !important;
    }

    .professional-support-row>.col-md-6:last-child img {
        max-width: 21.25rem !important;
    }

    .professional-support-row>.col-md-6:first-child h1 {
        font-size: 2.5rem !important;
    }

    .we-have-team-container h2 {
        font-size: 1.875rem;
    }

    .add-clinic-sec-11 .row .col-md-3 img {
        min-width: 21.25rem;
    }

    .choose-medicta .row>.col-md-11 {
        display: flex !important;
        align-items: center;
    }

    .patient-choose-container h1 {
        font-size: 3.75rem;
    }

    .add-clinic-sec-12 .android-plus-ios-logos .img-fluid {
        max-width: 12.5rem;
    }

    .join-section-container .row>.col-md-5 {
        min-width: 55% !important;
    }

    .add-clinic-sec-14 .col-md-5 .filters {
        padding: 1.875rem 3.75rem !important;
    }

    /*.add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 label {*/
    /*    margin-bottom: 0.3125rem;*/
    /*    margin-top: 0.3125rem;*/
    /*}*/

    .add-clinic-sec-14 .col-md-5 .filters .subm-req {
        margin-top: 1.875rem;
        margin-bottom: 0;
        height: 2.1875rem;
        line-height: 1;
        font-size: 1rem;
    }

    .join-section-container .row>.col-md-6 {
        min-width: 40%;
    }

    .join-section-container .row>.col-md-6 button {
        height: 3.125rem;
        line-height: 1;
        font-size: 1.5rem;
        max-width: 16.875rem;
    }

    .join-section-container .row>.col-md-6 {
        min-width: 40% !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .join-section-container .row>.col-md-6 h1 {
        width: 21.875rem;
    }

    .add-clinic-sec-1 .container-md,
    .add-clinic-sec-2 .container-md,
    .add-clinic-sec-3.container-md,
    .add-clinic-sec-4 .container-md,
    .add-clinic-sec-5 .container-md,
    .add-clinic-sec-6 .container-md,
    .add-clinic-sec-7 .container-md,
    .add-clinic-sec-8 .container-md,
    .add-clinic-sec-9 .container-md,
    .add-clinic-sec-10 .container-md,
    .add-clinic-sec-11 .container-md,
    .add-clinic-sec-12 .container-md,
    .add-clinic-sec-13 .container-md,
    .add-clinic-sec-14 .container-md {
        max-width: 67.5rem;
    }
}

@media screen and (min-width: 90rem) and (max-width: 112.438rem) {

    .navbar.bg-offwhite .container {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-dark .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    a.navbar-brand img {
        min-height: 2.0625rem;
    }

    #slider1 .offer-name {
        padding: 0.3125rem 0;
    }

    #slider2 .item-inner {
        min-height: 12.5625rem;
    }

    #slider2 .item-inner .offer-name {
        padding: 0.3125rem;
    }

    li.nav-item.med-bag a img {
        min-width: 1.5625rem;
    }

    li.nav-item.med-bag {
        margin-top: -0.5rem;
    }

    .number-status ul li .icon-status img {
        height: 4.0625rem;
    }

    .number-status ul li p {
        font-size: 0.875rem;
    }

    /**
    --------------------------------------------
                    Main Footer
    --------------------------------------------
     */
    .footer .row {
        justify-content: space-between;
        align-items: center;
    }

    .footer .footer-links-col {
        max-width: 61.25rem;
    }

    .footer .left-footer-logo-col {
        min-width: 24.125rem;
        padding-left: 0.4375rem;
    }

    .footer .left-footer-logo-col>div {
        display: flex;
        align-items: center;
        max-width: 23.75rem;
    }

    .footer .right-col .social-col .mb-1 img {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .payment-methods img {
        margin-left: 3px !important;
        width: 4.0625rem;
    }

}

@media screen and (min-width: 90.0625rem) and (max-width: 106.25rem) {

    .add-clinic-sec-1 .accompanied-section-row>.col-md-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .add-clinic-sec-1 h4 {
        font-size: 1.875rem;
    }

    .imp-comment {
        font-size: 3.75rem;
    }

    .add-clinic-sec-4 .col-md-6 h1 {
        font-size: 3.125rem;
    }

    .add-clinic-sec-4 .col-md-6:last-child img {
        min-width: 13rem;
        max-width: 12.5rem;
    }

    .offers-list h4 {
        font-size: 1.625rem;
    }

    .rounded-cont-odd h4,
    .rounded-cont-even h4 {
        font-size: 1.25rem !important;
    }

    .add-clinic-sec-8 .control-panel ul li span {
        font-size: 1.25rem;
    }

    .choose-medicta h4 {
        font-size: 1.5rem;
    }

    .choose-medicta h3 {
        font-size: 5rem;
    }

    .add-clinic-sec-13 h4 {
        font-size: 1.875rem;
    }

    .join-section-container .row>.col-md-6 h1 {
        font-size: 3.75rem;
    }

    .add-clinic-sec-14 .col-md-5 .filters form .row .col-md-12 label {
        margin-top: 0;
        margin-bottom: 0;
    }

}

@media screen and (max-width: 80rem) {

    .footer .footer-links-col {
        max-width: 55.125rem;
    }

    .footer .left-footer-logo-col {
        max-width: 22.5rem;
        padding-left: 0.4375rem;
        min-width: 22.5rem;
    }

    #slider2 .item-inner {
        min-height: 12.1875rem;
    }

    #slider3 .owl-carousel .owl-item {
        min-width: 19.375rem;
    }

    #slider3 .owl-carousel .owl-item img {
        max-width: 18.125rem;
        min-width: 18.125rem;
    }

}

@media screen and (max-width: 63.9375rem) and (min-width: 48rem) {
    a.navbar-brand img {
        max-width: 70%;
    }
}

@media screen and (max-width: 77.4375rem) and (min-width: 48rem) {

    .medicta-header-content-col {
        min-width: 100%;
    }

    .add-clinic-header .medicta-header-content-col {
        padding-right: 0;
        align-items: center;
    }

    .add-clinic-header .container-md>.row {
        align-items: center;
        justify-content: center;
    }

    .add-clinic-header .filters {
        margin-right: 0 !important;
        max-width: 100% !important;
        min-width: 100%;
    }

    .add-clinic-header .medicta-header-filter-col form {
        width: 100%;
        margin-top: 1.875rem;
    }

    .imp-comment {
        max-width: 100% !important;
    }

    .accompanied-section-row>.col-md-5 h4 {
        text-align: justify;
    }

    .medicta-details-section h4,
    .join-us-section-container h4 {
        text-align: justify !important;
        -moz-text-align-last: center !important;
        text-align-last: center !important;
    }

    .join-us-section-container {
        align-items: center !important;
    }

    .add-clinic-sec-4 .col-md-6:last-child img {
        min-width: 7.5rem;
    }

    .why-medicta-section-row>.col-md-6:first-child h1 {
        font-size: 2.75rem !important;
    }

    .add-clinic-sec-5.offers-list h2 {
        font-size: 2.5rem !important
    }

    .marketing-section-row h1 {
        font-size: 1.5625rem !important;
    }

    .marketing-section-row>.col-md-6:last-child img {
        max-width: 13.75rem !important;
    }

    .marketing-section-row>.col-md-6:first-child {
        min-width: calc(100% - 15.625rem) !important;
    }

    .develop-and-manage-row h1 {
        font-size: 1.875rem !important;
    }

    .develop-and-manage-row .col-md-4 img {
        max-width: 13.75rem !important;
    }

    .add-clinic-sec-7 .rounded-cont-odd img,
    .add-clinic-sec-7 .rounded-cont-even img {
        max-width: 9.375rem;
    }

    .add-clinic-sec-7 .rounded-cont-odd .row .col-md-3 {
        max-width: 13.75rem;
    }

    .control-panel-container h3 {
        font-size: 1.125rem !important;
        text-align-last: center;
    }

    .professional-support-row>.col-md-6:first-child h1 {
        font-size: 1.875rem !important;
    }

    .professional-support-row>.col-md-6:last-child img {
        max-width: 10.375rem !important;
    }

    .add-clinic-sec-9 .professional-support-row .col-md-6:first-child {
        min-width: calc(100% - 18.75rem);
        padding-left: 0;
    }

    .add-clinic-sec-9 .professional-support-row .col-md-6:last-child {
        max-width: 18.75rem;
    }

    .add-clinic-sec-11 .row .col-md-3 img {
        min-width: 9.375rem;
        margin-right: 0;
    }

    .choose-medicta h4 {
        margin-left: 0 !important;
        margin-right: 1.25rem !important;
    }

    .join-section-container .row>.col-md-5 {
        min-width: 100% !important;
    }

    .join-section-container .row>.col-md-6 {
        min-width: 100% !important;
    }

    .join-section-container .row>.col-md-6 h1 {
        width: 100%;
    }

}

@media screen and (max-width: 47.9375rem) {

    .add-clinic-header {
        min-height: initial !important;
    }

    .accompanied-section-row .col-md-6 {
        justify-content: center;
    }

    .add-clinic-header .medicta-header-filter-col {
        justify-content: center;
    }

    .add-clinic-header .filters {
        max-width: 100% !important;
        min-width: 100%;
        margin: 0 auto !important;
        padding: 0 0.9375rem !important;
    }

    .add-clinic-header .medicta-header-content-col {
        padding-right: 0 !important;
    }

    .add-clinic-header .container-md {
        position: initial;
        transform: initial;
    }

    .add-clinic-header .medicta-header-content-col {
        align-items: center;
        padding-right: 0.9375rem !important;
    }

    .add-clinic-header .filters .row .col-md-6:first-child,
    .add-clinic-header .filters .row .col-md-6:last-child {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important;
    }

    .add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label,
    .add-clinic-header .filters .form-control,
    .add-clinic-header .filters p-dropdown {
        max-height: 1.875rem !important;
        height: 1.875rem !important;
        min-height: 1.875rem !important;
        margin-bottom: 0.625rem;
    }

    .add-clinic-header .phone-number-row .row {
        justify-content: flex-end;
    }

    .add-clinic-header .phone-number-row .row>div:nth-child(2) {
        padding-right: 1.125rem !important;
    }

    .add-clinic-header .filters .btn {
        min-height: 1.875rem !important;
        height: 1.875rem !important;
    }

    .add-clinic-header .filters {
        padding: 0.6875rem 1.25rem 1.875rem 1.25rem !important;
    }

    .add-clinic-header .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        line-height: 1.875rem !important;
    }

    .add-clinic-header .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        transform: translate(-0.4375rem, -3px);
    }

    a.navbar-brand img {
        min-height: auto;
        max-width: 100%;
    }

    .add-clinic-header .main-header-col a.navbar-brand img {
        width: 100%;
    }

    .add-clinic-header .container-md h4 {
        margin-bottom: 0.625rem;
    }

    .imp-comment {
        padding: 0 3.125rem 0.4375rem 3.125rem;
        line-height: 3.25rem !important;
    }

    .accompanied-section-row h4 {
        text-align: justify;
    }

    .join-us-section-container {
        align-items: center !important;
    }

    .add-clinic-sec-4 .col-md-6:last-child img {
        min-width: 7.5rem;
    }

    .add-clinic-sec-5.offers-list h2,
    .marketing-section-row h1 {
        font-size: 1.25rem !important;
    }

    .marketing-section-row>.col-md-6:last-child {
        display: flex !important;
    }

    .marketing-section-row>.col-md-6:last-child img {
        max-width: 12.5rem !important;
    }

    .offers-list h4 {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        text-align: justify;
    }

    .develop-and-manage-row h1 {
        font-size: 1.5rem !important;
    }

    .develop-and-manage-row .col-md-4 img {
        max-width: 100% !important;
    }

    .add-clinic-sec-7 .rounded-cont-odd .row .col-md-9 h4 {
        padding-left: 0;
    }

    .add-clinic-sec-7 .rounded-cont-even .row .col-md-9 h4 {
        padding-right: 0;
    }

    .add-clinic-sec-7 .rounded-cont-odd .row .col-md-3 {
        justify-content: center;
        max-width: 100%;
    }

    .add-clinic-sec-9 .professional-support-row .col-md-6:first-child {
        padding-left: 0.9375rem;
    }

    .professional-support-row>.col-md-6:first-child h1 {
        font-size: 1.25rem !important;
    }

    .professional-support-row>.col-md-6:last-child img {
        max-width: 11.875rem !important;
    }

    .patient-choose-container .row>.col-md-3 {
        display: flex !important;
    }

    .add-clinic-sec-11 .row .col-md-3 img {
        min-width: 8.125rem;
    }

    .add-clinic-sec-12 .android-plus-ios-logos {
        flex-direction: column;
    }

    .add-clinic-sec-14 .col-md-5 .filters {
        padding: 0.625rem 1.875rem !important;
    }

    .join-section-container .row>.col-md-6 {
        min-width: 100% !important;
    }

    .join-section-container .row>.col-md-6 button {
        line-height: 1.875rem !important;
        max-width: 100%;
    }

    .add-clinic-sec-14 {
        padding-bottom: 2.5rem;
    }
}

/**-------------------------------------------------
            More page style
--------------------------------------------------*/
@media screen and (min-width: 120rem) {

    more-component .medicta-more>.container>.row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    more-component .medicta-more>.container>.row .col-md-1 {
        margin-right: initial !important;
    }

    more-component .more-med {
        margin-bottom: 4.375rem;
    }

    more-component .section-2 .container>.row {
        width: 100%;
    }

    more-component .google-play-plus-ios-icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 43.75rem;
        margin: 0 auto;
        float: initial;
    }

    more-component .google-play-plus-ios-icons a {
        margin: 0 !important;
    }

    more-component .google-play-plus-ios-icons img {
        min-width: 17.5rem;
    }

    more-component .section-3 h2 {
        margin-bottom: 1.25rem !important;
    }

    more-component .section-5 .container-md .row .col-sm-12 img {
        margin-right: -13.125rem;
    }

    more-component .section-5 .big-number {
        margin-left: -16.25rem;
        width: 26.875rem;
    }

    more-component .section-5 h2 {
        padding-top: 0;
        width: 100%;
        font-size: 4.375rem;
        padding-right: 13.125rem;
    }

    more-component .section-5 {
        padding: 2.5rem 0;
    }

    more-component .section-5 .col-sm-12 {
        display: flex !important;
        justify-content: space-between;
    }

    more-component .section-7 {
        padding: 0;
    }

    more-component .section-7 .col-sm-12 {
        display: flex !important;
        min-height: 25rem;
    }

    more-component .section-7 .col-sm-12 span {
        line-height: 1;
        padding-bottom: 0;
        display: block;
        float: initial;
        padding-top: 0;
    }

    more-component .section-7 .col-sm-12 img {
        align-self: flex-end;
    }

    more-component .section-7 h2 {
        padding: 0 !important;
        font-size: 4rem !important;
        text-align: right !important;
    }

    more-component .section-9 .row .col-sm-12 {
        display: flex !important;
    }

    more-component .section-9 h2 {
        padding: 0 !important;
        width: 100%;
    }

    more-component .section-9 img {
        margin-left: 0 !important;
        margin-right: -10rem !important;
    }

    more-component .section-9 span {
        display: block;
        line-height: 1 !important;
        float: initial;
    }

    more-component .section-10 .bg-offorange:first-of-type {
        padding-top: 2.5rem;
    }

    more-component .section-11 button {
        padding: 0.625rem 6.25rem !important;
        line-height: 1.5 !important;
    }

    more-component .section-11 h2 {
        font-size: 7.5rem;
    }

    .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.25rem;
    }

}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .navbar-brand img {
        min-width: 14.375rem !important;
    }

    more-component .medicta-more {
        min-height: 28.125rem !important;
    }

    more-component .main-jumbotron-col {
        max-width: 80%;
        align-items: flex-end !important;
        margin: 6.25rem auto 0 auto;
    }

    more-component .medicta-more .container-sm h2 {
        font-size: 2.5rem;
    }

    more-component .medicta-more .container-sm h4 {
        font-size: 2.625rem;
        margin-bottom: 0;
    }

    more-component .main-jumbotron-col .right-btn button {
        width: 15rem !important;
        min-height: 3.125rem !important;
        font-size: 1.5rem !important;
        line-height: 1;
    }

    more-component .medicta-more>.container>.row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    more-component .medicta-more>.container>.row .col-md-1 {
        margin-right: initial !important;
    }

    more-component .more-med {
        margin-bottom: 4.375rem;
    }

    more-component .section-2 .container>.row {
        width: 100%;
    }

    more-component .google-play-plus-ios-icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 43.75rem;
        margin: 0 auto !important;
        float: initial;
    }

    more-component .google-play-plus-ios-icons a {
        margin: 0 !important;
    }

    more-component .google-play-plus-ios-icons img {
        min-width: 12.5rem;
    }

    more-component .section-3 h2 {
        margin-bottom: 1.25rem !important;
    }

    more-component .section-5 .container-md .row .col-sm-12 img {
        margin-right: -9.375rem;
        min-width: 21.875rem;
    }

    more-component .section-5 .big-number {
        margin-left: -16.25rem;
        width: 26.875rem;
    }

    more-component .section-5 h2 {
        padding-top: 0;
        width: 100%;
        font-size: 3.125rem !important;
        padding-right: 1.875rem;
    }

    more-component .section-5 {
        padding: 0.625rem 0;
    }

    more-component .section-5 .col-sm-12 {
        display: flex !important;
        justify-content: space-between;
    }

    more-component .section-7 {
        padding: 0 !important;
    }

    more-component .section-7 .col-sm-12 {
        display: flex !important;
        min-height: 17.5rem;
    }

    more-component .section-7 .col-sm-12 span {
        line-height: 1 !important;
        padding-bottom: 0 !important;
        display: block;
        float: initial;
        padding-top: 0;
    }

    more-component .section-7 .col-sm-12 img {
        align-self: flex-end;
    }

    more-component .section-7 h2 {
        padding: 0 !important;
        font-size: 3.375rem !important;
        text-align: center !important;
    }

    more-component .section-9 .row .col-sm-12 {
        display: flex !important;
    }

    more-component .section-9 h2 {
        padding: 0 !important;
        width: 100%;
        font-size: 3.125rem;
    }

    more-component .section-9 img {
        margin-left: 0 !important;
        margin-right: -7.5rem !important;
    }

    more-component .section-9 span {
        display: block;
        line-height: 1 !important;
        float: initial;
    }

    more-component .section-10 .bg-offorange:first-of-type {
        padding-top: 2.5rem;
    }

    more-component .section-11 button {
        padding: 0.625rem 6.25rem !important;
        line-height: 1.5 !important;
    }

    more-component .section-11 h2 {
        font-size: 5.625rem !important;
    }

    more-component .container-md {
        max-width: 71.25rem;
    }

    more-component .section-1 h4 {
        font-size: 1.625rem;
    }

    more-component .section-1 .heading-with-image .paragraph-img {
        min-width: 24.375rem !important;
    }

    more-component .section-6 h3 {
        font-size: 1.75rem;
    }

    more-component .orange-bdr-rgt,
    more-component .bg-green-l .orange-bdr {
        border-bottom: 0.25rem solid #f28477 !important;
    }

    more-component .orange-bdr-rgt img,
    more-component .bg-green-l .orange-bdr img {
        width: 2.1875rem !important;
        top: -1rem !important;
    }

    .section-7 img {
        margin-left: -8.75rem;
    }

}

@media screen and (min-width: 80rem) and (max-width: 89.9375rem) {

    .navbar-brand img {
        min-width: 14.375rem !important;
    }

    more-component .medicta-more {
        min-height: 28.125rem !important;
    }

    more-component .main-jumbotron-col {
        max-width: 80%;
        align-items: flex-end !important;
        margin: 6.25rem auto 0 auto;
    }

    more-component .medicta-more .container-sm h2 {
        font-size: 2.5rem;
    }

    more-component .medicta-more .container-sm h4 {
        font-size: 2.625rem;
        margin-bottom: 0;
    }

    more-component .main-jumbotron-col .right-btn button {
        width: 15rem !important;
        min-height: 3.125rem !important;
        font-size: 1.5rem !important;
        line-height: 1;
    }

    more-component .medicta-more>.container>.row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    more-component .medicta-more>.container>.row .col-md-1 {
        margin-right: initial !important;
    }

    more-component .more-med {
        margin-bottom: 4.375rem;
    }

    more-component .section-2 .container>.row {
        width: 100%;
    }

    more-component .google-play-plus-ios-icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 43.75rem;
        margin: 0 auto !important;
        float: initial;
    }

    more-component .google-play-plus-ios-icons a {
        margin: 0 !important;
    }

    more-component .google-play-plus-ios-icons img {
        min-width: 12.5rem;
    }

    more-component .section-3 h2 {
        margin-bottom: 1.25rem !important;
    }

    more-component .section-5 .container-md .row .col-sm-12 img {
        margin-right: -5rem;
        min-width: 18.75rem;
    }

    more-component .section-5 .big-number {
        margin-left: -10rem;
        width: 26.875rem;
        font-size: 10rem !important;
    }

    more-component .section-5 h2 {
        padding-top: 0;
        width: 100%;
        font-size: 3.125rem !important;
        padding-right: 1.875rem;
    }

    more-component .section-5 {
        padding: 0.625rem 0;
    }

    more-component .section-5 .col-sm-12 {
        display: flex !important;
        justify-content: space-between;
    }

    more-component .section-7 {
        padding: 0 !important;
    }

    more-component .section-7 .col-sm-12 {
        display: flex !important;
        min-height: 15.625rem;
    }

    more-component .section-7 .col-sm-12 span {
        line-height: 1 !important;
        padding-bottom: 0 !important;
        display: block;
        float: initial;
        padding-top: 0;
    }

    more-component .section-7 .col-sm-12 img {
        align-self: flex-end;
        max-width: 21.875rem !important;
    }

    more-component .section-7 h2 {
        padding: 0 !important;
        font-size: 3.375rem !important;
        text-align: center !important;
    }

    more-component .section-9 .row .col-sm-12 {
        display: flex !important;
    }

    more-component .section-9 h2 {
        padding: 0 !important;
        width: 100%;
        font-size: 3.125rem !important;
    }

    more-component .section-9 img {
        margin-left: 0 !important;
        margin-right: -2.5rem !important;
    }

    more-component .section-9 span {
        display: block;
        line-height: 1 !important;
        float: initial;
    }

    more-component .section-10 .bg-offorange:first-of-type {
        padding-top: 2.5rem;
    }

    more-component .section-11 button {
        padding: 0.625rem 6.25rem !important;
        line-height: 1.5 !important;
    }

    more-component .section-11 h2 {
        font-size: 5.625rem !important;
    }

    more-component .container-md {
        max-width: 71.25rem;
    }

    more-component .section-1 h4 {
        font-size: 1.625rem !important;
    }

    more-component .section-1 .heading-with-image .paragraph-img {
        min-width: 19.375rem !important;
    }

    .section-1 .heading-with-image {
        display: flex !important;
    }

    .section-1 .heading-with-image span {
        margin: 3.125rem 0 0 0;
    }

    more-component .section-6 h3 {
        font-size: 1.75rem;
    }

    more-component .orange-bdr-rgt,
    more-component .bg-green-l .orange-bdr {
        border-bottom: 0.25rem solid #f28477 !important;
    }

    more-component .orange-bdr-rgt img,
    more-component .bg-green-l .orange-bdr img {
        width: 2.1875rem !important;
        top: -1rem !important;
    }

    .section-7 img {
        margin-left: -2.5rem;
    }

}

@media screen and (min-width: 48rem) and (max-width: 77.4375rem) {

    .navbar-brand img {
        min-width: 14.375rem !important;
    }

    more-component .medicta-more {
        min-height: 18.75rem !important;
    }

    more-component .main-jumbotron-col {
        max-width: 100%;
        align-items: flex-end !important;
        margin: 3.125rem auto 0 auto !important;
    }

    more-component .medicta-more .container-sm h2 {
        font-size: 2.5rem;
    }

    more-component .medicta-more .container-sm h4 {
        font-size: 1.875rem !important;
        margin-bottom: 0;
    }

    more-component .main-jumbotron-col .right-btn button {
        width: 15rem !important;
        min-height: 3.125rem !important;
        font-size: 1.5rem !important;
        line-height: 1;
    }

    more-component .medicta-more>.container>.row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    more-component .medicta-more>.container>.row .col-md-1 {
        margin-right: initial !important;
    }

    more-component .more-med {
        margin-bottom: 4.375rem;
    }

    more-component .section-2 .container>.row {
        width: 100%;
    }

    more-component .google-play-plus-ios-icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 43.75rem;
        margin: 0 auto !important;
        float: initial;
    }

    more-component .google-play-plus-ios-icons a {
        margin: 0 !important;
    }

    more-component .google-play-plus-ios-icons img {
        min-width: 12.5rem;
    }

    more-component .section-3 h2 {
        margin-bottom: 1.25rem !important;
    }

    more-component .section-5 .container-md .row .col-sm-12 img {
        margin-right: -0.625rem;
        min-width: 13.125rem;
    }

    more-component .section-5 .big-number {
        margin-left: -10rem;
        width: 26.875rem;
        font-size: 6.25rem !important;
    }

    more-component .section-5 h2 {
        padding-top: 0;
        width: 100%;
        font-size: 1.625rem !important;
        padding-right: 1.875rem;
    }

    more-component .section-5 {
        padding: 0.625rem 0;
    }

    more-component .section-5 .col-sm-12 {
        display: flex !important;
        justify-content: space-between;
    }

    more-component .section-7 {
        padding: 0 !important;
    }

    more-component .section-7 .col-sm-12 {
        display: flex !important;
        min-height: 11.25rem;
    }

    more-component .section-7 .col-sm-12 span {
        line-height: 1 !important;
        padding-bottom: 0 !important;
        display: block;
        float: initial;
        padding-top: 0;
    }

    more-component .section-7 .col-sm-12 img {
        align-self: flex-end;
        max-width: 16.25rem !important;
        margin-left: 0;
    }

    more-component .section-7 h2 {
        padding: 0 !important;
        font-size: 2.125rem !important;
        text-align: center !important;
    }

    more-component .section-9 .row .col-sm-12 {
        display: flex !important;
    }

    more-component .section-9 h2 {
        padding: 0 !important;
        width: 100%;
        font-size: 2rem !important;
    }

    more-component .section-9 img {
        margin-left: 0 !important;
        margin-right: 0 !important;
        min-width: initial !important;
        max-width: 7.5rem;
    }

    more-component .section-9 span {
        display: block;
        line-height: 1 !important;
        float: initial;
    }

    more-component .section-10 .bg-offorange:first-of-type {
        padding-top: 2.5rem;
    }

    more-component .section-11 button {
        padding: 0.625rem 6.25rem !important;
        line-height: 1.5 !important;
    }

    more-component .section-11 h2 {
        font-size: 3.75rem !important;
    }

    more-component .container-md {
        max-width: 71.25rem;
    }

    more-component .section-1 h4 {
        font-size: 1.25rem !important;
        text-align: justify;
        text-align-last: center;
    }

    more-component .section-1 .heading-with-image .paragraph-img {
        min-width: 19.375rem !important;
    }

    .section-1 .heading-with-image {
        display: flex !important;
        flex-direction: column;
    }

    .section-1 .heading-with-image span {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.875rem;
        margin-left: 0;
    }

    more-component .section-6 h3 {
        font-size: 1.75rem;
    }

    more-component .orange-bdr-rgt,
    more-component .bg-green-l .orange-bdr {
        border-bottom: 0.25rem solid #f28477 !important;
    }

    more-component .orange-bdr-rgt img,
    more-component .bg-green-l .orange-bdr img {
        width: 2.1875rem !important;
        top: -1rem !important;
    }

}

@media screen and (min-width: 20rem) and (max-width: 47.9375rem) {
    .other-doctors-row {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        display: block !important;
    }

    .medicta-more .col-md-6,
    .medicta-more .col-md-1 {
        max-width: 100%
    }

    .icon-col {
        margin-left: 0 !important;
        margin-right: 1rem !important;
    }

    .responsive-header .mobile-filters-bar .btn-group .btn:not(:last-child) {
        border-left: 2px solid #fff !important;
        border-right: 0 !important;
    }

    .navbar-brand img {
        min-width: initial !important;
    }

    .add-clinic-header li.nav-item .dropdown-menu {
        left: -5rem !important;
    }

    .medicta-more .container-sm .row {
        width: initial !important;
    }

    more-component .medicta-more {
        min-height: 18.75rem !important;
    }

    more-component .main-jumbotron-col {
        max-width: 100%;
        align-items: center !important;
        margin: 3.125rem auto 0 auto !important;
    }

    more-component .medicta-more .container-sm h2 {
        font-size: 2.5rem;
    }

    more-component .medicta-more .container-sm h4 {
        font-size: 1.875rem !important;
        margin-bottom: 1.25rem;
    }

    more-component .main-jumbotron-col .right-btn button {
        width: 15rem !important;
        min-height: 3.125rem !important;
        font-size: 1.5rem !important;
        line-height: 1;
    }

    more-component .medicta-more>.container>.row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    more-component .medicta-more>.container>.row .col-md-1 {
        margin-right: initial !important;
    }

    more-component .more-med {
        margin-bottom: 1.875rem;
    }

    more-component .section-2 .container>.row {
        min-width: 100%;
    }

    more-component .google-play-plus-ios-icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 43.75rem;
        margin: 0 auto !important;
        float: initial;
        flex-direction: column;
    }

    more-component .google-play-plus-ios-icons a {
        margin: 0 !important;
    }

    more-component .google-play-plus-ios-icons img {
        min-width: 12.5rem;
    }

    more-component .section-3 h2 {
        margin-bottom: 1.25rem !important;
    }

    more-component .section-5 .container-md .row .col-sm-12 img {
        margin-right: 0;
        min-width: 13.125rem;
    }

    more-component .section-5 .big-number {
        margin-left: 0;
        width: 26.875rem;
        font-size: 6.25rem !important;
        display: block;
        line-height: 1 !important;
        text-align: center;
    }

    more-component .section-5 h2 {
        padding-top: 0;
        width: 100%;
        font-size: 1.625rem !important;
        padding-right: 0;
    }

    more-component .section-5 {
        padding: 0.625rem 0;
    }

    more-component .section-5 .col-sm-12 {
        display: flex !important;
        justify-content: center !important;
        flex-direction: column;
        align-items: center !important;
    }

    more-component .section-7 {
        padding: 0 !important;
    }

    more-component .section-7 .col-sm-12 {
        display: flex !important;
        min-height: 11.25rem;
        flex-direction: column;
    }

    more-component .section-7 .col-sm-12 span {
        line-height: 1 !important;
        padding-bottom: 0 !important;
        display: block;
        float: initial;
        padding-top: 0;
    }

    more-component .section-7 .col-sm-12 img {
        align-self: center;
        max-width: 16.25rem !important;
        margin: 0 auto !important;
    }

    more-component .section-7 h2 {
        padding: 0 !important;
        font-size: 2.125rem !important;
        text-align: center !important;
        margin-bottom: 1.25rem !important;
    }

    more-component .section-9 .row .col-sm-12 {
        display: flex !important;
        flex-direction: column;
    }

    more-component .section-9 h2 {
        padding: 0 !important;
        width: 100%;
        font-size: 2rem !important;
    }

    more-component .section-9 img {
        margin-left: 0 !important;
        margin-right: 0 !important;
        min-width: initial !important;
        max-width: 7.5rem;
    }

    more-component .section-9 span {
        display: block;
        line-height: 1 !important;
        float: initial;
    }

    more-component .section-10 .bg-offorange:first-of-type {
        padding-top: 2.5rem;
    }

    more-component .section-11 button {
        padding: 0.625rem 6.25rem !important;
        line-height: 1.5 !important;
    }

    more-component .section-11 h2 {
        font-size: 3.75rem !important;
    }

    more-component .container-md {
        max-width: 71.25rem;
    }

    more-component .section-1 h4 {
        font-size: 1.25rem !important;
        text-align: justify;
        text-align-last: center;
    }

    more-component .section-1 .heading-with-image .paragraph-img {
        min-width: 19.375rem !important;
    }

    .section-1 .heading-with-image {
        display: flex !important;
        flex-direction: column;
    }

    .section-1 .heading-with-image span {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.875rem;
        margin-left: 0;
        text-align: justify;
    }

    more-component .section-6 h3 {
        font-size: 1.75rem;
    }

    more-component .orange-bdr-rgt,
    more-component .bg-green-l .orange-bdr {
        border-bottom: 0.25rem solid #f28477 !important;
    }

    more-component .orange-bdr-rgt img,
    more-component .bg-green-l .orange-bdr img {
        width: 2.1875rem !important;
        top: -1rem !important;
    }

    .footer h5 {
        text-align: right;
    }

    .footer .left-col .download-app-col .app-mg {
        float: left;
    }

    .footer .right-col>.row .col-md-4:nth-child(2),
    .footer .right-col>.row .col-md-4:nth-child(3) {
        max-width: 100%;
    }

    .footer .right-col .service-provider-wrapper {
        align-items: flex-start;
    }

    .footer .left-footer-logo-col>div {
        flex-direction: column;
        justify-content: center;
    }

    .left-footer-logo-col a {
        position: initial;
    }

}

.profile.appropriate-area {
    text-align: right !important;
}

/**---------------------------------------------------
                Doctors Screen
 -----------------------------------------------------*/

@media screen and (min-width: 120rem) {

    .navbar-expand-md .navbar-collapse {
        justify-content: flex-start;
    }

    .navbar.bg-offwhite .container {
        align-items: center;
        justify-content: space-between;
    }

    nav.top-nav .navbar-nav {
        flex-direction: row-reverse;
        margin-right: 0 !important;
        align-items: flex-end;
    }

    a.navbar-brand img {
        min-height: initial;
        margin-left: 1.875rem !important;
    }

    .top-nav .nav-item:not(.dropdown):not(.med-bag) a {
        transform: translateX(-0.375rem);
        -o-transform: translateX(-0.375rem);
        -moz-transform: translateX(-0.375rem);
        -webkit-transform: translateX(-0.375rem);
    }

    li.nav-item.med-bag {
        margin-top: 0;
        position: relative;
        left: 0.25rem;
        top: 0.25rem;
    }

    .med-bag span.badge-cart {
        top: -0.375rem;
        right: -1rem;
    }

    .top-nav .navbar-nav li.nav-item.dropdown a {
        display: flex;
    }

    .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }

    .discount-bg {
        padding-top: 0.9375rem;
    }

    .discount-bg>span {
        text-align: center;
    }

    .discount-bg p:first-of-type {
        font-size: 1rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .discount-bg p:nth-of-type(2) {
        bottom: 0;
        margin-bottom: 0.9375rem !important;
    }

    .discount-bg p span:first-child {
        display: block;
    }

    .discount-bg p:nth-of-type(2) {
        text-align: center !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .details-col {
        min-width: 26.875rem;
    }

    .evaluation-col span.badge::after {
        border-left: 1.1875rem solid transparent;
        bottom: -0.5625rem;
    }

    .doctor-services-heading {
        margin-right: 0;
    }

    .specialist-bg .nav-tabs {
        min-height: 2.1875rem;
    }

    #appointment-date-slider table thead tr:last-child th,
    #appointment-date-slider table tbody tr td,
    #appointment-date-slider table thead tr:first-child th h4 {
        text-align: center;
    }

    .appointment-outer-table tr td:first-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-outer-table tr td:last-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-area-footer>div {
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse !important;
        margin-top: 3.125rem;
    }

    .appointment-area-footer>div .col-lg-6,
    .appointment-area-footer>div .col-lg-12 {
        max-width: 50%;
        min-width: 50%;
    }

    .appointment-area-footer>div .col-lg-6 {
        align-items: center !important;
        justify-content: space-between;
        max-width: 21.875rem;
        min-width: initial;
        margin-right: 3.75rem;
    }

    .appropriate-area-footer-outer>.row>.col-md-12,
    .appropriate-area:not(.appropriate-area-footer-outer)>.row>.col-md-12 {
        text-align: right;
    }

    .location-area p,
    .location-area h5 {
        text-align: center;
    }

    .bag-one {
        text-align: right;
    }

    .doc-inner h2,
    .doc-inner>p {
        text-align: center;
    }

    .ui-dropdown-label-container label img {
        margin-top: 0;
    }
}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .navbar-expand-md .navbar-collapse {
        justify-content: flex-start;
    }

    .navbar.bg-offwhite .container {
        align-items: center;
        justify-content: space-between;
    }

    nav.top-nav .navbar-nav {
        flex-direction: row-reverse;
        margin-right: 0 !important;
        align-items: flex-end;
    }

    a.navbar-brand img {
        min-height: initial;
        margin-left: 1.875rem !important;
    }

    .top-nav .nav-item:not(.dropdown):not(.med-bag) a {
        transform: translateX(-0.375rem);
        -o-transform: translateX(-0.375rem);
        -moz-transform: translateX(-0.375rem);
        -webkit-transform: translateX(-0.375rem);
    }

    li.nav-item.med-bag {
        margin-top: 0;
        position: relative;
        left: 0.25rem;
        top: 0;
    }

    .med-bag span.badge-cart {
        top: -0.375rem;
        right: -1rem;
    }

    .top-nav .navbar-nav li.nav-item.dropdown a {
        display: flex;
        margin-bottom: 3px;
        align-items: center;
        justify-content: flex-start;
    }

    .top-nav .navbar-nav li.nav-item.dropdown a .mu-icon {
        margin-right: 0;
        margin-left: 0.3125rem;
    }

    .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }

    .discount-bg {
        padding-top: 0.9375rem;
    }

    .main-desc-header .offer-thumbnail img {
        max-height: 23.125rem;
        min-height: 21.875rem;
    }



    .discount-bg>span {
        text-align: center;
    }

    .discount-bg p:first-of-type {
        font-size: 1rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .discount-bg p:nth-of-type(2) {
        bottom: 0;
        margin-bottom: 0.9375rem !important;
    }

    .discount-bg p span:first-child {
        display: block;
    }

    .discount-bg p:nth-of-type(2) {
        text-align: center !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .details-col {
        min-width: 26.875rem;
    }

    .evaluation-col span.badge::after {
        border-left: 1.1875rem solid transparent;
        bottom: -0.5625rem;
    }

    .doctor-services-heading {
        margin-right: 0;
    }

    .specialist-bg .nav-tabs {
        min-height: 2.1875rem;
    }

    #appointment-date-slider table thead tr:last-child th,
    #appointment-date-slider table tbody tr td,
    #appointment-date-slider table thead tr:first-child th h4 {
        text-align: center;
    }

    .appointment-outer-table tr td:first-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-outer-table tr td:last-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-area-footer>div {
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse !important;
        margin-top: 3.125rem;
    }

    .appointment-area-footer>div .col-lg-6,
    .appointment-area-footer>div .col-lg-12 {
        max-width: 50%;
        min-width: 50%;
    }

    .appointment-area-footer>div .col-lg-6 {
        align-items: center !important;
        justify-content: space-between;
        max-width: 21.875rem;
        min-width: initial;
        margin-right: 3.75rem;
    }

    .appropriate-area-footer-outer>.row>.col-md-12,
    .appropriate-area:not(.appropriate-area-footer-outer)>.row>.col-md-12 {
        text-align: right;
    }

    .location-area p,
    .location-area h5 {
        text-align: right;
    }

    .bag-one {
        text-align: right;
    }

    .doc-inner h2,
    .doc-inner>p {
        text-align: center;
    }

    .ui-dropdown-label-container label img {
        margin-top: 0;
    }

    .description-col .price-discount .discount-bg {
        left: -0.5rem;
        position: absolute;
        top: 0;
    }

    hospital-service-component .description-col .price-discount .discount-bg {

        position: relative;

    }

    .description-col .price-discount .social-and-favorite {
        right: -8.0625rem;
    }

    .social-media-icon a i {
        font-size: 1.375rem;
    }

    .social-media-icon .share {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
    }

    .share p {
        margin-bottom: 0;
    }

    .social-media-icons ul {
        display: flex;
        align-content: center;
        justify-content: flex-end;
    }

    .description-col .justify-content-between p {
        line-height: 1;
        position: relative;
        bottom: 2px;
    }

    .specialist-bg .media img {
        min-width: 7.5rem !important;
        max-width: 7.5rem !important;
        margin-right: 0 !important;
    }

    .media-body h5 {
        font-size: 1rem !important;
        margin-bottom: 0;
    }

    .media-body p {
        font-size: 1rem;
        line-height: 1.375rem !important;

    }

    .f-small {
        font-size: 0.75rem !important;
    }

    .nav-tabs .nav-link {
        line-height: 1;
        padding-top: 0.375rem !important;
        padding-bottom: 0.5rem !important;
    }

    .specialist-bg .nav-tabs {
        min-height: 1.8125rem;
    }

    .filter-section .filters {
        min-height: 6.875rem !important;
        margin: 1.25rem 0 0 0 !important;
        padding: 0.4375rem 0 0.9375rem 0 !important;
    }

    .filter-section .filters label {
        font-size: 0.75rem !important;
    }

    .filters .form-control {
        height: 1.875rem !important;
    }

    .filter-section .filters p-dropdown label {
        min-height: 1.875rem;
        line-height: 1;
    }

    .filter-section .filters p-dropdown {
        height: 1.875rem;
    }

    .filter-section .filters .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        transform: translateX(-0.5625rem) translateY(-2px);
    }

    .description-col .price-discount .discount-bg {
        left: 0px;
        min-width: 12.5rem;
    }

    .filter-section .filters button {
        margin-top: 1.375rem !important;
        padding: 0.25rem 0;
        margin-bottom: 0 !important;
    }

    .navbar-expand-md .navbar-collapse {
        margin-top: 0.625rem;
        margin-right: 0.625rem;
    }

    .specialist-bg .media .ui-rating {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .specialist-bg .media .ui-rating a {
        display: block;
        height: 1.5625rem;
    }

    .specialist-bg .media .ui-rating a span {
        font-size: 1.5rem;
    }

    doctor-booking-component .specialist-bg .media {
        margin-right: 1.25rem;
        width: initial;
    }

    doctor-booking-component .specialist-bg .media img {
        margin-right: 0 !important;
    }

}

@media screen and (min-width: 80rem) and (max-width: 89.9375rem) {

    .navbar-expand-md .navbar-collapse {
        justify-content: flex-start;
    }

    .navbar.bg-offwhite .container {
        align-items: center;
        justify-content: space-between;
    }

    nav.top-nav .navbar-nav {
        flex-direction: row-reverse;
        margin-right: 0 !important;
        align-items: flex-end;
    }

    a.navbar-brand img {
        min-height: initial;
        margin-left: 1.875rem !important;
    }

    .top-nav .nav-item:not(.dropdown):not(.med-bag) a {
        transform: translateX(-0.375rem);
        -o-transform: translateX(-0.375rem);
        -moz-transform: translateX(-0.375rem);
        -webkit-transform: translateX(-0.375rem);
    }

    li.nav-item.med-bag {
        margin-top: 0;
        position: relative;
        left: 0.25rem;
        top: 0.25rem;
    }

    .med-bag span.badge-cart {
        top: -0.375rem;
        right: -1rem;
    }

    .top-nav .navbar-nav li.nav-item.dropdown a {
        display: flex;
    }

    .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }

    .discount-bg {
        padding-top: 0.9375rem;
    }

    .discount-bg>span {
        text-align: center;
    }

    .discount-bg p:first-of-type {
        font-size: 1rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .discount-bg p:nth-of-type(2) {
        bottom: 0;
        margin-bottom: 0.9375rem !important;
    }

    .discount-bg p span:first-child {
        display: block;
    }

    .discount-bg p:nth-of-type(2) {
        text-align: center !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .details-col {
        min-width: 26.875rem;
    }

    .evaluation-col span.badge::after {
        border-left: 1.1875rem solid transparent;
        /* bottom: -0.5625rem; */
        bottom: unset;
    }

    .doctor-services-heading {
        margin-right: 0;
    }

    .specialist-bg .nav-tabs {
        min-height: 2.1875rem;
    }

    #appointment-date-slider table thead tr:last-child th,
    #appointment-date-slider table tbody tr td,
    #appointment-date-slider table thead tr:first-child th h4 {
        text-align: center;
    }

    .appointment-outer-table tr td:first-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-outer-table tr td:last-child table tbody tr td {
        border-left: none !important;
        border-right: none !important;
    }

    .appointment-area-footer>div {
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse !important;
        margin-top: 3.125rem;
    }

    .appointment-area-footer>div .col-lg-6,
    .appointment-area-footer>div .col-lg-12 {
        max-width: 50%;
        min-width: 50%;
    }

    .appointment-area-footer>div .col-lg-6 {
        align-items: center !important;
        justify-content: space-between;
        max-width: 21.875rem;
        min-width: initial;
        margin-right: 3.75rem;
    }

    .appropriate-area-footer-outer>.row>.col-md-12,
    .appropriate-area:not(.appropriate-area-footer-outer)>.row>.col-md-12 {
        text-align: right;
    }

    .location-area p,
    .location-area h5 {
        text-align: center;
    }

    .bag-one {
        text-align: right;
    }

    .doc-inner h2,
    .doc-inner>p {
        text-align: center;
    }

    .ui-dropdown-label-container label img {
        margin-top: 0;
    }

    .description-col .price-discount .discount-bg {
        left: -0.5rem;
        position: absolute;
        top: 0;
    }

    .description-col .price-discount .social-and-favorite {
        right: -8.0625rem;
    }

    .social-media-icon a i {
        font-size: 1.375rem;
    }

    .social-media-icon .share {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
    }

    .share p {
        margin-bottom: 0;
    }

    .social-media-icons ul {
        display: flex;
        align-content: center;
        justify-content: flex-end;
    }

    .description-col .justify-content-between p {
        line-height: 1;
        position: relative;
        bottom: 2px;
    }

    .specialist-bg .media img {
        min-width: 7.5rem !important;
    }

    .media-body h5 {
        font-size: 1rem !important;
        margin-bottom: 0;
    }

    .media-body p {
        font-size: 1rem !important;
        line-height: 1.375rem !important;
    }

    .nav-tabs .nav-link {
        line-height: 1;
        padding-top: 0.375rem !important;
        padding-bottom: 0.5rem !important;
    }

    .specialist-bg .nav-tabs {
        min-height: 1.8125rem;
    }

}

@media screen and (min-width: 20rem) and (max-width: 77.4375rem) {
    customer-edit-appointment-component .media-body {
        margin-top: 2.5625rem;
    }

    tooth-area-two p.pri-dis span:last-child {
        height: initial !important;
    }

    hospital-service-component .centerAl {
        padding-bottom: 0px !important;
    }

    hospital-service-component .specialist-bg .media img {
        margin-top: 1.875rem;
        min-width: unset !important;
    }

    all-doctors-component .specialist-bg .media .rating {
        right: 0.9375rem !important;
        top: 6.0625rem;
        right: auto;
        text-align: right !important;
    }

    ._arml-3 {
        margin-right: 1rem !important;
        margin-left: initial !important;
    }

    hospital-component .col-filter-area {
        margin-bottom: 0.9375rem !important;
    }

    hospital-service-component .specialist-bg {
        padding-bottom: 0.3125rem !important;
    }

    hospital-service-component .specialist-bg .description-col .main-desc .details-col .media-body p.marSpC {
        margin: 0.4375rem 0 !important;
    }

    hospital-service-component .all-doc-heading .centerAl .col-md-4 h5 {
        text-align: center;
        margin: 0 auto;
    }

    .tooth-area-two .dis-pri {
        align-items: flex-start;
    }

    customer-profile-component .specialist-bg .doc-services-tabs .nav-tabs .nav-item:last-child {
        margin-right: 0.625rem !important;
    }

    #favourite-centers .specialist-bg>.row>.col-md-7 {
        margin: 0;
        flex-direction: column;
    }

    ._flex-col {
        flex-direction: column;
    }

    #favourite-centers .specialist-bg .media {
        min-width: 8.125rem;
        top: -1.3125rem;
    }

    #favourite-tab-content #favourite-doctors .discount-bg button {
        top: 1.5rem
    }

    customer-edit-appointment-component .specialist-bg .media .rating {

        top: 5.375rem !important;
    }

    .description-col .price-discount .discount-bg {
        left: 0;
        margin-top: 3.4375rem;
    }

    .specialist-bg>.row>.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .description-col .price-discount .social-and-favorite {
        display: none !important;
    }

    .discount-bg p.pri-dis {
        display: flex !important;
        justify-content: flex-start;
        padding-right: 0;
    }

    .media-body {
        padding-right: 0;
    }

    .specialist-bg .description-col .main-desc .evaluation-col {
        right: initial;
        left: 0;
        position: static !important;
    }

    .specialist-bg .description-col .main-desc .evaluation-col span.badge::after {
        border-right: 0 solid transparent !important;
        border-top: 0.625rem solid #1FABAD !important;
        bottom: -0.5rem !important;
    }

    .appointment-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .specialist-bg .doc-services-tabs {
        padding-left: 0;
        padding-right: 0;
    }

    .appropriate-area {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        text-align: right;
    }

    .appointment-area.mt-3 button {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .specialist-bg .doc-services-tabs {
        margin-bottom: 0;
    }

    .location-area h5 {
        text-align: center;
    }

    .location-area p {
        text-align: center;
    }

    .specialist-bg .doc-services-tabs .nav-tabs {
        min-height: 1.6875rem !important;
        display: flex;
        flex-wrap: nowrap;
    }

    customer-profile-component .specialist-bg .doc-services-tabs .nav-tabs {
        justify-content: flex-start;
    }

    .doc-inner p,
    .doc-inner h2 {
        text-align: center;
    }

}

/**---------------------------------------------------
                All Doctors Screen
 -----------------------------------------------------*/

@media screen and (min-width: 120rem) {

    .filter-area .sidenav .custom-control-label::before,
    .filter-area .sidenav .custom-control-label::after {
        width: 0.9375rem !important;
        height: 0.9375rem !important;
        top: 2px;
    }

    .filter-area .sidenav .custom-control-label {
        padding-right: 0.375rem;
    }

    .star-checkbox .ui-rating {
        line-height: 1;
    }

    .star-checkbox .ui-rating a {
        width: 1.375rem;
        padding: 0;
        font-size: 1.75rem;
        position: relative;
        bottom: 0.3125rem;
    }

    .filter-area .sidenav .collapse-evaluation .custom-control-label span:last-child {
        min-width: initial;
    }

    .specialist-bg {
        padding: 0.9375rem 1.4375rem 0.9375rem 0.8125rem !important;
    }

    .doc-services-tabs {
        padding-right: 0.9375rem;
    }

    .evaluation-col span.badge {
        min-height: 2.625rem;
        min-width: 3.5rem;
        line-height: 1.875rem;
        font-size: 1.25rem;
    }

}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .filter-area .sidenav .custom-control-label::before,
    .filter-area .sidenav .custom-control-label::after {
        width: 0.75rem !important;
        height: 0.75rem !important;
        top: 0.3125rem;
    }

    .filter-area .sidenav .custom-control-label {
        padding-right: 0.375rem;
    }

    .star-checkbox .ui-rating {
        line-height: 1;
    }

    .star-checkbox .ui-rating a {
        width: 1.1875rem;
        padding: 0;
        font-size: 1.375rem;
        position: relative;
        bottom: 0px;
    }

    .filter-area .sidenav .collapse-evaluation .custom-control-label span:last-child {
        min-width: initial;
    }

    .specialist-bg {
        padding: 0.9375rem 1.4375rem 0.9375rem 0.8125rem !important;
    }

    .evaluation-col span.badge {
        min-height: 2.625rem;
        min-width: 3.5rem;
        line-height: 1.875rem;
        font-size: 1.25rem;
    }

    doctors-component .specialist-bg {
        padding: 0.9375rem 1.875rem 0.9375rem 0px !important;
    }

    doctors-component .doc-services-tabs h5 {
        margin-right: 0;
    }

    doctors-component .specialist-bg .profile-col {
        flex-basis: 9.0625rem;
    }

    doctors-component .specialist-bg .profile-col .media {
        text-align: right;
    }

    doctors-component .specialist-bg .description-col {
        margin-right: 0;
    }

    doctors-component .specialist-bg .description-col .main-desc .details-col .media-body {
        padding-right: 1.875rem;
        margin-top: 1.75rem;
    }

    doctors-component #mega-menu .dropdown-toggle span {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    doctors-component #mega-menu .dropdown-toggle span::after {
        margin-left: 0;
        margin-right: 0.4375rem !important;
    }

    doctors-component .specialist-bg .description-col .pricing-col {
        min-width: 15.875rem;
    }

    .filter-area .sidenav .custom-control-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-area .sidenav .collapse-evaluation .custom-control-label span:last-child {
        text-align: right;
        max-width: 2.1875rem;
    }

    .shot-by-drop .dropdown-menu {
        min-width: 12.5rem;
    }

}

@media screen and (min-width: 80rem) and (max-width: 89.9375rem) {

    .filter-area .sidenav .custom-control-label::before,
    .filter-area .sidenav .custom-control-label::after {
        width: 0.75rem !important;
        height: 0.75rem !important;
        top: 0.3125rem;
    }



    .filter-area .sidenav .custom-control-label {
        padding-right: 0.375rem;
    }

    .star-checkbox .ui-rating {
        line-height: 1;
    }

    .star-checkbox .ui-rating a {
        width: 1.1875rem;
        padding: 0;
        font-size: 1.375rem;
        position: relative;
        bottom: 0px;
    }

    .filter-area .sidenav .collapse-evaluation .custom-control-label span:last-child {
        min-width: initial;
    }

    .specialist-bg {
        padding: 0.9375rem 1.4375rem 0.9375rem 0.8125rem !important;
    }

    .evaluation-col span.badge {
        min-height: 2.625rem;
        min-width: 3.5rem;
        line-height: 1.875rem;
        font-size: 1.25rem;
    }

    doctors-component .specialist-bg {
        padding: 0.9375rem 1.875rem 0.9375rem 0.8125rem !important;
    }

    doctors-component .doc-services-tabs h5 {
        margin-right: 0;
    }

    doctors-component .specialist-bg .profile-col {
        flex-basis: 9.0625rem;
    }

    doctors-component .specialist-bg .profile-col .media {
        text-align: right;
    }

    doctors-component .specialist-bg .description-col {
        margin-right: 0;
    }

    doctors-component .specialist-bg .description-col .main-desc .details-col .media-body {
        padding-right: 1.875rem;
        margin-top: 1.75rem;
    }

    doctors-component #mega-menu .dropdown-toggle span {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    doctors-component #mega-menu .dropdown-toggle span::after {
        margin-left: 0;
        margin-right: 0.4375rem !important;
    }

    doctors-component .specialist-bg .description-col .pricing-col {
        min-width: 15.875rem;
    }

    .filter-area .sidenav .custom-control-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-area .sidenav .collapse-evaluation .custom-control-label span:last-child {
        text-align: right;
        max-width: 2.1875rem;
    }

    .shot-by-drop .dropdown-menu {
        min-width: 12.5rem;
    }

}

@media screen and (min-width: 20rem) and (max-width: 77.4375rem) {
    hospital-component .bg-grey1 {
        background: transparent !important;
    }

    .footer .form-connect h5 {
        margin-bottom: 1.25rem !important;
    }

    cart-component .reservation-amt-para>span:last-child {
        padding-left: unset !important;
        padding-right: 2.1875rem !important;
    }

    cart-component .cross-icon {
        left: -0.375rem !important;
        right: auto !important;
    }

    cart-component .tooth-area-two .dis-pri {

        flex-direction: row;
    }

    .responsive-header header .top-header a:last-child img {
        transform: scaleX(-1);
    }

    .shareIcon {
        position: absolute;
    }

    doctors-component .specialist-bg .media .rating.docRating {
        right: 0.9375rem;
        top: 5.875rem !important;
        left: auto;
    }

    hospital-component .specialist-bg .media .rating.starRating {
        position: absolute;
        left: auto;
        top: 10rem !important;
        right: 1.25rem;
    }

    hospital-component .responsive-header .top-header {
        margin-bottom: 0;
    }

    doctors-component .docGreenLabel {
        margin-bottom: 0;
    }

    hospital-component .reservation.b-auto {
        margin: 0 auto;
    }

    hospital-component .description-col .price-discount .social-and-favorite {
        display: block !important;
    }

    cart-component .cart-left-col .bottom-price-para {
        justify-content: center;

    }

    .total-price p span {
        width: max-content !important;
    }

    .navbar-expand-md .navbar-collapse {
        justify-content: start;
    }

    .specialist-bg .media {
        text-align: right !important;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row-reverse;
    }

    .specialist-bg .media img {
        left: 0;
        right: 2.5rem;
    }

    .specialist-bg {
        padding-top: 0 !important;
        padding-bottom: 2.8125rem !important;
    }

    .description-col .price-discount .discount-bg {
        margin-top: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-left: 0.9375rem;
    }

    .specialist-bg .description-col .reservation {
        /* bottom: -4.75rem; */
        left: initial;
        margin-right: 0.75rem;
        bottom: unset !important;
    }

    doctors-component .specialist-bg .description-col .reservation {
        margin-top: 0.625rem;
        padding-right: 0.375rem !important;
    }

    doctors-component .specialist-bg .description-col .reservation {
        bottom: -6.25rem;

    }

    .discount-bg p {
        min-width: 6.875rem;
        text-align: left;
    }

    .specialist-bg .media .rating {
        right: initial;
        left: 1rem;
    }

    .discount-bg p.pri-dis {
        justify-content: flex-end;
    }

    .specialist-bg .description-col .main-desc .evaluation-col span.badge {
        min-width: 2.5rem !important;
        line-height: 1.125rem !important;
        max-height: 1.75rem;
    }

    .specialist-bg .description-col .main-desc .pricing-col {
        margin-top: 0 !important;
        position: absolute;
        width: 100%;
        top: 0;
    }

    .discount-bg small {
        max-width: 10.9375rem;
    }

    /* doctor-booking-component .discount-bg small {
        max-width: unset;
    } */

    .ar-d-flex {
        display: flex;
    }

    profile-component .media.patientOpinion {
        flex-direction: column !important;
    }

    .doctor-desc-table {
        margin-top: 2rem;
    }

    profile-component .specialist-bg .media img {
        margin: 0 auto !important;
        text-align: center;
        display: block;
        margin-right: unset !important;
    }

    profile-component .doctor-profile-details-row .media .doctor-profile-pic {
        margin: 0 auto !important;

    }

    profile-component .doctor-desc-table {
        margin-top: 2.5rem !important;
    }

    profile-component .description-col .rating {
        width: 100%;
    }

    profile-component .description-col .social-and-favorite {
        width: 100%;
        margin: 0 auto
    }

    profile-component .specialist-bg .media img {
        margin-bottom: 1.25rem !important;
    }

    profile-component .specialist-bg .media {
        text-align: center;
    }

    doctor-booking-component .ar-media-body {
        margin-top: 6.25rem;
    }
}

/**---------------------------------------------------
                    Cart Page
----------------------------------------------------*/
@media screen and (min-width: 120rem) {
    .stachel-section>.container-md {
        padding-top: 2.5rem !important;
        padding-left: 0;
        padding-right: 0;
    }

    .stachel-section>.container-custom {
        padding-top: 2.5rem !important;
    }

    .stachel-section>.container-md>.row,
    .stachel-section>.container-custom>.row {
        flex-direction: row-reverse;
    }

    .stachel-heading {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 0.9375rem 1.0625rem !important;
    }

    .stachel-heading img {
        margin-left: 0.9375rem;
    }

    .stachel-heading h3.float-left {
        font-weight: 700 !important;
    }

    .checkout-left-col,
    .cart-left-col {
        flex: 0 0 calc(18.125rem + 0.9375rem) !important;
        max-width: calc(18.125rem + 0.9375rem) !important;
    }

    .checkout-right-col,
    .cart-right-col {
        flex: 0 0 calc(100% - 18.125rem - 0.9375rem) !important;
        max-width: calc(100% - 18.125rem - 0.9375rem) !important;
    }

    .main-light-bg {
        padding: 1.875rem 2.5rem 1.875rem 3.125rem;
    }

    .cross-icon {
        right: initial !important;
        left: -1.125rem;
    }

    .cross-icon i {
        position: relative;
        top: 1px;
    }

    .top-body {
        padding: 1.875rem 2.5rem 0.9375rem 0 !important;
    }

    .top-body .tooth-area-one .favrt {
        right: initial !important;
        left: 0 !important;
    }

    .favrt i {
        font-size: 1.75rem !important;
    }

    .favrt a {
        display: block;
        margin-bottom: 0.3125rem;
    }

    .top-body .tooth-area-one h5 {
        font-weight: 700 !important;
        margin-bottom: 1.625rem !important;
    }

    .top-body .tooth-area-one .professor-name {
        font-weight: 700;
        font-size: 1.125rem;
    }

    .top-body .tooth-area-one .dental-info span:last-child {
        font-weight: 700 !important;
        margin-bottom: 0.8125rem !important;
    }

    .top-body .tooth-area-one .doc-locate {
        margin-bottom: 0.9375rem !important;
    }

    .top-body .tooth-area-one .doc-locate i {
        font-size: 1rem;
    }

    .top-body .tooth-area-one .doc-locate span {
        margin-left: 0.625rem;
    }

    .tooth-doc-area {
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .tooth-area-two {
        align-items: center !important;
    }

    .tooth-area-two p.pri-dis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0 !important;
    }

    .tooth-area-two p.pri-dis span:last-child {
        line-height: 1 !important;
        font-size: 2rem !important;
        height: 2.25rem;
        display: block;
    }

    .top-body .amount-paid p.paid-in-clinic>span:first-child {
        margin-right: 0;
        margin-left: 0.375rem;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child strong {
        margin-left: 0.3125rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg {
        padding: 0.9375rem 1.5625rem 0.9375rem 2.0625rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg span:first-child {
        font-size: 1rem !important;
    }

    .reservation-amt-para>span:last-child {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .reservation-amt-para>span:last-child strong,
    .reservation-amt-para>span:last-child span {
        height: 2.5rem;
        line-height: 1;
    }

    .reservation-amt-para>span:last-child span {
        font-size: 2rem !important;
    }

    p.reservation {
        font-size: 0.875rem;
        font-weight: 600;
    }

    p.reservation i {
        position: relative;
    }

    p.reservation i::before {
        background-color: transparent !important;
        position: relative;
        z-index: 1;
    }

    p.reservation i::after {
        content: "";
        display: block;
        background: red;
        width: 0.625rem;
        height: 0.625rem;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
    }

    .whos-reser .row .col-md-12 h5 {
        padding-left: 0 !important;
        padding-right: 0.9375rem !important;
    }

    .circle-check,
    .chosen-drop {
        padding: 0 1.5625rem 1.25rem 0 !important;
    }

    .circle-check .form-check input[type="radio"]~label::before {
        margin-right: 0;
        margin-left: 0.625rem;
    }

    .circle-check .form-check input[type="radio"]~label::after {
        left: initial !important;
        right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .circle-check,
    .chosen-drop .ui-dropdown {
        padding-right: 0;
        padding-left: 1.3125rem;
        text-align: right;
    }

    .circle-check,
    .chosen-drop .ui-dropdown label.ui-dropdown-label {
        padding-right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .circle-check,
    .chosen-drop .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.25rem;
    }

    .circle-check,
    .chosen-drop .ui-widget-header .ui-inputtext,
    .circle-check,
    .chosen-drop .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .cart-left-col .discount-price-para {
        padding-right: 0;
    }
}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {
    .stachel-section>.container-md {
        padding-top: 2.5rem !important;
        padding-left: 0;
        padding-right: 0;
    }

    .stachel-section>.container-custom {
        padding-top: 2.5rem !important;
    }

    .stachel-section>.container-md>.row,
    .stachel-section>.container-custom>.row {
        flex-direction: row-reverse;
    }

    .stachel-heading {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 0.9375rem 1.0625rem !important;
    }

    .stachel-heading img {
        margin-left: 0.9375rem;
    }

    .stachel-heading h3.float-left {
        font-weight: 700 !important;
    }

    .checkout-left-col,
    .cart-left-col {
        flex: 0 0 calc(18.125rem + 0.9375rem) !important;
        max-width: calc(18.125rem + 0.9375rem) !important;
    }

    .checkout-right-col,
    .cart-right-col {
        flex: 0 0 calc(100% - 18.125rem - 0.9375rem) !important;
        max-width: calc(100% - 18.125rem - 0.9375rem) !important;
    }

    .main-light-bg {
        padding: 1.875rem 2.5rem 1.875rem 3.125rem;
    }

    .cross-icon {
        right: initial !important;
        left: -1.125rem;
    }

    .cross-icon i {
        position: relative;
        top: 1px;
    }

    .top-body {
        padding: 1.875rem 2.5rem 0.9375rem 0 !important;
    }

    .top-body .paid-in-clinic {
        padding-left: 0.9375rem !important;
        padding-right: 0px !important;
    }

    .top-body .tooth-area-one .favrt {
        right: initial !important;
        left: 0 !important;
    }

    .favrt i {
        font-size: 1.75rem !important;
    }

    .favrt a {
        display: block;
        margin-bottom: 0.3125rem;
    }

    .top-body .tooth-area-one h5 {
        font-weight: 700 !important;
        margin-bottom: 1.625rem !important;
    }

    .top-body .tooth-area-one .professor-name {
        font-weight: 700;
        font-size: 1.125rem;
    }

    .top-body .tooth-area-one .dental-info span:last-child {
        font-weight: 700 !important;
        margin-bottom: 0.8125rem !important;
    }

    .top-body .tooth-area-one .doc-locate {
        margin-bottom: 0.9375rem !important;
    }

    .top-body .tooth-area-one .doc-locate i {
        font-size: 1rem;
    }

    .top-body .tooth-area-one .doc-locate span {
        margin-left: 0.625rem;
    }

    .tooth-doc-area {
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .tooth-area-two {
        align-items: center !important;
    }

    .tooth-area-two p.pri-dis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0 !important;
    }

    .tooth-area-two p.pri-dis span:last-child {
        line-height: 1 !important;
        font-size: 2rem !important;
        height: 2.25rem;
        display: block;
    }

    .top-body .amount-paid p.paid-in-clinic>span:first-child {
        margin-right: 0;
        margin-left: 0.375rem;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child strong {
        margin-left: 0.3125rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg {
        padding: 0.9375rem 1.5625rem 0.9375rem 2.0625rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg span:first-child {
        font-size: 1rem !important;
    }

    .reservation-amt-para>span:last-child {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .reservation-amt-para>span:last-child strong,
    .reservation-amt-para>span:last-child span {
        height: 2.5rem;
        line-height: 1;
    }

    .reservation-amt-para>span:last-child span {
        font-size: 2rem !important;
    }

    p.reservation {
        font-size: 0.875rem;
        font-weight: 600;
    }

    p.reservation i {
        position: relative;
    }

    p.reservation i::before {
        background-color: transparent !important;
        position: relative;
        z-index: 1;
    }

    p.reservation i::after {
        content: "";
        display: block;
        background: red;
        width: 0.625rem;
        height: 0.625rem;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
    }

    .whos-reser .row .col-md-12 h5 {
        padding-left: 0 !important;
        padding-right: 0.9375rem !important;
    }

    .circle-check,
    .chosen-drop {
        padding: 0 1.5625rem 1.25rem 0 !important;
    }

    .circle-check .form-check input[type="radio"]~label::before {
        margin-right: 0;
        margin-left: 0.625rem;
    }

    .circle-check .form-check input[type="radio"]~label::after {
        left: initial !important;
        right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .circle-check,
    .chosen-drop .ui-dropdown {
        padding-right: 0;
        padding-left: 1.3125rem;
        text-align: right;
    }

    .circle-check,
    .chosen-drop .ui-dropdown label.ui-dropdown-label {
        padding-right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .circle-check,
    .chosen-drop .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.25rem;
    }

    .circle-check,
    .chosen-drop .ui-widget-header .ui-inputtext,
    .circle-check,
    .chosen-drop .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .cart-left-col .discount-price-para {
        padding-right: 0;
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
        right: initial !important;
    }
}

@media screen and (min-width: 68.75rem) and (max-width: 89.9375rem) {
    .stachel-section>.container-md {
        padding-top: 2.5rem !important;
        padding-left: 0;
        padding-right: 0;
    }

    .stachel-section>.container-custom {
        padding-top: 2.5rem !important;
    }

    .stachel-section>.container-md>.row,
    .stachel-section>.container-custom>.row {
        flex-direction: row-reverse;
    }

    .stachel-heading {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 0.9375rem 1.0625rem !important;
    }

    .stachel-heading img {
        margin-left: 0.9375rem;
    }

    .stachel-heading h3.float-left {
        font-weight: 700 !important;
    }

    .checkout-left-col,
    .cart-left-col {
        flex: 0 0 calc(18.125rem + 0.9375rem) !important;
        max-width: calc(18.125rem + 0.9375rem) !important;
    }

    .checkout-right-col,
    .cart-right-col {
        flex: 0 0 calc(100% - 18.125rem - 0.9375rem) !important;
        max-width: calc(100% - 18.125rem - 0.9375rem) !important;
    }

    .main-light-bg {
        padding: 1.875rem 2.5rem 1.875rem 3.125rem;
    }

    .cross-icon {
        right: initial !important;
        left: -1.125rem;
    }

    .cross-icon i {
        position: relative;
        top: 1px;
    }

    .top-body {
        padding: 1.875rem 2.5rem 0.9375rem 0 !important;
    }

    .top-body .tooth-area-one .favrt {
        right: initial !important;
        left: 0 !important;
    }

    .favrt i {
        font-size: 1.75rem !important;
    }

    .favrt a {
        display: block;
        margin-bottom: 0.3125rem;
    }

    .top-body .tooth-area-one h5 {
        font-weight: 700 !important;
        margin-bottom: 1.625rem !important;
    }

    .top-body .tooth-area-one .professor-name {
        font-weight: 700;
        font-size: 1.125rem;
    }

    .top-body .tooth-area-one .dental-info span:last-child {
        font-weight: 700 !important;
        margin-bottom: 0.8125rem !important;
    }

    .top-body .tooth-area-one .doc-locate {
        margin-bottom: 0.9375rem !important;
    }

    .top-body .tooth-area-one .doc-locate i {
        font-size: 1rem;
    }

    .top-body .tooth-area-one .doc-locate span {
        margin-left: 0.625rem;
    }

    .tooth-doc-area {
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .tooth-area-two {
        align-items: center !important;
    }

    .tooth-area-two p.pri-dis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0 !important;
    }

    .tooth-area-two p.pri-dis span:last-child {
        line-height: 1 !important;
        font-size: 2rem !important;
        height: 2.25rem;
        display: block;
    }

    .top-body .amount-paid p.paid-in-clinic>span:first-child {
        margin-right: 0;
        margin-left: 0.375rem;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child strong {
        margin-left: 0.3125rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg {
        padding: 0.9375rem 1.5625rem 0.9375rem 2.0625rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg span:first-child {
        font-size: 1rem !important;
    }

    .reservation-amt-para>span:last-child {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .reservation-amt-para>span:last-child strong,
    .reservation-amt-para>span:last-child span {
        height: 2.5rem;
        line-height: 1;
    }

    .reservation-amt-para>span:last-child span {
        font-size: 2rem !important;
    }

    p.reservation {
        font-size: 0.875rem;
        font-weight: 600;
    }

    p.reservation i {
        position: relative;
    }

    p.reservation i::before {
        background-color: transparent !important;
        position: relative;
        z-index: 1;
    }

    p.reservation i::after {
        content: "";
        display: block;
        background: red;
        width: 0.625rem;
        height: 0.625rem;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
    }

    .whos-reser .row .col-md-12 h5 {
        padding-left: 0 !important;
        padding-right: 0.9375rem !important;
    }

    .circle-check,
    .chosen-drop {
        padding: 0 1.5625rem 1.25rem 0 !important;
    }

    .circle-check .form-check input[type="radio"]~label::before {
        margin-right: 0;
        margin-left: 0.625rem;
    }

    .circle-check .form-check input[type="radio"]~label::after {
        left: initial !important;
        right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .circle-check,
    .chosen-drop .ui-dropdown {
        padding-right: 0;
        padding-left: 1.3125rem;
        text-align: right;
    }

    .circle-check,
    .chosen-drop .ui-dropdown label.ui-dropdown-label {
        padding-right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .circle-check,
    .chosen-drop .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.25rem;
    }

    .circle-check,
    .chosen-drop .ui-widget-header .ui-inputtext,
    .circle-check,
    .chosen-drop .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .cart-left-col .discount-price-para {
        padding-right: 0;
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
        right: initial !important;
    }
}

@media screen and (min-width: 20rem) and (max-width: 68.6875rem) {
    .stachel-section>.container-md {
        padding-top: 2.5rem !important;
        padding-left: 0;
        padding-right: 0;
    }

    .stachel-section>.container-custom {
        padding-top: 2.5rem !important;
    }

    .deprt {
        text-align: right !important;
        text-align-last: initial !important;
    }

    checkout-payment-component .stachel-section>.container-md {
        padding-top: 0px !important;
    }

    .stachel-section>.container-md>.row,
    .stachel-section>.container-custom>.row {
        flex-direction: row-reverse;
    }

    .stachel-heading {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 0.9375rem 1.0625rem !important;
    }

    .stachel-heading img {
        margin-left: 0.9375rem;
    }

    .stachel-heading h3.float-left {
        font-weight: 700 !important;
    }

    .checkout-left-col,
    .cart-left-col {
        flex: 0 0 calc(18.125rem + 0.9375rem) !important;
        max-width: calc(18.125rem + 0.9375rem) !important;
    }

    .checkout-right-col,
    .cart-right-col {
        flex: 0 0 calc(100% - 18.125rem - 0.9375rem) !important;
        max-width: calc(100% - 18.125rem - 0.9375rem) !important;
    }

    .main-light-bg {
        padding: 1.875rem 2.5rem 1.875rem 3.125rem;
    }

    .cross-icon {
        right: initial !important;
        left: -1.125rem;
    }

    .cross-icon i {
        position: relative;
        top: 1px;
    }

    .top-body {
        padding: 1.875rem 2.5rem 0.9375rem 0 !important;
    }

    .top-body .tooth-area-one .favrt {
        right: initial !important;
        left: 0 !important;
    }

    .favrt i {
        font-size: 1.75rem !important;
    }

    .favrt a {
        display: block;
        margin-bottom: 0.3125rem;
    }

    .top-body .tooth-area-one h5 {
        font-weight: 700 !important;
        margin-bottom: 1.625rem !important;
    }

    .top-body .tooth-area-one .professor-name {
        font-weight: 700;
        font-size: 1.125rem;
    }

    .top-body .tooth-area-one .dental-info span:last-child {
        font-weight: 700 !important;
        margin-bottom: 0.8125rem !important;
    }

    .top-body .tooth-area-one .doc-locate {
        margin-bottom: 0.9375rem !important;
    }

    .top-body .tooth-area-one .doc-locate i {
        font-size: 1rem;
    }

    .top-body .tooth-area-one .doc-locate span {
        margin-left: 0.625rem;
    }

    .tooth-doc-area {
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .tooth-area-two {
        align-items: center !important;
    }

    .tooth-area-two p.pri-dis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0 !important;
    }

    .tooth-area-two p.pri-dis span:last-child {
        line-height: 1 !important;
        /* font-size: 2rem !important; */
        /* height: 2.25rem; */
        display: block;
    }

    .top-body .amount-paid p.paid-in-clinic>span:first-child {
        margin-right: 0;
        margin-left: 0.375rem;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-body .amount-paid p.paid-in-clinic>span:last-child strong {
        margin-left: 0.3125rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg {
        /* padding: 0.9375rem 1.5625rem 0.9375rem 2.0625rem; */
        padding: 0.625rem;
    }

    .top-body .amount-paid p.section-two-bg.drop-bg span:first-child {
        font-size: 1rem !important;
    }

    .reservation-amt-para>span:last-child {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .reservation-amt-para>span:last-child strong,
    .reservation-amt-para>span:last-child span {
        height: 2.5rem;
        line-height: 1;
    }

    .amount-paid strong {
        font-size: 1.125rem !important;
    }

    .reservation-amt-para>span:last-child span {
        font-size: 2rem;
    }

    ._fpriceSm,
    ._fpriceSm strong {
        font-size: 0.8125rem !important;
    }

    p.reservation {
        font-size: 0.875rem;
        font-weight: 600;
    }

    p.reservation i {
        position: relative;
    }

    p.reservation i::before {
        background-color: transparent !important;
        position: relative;
        z-index: 1;
    }

    p.reservation i::after {
        content: "";
        display: block;
        background: red;
        width: 0.625rem;
        height: 0.625rem;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
    }

    .whos-reser .row .col-md-12 h5 {
        padding-left: 0 !important;
        padding-right: 0.9375rem !important;
    }

    .circle-check,
    .chosen-drop {
        padding: 0 1.5625rem 1.25rem 0;
    }

    cart-component .chosen-drop {
        padding: 0 0 1.25rem 0;
    }

    .circle-check .form-check input[type="radio"]~label::before {
        margin-right: 0;
        margin-left: 0.625rem;
    }

    .circle-check .form-check input[type="radio"]~label::after {
        left: initial !important;
        right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .circle-check,
    .chosen-drop .ui-dropdown {
        padding-right: 0;
        padding-left: 1.3125rem;
        text-align: right;
    }

    .circle-check,
    .chosen-drop .ui-dropdown label.ui-dropdown-label {
        padding-right: 0.9375rem;
    }

    .circle-check,
    .chosen-drop p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .circle-check,
    .chosen-drop .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.25rem;
    }

    .circle-check,
    .chosen-drop .ui-widget-header .ui-inputtext,
    .circle-check,
    .chosen-drop .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .cart-left-col .discount-price-para {
        padding-right: 0;
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
        right: initial !important;
    }
}

/**---------------------------------------------------
                Customer profile page
----------------------------------------------------*/
@media screen and (min-width: 120rem) {

    .customer-col-md-9 .bg-white {
        padding: 1.875rem 1.25rem 1.25rem 1.25rem !important;
    }

    .customer-col-md-9 .bg-white h5 {
        font-size: 1.5rem;
        font-weight: 700 !important;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 label {
        width: 100%;
        text-align: right;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown {
        padding-right: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown label {
        padding-right: 0.9375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-clear-icon {
        right: initial;
        left: 2em;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-widget-header .ui-inputtext,
    .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .dob-col p-calendar {
        width: 100%;
        display: block;
    }

    .dob-col p-calendar span {
        display: block;
    }

    .dob-col input {
        width: 100%;
        min-width: initial !important;
    }

    .mobile-number-col label {
        width: 100%;
        text-align: right;
    }

    .mobile-number-row .col-md-7 {
        min-width: 18rem !important;
    }

    .form-group.btns-form-group .col-md-5 {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .btns-form-group .col-md-5 .btn:last-child {
        margin-right: 0.625rem;
    }

    .btns-form-group .col-md-5 .btn:first-child {
        margin-left: 0.625rem;
    }

    .btn-add-member {
        float: left;
    }

    /**-----------------------------------
            My Reservations Tab
     -----------------------------------*/
    .customer-col-md-3 {
        padding-right: 0 !important;
        padding-left: 0.9375rem;
    }

    .customer-col-md-9 {
        padding-left: 0 !important;
        padding-right: 0.9375rem;
    }

    .reservation-tab .reservation-header span {
        font-weight: 900 !important;
    }

    .reservation-tab .reservation-header span:last-child {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-header .name {
        padding-right: 1.875rem;
    }

    .rating-tab .card .card-header .name p {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-header p {
        font-weight: 400;
    }

    .reservation-tab .card .card-header .res-no {
        max-width: 20.625rem;
    }

    .reservation-tab .card .card-header .res-date p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .reservation-tab .card .card-body .left-col {
        padding-right: 2.5rem !important;
    }

    .rating-tab .card .card-body {
        padding-top: 0.9375rem;
    }

    .reservation-tab .card .card-body .left-col p.service-name span:first-child,
    .reservation-tab .card .card-body .left-col p.res-date-time>span:first-child {
        margin-bottom: 0.5rem;
    }

    .reservation-tab .card .card-body .left-col p.res-date-time>span:last-child span {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .left-col p:last-child {
        font-size: 0.875rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 9.375rem;
    }

    .reservation-tab .card .card-body .center-col .doctor-name span:last-child,
    .reservation-tab .card .card-body .center-col .branch span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col {
        margin-right: 0;
        margin-left: -1.25rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td {
        justify-content: space-between;
        padding-top: 0.625rem;
    }

    .reservation-tab .card .card-body .right-col table tr td>span:last-child,
    .reservation-tab .card .card-body .right-col table tr td>span:last-child {
        min-width: initial !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1.25rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:first-child {
        font-weight: 700 !important;
        line-height: 1;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td:last-child {
        padding-right: 0;
        padding-left: 1.875rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td {
        padding: 0.3125rem 0.75rem 0.3125rem 1.875rem !important;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col footer button.btn-success {
        margin-right: 0 !important;
    }

    .reservation-tab .card .card-body .right-col footer {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
    }

    .reservation-tab .card .card-body .right-col footer button {
        padding: 0.5rem 3.125rem !important;
    }

    .rating-tab .card .card-header {
        margin-left: -1px;
        margin-right: -1px;
    }

}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .customer-col-md-9 .bg-white {
        padding: 1.875rem 1.25rem 1.25rem 1.25rem !important;
    }

    .customer-col-md-9 .bg-white h5 {
        font-size: 1.5rem;
        font-weight: 700 !important;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 label {
        width: 100%;
        text-align: right;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown {
        padding-right: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown label {
        padding-right: 0.9375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-clear-icon {
        right: initial;
        left: 2em;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-widget-header .ui-inputtext,
    .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .dob-col p-calendar {
        width: 100%;
        display: block;
    }

    .dob-col p-calendar span {
        display: block;
        padding: 0.4375rem 0.3125rem;
        text-align: center;
    }

    .dob-col input {
        width: 100%;
        min-width: initial !important;
    }

    .mobile-number-col label {
        width: 100%;
        text-align: right;
    }

    .mobile-number-row .col-md-7 {
        min-width: 18.6875rem !important;
    }

    .form-group.btns-form-group .col-md-5 {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .btns-form-group .col-md-5 .btn:last-child {
        margin-right: 0.625rem;
    }

    .btns-form-group .col-md-5 .btn:first-child {
        margin-left: 0.625rem;
    }

    .btn-add-member {
        float: left;
    }

    .mobile-number-row {
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }

    /**-----------------------------------
            My Reservations Tab
     -----------------------------------*/
    .customer-col-md-3 {
        padding-right: 0 !important;
        padding-left: 0.9375rem;
    }

    .customer-col-md-9 {
        padding-left: 0 !important;
        padding-right: 0.9375rem;
    }

    .reservation-tab .reservation-header span {
        font-weight: 900 !important;
    }

    .reservation-tab .reservation-header span:last-child {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-header .name {
        padding-right: 1.875rem;
    }

    .rating-tab .card .card-header .name p {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-header p {
        font-weight: 400;
    }

    .reservation-tab .card .card-header .res-no {
        max-width: 20.625rem;
    }

    .reservation-tab .card .card-header .res-date p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .reservation-tab .card .card-body .left-col {
        padding-right: 2.5rem !important;
    }

    .rating-tab .card .card-body {
        padding-top: 0.9375rem;
    }

    .reservation-tab .card .card-body .left-col p.service-name span:first-child,
    .reservation-tab .card .card-body .left-col p.res-date-time>span:first-child {
        margin-bottom: 0.5rem;
    }

    .reservation-tab .card .card-body .left-col p.res-date-time>span:last-child span {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .left-col p:last-child {
        font-size: 0.875rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 9.375rem;
    }

    .reservation-tab .card .card-body .center-col .doctor-name span:last-child,
    .reservation-tab .card .card-body .center-col .branch span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col {
        margin-right: 0;
        margin-left: -1.25rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td {
        justify-content: space-between;
        padding-top: 0.625rem;
    }

    .reservation-tab .card .card-body .right-col table tr td>span:last-child,
    .reservation-tab .card .card-body .right-col table tr td>span:last-child {
        min-width: initial !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.625rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:first-child {
        font-weight: 700 !important;
        line-height: 1;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem !important;
    }

    .reservation-tab .card .card-body .right-col table tr.success-row td>span:last-child span:last-child {
        margin-right: 0.3125rem !important;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td:last-child {
        padding-right: 0;
        padding-left: 1.875rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td {
        /* padding: 0.3125rem 0.75rem 0.3125rem 1.875rem !important; */
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col footer button.btn-success {
        margin-right: 0 !important;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:first-child {
        margin-right: 0 !important;
    }

    .reservation-tab .card .card-body .right-col footer {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
    }

    .reservation-tab .card .card-body .right-col footer button {
        padding: 0.5rem 3.125rem !important;
    }

    .rating-tab .card .card-header {
        margin-left: -1px;
        margin-right: -1px;
    }
}

@media screen and (min-width: 20rem) and (max-width: 89.9375rem) {

    .customer-col-md-9 .bg-white {
        padding: 1.875rem 1.25rem 1.25rem 1.25rem !important;
    }

    .customer-col-md-9 .bg-white h5 {
        font-size: 1.5rem;
        font-weight: 700 !important;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 label {
        width: 100%;
        text-align: right;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown .ui-dropdown-panel {
        width: 100%;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-trigger {
        right: initial;
        left: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown .ui-dropdown {
        padding-right: 0;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 p-dropdown label {
        padding-right: 0.9375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown .ui-dropdown-clear-icon {
        right: initial;
        left: 2em;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        font-size: 1.375rem;
    }

    .customer-col-md-9 .bg-white .form-group .col-md-5 .ui-widget-header .ui-inputtext,
    .ui-widget-content .ui-inputtext {
        text-align: left;
    }

    .dob-col p-calendar {
        width: 100%;
        display: block;
    }

    .dob-col p-calendar span {
        display: block;
    }

    .dob-col input {
        width: 100%;
        min-width: initial !important;
    }

    .mobile-number-col label {
        width: 100%;
        text-align: right;
    }

    .mobile-number-row .col-md-7 {
        min-width: 18.6875rem !important;
    }

    .form-group.btns-form-group .col-md-5 {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .btns-form-group .col-md-5 .btn:last-child {
        margin-right: 0.625rem;
    }

    .btns-form-group .col-md-5 .btn:first-child {
        margin-left: 0.625rem;
    }

    .btn-add-member {
        float: left;
    }

    .mobile-number-row {
        flex-direction: row-reverse;
        flex-wrap: nowrap;

        justify-content: flex-end !important;
    }

    /**-----------------------------------
            My Reservations Tab
     -----------------------------------*/
    .customer-col-md-3 {
        padding-right: 1.25rem !important;
        padding-left: 0.625rem;
    }

    .customer-col-md-9 {
        padding-left: 0 !important;
        padding-right: 0.9375rem;
    }

    .reservation-tab .reservation-header span {
        font-weight: 900 !important;
    }

    .reservation-tab .reservation-header span:last-child {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-header .name {
        padding-right: 1.875rem;
    }

    .rating-tab .card .card-header .name p {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-header p {
        font-weight: 400;
    }

    .reservation-tab .card .card-header .res-no {
        max-width: 20.625rem;
    }

    .reservation-tab .card .card-header .res-date p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .reservation-tab .card .card-body .left-col {
        padding-right: 2.5rem !important;
    }

    .rating-tab .card .card-body {
        padding-top: 0.9375rem;
    }

    .reservation-tab .card .card-body .left-col p.service-name span:first-child,
    .reservation-tab .card .card-body .left-col p.res-date-time>span:first-child {
        margin-bottom: 0.5rem;
    }

    .reservation-tab .card .card-body .left-col p.res-date-time>span:last-child span {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .left-col p:last-child {
        font-size: 0.875rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 9.375rem;
    }

    .reservation-tab .card .card-body .center-col .doctor-name span:last-child,
    .reservation-tab .card .card-body .center-col .branch span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col {
        margin-right: 0;
        margin-left: -1.25rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td {
        justify-content: space-between;
        padding-top: 0.625rem;
    }

    .reservation-tab .card .card-body .right-col table tr td>span:last-child,
    .reservation-tab .card .card-body .right-col table tr td>span:last-child {
        min-width: initial !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1.25rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:first-child {
        font-weight: 700 !important;
        line-height: 1;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td:last-child {
        padding-right: 0;
        padding-left: 1.875rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td {
        padding: 0.3125rem 0.75rem 0.3125rem 1.875rem !important;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:last-child {
        font-size: 1rem !important;
        margin-right: 0.3125rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td>span:last-child span:first-child {
        font-weight: 700 !important;
    }

    .reservation-tab .card .card-body .right-col footer button.btn-success {
        margin-right: 0 !important;
    }

    .reservation-tab .card .card-body .right-col footer {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
    }

    .reservation-tab .card .card-body .right-col footer button {
        padding: 0.5rem 3.125rem !important;
    }

    .rating-tab .card .card-header {
        margin-left: -1px;
        margin-right: -1px;
    }

    .rating-tab .card .card-header .res-date {
        min-width: 30.3125rem;
    }

    .rating-tab .card .card-body .right-col {
        min-width: 32.8125rem;
    }
}

@media screen and (max-width: 73.75rem) {

    .rating-tab .card .card-header {
        flex-direction: column;
    }

    .rating-tab .card .card-header .name,
    .rating-tab .card .card-header .res-no,
    .rating-tab .card .card-header .res-date {
        width: 100%;
        max-width: 100% !important;
        padding-right: 0;
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-header .res-date {
        margin-bottom: 0;
    }

    .reservation-tab .card .card-body .left-col {
        padding-right: 0.625rem !important;
    }

    .rating-tab .card .card-body {
        flex-direction: column;
    }

    .rating-tab .card .card-body>div:not(:last-child) {
        margin-bottom: 1.875rem;
    }

    .customer-col-md-3 {
        padding-right: 1.25rem !important;
    }

    .customer-col-md-9 {
        padding-left: 0.9375rem !important;
    }
}

@media screen and (min-width: 20rem) and (max-width: 47.9375rem) {
    .mobile-number-col label {
        padding-right: 0 !important;
    }

    customer-profile-component .reservation-tab .card .card-body .right-col footer button {
        padding: 0.5rem 1.25rem !important;
    }

    .mobile-number-row .col-md-7 {
        min-width: calc(100% - 6.125rem) !important;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td {
        padding-left: 0.625rem !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td>span:first-child {
        margin-right: 0 !important;
    }

    .reservation-tab .card .card-body .right-col table tr:first-child td:last-child {
        margin-left: 0.625rem;
    }

    .reservation-tab .card .card-body .right-col table tr.danger-row td {
        padding-left: 0.625rem !important;
    }

    .reservation-tab .card .card-body .right-col {
        margin-left: 0;
    }

    .rating-tab .card .card-body .right-col,
    .rating-tab .card .card-header .res-date {
        min-width: 100%;
    }

    .footer .right-col .contact-details h5,
    .footer .right-col .contact-details p {
        text-align: center;
        margin: 0 auto;
    }

    .footer .right-col>.row .col-md-4:first-child {
        min-width: 100%;
        padding-left: 0;
    }

    .footer .right-col .service-provider-wrapper {
        align-items: center;
        padding-left: 0;
    }

    .footer .right-col .social-col h5 {
        max-width: 100% !important;
        text-align: center !important;
    }

    .footer .right-col .social-col .mb-1 {
        max-width: 100% !important;
    }

    .footer .right-col .social-col>.mb-1 {
        justify-content: center !important;
    }

    .footer .footerLog {
        display: flex;
    }

    .footer-links-col ul li {
        float: none;
    }

    .footer .right-col .social-col .payment-methods {
        max-width: 100% !important;
        justify-content: center !important;
    }
}





/**---------------------------------------------------
                My Reviews Page
----------------------------------------------------*/
@media screen and (min-width: 120rem) {

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .right-col,
    .rating-tab .card .card-header .res-no,
    .rating-tab .card .card-header .res-date {
        padding-right: 0 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-rating,
    .rating-tab .card .card-body .right-col .service-provider-rating {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating,
    .rating-tab .card .card-body .right-col .ui-rating {
        display: flex;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating a,
    .rating-tab .card .card-body .right-col .ui-rating a {
        color: #1FABAD !important;
        font-size: 1.75rem !important;
        width: 1.375rem !important;
        display: block;
    }

    .rating-tab .card .card-body .left-col .form-group label,
    .rating-tab .card .card-body .right-col .form-group label {
        width: 100%;
        text-align: right;
        font-size: 0.75rem;
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-name {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .left-col .doctor-name {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-address {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .center-col,
    .rating-tab .card .card-body .right-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .rating-tab .card .card-body .left-col>div,
    .rating-tab .card .card-body .center-col>div,
    .rating-tab .card .card-body .right-col>div {
        width: 100%;
    }

    .rating-tab .card .card-header .name,
    .rating-tab .card .card-body .center-col {
        padding-right: 0;
    }

    .rating-tab .card .card-body .right-col .form-group textarea {
        font-size: 0.75rem;
    }

    .rating-tab .card .card-body .center-col .submit-rating button {
        margin-right: 0 !important;
        padding: 1px 0.9375rem !important;
        font-size: 0.875rem !important;
        font-weight: 600;
    }

}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .right-col,
    .rating-tab .card .card-header .res-no,
    .rating-tab .card .card-header .res-date {
        padding-right: 0 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-rating,
    .rating-tab .card .card-body .right-col .service-provider-rating {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating,
    .rating-tab .card .card-body .right-col .ui-rating {
        display: flex;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating a,
    .rating-tab .card .card-body .right-col .ui-rating a {
        color: #1FABAD !important;
        font-size: 1.75rem !important;
        width: 1.375rem !important;
        display: block;
    }

    .rating-tab .card .card-body .left-col .form-group label,
    .rating-tab .card .card-body .right-col .form-group label {
        width: 100%;
        text-align: right;
        font-size: 0.75rem;
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-name {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .left-col .doctor-name {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-address {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .center-col,
    .rating-tab .card .card-body .right-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .rating-tab .card .card-body .left-col>div,
    .rating-tab .card .card-body .center-col>div,
    .rating-tab .card .card-body .right-col>div {
        width: 100%;
    }

    .rating-tab .card .card-header .name,
    .rating-tab .card .card-body .center-col {
        padding-right: 0;
    }

    .rating-tab .card .card-body .right-col .form-group textarea {
        font-size: 0.75rem;
    }

    .rating-tab .card .card-body .center-col .submit-rating button {
        margin-right: 0 !important;
        padding: 1px 0.9375rem !important;
        font-size: 0.875rem !important;
        font-weight: 600;
    }

}

@media screen and (min-width: 20rem) and (max-width: 89.9375rem) {

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .right-col,
    .rating-tab .card .card-header .res-no,
    .rating-tab .card .card-header .res-date {
        padding-right: 0 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-rating,
    .rating-tab .card .card-body .right-col .service-provider-rating {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating,
    .rating-tab .card .card-body .right-col .ui-rating {
        display: flex;
    }

    .rating-tab .card .card-body .left-col .doctor-rating .ui-rating a,
    .rating-tab .card .card-body .right-col .ui-rating a {
        color: #1FABAD !important;
        font-size: 1.75rem !important;
        width: 1.375rem !important;
        display: block;
    }

    .rating-tab .card .card-body .left-col .form-group label,
    .rating-tab .card .card-body .right-col .form-group label {
        width: 100%;
        text-align: right;
        font-size: 0.75rem;
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-name {
        font-weight: 700 !important;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        margin-bottom: 0.625rem;
    }

    .rating-tab .card .card-body .left-col .doctor-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .center-col .service-name>span:first-child {
        font-weight: 600;
    }

    .rating-tab .card .card-body .left-col .doctor-name {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .right-col .hospital-address {
        margin-bottom: 0.3125rem;
    }

    .rating-tab .card .card-body .left-col,
    .rating-tab .card .card-body .center-col,
    .rating-tab .card .card-body .right-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .rating-tab .card .card-body .left-col>div,
    .rating-tab .card .card-body .center-col>div,
    .rating-tab .card .card-body .right-col>div {
        width: 100%;
    }

    .rating-tab .card .card-header .name,
    .rating-tab .card .card-body .center-col {
        padding-right: 0;
    }

    .rating-tab .card .card-body .right-col .form-group textarea {
        font-size: 0.75rem;
    }

    .rating-tab .card .card-body .center-col .submit-rating button {
        margin-right: 0 !important;
        padding: 1px 0.9375rem !important;
        font-size: 0.875rem !important;
        font-weight: 600;
    }

}

@media screen and (max-width: 73.75rem) {

    .rating-tab .card .card-body .center-col .submit-rating p {
        text-align: right !important;
    }

}


/**---------------------------------------------------
                Favourite Tab Page
----------------------------------------------------*/

@media screen and (min-width: 120rem) {

    .favourite-tab .specialist-bg .media img {
        min-width: 9.375rem;
        margin-right: 0 !important;
        margin-left: 0.9375rem;
    }

    .favourite-tab .media-body h4 {
        font-weight: 700;
    }

    .favourite-tab .media-body p,
    h5 {
        font-size: 1rem;
    }

    .favourite-tab .specialist-bg .d-flex {
        align-items: center !important;
        justify-content: flex-end;
    }

    .favourite-tab .specialist-bg .col-md-5 {
        max-width: 17.5rem;
    }

    .favourite-tab .specialist-bg .col-md-7 {
        min-width: calc(100% - 17.5rem - 1.25rem);
    }

    #favourite-centers .evaluation-col span.badge::after {
        border-right: 0 solid transparent !important;
        border-top: 1rem solid #1FABAD !important;
        bottom: -0.8125rem !important;
    }

}

@media screen and (min-width: 90rem) and (max-width: 119.938rem) {

    .favourite-tab .specialist-bg .media img {
        min-width: 9.375rem;
        margin-right: 0 !important;
        margin-left: 0.9375rem;
    }

    .favourite-tab .media-body h4 {
        font-weight: 700;
    }

    .favourite-tab .media-body p,
    h5 {
        font-size: 1rem;
    }

    .favourite-tab .specialist-bg .d-flex {
        align-items: center !important;
        justify-content: flex-end;
    }

    .favourite-tab .specialist-bg .col-md-5 {
        max-width: 17.5rem;
    }

    .favourite-tab .specialist-bg .col-md-7 {
        min-width: calc(100% - 17.5rem - 1.25rem);
    }

    #favourite-centers .evaluation-col span.badge::after {
        border-right: 0 solid transparent !important;
        border-top: 1rem solid #1FABAD !important;
        bottom: -0.8125rem !important;
    }

}

@media screen and (min-width: 20rem) and (max-width: 89.9375rem) {

    .favourite-tab .specialist-bg .media img {
        min-width: 9.375rem;
        margin-right: 0 !important;
        margin-left: 0.9375rem;
        border-radius: 0.9375rem !important;
        right: 0;
        padding-top: 0 !important;
        margin-top: 0;
    }

    .favourite-tab .media-body h4 {
        font-weight: 700;
    }

    .favourite-tab .media-body p,
    h5 {
        font-size: 1rem;
    }

    .favourite-tab .specialist-bg .d-flex {
        align-items: center !important;
        justify-content: flex-end;
    }

    .favourite-tab .specialist-bg .col-md-5 {
        max-width: 17.5rem;
    }

    .favourite-tab .specialist-bg .col-md-7 {
        min-width: calc(100% - 17.5rem - 1.25rem);
    }

    #favourite-centers .evaluation-col span.badge::after {
        border-right: 0 solid transparent !important;
        border-top: 1rem solid #1FABAD !important;
        bottom: -0.8125rem !important;
    }

}

@media screen and (max-width: 47.9375rem) {
    .favourite-tab .specialist-bg .col-md-5 {
        max-width: 100%;
    }

    #favourite-centers .evaluation-div>span:first-child {
        margin-right: 0 !important;
    }
}

/**---------------------------------------------------
                Favourite Tab Page
----------------------------------------------------*/

@media screen and (min-width: 20rem) {
    #doc-rating .ui-rating {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #doc-rating .ui-rating a {
        font-size: 2.125rem;
        width: 1.5625rem;
        height: 1.5625rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #doc-rating .ui-rating a:hover {
        text-decoration: none;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg button.btn-close {
        left: -1.375rem !important;
        right: initial !important;
        background-color: #e50019;
    }

    /*#favourite-tab-content #favourite-doctors .specialist-bg .profile-col {*/
    /*    margin-top: -1.875rem;*/
    /*}*/

    #favourite-tab-content #favourite-doctors .specialist-bg .media span {
        display: block;
        text-align: center;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media span:first-child {
        margin-bottom: 0.625rem;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media span:last-child {
        margin-top: 0;
        margin-bottom: 0.625rem;
    }

    .favourite-tab .media-body p,
    h5 {
        margin-bottom: 0.625rem !important;
        font-weight: 600;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media-body h5 {
        font-size: 1.125rem;
        font-weight: 900;
        margin-top: 1.375rem !important;
        margin-bottom: 0.9375rem !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg:not(:last-child) {
        padding-right: 2.5rem !important;
    }

    #favourite-tab-content #favourite-doctors .doc-services-tabs,
    #favourite-tab-content #favourite-doctors .doc-services-tabs h5 {
        padding-right: 0;
    }

    #favourite-tab-content #favourite-doctors .doc-services-tabs h5 {
        margin-right: 0;
        margin-bottom: 0.3125rem;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .description-col {
        margin-right: 1.25rem;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .reservation {
        margin-bottom: 0;
    }

    #favourite-tab-content #favourite-doctors .discount-bg {
        display: flex !important;
        align-items: flex-end;
        padding-left: 1.875rem;
        min-height: 6.0625rem;
    }

    #favourite-tab-content #favourite-doctors .discount-bg button {
        font-size: 0.875rem !important;
        width: 9.375rem;
        font-weight: 600;
        padding: 0px 0 2px 0;
    }

    #favourite-tab-content #favourite-doctors .discount-bg p:nth-of-type(2) {
        margin-bottom: 0 !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .nav-tabs {
        margin-bottom: 0.9375rem;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .nav-tabs li:hover a,
    #favourite-tab-content #favourite-doctors .specialist-bg .nav-tabs li:focus a,
    #favourite-tab-content #favourite-doctors .specialist-bg .nav-tabs li.active a {
        background: #1FABAD;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media img {
        min-width: 9.375rem;
    }
}

@media screen and (max-width: 80rem) {

    #favourite-tab-content #favourite-doctors .specialist-bg .d-flex {
        align-items: flex-start !important;
    }

    #favourite-tab-content #favourite-doctors .description-col .price-discount .discount-bg {
        left: 0;
        top: -2px;
    }

    .favourite-tab {
        padding-left: 0.625rem !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg button.btn-close {
        left: -1.0625rem !important;
        top: -1.25rem !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg:not(:last-child) {
        padding-right: 0 !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media {
        padding-top: 0.9375rem;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media img {
        margin-right: 1.0625rem !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .profile-col {
        width: 100%;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .description-col .reservation {
        bottom: -5.625rem !important;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .description-col .main-desc .pricing-col {
        max-width: calc(100% - 0.5625rem);
        right: 0.6875rem;
    }

}

@media screen and (min-width: 90rem) {
    .footer .left-footer-logo-col {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

/**-------------------------------------------
    Balance Tab
--------------------------------------------*/

@media screen and (min-width: 48rem) {

    .balance-tab .bg-white {
        padding: 1.875rem 2.1875rem 1.25rem 2.1875rem !important;
    }

    .balance-tab .custom-table {
        padding-right: 0 !important;
    }

    .balance-tab .balance-card {
        max-width: 14.6875rem !important;
        min-width: 14.6875rem !important;
        margin-left: -2.1875rem;
        margin-top: -1.875rem;
    }

    .balance-tab .balance-card h4 span {
        text-align: center;
    }

    .balance-tab .balance-card h3 {
        font-weight: 700;
        margin-bottom: 1.25rem !important;
    }

    .balance-tab .balance-card h4 span:first-child,
    .balance-tab .balance-card h4 span:nth-child(2) {
        margin-bottom: 0.3125rem;
    }

    .balance-tab .balance-card h4 span:nth-child(4) {
        font-size: 1.375rem !important;
        color: #1FABAD;
    }

    .balance-tab .left-desc-col p {
        font-size: 0.9375rem;
        line-height: 1.5;
    }

}

@media screen and (max-width: 47.9375rem) {

    .balance-tab .bg-white>div:first-child {
        flex-direction: column-reverse;
    }

    .arpr5 {
        padding-right: 0.3125rem;
    }
}


/**-------------------------------------------
    Alerts Tab
--------------------------------------------*/

@media screen and (min-width: 22.5rem) {

    .alerts-tab .bg-white {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .alerts-tab .bg-white>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .alerts-tab .heading {
        padding-left: 1.5625rem !important;
        padding-right: 2.1875rem !important;
    }

    .alerts-tab .alerts-ul>li {
        padding-left: 1.5625rem !important;
        padding-right: 2.1875rem !important;
    }

    /* .alerts-tab .alerts-ul>li>p>span {
        display: flex;
    } */

    .alerts-tab .alerts-ul>li>p>span>span:last-child {
        padding-left: 0;
        padding-right: 0.3125rem;
    }

}

/**-------------------------------------------
    Change password popup
--------------------------------------------*/
@media screen and (max-width: 106.25rem) {

    .custom-modal.ui-dialog {
        width: 27vw !important;
        min-width: 23.75rem;
    }

    .custom-modal .pi-times::before {
        display: block;
        transform: scale(.8);
    }

    .custom-modal .ui-dialog-titlebar-icon {
        padding-left: 0.625rem !important;
    }

    .custom-modal .ui-dialog-titlebar {
        padding: 0 0 0.3125rem 0 !important;
        font-size: 1.25rem;
        font-weight: 700;
    }

    .custom-modal .modal-body {
        padding: 0 1.25rem;
    }

    .custom-modal .form-group label {
        font-size: 1rem;
        font-weight: 400;
    }

    .custom-modal .form-control {
        height: 1.625rem !important;
    }

    .custom-modal .form-group .input-group-text {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
    }

    .modal-change-pass.custom-modal form>.hr {
        margin-top: 0.625rem !important;
        margin-bottom: 1.25rem !important;
    }

    .modal-change-pass.custom-modal form>.hr button {
        line-height: 1rem;
    }

    .custom-modal .ui-dialog-titlebar-icon {
        padding-top: 0.3125rem !important;
    }

}

@media screen and (max-width: 47.9375rem) {
    .custom-modal.ui-dialog {
        min-width: 18.75rem;
    }
}

/**-------------------------------------------
    Speciality Page
--------------------------------------------*/
.col-filter-area {
    padding-right: 0.625rem;
}

.side-menu ul li.active {
    padding-top: 0 !important;
}

.side-menu ul li.active a {
    background-color: transparent;
    line-height: 1;
    display: block;
    padding: 0.375rem 1rem 3px 0;
}

@media print {
    .isPrint {
        display: none;
    }
}

.p-dropdown .p-dropdown-trigger {
    left: 0;
    right: unset !important;
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-left: 2.1875rem !important;
    padding-right: 0.625rem !important;
}

.p-dropdown .p-dropdown-clear-icon {

    right: 8rem !important;
}

.filter-section .p-dropdown .p-dropdown-clear-icon {
    display: none !important;
}

customer-profile-component .p-dropdown .p-dropdown-clear-icon {
    display: none;
}

* {
    font-family: "Cairo", sans-serif
}

.p-datepicker-header {
    flex-direction: row-reverse;
}

.p-datepicker-title {
    direction: ltr !important;
}

.p-dropdown-empty-message::before {
    content: "لم يتم العثور على نتائج" !important;
    visibility: visible;
}

.p-dropdown-empty-message {
    visibility: hidden;
    height: 2.625rem;
    font-size: 0.75rem;
}

.notWrap table th:first-child,
td:first-child {
    padding-right: 0.625rem !important;
}

.notWrap table th:last-child,
td:last-child {
    padding-left: 0.625rem !important;
}

doctors-component .specialist-bg .description-col .main-desc .details-col .media-body p,
doctor-booking-component .specialist-bg .description-col .main-desc .details-col .media-body p {
    margin: 0 !important;
}

hospital-service-component .specialist-bg .description-col .main-desc .details-col .media-body p,
hospital-service-component .specialist-bg .description-col .main-desc .details-col .media-body p {
    margin: 0 !important;
}

profile-component .description-col {
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.doctor-desc-table tr th,
.doctor-desc-table tr td {
    padding: 0 !important;
}

.specialist-bg .d-flex {
    display: flex !important;


}

.specialist-bg .alig {
    margin-left: 3.0625rem;
    margin-top: 1.875rem;
}

customer-profile-component .changePassword_ .p-dropdown {
    width: 7.6875rem !important;
}

#myTab .nav-item a {
    margin-right: 0.625rem;
}

#myTab .nav-item:first-child a {
    margin-right: 0px !important;
}

.t-r {
    text-align: right !important;
}

.arText-right,
.arText-right label {
    text-align: right !important;
}

.specialist-bg .description-col .evaluation-col {
    margin-bottom: 0;
}

.specialist-bg .text-green {
    text-align: right !important;
}

.pri-dis span {
    width: max-content !important;
    font-size: 1.375rem;
}

/* .total-price-col .red-price-para {
    display: flex !important;
} */

.description-col .price-discount .social-and-favorite.heartAli {
    right: -5rem !important;
}

.rtl-ph {
    flex-direction: row-reverse;
}

.chksp {
    padding-right: 1.5625rem;
}

.custom-container-md .card .card-body .services-form-group .form-control {
    margin-right: 0;
}

.input-group-prepend {
    flex-direction: row-reverse;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.page-item:last-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

doctors-component .description-col .evaluation-col .badge {

    margin-right: 1.25rem !important;
}

hospital-service-component .description-col .evaluation-col .badge {

    margin-right: 1.25rem !important;
}

/* doctors-component .specialist-bg .description-col .main-desc .details-col .media-body p {
    max-width: 18.75rem;
} */

.fa-pull-left {
    float: right !important;
}

.spacerNotifi {
    padding-right: 5.3125rem;


}

@media (max-width: 48rem) {
    .spacerNotifi {
        padding-right: unset;
    }
}

.primary-navigation-bar .cd-secondary-nav>li.has-children>ul.is-hidden {
    overflow: hidden;
}

.primary-navigation-bar ul.is-hidden>li>a {
    transition: all 0s ease;
}

.mrAlign {
    margin-right: 0 !important;
}

.cart-left-col .discount-price-para {
    justify-content: center;
}

.reservation-amt-para span strong {
    font-size: 2.5rem;
}


.top-body .tooth-area-one h5 {
    padding-right: 0px !important;
    line-height: 1.5 !important;
}

.fWeight {
    font-weight: 700;
}

.readMore {
    position: relative;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: end;
    color: #1FABAD;
}

.readMore::after {
    content: '';
    position: absolute;
    bottom: 0.5625rem;
    left: 8.875rem;
    height: 2px;
    background: #1FABAD;
    width: 61%;

}

.dob-col p-calendar span {
    display: flex;
    justify-content: center;
    align-items: center;
}

contact-us-component .form-group label {
    min-height: 1.5rem !important;
}

.fontbig {
    font-size: 0.875rem !important;
}

.notfi-modal p-header .p-button {
    right: auto;
    left: 0 !important;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    left: 0.9375rem !important;
    right: auto !important;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    left: .75rem !important;
    right: auto !important;
}

.flex-direction-row {
    flex-direction: row !important;
}

.card .card-body .bottom-row ul li span {
    font-size: 0.875rem;
}

.topSP strong {
    padding-top: 1rem;
}

.social-media-icons .list-inline {
    display: none;
}

.m-0 {
    margin: 0 !important;
}

.total-price span.less1 {
    margin: 0 auto;
    text-align: center;
}

.custom-modal .form-group .hr .form-control {
    min-height: 2.125rem !important;
}

.new-page-content p {
    text-align: right;
}

.fWeight {
    text-align: right;
}

.fd-rr {
    flex-direction: row-reverse;
}

.j-c-s-AR {
    justify-content: start !important;
}

customer-profile-component .specialist-bg .description-col .evaluation-col {
    margin-right: 0.625rem;
}

@media screen and (max-width: 80rem) {
    customer-profile-component #favourite-tab-content #favourite-doctors .specialist-bg .description-col .reservation {
        bottom: unset !important;
    }

    hospital-service-component ._bookDoc {
        margin-top: 0.8125rem;
    }

    .specialist-bg .media .rating {

        right: 0.9375rem;
    }

    .t-al {
        text-align: left !important;
    }

    doctor-booking-component .favrt {
        padding-right: 1.4375rem;
        left: 0;
        position: absolute;
    }

    .nav-link.mobile-responsive-logo img {
        max-width: 1.5625rem;
    }

    .badge-cart {
        font-size: 56%;
        padding: .45em;

    }

    .sub-heading {
        font-size: 1rem;
    }

    #mobile-mega-menu {
        padding-top: 1rem;
    }

    doctors-component #doc-rating p-rating {
        display: flex;
    }

    .armt-15 {
        margin-top: 0.9375rem !important;
    }

    .posAb-top--70 {
        position: absolute !important;
        top: -4.375rem !important;
        right: 0;
    }

    specialist-component ._centerOnMob,
    specialist-component ._centerOnMob.media.patientOpinion small.text-mdtab-center {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        text-align: center !important;
    }

    .text-mdtab-center {
        text-align: center !important;
    }
}

.total-price .red-price-para {
    direction: ltr !important;
}

.armt-12 {
    margin-top: -1.8125rem;
}

.appointment-content {
    padding: 0 !important;
}

.f-small {
    font-size: 0.75rem !important;
}

.p-datepicker table th {
    padding: 0.2rem !important;
}

.btn-mobile-number-link {
    margin-right: -0.625rem !important;
    margin-top: 0.625rem !important;
}

.mob-extra-det {
    right: -1.875rem !important;
    top: 0.3125rem;
}

.p-rating .p-rating-item .p-rating-icon.p-icon {
    width: .8rem;
    height: .8rem;
}

.custom-modal .modal-body {
    position: relative;
}

.confirmation-close .close {
    position: absolute;
    left: 0.8125rem;
    top: 0.625rem;
    height: 1.25rem;
    width: 1.25rem;
}

.withStar {
    margin-top: 2.375rem;
}

hospital-service-component .specialist-bg .description-col .main-desc .details-col.withStar {
    padding-top: 3rem;
}

hospital-component .discount-bg>span.arMob {
    display: none;
}

.info-icon {
    display: none;
}

.balance-tab .balance-card h4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reservation-tab .card .card-body .right-col footer button {
    width: initial !important;
}

doctor-booking-component .specialist-bg .media .rating.top-auto {
    margin-top: 0.875rem !important;
}

hospital-service-component .specialist-bg .media .rating.hospServRating {
    top: 9.375rem !important;
}

._hospmed {
    margin-top: 1.25rem;
}

hospital-component .description-col .price-discount .social-and-favorite.docHospRAt {
    float: none;
}

hospital-component .social-media-icon .share.shareIcon {
    position: relative !important;
    left: 0;
}

.ar-justify-end {
    display: flex;
    justify-content: end
}

.ar-rtl {
    direction: rtl;
}

.ar-ltr {
    direction: ltr;
}

.form-group.services-form-group .form-control {
    margin-right: 0 !important;
}

.cartCenter {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cart-left-col .bottom-price-para {
    justify-content: center !important;
}

.arbtn {
    display: flex;
    justify-content: center;
}

.reservation-tab .card .card-body .right-col table tr.success-row td>span:first-child {
    max-width: 15.625rem !important;
}

.mr-2 {
    margin-right: 0px !important;
    margin-left: 0.625rem !important;
}

.notFooter {
    flex-direction: row-reverse;
}

.rowRev {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.flagRev {
    margin-top: -0.25rem !important;
}

.forEng {
    display: none;
}

.forAr {
    display: block;
}

.card .card-body .parent-services-list div span {
    font-size: 0.875rem !important;
}

.main-desc .discount-bg .share p,
.main-desc .discount-bg .favrt p {
    display: none !important;
}

.main-desc .discount-bg {
    min-height: 100% !important;
    max-height: 100% !important;
}

.main-desc .offer-thumbnail {
    min-height: 100% !important;
    max-height: 100% !important;
}

.arLft {
    width: 7.5rem !important;
    margin-right: auto;
}

.arLft .favrt a {
    margin-bottom: 0px !important;
}

profile-component .media.patientOpinion #doc-rating small {
    text-align: right !important;
    width: 100%;
    display: block;
}

profile-component .media.patientOpinion #doc-rating,
specialist-component .media.patientOpinion small,
specialist-component .media.patientOpinion p,
specialist-component .media.patientOpinion #doc-rating {
    text-align: right;
}



@media screen and (min-width: 20rem) and (max-width: 47.9375rem) {
    .nav-link.mobile-responsive-logo img {
        max-width: 1.5625rem;
    }

    profile-component .media.patientOpinion #doc-rating small {
        text-align: center !important;

    }

    profile-component .specialist-bg .media img._patImage {
        margin: auto !important;
        margin-right: initial !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    ._fpriceSm,
    ._fpriceSm strong {
        font-size: 0.8125rem !important;
    }

    .badge-cart {
        font-size: 56%;
        padding: .45em;

    }

    .sub-heading {
        font-size: 1rem;
    }

    #mobile-mega-menu {
        padding-top: 1rem;
    }

    doctors-component #doc-rating p-rating {
        display: flex;
    }

    .armt-15 {
        margin-top: 0.9375rem !important;
    }

    .offermdAlign {
        display: flex;
        justify-content: space-between !important;
        width: 100% !important;
    }

    .specialist-bg .main-desc .discount-bg .rating-plus-address {
        flex-direction: row-reverse;
    }

}

.specialist-bg .media img {
    max-width: 9.375rem !important;
}

@media screen and (min-width: 20rem) and (max-width: 47.9375rem) {
    .top-menu-for-user li.nav-item .nav-link img {
        max-width: 1.5625rem;
        margin-right: 0x;
        margin-left: 0.9375rem !important;
    }

    .my-res-btn-col p span {
        text-align: center;
    }

    .menu-header .menu-image p {
        padding-left: 0;
        padding-right: 0.9375rem;
    }

    .menu-header .menu-image .nav-link {
        height: initial;
    }

    /* .mobile-number-row .col-md-7 {
        max-width: calc(100% - 4.9375rem) !important;
    } */

    .mobile-number-row {
        justify-content: flex-start !important;
    }

    doctor-booking-component .specialist-bg .media img {
        top: 3.375rem;
    }

    .specialist-bg .media img {
        left: 0;
        right: 0px;
        bottom: 0;
        /* top: 3.125rem; */
        top: 0px;
        margin-top: 0.625rem;
        max-width: unset !important;
        min-height: unset !important;
    }

    hospital-component .specialist-bg .media img {
        /* top: -2.25rem; */
        top: 0
    }

    hospital-service-component .specialist-bg .media .rating {
        right: 0.9375rem;
        left: auto;
    }


}



doctor-booking-component.specialist-bg .media .rating {
    top: 5.75rem !important;
}

.specialist-bg .description-col .main-desc .evaluation-col {
    bottom: 0px;
}

.other-doctors-row {
    /* display: flex; */
    overflow-x: auto;
    white-space: nowrap;
    text-align: right;
}


.menu-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.625rem;
}

.notifi {
    width: 75vw;

}

#myTab {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid #ccc;

    padding: 0.625rem;

    scrollbar-width: thin;

    scrollbar-color: #888 #f1f1f1;

    flex-wrap: nowrap !important;
    justify-content: start;
}


#myTab::-webkit-scrollbar {
    height: 0.5rem;
}

#myTab::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#myTab::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 0.625rem;
}

#myTab::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#myTab .nav-item {
    flex: 0 0 auto;

    margin-right: 0.625rem;

}

@media (max-width: 62rem) {
    .posAb-top--70 {
        position: absolute !important;
        top: -4.375rem !important;
        right: 0;
    }

    doctor-booking-component .posAb-top--70 {

        top: -4rem !important;
    }

    doctor-booking-component .flag {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    doctor-booking-component .flag .evaluation-col span {
        margin-right: 0px !important;
        margin-left: 10 !important;
    }

}

@media (max-width: 48rem) {
    .amount-paid span {
        text-align: right;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media span:last-child {
        text-align: right;
    }

    #favourite-tab-ul li {
        display: flex;
        justify-content: center;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media span:first-child {
        display: none;
    }

    #favourite-tab-content #favourite-doctors .specialist-bg .media img {
        margin-top: -3.75rem !important;
    }

    customer-profile-component #favourite-tab-content #favourite-doctors .specialist-bg .media img.favrtImg {
        margin-top: 0 !important;
    }

    customer-profile-component #favourite-tab-content #favourite-doctors .specialist-bg ._ar-media-body h5 {
        margin-top: 0 !important;
    }

    customer-profile-component .specialist-bg {

        padding-bottom: 0.9375rem !important;
    }

    customer-profile-component .specialist-bg .description-col .reservation._customReserv {
        margin-right: 0.9375rem;
    }

    ._ar-media-body {
        margin-top: 0 !important;
    }

}

@media (max-width:36.125rem) {
    .mobBtn_align .btn {
        margin-left: 0 !important;
        margin-right: 0.3125rem !important;
    }
}

@media (max-width:22.5rem) {
    .mobile-number-row {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 22.5rem) and (max-width: 47.9375rem) {
    .mobile-number-row .col-md-7 {

        max-width: calc(100% - 4.9375rem) !important;
        padding: 0;
    }
}

hospital-service-component .specialist-bg .description-col {
    margin-right: 0 !important;
}


doctor-booking-component .specialist-bg .media img,
hospital-component .specialist-bg .media img {
    min-width: 9.375rem !important;

    @media (max-width:48rem) {
        min-width: 2.5rem !important;
    }
}

.services-list-grid {
    direction: rtl;
}

.reservation-tab .card .card-body .left-col p {
    padding-right: 0px;
    padding-left: 1.25rem;
}

.rowRev {
    display: flex;
    flex-direction: row-reverse;

}

.arabic-rowreverse {
    display: flex;
    flex-direction: row;
}

.p-accordion .p-accordion-content {
    border-bottom: 1px solid #e5e7eb;
    text-align: right;
    padding-right: 3%;
}

.responsive-header .mobile-filters-bar .sort-dropdown .custom-control {
    @media (max-width:48rem) {
        text-align: right;
    }
}

.responsive-header .mobile-filters-bar .sort-dropdown .custom-control-label {
    position: relative;

    @media (max-width:48rem) {
        padding-right: 1.875rem;
    }
}

.responsive-header .mobile-filters-bar .sort-dropdown .custom-control-label::before {
    position: absolute;
    right: 0.25rem;

}

specialist-component .hospital-listing ul li {
    text-align: right;
    display: flex;
}

offers-component .p-dropdown-clear-icon.p-icon {
    display: none;
}

offers-component .modal-body {
    text-align: right;
}


@media screen and (min-width: 20rem) and (max-width: 89.9375rem) {
    customer-profile-component .reservation-tab .card .card-body .left-col p:last-child {
        align-items: start;
        flex-direction: column;
    }

    customer-profile-component .reservation-tab .card .card-body .left-col p:last-child {

        max-width: 100% !important;
    }

    customer-profile-component .reservation-tab .card .card-body .left-col p.res-date-time>span:last-child span {

        display: inline !important;
    }

    customer-profile-component .rating-tab .card .card-body>div:not(:last-child) {
        margin-bottom: 0px;
    }

    customer-profile-component .reservation-tab .card .card-body .right-col table tr td>span:last-child,
    .reservation-tab .card .card-body .right-col table tr td>span:last-child {
        flex-direction: row-reverse;
    }

    .reservation-tab .card .card-body .right-col table tr.success-row td>span:last-child span:first-child {
        margin-right: 0.3125rem;
    }
}

/* Premium Search Card RTL alignment and direction overrides */
.search-col-item .p-dropdown {
    direction: rtl !important;
}

.search-col-item .p-dropdown-label {
    direction: rtl !important;
    text-align: right !important;
    padding: 0.25rem 0 0.25rem 1.875rem !important;
    /* reserve space on the left for clear/trigger icons */
}

.search-col-item input {
    direction: rtl !important;
    text-align: right !important;
}

.search-col-item .p-dropdown .p-dropdown-clear-icon {
    left: 2rem !important;
    right: auto !important;
}

/* Ensure the country flag and text layout flow correctly in RTL (flag on the right of text) */
.search-col-item .p-dropdown-label .rowRev {
    flex-direction: row !important;
    justify-content: flex-start !important;
}

/* RTL Specific overrides for sign-in-modal */
body .sign-in-modal-dialog .form-group-remember-me,
.sign-in-modal .form-group-remember-me {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body .sign-in-modal-dialog .form-check,
.sign-in-modal .form-check {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

body .sign-in-modal-dialog .form-check-label,
.sign-in-modal .form-check-label {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    font-size: 0.875rem !important;
    color: #4a5568 !important;
}

.sign-in-modal .ui-dialog-titlebar-close,
.sign-in-modal .p-dialog-header-close {
    left: 1rem !important;
    right: auto !important;
}

.sign-in-modal .ui-widget-header .ui-dialog-titlebar-icons {
    float: none !important;
}

/* RTL Specific overrides for create-account-modal */
.create-account-modal-dialog .ui-dialog-titlebar-close,
.create-account-modal-dialog .p-dialog-header-close,
.create-account-modal .ui-dialog-titlebar-close,
.create-account-modal .p-dialog-header-close {
    left: 1rem !important;
    right: auto !important;
}

.create-account-modal-dialog .ui-widget-header .ui-dialog-titlebar-icons,
.create-account-modal .ui-widget-header .ui-dialog-titlebar-icons {
    float: none !important;
}

.create-account-modal-dialog .register-mobile-code,
.create-account-modal .register-mobile-code,
.sign-in-modal-dialog .register-mobile-code,
.sign-in-modal .register-mobile-code {
    padding-left: 0 !important;
    padding-right: 0.625rem !important;
}

.create-account-modal-dialog .register-mobile-input,
.create-account-modal .register-mobile-input,
.sign-in-modal-dialog .register-mobile-input,
.sign-in-modal .register-mobile-input {
    padding-right: 0 !important;
    padding-left: 0.625rem !important;
}

/* RTL Specific overrides for country code select dropdown */
body .create-account-modal-dialog select.form-control,
body .create-account-modal .custom-modal select.form-control {
    background-position: left 0.75rem center !important;
    padding-right: 1rem !important;
    padding-left: 2.25rem !important;
}

/* RTL Specific overrides for searchable dropdown overlay */
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    text-align: right !important;
    direction: rtl !important;
}

body .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container {
    direction: rtl !important;
}

body .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    text-align: right !important;
    direction: rtl !important;
    padding-right: 2rem !important;
    padding-left: 0.5rem !important;
}

body .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem !important;
    left: auto !important;
}

/* RTL overrides for Cart page and login card style */
body cart-component div.main-light-bg.mb-1 {
    background-color: #F4F6F8 !important;
    /* Page Background from DESIGN_STYLE.md */
    padding: 1.875rem 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body cart-component .main-light-bg .stachel-heading {
    display: block !important;
    /* Override flex to allow full-width expansion */
    background: #FFFFFF !important;
    border: 1px solid #DDE7F1 !important;
    border-radius: 1.375rem !important;
    /* Main Container Border Radius */
    box-shadow: 0 0.5rem 1.5rem rgba(7, 27, 58, 0.04) !important;
    /* Soft Shadow style */
    padding: 2.5rem !important;
    width: 100% !important;
}

body cart-component .login-grid-area h4 {
    color: #071B3A !important;
    /* medicta-navy color */
    font-size: 1.375rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
}

body cart-component .login-grid-area h4 i.color-red {
    color: #EF3E36 !important;
    /* Red Alert color */
}

body cart-component .login-grid-area p {
    color: #60708A !important;
    /* medicta-muted color */
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1.5rem !important;
}

/* Styled Premium Buttons inside Cart Login card */
body cart-component .login-grid-area .btn-success.bg-green-md {
    background-color: #1FABAD !important;
    /* Brand Green primary button */
    color: #FFFFFF !important;
    border-radius: 0.75rem !important;
    padding: 0.625rem 1.5rem !important;
    font-weight: 700 !important;
    border: none !important;
    font-size: 0.9375rem !important;
    margin-left: 0.75rem !important;
    /* Space between buttons in RTL */
    margin-right: 0 !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 138, 67, 0.15) !important;
    transition: background-color 0.2s ease !important;
}

body cart-component .login-grid-area .btn-success.bg-green-md:hover {
    background-color: #00707E !important;
}

body cart-component .login-grid-area .create-btn {
    background-color: #F4FAFB !important;
    /* Soft Green background */
    color: #1FABAD !important;
    /* Brand Green text */
    border: 1px solid #b3e5e7 !important;
    /* Soft Green border */
    border-radius: 0.75rem !important;
    padding: 0.625rem 1.5rem !important;
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

body cart-component .login-grid-area .create-btn:hover {
    background-color: #F4FAFB !important;
}

/* Align password inputs to the right in Arabic RTL */
body .sign-in-modal-dialog .input-group .form-control,
body .create-account-modal-dialog .input-group .form-control,
body .sign-in-modal .custom-modal .input-group .form-control,
body .create-account-modal .custom-modal .input-group .form-control {
    text-align: right !important;
    direction: rtl !important;
}