html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: "Acumin Variable Concept";
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*******************************************************************************************/
/* This is a manually minified CSS. Kindly never minify it. Also do not auto format it. */
/*******************************************************************************************/

/*

font-family:"Acumin Variable Concept";
font-family:'Montserrat', sans-serif;
font-family:'black_mangobold';
font-family:'black_mangoextrabold';
font-family:'black_mangosemibold';
font-family:'engravers_mtregular';

*/

/* Loader css */
body {
    padding-top: 164px;
}

body.login-page {
    padding: 15px;
    background: #BAB1FF;
}

body.only-logo-hd {
    padding-top: 84px;
}

.my-overflow {
    overflow: hidden;
}

#loading {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

#loading-image {
    z-index: 100;
    width: auto;
    height: auto;
    margin: 40% auto;
    display: block;
}

.container {
    max-width: 1600px;
}

b {
    font-weight: 700;
}

h2,
h3,
h4,
h5,
h6 {}

h2 {
    font-family: 'black_mangosemibold';
}

h3 {
    font-family: 'black_mangosemibold';
}

h4 {}

h5 {}

p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #151730;
}

.h2_ttl {
    margin-bottom: 60px;
    text-align: center;
}

.h2_ttl h2 {
    font-family: 'black_mangosemibold';
    font-size: 42px;
    margin-bottom: 10px;
    line-height: 98px;
    color: #151730;
}

.h2_ttl p {
    color: #151730;
    max-width: 600px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Acumin Variable Concept";
}

a {
    color: #141730;
    text-decoration: none;
}

i {
    font-style: italic;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.lang-arabic .fl {
    float: right;
}

.lang-arabic .fr {
    float: left;
}

.clearb {
    clear: both;
}

.btn-primary {
    background: #151730;
    padding: 16px 45px;
    font-size: 18px;
    font-family: 'black_mangobold';
    line-height: 1;
    letter-spacing: -0.18px;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
}

.lang-arabic .btn-primary,
.lang-arabic .btn-secondary {
    font-weight: bold;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #BAB1FF;
    color: #151730;
}

.btn-outlined-primary {
    background: #FFFFFF;
    border-color: #151730;
    padding: 16px 45px;
    font-size: 18px;
    font-family: 'black_mangobold';
    line-height: 1;
    letter-spacing: -0.18px;
    color: #151730;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
}

.lang-arabic .btn-outlined-primary,
.lang-arabic .btn-secondary {
    font-weight: bold;
}

.btn-outlined-primary:hover,
.btn-outlined-primary:focus,
.btn-outlined-primary:active {
    background: #BAB1FF;
    color: #151730;
}

.btn-secondary {
    background: #fff;
    border: 2px solid #151730;
    color: #151730;
    font-size: 18px;
    font-family: 'black_mangobold';
    padding: 14px 25px;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background: #BAB1FF;
    border: 2px solid #BAB1FF;
    color: #151730;
}

.my-overflow.lang-arabic {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
}

.my-overflow.lang-arabic div,
.my-overflow.lang-arabic section,
.my-overflow.lang-arabic h1,
.my-overflow.lang-arabic h2,
.my-overflow.lang-arabic h3,
.my-overflow.lang-arabic h4,
.my-overflow.lang-arabic h5,
.my-overflow.lang-arabic h6,
.my-overflow.lang-arabic p,
.my-overflow.lang-arabic a,
.my-overflow.lang-arabic input,
.my-overflow.lang-arabic select,
.my-overflow.lang-arabic textarea,
.my-overflow.lang-arabic span,
.my-overflow.lang-arabic li,
.my-overflow.lang-arabic label,
.my-overflow.lang-arabic button {
    /* font-family: 'Cairo', sans-serif !important; */
    font-family: 'NotoKufiArabic' , sans-serif !important;;
}

.my-overflow.lang-arabic p{
    font-weight: normal;
}
.my-overflow.lang-arabic h1,
.my-overflow.lang-arabic h2,
.my-overflow.lang-arabic h3,
.my-overflow.lang-arabic h4,
.my-overflow.lang-arabic h5 {
    font-weight: 800 !important;
}

/* .my-overflow.lang-arabic button,
.my-overflow.lang-arabic a {
    font-weight: 700;
} */
.lang-arabic h4.ttech {
    font-weight: normal;
}
.my-overflow.lang-arabic .owl-carousel {
    direction: ltr;
}

.my-overflow.lang-arabic .owl-carousel .item {
    direction: rtl;
}

.my-overflow.lang-arabic #ar,
#eng {
    display: none;
}

.my-overflow.lang-arabic #eng {
    display: block;
}

header {
    background: #BAB1FF;
    padding: 32px 0 18px;
    box-shadow: 0px 3px 16px #0000001F;
}

header .navbar {
    padding: 0;
}

header .logo {
    padding: 0;
    margin: 0 50px 0 0;
}

.hdr-nav>li>a {
    margin: 0 44px 0 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    font-family: "Acumin Variable Concept";
    text-transform: uppercase;
    text-decoration: none;
}

.hdr-nav>li>a:hover,
.hdr-nav>li>a:focus,
.hdr-nav>li>a:active,
.hdr-nav>li>a.active {
    /* font-weight:bold; */
    color: #808080
}

.hdr-nav>li>a.dropdown-toggle {}

.hdr-nav>li>a.dropdown-toggle::after {
    content: "\f078";
    margin-left: 12px;
    vertical-align: unset;
    font-size: 12px !important;
    line-height: 13px !important;
    border: none;
    vertical-align: top;
    font: var(--fa-font-solid);
}

.login-box .was-validated .form-control[name="password"]:invalid + div + div,
.login-box .was-validated .form-control[name="password"]:valid + div + div,
.login-box .was-validated .form-control[type=password]:invalid + div + div,
.login-box .was-validated .form-control[type=password]:valid + div + div {
    right: 35px;
}
.lang-arabic .hdr-nav>li>a.dropdown-toggle::after {
    margin-right: 12px;
    margin-left: 0;
}

.lang-arabic  .login-box  .frm-row .input-group .input-group-addon {
    left: 10px !important;
    right: auto !important;
}
.lang-arabic  .login-box .was-validated .form-control[type=password]:invalid + div + div,
.lang-arabic  .login-box .was-validated .form-control[type=password]:valid + div + div {
    left: 35px !important;
    right: auto !important;
}

.hdr-nav>li>a.dropdown-toggle.show::after {
    content: "\f106";
}

.hdr-nav>li>a.dropdown-toggle.show::before {
    z-index: 1001;
    content: "";
    left: 28%;
    position: absolute;
    bottom: -22px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
}

.hdr-nav .dropdown-menu {
    border-radius: unset;
    padding: 0;
    left: -100%;
    width: 800px;
    top: 40px;
    border: none;
}

.hdr-nav .dropdown-menu ul {
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 23px 32px #00000099;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.hdr-nav .dropdown-menu li {
    flex: 25%;
    max-width: 25%;
}
.lang-arabic div#show_hide_password input.form-control {
    padding-right: 40px;
}
.hdr-nav .dropdown-menu li>a {
    margin-bottom: 1px;
    display: flex;
    text-decoration: none;
    padding: 5px 25px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    font-family: "Acumin Variable Concept";
    min-height: 46px;
    align-items: center;
}

.lang-arabic .hdr-nav .dropdown-menu {
    right: -100%;
}

.lang-arabic .hdr-nav .dropdown-menu li>a {
    text-align: right;
}

.hdr-nav .dropdown-menu li>a:hover,
.hdr-nav .dropdown-menu li>a:focus,
.hdr-nav .dropdown-menu li>a:active,
.hdr-nav .dropdown-menu li>a.active {
    font-weight: bold;
    color: #FFFFFF;
    background: #BAB1FF;
}

.hd-rgt ul {
    display: flex;
    flex-wrap: wrap;
}

.hd-rgt .hd-rgt-link {
    text-decoration: none;
    font-size: 14px;
    line-height: 29px;
    font-weight: bold;
    font-family: "Acumin Variable Concept";
    margin-left: 28px;
    display: block;
    color: #151730;
}

.hd-rgt .hd-rgt-link.hd-noti-icon {
    position: relative;
}

.hd-rgt .hd-rgt-link.hd-noti-icon::after {
    background: #D0FF4E;
    border: 2px solid #BAB1FF;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: -10px;
    right: -10px;
    z-index: 2;
    position: absolute;
    content: "";
}

.hd-rgt .hd-rgt-link i {
    font-size: 24px;
}

.hd-rgt ul>li:first-child a.hd-rgt-link {
    margin-left: 0;
    cursor: pointer;
}


.hd-rgt .dropdown-menu {
    display: none;
}

.hd-rgt .dropdown-menu.show {
    display: block;
    left: -60px;
}

.lang-arabic .hd-rgt .dropdown-menu {
    text-align: right;
}

.country-dd .btn {
    padding: 0;
    position: relative;
    display: flex;
    margin: 0 15px;
    align-items: center;
    height: 29px;
}

.country-dd .btn.dropdown-toggle.show {
    background: none;
    border: none;
}

.country-dd .btn.dropdown-toggle::after {
    border: none;
    color: #000;
    content: "\f107";
    font: var(--fa-font-solid);
    position: absolute;
    right: -15px;
    font-size: 12px;
    width: 11px;
    height: 11px;
}

.country-dd .btn.dropdown-toggle.show::after {
    content: "\f106";
}

.country-dd .btn.dropdown-toggle.show::before {
    z-index: 1001;
    content: "";
    left: 28%;
    position: absolute;
    bottom: -13px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
}

.country-dd ul.dropdown-menu {
    border-radius: unset;
    background: #FFFFFF;
    box-shadow: 7px 23px 32px #00000099;
    padding: 15px;
    min-width: 160px;
    top: 40px;
    border: 2px solid #151730;
    border-top-width: 3px;
}

.country-dd ul.dropdown-menu li {
    margin-bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
}

.country-dd ul.dropdown-menu li h4 {
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: 'black_mangosemibold';
    font-size: 14px;
}

.country-dd ul.dropdown-menu li button {
    padding: 5px;
}

.country-dd ul.dropdown-menu li button:hover {
    font-weight: bold;
    color: #FFFFFF;
    background: #BAB1FF;
}

.country-dd ul.dropdown-menu li button img {
    margin-right: 15px;
    height: 16px;
    width: 26px;
    object-fit: cover;
    object-position: center left;
}

.lang-arabic .bn-hd-rgt {
    margin: 0;
}

.lang-arabic .bn-hd-rgt .bn-sort.fl {
    margin-left: auto;
}

.lang-arabic .bn-hd-rgt .bn-sort label.for-select {
    margin-left: 0 !important;
}
.lang-arabic .beauty-news-ttl {
    float: right !important;
}

.lang-arabic .country-dd ul.dropdown-menu li button img {
    margin: 0 0 0 15px;
}

.hd-rgt .hd-rgt-link.user-pic {
    max-width: 120px;
    line-height: 38px;
    margin-top: -5px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
}

.hd-rgt .hd-rgt-link.user-pic:after {
    color: #000;
    content: "\f107";
    font: var(--fa-font-solid);
    position: absolute;
    right: -11px;
    font-size: 12px;
    width: 11px;
    height: 11px;
}

.lang-arabic .hd-rgt .hd-rgt-link.user-pic:after {
    left: -11px;
    right: auto;
}

.hd-rgt .hd-rgt-link.user-pic span {
    display: inline-block;
    height: 38px;
    width: 38px;
    border: 1px solid #F9F9F9;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.lang-arabic .hd-rgt .hd-rgt-link.user-pic span {
    margin-left: 10px;
    margin-right: 0;
}

.hd-rgt .hd-rgt-link.user-pic span img {
    width: 100%;
    height: auto;
}

.hd-rgt .hd-rgt-link.user-pic h6 {
    width: 68px;
    height: 38px;
    overflow: hidden;
}

.lang-arabic .hd-rgt ul>li:first-child a.hd-rgt-link {
    margin-left: 50px
}

.lang-arabic .hd-rgt ul>li:last-child a.hd-rgt-link {
    margin-left: 0px
}


.offcanvas.hd-rgt-menu {
    border: 2px solid #BAB1FF;
    padding: 30px;
}

.hd-rgt-menu h4 {
    color: #141730;
    display: block;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'black_mangobold';
    font-size: 18px;
    border-bottom: 1px solid #E8E4E3;
    clear: both;
}

.hd-rgt-menu h4 button.btn-close {
    margin-top: -10px;
}

.hd-rgt-menu h4 a {
    float: right;
    text-transform: capitalize;
    color: #BAB1FF;
    text-decoration: underline;
}

.lang-arabic .hd-rgt-menu h4 a {
    float: left;
}

.hd-rgt-menu ul {}

.hd-rgt-menu ul li {
    border-bottom: 1px solid #E8E4E3;
}

.hd-rgt-menu ul li a {
    display: block;
    font-size: 14px;
    padding: 12px 0;
    font-weight: 500;
    font-family: "Acumin Variable Concept";
}

.hd-rgt-menu ul li a:hover,
.hd-rgt-menu ul li a:focus,
.hd-rgt-menu ul li a.active {
    font-weight: bold;
    color: #A7ABC8;
}

/* krewh-modal */
.krewh-modal .modal-content {
    background: #fff;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.krewh-modal .modal-header {
    background: #BAB1FF;
    padding: 25px;
    border-radius: 0;
}

.krewh-modal .modal-title {
    font-family: 'black_mangosemibold';
    font-size: 26px;
    line-height: 57px;
    color: #151730;
}

.krewh-modal .modal-close {
    background: unset;
    border: none;
    color: #151730;
}

.krewh-modal .modal-close:focus,
.krewh-modal .modal-close:hover,
.krewh-modal .modal-close:active {
    color: #151730;
}

.krewh-modal .modal-close i {
    font-size: 24px;
    color: #151730;
}

.krewh-modal .modal-body {
    padding: 30px 60px;
}

.frm-row {
    margin-bottom: 20px;
}

.frm-row label {
    font-family: "Acumin Variable Concept";
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 20px;
    color: #151730;
}

.modal-body .frm-row label {
    margin-bottom: 20px;
    color: #000000;
}

.frm-row input,
.frm-row select,
.frm-row textarea {
    background-color: #FFFFFF;
    border: 1px solid #A7ABC8;
    border-radius: 0;
    color: #151730;
    font-family: "Acumin Variable Concept";
    font-size: 14px;
    font-weight: 500;
    height: 37px;
    padding: 0 20px;
}

.frm-row input:focus,
.frm-row select:focus,
.frm-row textarea:focus {
    box-shadow: none;
    border: 1px solid #000;
}

.frm-row input {
    line-height: 37px;
}

.frm-row select {}

.lang-arabic .frm-row select {
    padding: 0 35px;
}

.lang-arabic .btn-primary.fr {
    float: left;
}

.lang-arabic .btn-outlined-primary.fr {
    float: left;
}

.frm-row textarea {
    padding: 20px;
    height: 220px;
    line-height: 24px;
}

.frm-row-50 {
    width: 48%;
}

/* hd search */

.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 16px;
    line-height: 20px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    max-width: 100%;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    max-height: 250px;
    overflow-y: auto;
}

.lang-arabic .tt-menu {
    text-align: right;
    right: 0;
}


.hd-srch {
    margin-top: 30px;
    position: relative;
}

.hd-srch form {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}

.input-hd-near-me,
.input-hd-concern {
    background-color: #FFFFFF !important;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 15px center;
    position: relative;
    border: 1px solid #6D6F7E;
    height: 50px;
    line-height: 50px;
    color: #151730;
    font-size: 14px;
    padding: 0 20px 0 46px;
}

.input-hd-near-me:focus,
.input-hd-concern:focus {
    box-shadow: none;
    border: 1px solid #000;
    outline: none;
}

.input-hd-near-me {
    width: 100%;
    background-image: url("../images/map-pin.png");
}

.input-hd-concern {
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath style='fill:rgb(109,111,126);' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}

.hd-near-me {
    width: 30%;
    margin-right: 15px;
}

.hd-near-me .twitter-typeahead,
.hd-concern .twitter-typeahead {
    width: 100%;
}

/* .hd-near-me .input-hd-near-me, .hd-concern .input-hd-concern{background:inherit; } */
.hd-concern {
    width: 55%;
}

.hd-concern .type-name {
    font-size: 18px;
    margin: 5px 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

.hd-cross {
    background: unset;
    border: none;
    position: absolute;
    right: 20px;
    color: #6D6F7E;
    top: 30%;
}

.lang-arabic .hd-cross {
    right: auto;
    left: 20px;
}

.lang-arabic .input-hd-near-me {
    margin-right: 0px;
}

.lang-arabic .input-hd-concern {
    margin-right: 15px;
}

.lang-arabic .input-hd-near-me,
.lang-arabic .input-hd-concern {
    padding: 0 46px 0 20px;
    text-align: right;
    background-position: 98% center;
}

/* home banner */
.hm-banner {}

.hm-banner .carousel-indicators {}

.hm-banner .carousel-indicators button {
    margin: 0 5px;
    background: #A7ABC8;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    opacity: 1;
}

.hm-banner .carousel-indicators button.active {
    background: #141730;
    width: 36px;
    border-radius: 15px;
}

.hm-banner .carousel-item {}

/*.hm-banner .carousel-caption{left:0; right:0; padding:0; bottom:0; top:0; text-align:center;}
.hm-banner .carousel-caption .container, .hm-banner .carousel-caption .row{height:100%;}
.hm-banner .hm-bnr-cap{position:relative;}
.hm-banner .hm-bnr-cap .banner-icon{position:absolute; left:-165px; bottom:0;}
.hm-banner .hm-bnr-cap h2{font-size:36px; line-height:42px; margin-bottom:10px; font-family:'black_mangoextrabold'; color:#151730; text-transform:uppercase;}
.lang-arabic .hm-banner .hm-bnr-cap h2{ font-weight:900; }
.hm-banner .hm-bnr-cap p{font-size:24px; margin-bottom:40px; font-weight:300; font-family:"Acumin Variable Concept"; line-height:32px; color:#141730; opacity:1;}
.hm-banner .hm-bnr-cap .btn-primary{padding:16px 28px;}
.hm-banner .hm-bnr-cap .btn-outlined-primary{padding:16px 28px;}
*/
.hm-banner .carousel-control-prev,
.hm-banner .carousel-control-next {
    background: #151730;
    box-shadow: 0px 25px 20px #00000029;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    top: 45%;
}

.hm-banner .carousel-control-prev i,
.hm-banner .carousel-control-next i {}

.hm-banner .carousel-control-prev {
    left: 5%;
}

.hm-banner .carousel-control-next {
    right: 5%;
}


/* purple tagline */
.purple-tagline {
    background: #BAB1FF;
    padding: 10px 0;
}

.purple-tagline a {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5;
    color: #151730;
    font-family: "Acumin Variable Concept";
}

.purple-tagline a:hover {
    color: #000;
}

.purple-tagline a img {
    margin: 0 40px 0 20px;
    width: 60px;
    height: auto;
}

.lang-arabic .purple-tagline a img {
    margin: 0 20px 0 40px;
}


.purple-tagline .marquee {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.lang-arabic .purple-tagline .marquee .js-marquee {
    float: right !important;
}


/* Popular procedures */
.pop-proce {
    padding: 60px 0 40px;
}

.pop-proce-caro {}

.pop-proce-box {
    text-align: center;
    margin: 100px 35px 60px;
    padding: 0 40px 60px;
    background: #FFFFFF;
    text-align: center;
    border: 2px solid #fff;
}

.pop-proce-box:hover {
    box-shadow: 0px 20px 30px #0000006B;
    border: 2px solid #151730;
}

.pop-proce-box a {
    display: block;
}

.pop-proce-box a img {
    width: 200px;
    border-radius: 50%;
    height: auto;
    margin: -100px auto 40px;
}

.pop-proce-box a h4 {
    color: #151730;
    font-size: 20px;
    font-family: 'black_mangoextrabold';
    margin-bottom: 30px;
    line-height: 24px;
}

.lang-arabic .pop-proce-box a h4 {
    font-weight: 800;
}

.pop-proce-box a:hover h4 {
    color: #000;
}

.pop-proce-box a p {
    color: #151730;
    font-size: 14px;
    line-height: 18px;
}

.owl-buttons {}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    width: 20px;
    visibility: hidden;
    border: none;
}

.owl-prev::before,
.owl-next::before {
    display: block;
    text-align: center;
    visibility: visible;
    font: var(--fa-font-solid);
    height: 25px;
    width: 20px;
    font-size: 26px;
    color: #141730;
}

.owl-prev {
    left: -10px;
}

.owl-next {
    right: -10px;
}

.owl-prev::before {
    content: "\f104";
}

.owl-next::before {
    content: "\f105";
}

.view-all-btn {
    text-align: center;
}

/* popular doctors */

.pop-docs {
    background: #BAB1FF;
    padding: 60px 0 80px;
}

.pop-docs-caro {
    margin-bottom: 40px;
}

.pop-docs-box {
    background: #FFFFFF;
    border: 1px solid #151730;
    text-align: center;
    padding: 16px 12px;
    margin: 0 52px 50px;
}

.pop-docs-box:hover {
    box-shadow: 0px 20px 30px #776EBFCC;
}

.pop-docs-box a {
    display: block;
}

.pop-doc-img img {
    width: 100%;
    height: auto;
}
#owl-pop-docs .pop-doc-img img {
    width: 100%;
    height: 264px;
    object-fit: cover;
    object-position: center top;
}
.bnlistrm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
ul#bn-list li {
    position: relative;
}
ul#bn-list li {
    position: relative;
    padding-bottom: 70px;
}

ul#bn-list li .bn-list-con p{
    margin-bottom: 20px;
}
.lang-arabic div#owl-offers-rtl .owl-stage-outer {
    direction: rtl;
}
.pop-doc-img {
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.pop-docs-box h3 {
    font-family: 'black_mangosemibold';
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.48px;
    color: #151730;
}

.lang-arabic .pop-docs-box h3 {
    font-weight: 600;
}

.pop-docs-box h5 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 24px;
    font-family: "Acumin Variable Concept";
    color: #141730;
    font-weight: 500;
}

.pop-docs-box h6 {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 24px;
    font-family: "Acumin Variable Concept";
    color: #151730;
}

.pop-docs-box p {
    text-decoration: underline;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    font-family: "Acumin Variable Concept";
    color: #988EE4;
}

.pop-docs-box p span {
    color: #141730;
    font-weight: 500;
}

.pop-docs .view-all-btn .btn-primary {
    border: 2px solid #BAB1FF;
}

.pop-docs .view-all-btn .btn-primary:hover {
    border: 2px solid #151730;
    ;
}

.pop-docs .view-all-btn .btn-outlined-primary {
    border: 2px solid #BAB1FF;
}

.pop-docs .view-all-btn .btn-outlined-primary:hover {
    border: 2px solid #151730;
    ;
}

/* home offers */
.hm-offers,
.subscribe-offers {
    padding: 60px 0 40px;
}

.offers-caro {
    width: 90%;
    margin: 0 auto;
}

.offers-box {
    position: relative;
    margin: 60px 40px;
    padding: 0 40px 60px;
    background: #FFFFFF;
    text-align: center;
    border: 2px solid #151730;
}

.offers-box:hover {
    box-shadow: 0px 20px 30px #0000006B;
}

.offers-box-icon {
    width: 120px;
    height: 120px;
    margin: -60px auto 15px;
}

.offers-box-icon img {
    width: 100%;
    height: auto;
}

.offers-box h3,
.doc-det-tabcon .offers-box h3 {
    color: #151730;
    margin-bottom: 10px;
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
}

.offers-box h3 span {
    font-size: 42px;
    font-family: 'black_mangobold';
}

.offers-box p {
    font-size: 14px;
    margin-bottom: 28px;
    line-height: 24px;
    font-family: "Acumin Variable Concept";
    color: #151730;
}

.offers-box h6 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 58px;
    line-height: 19px;
    font-family: "Acumin Variable Concept";
    color: #000000;
}

.offers-box a.btn {}

.owl-pagination {
    margin: 0 0 65px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.owl-page {
    text-indent: -9999px;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #A7ABC8;
}

.owl-page.active {
    width: 36px;
    border-radius: 10px;
    background: #151730;
}

/* testimonials */
.hm-testimonials {
    background: #BAB1FF;
    padding: 60px 0 5px;
}

.testimonials-caro {
    border-right: 1px solid #BAB1FF;
}

.testi-box {
    margin: 0 0 65px 110px;
    padding-right: 110px;
    border-right: 1px solid #151730;
}

.testimonials-caro .owl-item {}

.testi-customer-img {
    float: left;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.lang-arabic .testi-customer-img {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.testi-customer-img img {
    width: 100%;
    height: auto;
}

.testi-dets {
    padding-top: 10px;
    float: left;
    width: 75%;
}

.testi-box h4 {
    font-family: 'black_mangoextrabold';
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 29px;
    color: #151730;
}

.testi-box h5 {
    font-size: 16px;
    line-height: 19px;
    font-family: "Acumin Variable Concept";
    color: #151730;
}

.testi-box blockquote {
    margin-top: 28px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-family: "Acumin Variable Concept";
    color: #000000;
}

.testi-box blockquote::before {
    position: absolute;
    left: -110px;
    top: -20px;
    font-family: 'engravers_mtregular';
    font-size: 150px;
    color: #D0FF4E;
    content: '\201C';
    -webkit-transform: scaleX(-1) rotate(180deg);
    transform: scaleX(-1) rotate(180deg);
}

.lang-arabic .testi-box blockquote::before {
    left: auto;
    right: -110px;
    -webkit-transform: scaleX(1) rotate(180deg);
    transform: scaleX(1) rotate(180deg);
}

.testimonials-caro .owl-page {
    background: #f3efee;
}

.testimonials-caro .owl-page.active {
    background: #151730;
}

/* Newsletter Signup */
.newsletter-sigup {
    padding: 30px 0;
}

.newsl-signup-in {
    max-width: 920px;
    width: 85%;
    margin: 0 auto;
}

.newsl-signup-in h2 {
    margin-bottom: 20px;
    font-family: 'black_mangosemibold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
}

.newsl-signup-in h2 img {
    margin-right: 20px;
}

.lang-arabic .newsl-signup-in h2 img {
    margin: 0 0 0 20px;
}

.newsl-signup-in .frm-row {}

.newsl-signup-in .frm-row input[type=email] {
    width: 70%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #A7ABC8;
}

.lang-arabic .newsl-signup-in .frm-row input[type="email"].fl {
    float: right;
}

.newsl-signup-in .frm-row button {
    text-transform: capitalize;
    padding: 0;
    width: 28%;
    line-height: 50px;
}

.lang-arabic .newsl-signup-in .frm-row button.fr {
    float: left;
}

/* support contact */
.support-box {
    background: #151730;
    padding: 46px 0;
    font-family: 'black_mangosemibold';
    font-size: 42px;
    line-height: 67px;
    letter-spacing: -0.84px;
    color: #FFFFFF;
    text-align: center;
}

.support-box img {
    margin-right: 10px;
}

.lang-arabic .support-box img {
    margin: 0 0 0 10px;
}

.support-box button {
    margin-left: 42px;
    border: 2px solid #FFFFFF;
    padding: 16px 36px;
}

.lang-arabic .support-box button {
    margin: 0 42px 0 0;
}

.support-box button:hover {
    border: 2px solid #BAB1FF;
}


/* footer */

footer {
    background: #BAB1FF;
    padding: 75px 0 32px;
}

.ft-logo {
    width: 90%;
    height: auto;
}

.ft-logo a {
    display: block;
}

.ft-logo img {
    width: 100%;
    height: auto;
}

.ft-top {
    margin-bottom: 70px;
}

.ft-rgt {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.ft-menu h3 {
    font-family: 'black_mangoextrabold';
    font-size: 16px;
    line-height: 29px;
    color: #151730;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.ft-menu ul li a {
    font-family: "Acumin Variable Concept";
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 29px;
    color: #151730;
}

.ft-menu ul li a:hover,
.ft-menu ul li a.active {
    font-weight: 700 !important;
}

.lang-arabic .ft-menu ul li a:hover,
.lang-arabic .ft-menu ul li a.active {
    font-weight: 700 !important;
}

.ft-social,
.ft-pay-icons {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}

.ft-social a:hover {
    color: #fff;
}

.ft-social {
    margin-bottom: 60px;
}

.ft-social li {
    display: block;
    margin-right: 35px;
}

.lang-arabic .ft-social li {
    margin: 0 0 0 35px;
}

.ft-pay-icons li {
    margin-right: 10px;
}

.lang-arabic .ft-pay-icons li {
    margin: 0 0 0 10px;
}

.ft-bot {
    font-family: "Acumin Variable Concept";
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #151730;
}

.ft-bot a:hover {
    font-weight: 700;
}


/* Doctor listing */

.inner-page {
    padding: 25px 0 60px;
}

.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #BAB1FF;
}

.breadcrumbs a:hover {
    color: #000000;
}

.breadcrumbs i {
    color: #808080;
    font-size: 13px;
    line-height: 19px;
    margin: 0 10px;
}

.breadcrumbs span {
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.doclist-sidebar h2 {
    font-family: 'black_mangoextrabold';
    font-size: 16px;
    line-height: 26px;
    color: #151730;
    text-transform: uppercase;
}

.doclist-sidebar h2.sidebar-hd {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 16px;
}

.doclist-sidebar h2.sidebar-hd a {
    float: right;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 19px;
    font-family: "Acumin Variable Concept";
    font-weight: 600;
    color: #988EE4;
}

.lang-arabic .doclist-sidebar h2.sidebar-hd a {
    float: left;
}

.sd-concern-box {
    padding: 20px 20px 0;
    background: #BAB1FF;
}

.sd-concern-box .twitter-typeahead {
    width: 100%;
}

/* input.sd-concern{background:#FFFFFF url("../images/sd-concern-search.svg") 10px 15px no-repeat; border:1px solid #ABAAAA; padding:0 20px 0 46px; line-height:45px; text-transform:uppercase; font-size:14px; font-family:"Acumin Variable Concept"; font-weight:700; color:#000; outline:none; width:100%;} */
input.sd-concern {
    background-color: #FFFFFF !important;
    background-image: url("../images/sd-concern-search.svg");
    background-position: 10px 18px;
    background-repeat: no-repeat;
    border: 1px solid #ABAAAA;
    padding: 10px 20px 0 46px;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Acumin Variable Concept";
    font-weight: 700;
    color: #000;
    outline: none;
    width: 100%;
}

input.sd-concern:focus,
input.sd-concern:active {
    outline: none;
    box-shadow: none;
}

.sd-concern-box hr {
    border: 1px solid #988EE4;
    margin: 20px 0 0 0;
}

.lang-arabic .hd-cross {
    right: auto;
    left: 20px;
}

.lang-arabic .sd-concern {
    padding: 5px 46px 0 20px;
    text-align: right;
    background-position: 96% center;
}


.doclist-sidebar .accordion-item {
    background: #BAB1FF;
    padding: 20px;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}

.doclist-sidebar .accordion-item button.accordion-button {
    position: relative;
    box-shadow: none;
    background: unset;
    border: none;
    padding: 0;
    border-radius: 0;
    font-family: 'black_mangoextrabold';
    font-size: 16px;
    line-height: 26px;
    color: #151730;
    text-transform: uppercase;
}

.doclist-sidebar .accordion-item button.accordion-button:after {
    color: #000;
    content: "\f107";
    font: var(--fa-font-solid);
    position: absolute;
    right: 0;
    font-size: 16px;
    width: 15px;
    height: 15px;
    background: unset;
    display: none;
}

.lang-arabic .doclist-sidebar .accordion-item button.accordion-button:after {
    right: auto;
    left: 0;
}

.doclist-sidebar .accordion-body {
    padding: 0;
    margin-top: 26px;
}

.doclist-sidebar ul {
    max-height: 210px;
    overflow-x: auto;
    scrollbar-color: #151730 #ddd;
    scrollbar-width: thin;
}

.chk-list li,
.rad-list li {
    clear: both;
    margin-bottom: 16px;
}

.chk-list li input[type=checkbox],
.rad-list li input[type=radio] {
    display: none;
}

.chk-list li label:before,
.rad-list li label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 23px;
    height: 23px;
    background: #fff;
    border: 1px solid #A7ABC8;
}

.rad-list li label:before {
    border-radius: 50%;
}

.chk-list li label,
.rad-list li label {
    position: relative;
    cursor: pointer;
    line-height: 23px;
    display: block;
    padding-left: 42px;
    height: 23px;
    color: #151730;
    font-size: 16px;
}

.chk-list li.checked label,
.rad-list li.rad-checked label {
    font-weight: bold;
}

.chk-list li.checked label:before,
.rad-list li.rad-checked label:before {
    background: #D0FF4E;
    content: "\f00c";
    font: var(--fa-font-solid);
    color: #151730;
    line-height: 23px;
    text-align: center;
}

.lang-arabic .chk-list li label:before,
.lang-arabic .rad-list li label:before {
    right: 0;
}

.lang-arabic .chk-list li label,
.lang-arabic .rad-list li label {
    padding-right: 42px;
}

.doclist-sidebar label img {
    height: 100%;
    width: auto;
}

.a-more {
    text-decoration: underline;
    text-align: right;
    display: block;
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 26px;
    color: #151730;
}

.lang-arabic .a-more {
    text-align: left;
}

#loadProcedureMore,
#loadTechMore {
    display: none;
}

#procedure-list li {
    display: none;
}

#tech-list li {
    display: none;
}

.doc-list-ttl {
    font-family: 'black_mangosemibold';
    display: inline-block;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 26px;
    color: #151730;
}

.sort-sel {
    position: relative;
    line-height: 40px;
    float: right;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #151730
}

.sort-sel .filter-a,
.sort-sel .sort-a i {
    display: none;
}

.lang-arabic .sort-sel {
    float: left;
}

label.for-select {
    background: #FFFFFF;
    font-size: 16px;
    line-height: 37px;
    height: 37px;
    display: inline-block;
    border: 1px solid #A7ABC8;
    margin-left: 5px;
    position: relative;
}

label.for-select select {
    position: relative;
    z-index: 2;
    padding: 0 40px 0 20px;
    color: #151730;
    font-size: 16px;
    line-height: 37px;
    height: 37px; 
    min-width: 180px;
    appearance: none;
    border: none;
    box-shadow: none;
    background: unset;
}
select:focus-visible {
    outline: none;
    border: none;
}

.lang-arabic label.for-select select {

    padding: 0 20px 0 40px;
}
label.for-select:after {
    width: 22px;
    height: 22px;
    content: "\f107";
    color: #A7ABC8;
    font: var(--fa-font-solid);
    right: 5px;
    position: absolute;
    font-size: 16px;
    top: 12px;
    z-index: 1;
}

.lang-arabic label.for-select:after {
    right: auto;
    left: 5px;
}

hr,
.doc-list hr {
    border-bottom: 1px solid #D9DDEB;
}

.doc-list ul#doc-list {}

.doc-list-con {
    display: inline-block;
}

.doc-list ul#doc-list li,
.clinic-tb-doclist ul#clinic-doc-list li {
    background: #FFFFFF;
    border: 1px solid #A7ABC8;
    padding: 20px 40px 30px 20px;
    margin-bottom: 30px;
}

.doc-list ul#doc-list li:hover,
.clinic-tb-doclist ul#clinic-doc-list li:hover {
    box-shadow: 0px 10px 15px #00000029;
    border: 1px solid #151730;
}

.doc-pic {
    width: 150px;
    height: auto;
    margin-right: 15px;
    float: left;
    border: 1px solid #F3EFEE;
}

.lang-arabic .doc-pic {
    margin-right: auto;
    margin-left: 15px;
    float: right;
}

.doc-pic img {
    width: 100%;
    height: auto;
}

.doc-dets {
    float: left;
}

.lang-arabic .doc-dets {
    float: right;
}

.doc-dets h3 {
    margin-bottom: 7px;
}

.doc-dets h3 a {
    font-family: 'black_mangoextrabold';
    font-size: 18px;
    line-height: 24px;
    color: #141730;
}

.doc-dets h3 span.visiting {
    margin-left: 50px;
    display: block;
    float: right;
    color: #1D2131;
    background: #D0FF4E;
    border-radius: 25px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
}

.lang-arabic .doc-dets h3 span.visiting {
    margin-left: 0;
    margin-right: 50px;
    float: left;
}

.doc-dets h3 span.visiting i {
    color: #1D2131;
    line-height: 36px;
    font-size: 16px;
}

.doc-dets .clinic-nm {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 24px;
    color: #151730;
}

.doc-dets .clinic-nm a {}

.lang-arabic .doc-dets .clinic-nm a {
    /*float:left;*/
}

.doc-dets .clinic-nm a i {
    margin-right: 10px;
    font-size: 20px;
    color: #BAB1FF;
}

.lang-arabic .doc-dets .clinic-nm a i {
    margin-right: 0px;
    margin-left: 10px;
}

.doc-dets .clinic-nm a span {
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #BAB1FF;
}

.doc-dets .doc-rating {
    margin-bottom: 8px;
}

.doc-dets .doc-rating a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #BAB1FF;
}

.doc-dets .doc-rating a span {
    color: #282828;
}

.lang-arabic .doc-dets .doc-rating a span {
    display: inline-block;
}

.doc-dets h4 {
    color: #151730;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

.doc-dets h4 a:hover,
.doc-det-details h4 a:hover,
.doc-dets .clinic-nm a:hover,
.doc-det-details h6 a:hover {
    color: #BAB1FF;
    font-weight: bold;
}

.doc-dets p {
    max-width: 380px;
    color: #151730;
    font-size: 14px;
    line-height: 24px;
    min-width: 380px;
}

.avail-link {
    float: right;
    border-left: 1px solid #D9DDEB;
    /* margin-left: 40px; */
    padding-left: 40px;
    height: 185px;
    display: flex;
    align-items: center;
}

.lang-arabic .avail-link {
    float: left;
    border-left: none;
    border-right: 1px solid #D9DDEB;
    /* margin: 0 40px 0 0; */
    padding: 0 40px 0 0;
}

.doc-cen-loadmore {
    display: none;
    text-align: center;
}

.adv-banner {
    float: right;
    width: 23%;
}

.lang-arabic .adv-banner {
    float: left;
}

.adv-banner img {
    width: 100%;
    height: auto;
}


/* doctor details page */
.doc-det-topbox {
    background: #FFFFFF;
    margin-bottom: 30px;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    padding: 30px;
}

.doc-det-pic {
    width: 300px;
    float: left;
    height: auto;
    margin-right: 35px;
    border: 1px solid #F3EFEE;
}

.lang-arabic .doc-det-pic {
    float: right;
    margin: 0 0 0 35px;
}

.doc-det-pic img {
    width: 100%;
    height: auto;
}

.doc-det-details {}

.doc-det-details h2 {
    font-family: 'black_mangosemibold';
    font-size: 32px;
    line-height: 57px;
    color: #151730;
    position: relative;
    display: inline;
}

.doc-det-details h2 a.hrt-icon {
    position: absolute;
    right: -70px;
    top: -20px;
    color: #BAB1FF;
    font-size: 32px;
    height: 32px;
    display: block;
}

.lang-arabic .doc-det-details h2 a.hrt-icon {
    left: -70px;
    right: auto;
}

.doc-det-details h2 a.hrt-icon .fa-regular {
    display: block;
}

.doc-det-details h2 a.hrt-icon .fa-solid {
    display: none;
}

.doc-det-details h2 a.hrt-icon:hover .fa-solid,
.doc-det-details h2 a.hrt-icon:focus .fa-solid {
    display: block;
}

.doc-det-details h2 a.hrt-icon:hover .fa-regular,
.doc-det-details h2 a.hrt-icon:focus .fa-regular {
    display: none;
}

.doc-det-details h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin-bottom: 10px;
}

.doc-det-details h6 a.loc-link {
    font-weight: bold;
    color: #BAB1FF;
    margin-left: 45px;
}

.doc-det-details h6 a i {
    margin-right: 10px;
    font-size: 20px;
    color: #BAB1FF;
}

.lang-arabic .doc-det-details h6 a i {
    margin-left: 10px;
    font-size: 20px;
    color: #BAB1FF;
}

.doc-det-details h6 a span {
    text-decoration: underline;
}

.doc-det-rating {
    margin-top: 20px;
    margin-bottom: 26px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
}

.doc-det-rating img {
    margin-right: 10px;
    width: 26px;
    height: auto;
}

.doc-det-rating a {
    margin-left: 26px;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #BAB1FF;
}

.lang-arabic .doc-det-rating a {
    margin-right: 26px;
    margin-left: auto;
}

.doc-det-rating a span {
    color: #282828;
}

.doc-det-details h4 {
    color: #151730;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.doc-det-social-con {
    margin-top: 22px;
    font-size: 16px;
    line-height: 24px;
    color: #151730;
}

.doc-det-social-con span {
    display: block;
    float: left;
    margin-right: 15px;
}

.lang-arabic .doc-det-social-con span {
    float: right;
}

.doc-det-social {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}

.doc-det-social li {
    display: block;
    margin-right: 22px;
}

.doc-det-tabbox {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    position: relative;
}

.doc-det-tabs {
    padding: 0;
    border-bottom: 1px solid #A7ABC8;
}

.doc-det-tabs button {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding: 32px 0;
    margin: 0 33px;
    color: #151730;
    border: none;
    outline: none;
    transition: none;
}

.doc-det-tabs.nav-tabs button:hover,
.doc-det-tabs.nav-tabs button:focus,
.doc-det-tabs.nav-tabs button.active {
    color: #BAB1FF;
    font-weight: bold;
    background: unset;
    border: none;
}

.doc-det-tabs.nav-tabs button:focus:after,
.doc-det-tabs.nav-tabs button:hover:after,
.doc-det-tabs.nav-tabs button.active:after {
    border: 3px solid #BAB1FF;
    position: absolute;
    left: 0;
    bottom: -2px;
    right: 0;
    height: 1px;
    width: 100%;
    content: "";
    border-radius: 4px;
}

.doc-det-tabcon {
    padding: 50px 35px;
}

.doc-det-tabcon h3 {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    margin: 30px 0 16px;
}

.doc-det-tabcon p,
.user-content p {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin-bottom: 22px;
}

.doc-det-tabcon ul li {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin: 15px;
}

.rev-ttl {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
    color: #000000;
}

.overall-rating {}

.overall-rating h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #151730;
}

.overall-rating h1 {
    font-weight: bold;
    font-size: 42px;
    line-height: 52px;
    color: #151730;
    margin-bottom: 50px;
}

.overall-rating h1 img {
    width: 26px;
    height: auto;
    margin-right: 10px;
}

.lang-arabic .overall-rating h1 img {
    margin: 0 0 0 10px;
}

.overall-rating h1 a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #151730;
}

.doc-det-con-top-btn.btn {
    margin: 25px 0 58px;
}

.reviews-list {}

.review-list-hd {
    margin-bottom: 25px;
}

.review-list-hd label {
    font-weight: 500;
    margin-right: 15px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.32px;
    color: #151730;
}

.review-list-hd label.for-select {
    border: 1px solid #151730;
}

.review-list-hd label.for-select:after {
    color: #151730;
}

.review-list-hd select {
    font-weight: 600;
    width: 200px;
}

.reviewer-rows {}

.reviewer-rows>li {
    padding: 25px 0 25px 25px;
    border-top: 1px solid #A7ABC8;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}

.reviewer-pic {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 36px;
}

.lang-arabic .reviewer-pic {
    margin: 0 0 0 36px;
}

.reviewer-pic img {
    width: 100%;
    height: auto;
}

.reviewer-con {
    width: 90%;
}

.rev-name {
    font-family: 'black_mangobold';
    font-size: 18px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 12px;
}

.rev-rating {
    margin-bottom: 22px;
}

.rev-rating img {
    width: 20px;
    height: auto;
    margin-right: 12px;
}

.rev-up-photos {}

.rev-up-photos li {
    margin: 0 15px 30px 0;
    float: left;
    display: block;
}

.lang-arabic .rev-up-photos li {
    float: right;
}

.rev-up-photos li img {
    width: 65px;
    height: auto;
}

.rev-comment {}

.rev-com-ttl {
    font-family: 'black_mangobold';
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 26px;
    color: #151730;
}

.rev-comment p {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    display: inline-block;
    width: 80%;
}

.reply-link {
    float: right;
}

.lang-arabic .reply-link {
    float: left;
}

.reply-box {
    margin-top: 35px;
    width: 80%;
}

.reply-ttl {
    font-family: 'black_mangobold';
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 26px;
    color: #000000;
}

.reply-ttl a {
    float: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #BAB1FF;
}

.lang-arabic .reply-ttl a {
    float: left;
}

.reply-box textarea {
    background: #FFFFFF;
    padding: 15px;
    border: 1px solid #A7ABC8;
    width: 100%;
    height: 140px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-bottom: 16px;
}

.reply-box .btn {
    float: right;
}

.lang-arabic .reply-box .btn {
    float: left;
}

.reply-list li {
    padding: 20px 0 20px 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}

.reply-list .reviewer-con {
    width: 88%;
}

.reply-list-child .reviewer-con {
    width: 88%;
}


.reply-box {
    display: none;
}


/* Write a review popup */
.starrating {
    justify-content: flex-end;
}

.starrating>input {
    display: none;
}

/* Remove radio buttons */
.starrating>label:before {
    content: "";
    width: 26px;
    height: 26px;
    background-size: 26px auto;
    background: url(../images/star.svg) no-repeat;
    display: inline-block;
}

.starrating>label {
    background: url(../images/star.svg) no-repeat;
    /* Star color when not clicked */
    margin-right: 10px;
}

.starrating>input:checked~label:before {
    background: url(../images/star-selected.svg) no-repeat;
}

/* Set yellow color when star checked */
.starrating>input:hover~label:before {
    background: url(../images/star-selected.svg) no-repeat;
}

/* Set yellow color when star hover */

.frm-row h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
    color: #151730;
}

.review-modal-body h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #000000;
}

.wrt-rev-hd {
    border-bottom: 1px solid #A7ABC8;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.wrt-rev-hd label {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #151730;
}

.wrt-rev-hd label:nth-child(2) {
    margin-left: 80px;
}

.wrt-rev-hd label span {
    color: #151730;
    font-weight: bold;
}


/* q a list */
.qa-list-con {
    border-top: 1px solid #A7ABC8;
    padding-top: 50px;
}

.qa-list {}

.qa-list .accordion-item {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #A7ABC8;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: none;
}

.qa-list .accordion-header {}

.qa-list .accordion-header button {
    background: unset;
    box-shadow: none;
    padding: 0 0 0 35px;
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    position: relative;
}

.qa-list .accordion-header button:after {
    content: "\f0fe";
    transform: none;
    left: 0;
    font: var(--fa-font-regular);
    background: unset;
    width: 22px;
    height: 22px;
    right: auto;
    color: #BAB1FF;
    font-size: 24px;
    position: absolute;
}

.lang-arabic .qa-list .accordion-header button {
    padding: 0 35px 0 0;
}

.lang-arabic .qa-list .accordion-header button:after {
    right: 0;
    left: auto;
}

.qa-list .accordion-button:not(.collapsed)::after {
    content: "\f146";
}

.qa-list .accordion-body {
    margin-top: 13px;
    padding: 0 0 0 35px;
}

.lang-arabic .qa-list .accordion-body {
    padding: 0 35px 0 0;
}

.qa-list .accordion-body p {}

.qa-list .doc-q-answer {
    padding: 20px 0 10px 35px;
    border-top: 1px solid #A7ABC8;
    position: relative;
}

.qa-list .doc-q-answer:before {
    transform: matrix(-1, 0, 0, -1, 0, 0);
    width: 18px;
    height: 18px;
    color: #A7ABC8;
    position: absolute;
    left: 0;
    top: 20px;
    font: var(--fa-font-solid);
    font-size: 18px;
    content: "\f3e5";
}

.lang-arabic .qa-list .doc-q-answer {
    padding: 20px 35px 10px 0;
}

.lang-arabic .qa-list .doc-q-answer:before {
    left: auto;
    right: 0;
    transform: none;
}

.qa-list .doc-q-answer h4 {
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin-bottom: 8px;
}

.qa-list .doc-q-answer h4 a {
    font-family: 'black_mangobold';
}

.qa-list .doc-q-answer h4 a:hover {
    color: #BAB1FF;
}

.qa-list .doc-q-answer p {}


.ask-qa-hd label {
    font-weight: 500;
    margin-bottom: 30px;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #151730;
}

.ask-qa-hd label span {
    color: #151730;
    font-weight: bold;
    margin-left: 16px;
}

.doc-photos-gallery-con {
    border-top: 1px solid #A7ABC8;
    padding-top: 20px;
}

.doc-photos-gallery {
    flex-flow: wrap;
    display: flex;
    /* justify-content:space-between */
    ;
}

.doc-photos-gallery li {
    width: 23%;
    margin-bottom: 50px;
}

.doc-photos-gallery li a {
    display: block;
}

.doc-photos-gallery li img {
    width: 100%;
    height: auto;
}

.doc-det-tabcon .offers-caro {
    margin-top: 30px;
    width: 100%;
}

.doc-det-offer-box h3 {
    margin-top: 10px;
}

.doc-det-offer-box h6 {
    margin-bottom: 32px;
}

.doc-det-offer-box hr {
    margin-bottom: 32px;
}

.doc-det-offer-box .toget-offer {
    font-family: 'black_mangoextrabold';
    text-transform: uppercase;
    color: #151730;
    font-size: 30px;
    margin-bottom: 25px;
}

.doc-det-offer-box .toget-offer .grey {
    color: #BAB1FF;
    font-family: 'black_mangoextrabold';
    font-size: 24px;
    line-height: 38px;
}

.doc-det-offer-box .purple-bar {
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    background: #904BFF;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}


/* login, signup, forgot pwd pages */
.login-page .logo {
    width: 40%;
    margin-right: 20px;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
}

.login-page .logo img {
    width: 100%;
    height: auto;
}

.login-box {
    background: #fff;
    box-shadow: 0px 30px 30px #00000033;
    width: 35%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10%;
    padding: 35px 100px 20px;
}

.login-box h2 {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.login-box form {
    margin-top: 20px;
}

.frm-row .input-group {
    position: relative;
}

.frm-row .input-group .input-group-addon {
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 6;
}

.frm-row .input-group .input-group-addon i {
    color: #A7ABC8;
}

.login-box .frm-row label {
    margin-bottom: 12px;
}

.login-box .frm-row {
    margin-bottom: 20px;
}

.login-box .chk-row {}

.login-box .chk-row a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #BAB1FF;
}

.login-box .chk-row a:hover {
    color: #000;
}

.login-box .chk-row label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #A7ABC8;
}

.login-box .chk-row input[type="checkbox"] {
    display: none;
}

.login-box .chk-row label {
    position: relative;
    line-height: 26px;
    display: block;
    padding-left: 42px;
    min-height: 26px;
    color: #151730;
    font-size: 16px;
    float: left;
}

.login-box .chk-row label a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #BAB1FF;
}

.login-box .chk-row.checked label {
    font-weight: bold;
}

.login-box .chk-row.checked label:before {
    background: #D0FF4E;
    content: "\f00c";
    font: var(--fa-font-solid);
    color: #151730;
    line-height: 26px;
    text-align: center;
}

.login-box .btn-primary {
    margin-top: 20px;
}

.login-box .btn-outlined-primary {
    margin-top: 20px;
}

.login-box h3 {
    margin: 30px 0;
    text-align: center;
    text-transform: uppercase;
    color: #151730;
    line-height: 26px;
    font-size: 16px;
    font-family: 'black_mangobold';
}

.login-bot-s-btns a {
    width: 47%;
    text-align: center;
    height: 50px;
    background: #FFFFFF;
    border: 2px solid #151730;
    display: block;
    line-height: 50px;
}

.login-bot-s-btns a:hover {
    background: #BAB1FF;
}

.sign-up-link {
    margin-top: 60px;
    display: block;
    text-align: center;
    font-family: 'black_mangosemibold';
    font-size: 14px;
    line-height: 22px;
    color: #151730;
}

.sign-up-link span {
    margin-left: 20px;
    color: #151730;
    text-transform: uppercase;
    font-family: 'black_mangoextrabold';
    font-size: 16px;
}

.signin-tagline {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #BAB1FF;
}


/* Subscribe */
.h3_ttl {
    margin-bottom: 100px;
    text-align: center;
}

.h3_ttl h3 {
    font-family: 'black_mangosemibold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
}

.subscribe-offers-con {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.subscribe-offers-con .offers-box {}

.subscribe-offers-con .offers-box h5 {
    font-family: 'black_mangobold';
    font-size: 25px;
    line-height: 40px;
    color: #BAB1FF;
}

.subscribe-offers-con .offers-box h1 {
    font-family: 'black_mangosemibold';
    font-size: 60px;
    color: #151730;
}

.subscribe-offers-con .offers-box p {
    font-size: 18px;
    line-height: 30px;
    color: #151730;
}

.subscribe-offers-con .offers-box hr {
    border: 1px solid #E9E9F0;
    margin-bottom: 40px;
}

.subscribe-offers-con .offers-box a.btn {
    margin-top: 40px;
}

.subscribe-big-p {
    min-height: 210px;
}

/* payment page */
.payment {
    padding: 60px 0 100px;
}

.payment h2 {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 25px;
}

.payment-box {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    margin-bottom: 25px;
}

.payment-box ul {
    padding: 30px 20px;
}

.payment-box li {
    margin-bottom: 20px;
}

.payment-box h3 {
    padding: 0 20px;
    line-height: 50px;
    background: #BAB1FF;
    font-family: 'black_mangobold';
    font-size: 20px;
    color: #151730;
}

.payment-box p {
    padding: 30px 20px;
    font-size: 16px;
    line-height: 30px;
    color: #151730;
}

.payment-box p span {
    float: right;
}

.payment-box .pay-ft {
    border: 1px solid #BBAEB8;
    padding: 0 20px;
    font-weight: bold;
    line-height: 50px;
    color: #151730;
    font-size: 16px;
}

.payment-box .pay-ft span {
    float: right;
}

/* Summary */
.summary {
    padding: 50px 0;
}

.summary-box {
    background: #FFFFFF;
    text-align: center;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    padding: 30px 0 0;
}

.summary-box h2 {
    font-family: 'black_mangobold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
    margin-bottom: 10px;
}

.summary .summary-box h5 {
    margin-bottom: 20px;
    margin-top: 0px;
}

.summary-box p {
    font-size: 16px;
    line-height: 24px;
    width: 50%;
    margin: 0 auto 50px;
    color: #151730;
}

.summary-box p a {
    text-decoration: underline;
    color: #BAB1FF;
}

.summary-tbl {
    border-top: 1px solid #A7ABC8;
    padding-top: 20px;
    padding-bottom: 30px;
}

.summary-tbl h6 {
    font-family: 'black_mangosemibold';
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 38px;
    color: #151730;
}

.summary-tbl ul {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0 30px;
}

.summary-tbl ul li {
    width: 20%;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    color: #151730;
}

.summary-tbl ul li span {
    display: block;
    color: #151730;
    font-weight: bold;
    margin-top: 15px;
}

.summary h5 {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    margin-top: 90px;
    text-align: center;
    color: #151730;
}

.mem-card {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    max-width: 540px;
    margin: 40px auto 130px;
}

.mem-card-hd {
    background: #BAB1FF;
    padding: 40px 0 12px 45%;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.6px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.mem-card-hd span {
    display: block;
    margin-bottom: 6px;
}

.mem-card-hd span img {
    width: 100px;
    height: auto;
}

.mem-card-con {
    padding: 35px 40px 45px 45%;
    position: relative;
}

.mem-card-pic-con {
    position: absolute;
    left: 50px;
    top: -64px;
    text-align: center;
}

.mem-card-pic {
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    width: 128px;
    height: 128px;
    overflow: hidden;
}

.mem-card-pic img {
    width: 100%;
    height: auto;
}

.mem-card-pic-con h3 {
    font-family: 'black_mangosemibold';
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.9px;
    color: #151730;
}

.mem-card-pic-con h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.48px;
    color: #A7ABC8;
}

.mem-card-dets li {
    margin-bottom: 10px;
    color: #151730;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.48px;
}

.mem-card-dets li span {
    color: #151730;
    font-weight: 400;
    width: 110px;
    display: block;
    float: left;
}

.mem-card-btns {
    margin: 20px 0 30px;
}

/* offer avail popup */
#offer-avail-pop .modal-body {
    padding: 40px 50px;
    text-align: center;
}

#offer-avail-pop button.modal-close {
    position: absolute;
    color: #A7ABC8;
    font-size: 12px;
    right: 15px;
    top: 15px;
}

#offer-avail-pop h2 {
    margin-bottom: 30px;
    text-align: center;
    font-family: 'black_mangobold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
}

#offer-avail-pop .offers-box {
    margin: 60px auto 20px;
    max-width: 400px;
    padding: 0 20px 20px;
}

#offer-avail-pop p {
    line-height: 42px;
    margin-bottom: 20px;
}

#offer-avail-pop .btn-primary {}

#offer-avail-pop .btn-outlined-primary {}

#offer-avail-pop .mem-card {
    margin-bottom: 30px;
}

#offer-avail-pop .mem-card-hd {
    text-align: left;
}

.offer-availed-alert_con {
    position: relative;
}

.offer-availed-alert {
    position: absolute;
    left: 50%;
    top: -10px;
    border-radius: 0;
    border: none;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #151730;
    box-shadow: 0px 10px 10px #00000033;
    color: #fff;
    font-family: 'black_mangobold';
    font-size: 14px;
    line-height: 24px;
    padding: 10px 30px 10px 20px;
}

.offer-availed-alert i {
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
    height: 24px;
    display: block;
    float: left;
}

.lang-arabic .offer-availed-alert i {
    margin: 0 0 0 10px;
    float: right;
}


/* Beauty News */
.beauty-news h2.beauty-news-ttl {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    float: left;
    margin: 0;
}

.bn-hd-rgt {}

.bn-filter,
.bn-sort {
    font-weight: 500;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #151730;
}

.bn-sort {
    margin-left: 40px;
}

.bn-hr {
    margin: 10px 0 50px;
}

.bn-featured {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    margin-bottom: 30px;
    padding: 30px 30px 50px;
}

.bn-fea-pic {
    width: 40%;
    height: auto;
    float: left;
    margin-right: 60px;
}

.lang-arabic .bn-fea-pic {
    float: right;
    margin-left: 60px;
    margin-right: 0;
}

.bn-fea-pic img {
    width: 100%;
    height: auto;
}

.beauty-news h2 {
    color: #151730;
    font-family: 'black_mangoextrabold';
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.beauty-news p {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin-bottom: 50px;
}

.bn-readmore {
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 24px;
    color: #BAB1FF;
    margin-top: 20px;
}

.bn-readmore:hover {
    color: #151730;
}

.bn-doc {}

.lang-arabic .bn-doc {
    float: right;
}

.bn-doc-pic {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.lang-arabic .bn-doc-pic.fl {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.bn-doc-pic img {
    width: 100%;
    height: auto;
}

.bn-doc h5 {
    color: #151730;
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 24px;
}

.bn-doc h6 {
    color: #151730;
    font-size: 16px;
    line-height: 24px;
}

.bn-doc-det {
    padding-top: 10px;
}

.bn-list {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    padding: 30px 20px 50px;
}

.bn-list ul {
    display: flex;
    flex-flow: wrap;
}

.bn-list ul li {
    width: 23%;
    margin: 0 10px 50px;
    display: none;
}

.bn-list-pic {
    overflow: hidden;
    margin-bottom: 30px;
}

.bn-list-pic img {
    width: 100%;
    height: auto;
}

.bn-list-con {
    min-height: 280px;
}

.bn-list ul li h2 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.bn-list ul li p {
    font-size: 14px;
}

.bn-list ul li .bn-doc-pic {
    width: 47px;
    height: 47px;
}

.bn-list ul li .bn-doc-det {
    padding-top: 0;
}

#load-bn-listMore {
    margin-top: 80px;
}

/* bn details */
.bn-details-con {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
    margin-bottom: 30px;
    padding: 30px 30px 50px;
}

.bn-details {}

.bn-det-pic {
    width: 100%;
    margin-bottom: 40px;
}

.bn-det-pic img {
    width: 100%;
    height: auto;
}

.bn-details h2 {
    font-family: 'black_mangoextrabold';
    font-size: 36px;
    line-height: 62px;
}

.bn-details p {
    font-size: 16px;
    line-height: 24px;
}

.bn-details hr {
    margin: 30px 0;
    border: 1px solid #A7ABC8;
}

.bn-details {}

.bn-det-nav {}

.bn-det-nav-prev,
.bn-det-nav-next {
    color: #151730;
    font-family: 'black_mangoextrabold';
    font-size: 16px;
    line-height: 60px;
    padding-left: 80px;
    position: relative;
}

.bn-det-nav-next,
.lang-arabic .bn-det-nav-prev {
    padding-left: 0;
    padding-right: 80px;
}

.lang-arabic .bn-det-nav-next {
    padding-left: 80px;
    padding-right: 0px;
}

.bn-det-nav-prev::before,
.bn-det-nav-next::before {
    position: absolute;
    content: "\f104";
    font: var(--fa-font-solid);
    border: 1px solid #A7ABC8;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: 0;
    color: #151730;
    text-align: center;
    line-height: 60px;
    font-size: 28px;
}

.bn-det-nav-next::before,
.lang-arabic .bn-det-nav-prev::before {
    right: 0;
    left: auto;
    content: "\f105";
}

.lang-arabic .bn-det-nav-next::before {
    left: 0;
    right: auto;
    content: "\f104";
}

.bn-det-nav-prev:hover,
.bn-det-nav-next:hover {
    color: #A7ABC8;
}

.bn-det-nav-prev:hover::before,
.bn-det-nav-next:hover::before {
    color: #fff;
    background: #A7ABC8;
}



.bn-det-sidebar {
    padding-left: 20px;
}

.bn-det-sidebar h3 {
    font-family: 'black_mangoextrabold';
    font-size: 20px;
    line-height: 31px;
    color: #151730;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.bn-concern-list a {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #151730;
}

.bn-concern-list a:hover {
    color: #A7ABC8;
}

.sd-rel-posts {
    margin-top: 40px;
}

.sd-rel-posts li {}

.sd-rel-posts li a {
    display: block;
    margin-bottom: 30px;
}

.rel-sd-posts-pic {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

.lang-arabic .rel-sd-posts-pic {
    margin-left: 10px;
    margin-right: 0;
}

.sd-rel-posts li h4 {
    font-family: 'black_mangobold';
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    margin-bottom: 12px;
}

.sd-rel-posts li a:hover h4 {
    color: #A7ABC8;
}

.sd-rel-posts li h6 {
    color: #151730;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}


/* user pages */
/* my membership */
.user-sidebar,
.user-content {
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #0000001A;
    border: 1px solid #A7ABC8;
}

.user-content {
    padding: 20px 30px;
}

.user-sidebar {
    padding: 0 30px 30px;
}

.u-sd-name {
    padding: 20px 30px;
    text-align: center;
}

.u-sd-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
}

.u-sd-pic img {
    width: 100%;
    height: auto;
}

.u-sd-name h2 {
    color: #000000;
    font-size: 24px;
    line-height: 36px;
    font-family: 'black_mangobold';
    margin-bottom: 5px;
}

.u-sd-name h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #A7ABC8;
}

.user-sidebar h3 {
    font-family: 'black_mangosemibold';
    font-size: 16px;
    line-height: 52px;
    color: #A7ABC8;
}

.user-sidebar ul li a {
    color: #151730;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
}

.user-sidebar ul li a:hover,
.user-sidebar ul li a:focus,
.user-sidebar ul li a.active {
    color: #000;
    font-weight: bold;
}

.user-content h2 {
    font-family: 'black_mangobold';
    font-size: 24px;
    line-height: 38px;
    color: #151730;
}

.user-content .mem-card {
    margin: 30px 0;
}

.form-control::placeholder {
    opacity: 0.5;
}

.user-profile-form {
    width: 50%;
}

.user-mylikes-list li {
    position: relative;
}

.user-mylikes-list li h3 a {
    position: relative;
}

.user-mylikes-list li h3 a i {
    position: absolute;
    right: -40px;
    top: -5px;
    color: #BAB1FF;
    font-size: 18px;
}

.user-mylikes-remove {
    position: absolute;
    right: 10px;
    top: 10px;
    background: unset;
    border: none;
}

.user-mylikes-remove i {
    color: #000000;
    font-size: 18px;
    opacity: 0.2;
}

.hide-on-pc {
    display: none;
}

.user-my-reviews-rows .reviewer-con {
    width: 87%;
}

.user-my-reviews-rows .reply-list .reviewer-con {
    width: 86%;
}

.user-my-reviews-rows .reply-list-child .reviewer-con {
    width: 82%;
}

.user-my-reviews-rows .rev-rating a {
    color: #BAB1FF;
    text-decoration: underline;
}

/* offers page */
.offers-pg-list {
    display: flex;
    flex-flow: wrap; 
}

.offers-pg-list li {
    width: 31%;
    display: none;
    margin-left: 3.5%;
}
.offers-pg-list li:nth-child(3n+1) {
    margin-left: 0;
}
.lang-arabic .offers-pg-list li:nth-child(3n+3) {
    margin-left: 0;
}

.lang-arabic .offers-pg-list li:nth-child(3n+1) {
    margin-left: 3.5%;
}
.offers-pg-list li .offers-box {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
}

/* doctor registration */
.doc-hos-regi {}

.doc-hos-regi #wizard {
    margin: 0 0 40px;
}

.doc-hos-regi .w-800 {
    max-width: 800px;
    margin: 0 auto;
}

.regi-step h3 {
    text-align: center;
    font-family: 'black_mangoextrabold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
    margin-bottom: 25px;
    margin-top: 20px;
}

.regi-step p {
    text-align: center;
    margin-bottom: 20px;
}

.regi-step h6.step-number {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #151730;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 40px;
}

.regi-step1-chk {
    margin-top: 50px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.regi-step1-chk li {
    width: 50%;
    text-align: center;
}

.regi-step1-chk li img {
    width: auto;
    height: 180px;
    margin-bottom: 20px;
}

.regi-step1-chk li label {
    text-align: left;
    width: 160px;
    margin: 0 auto;
}

.single-img-upload {
    position: relative;
    background: #F3EFEE;
    width: 188px;
    height: 188px;
}

.single-img-upload-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.single-img-upload img {
    width: 100%;
    height: auto;
    position: relative;
}

.single-img-upload label {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.single-img-upload input[type="file"] {
    display: none;
}

.doc-step2-pp {
    border-radius: 50%;
    text-align: center;
    margin: 42px auto;
}

.doc-step2-pp .single-img-upload-img {
    border-radius: 50%;
}

.doc-step2-pp label {
    font-family: 'black_mangobold';
    font-size: 15px;
    padding: 60px 35px;
    line-height: 30px;
    color: #151730;
}

.doc-step2-pp label:after {
    width: 46px;
    z-index: 5;
    height: 46px;
    border-radius: 50%;
    background: #151730;
    content: "\f030";
    font: var(--fa-font-solid);
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    display: block;
    right: -10px;
    bottom: 20%;
    text-align: center;
    line-height: 46px;
}


.regi-step-bot-p {
    text-align: center;
    margin-top: 40px;
    font-weight: 600;
    font-size: 16px;
    color: #151730;
}

.regi-step-bot-p a {
    color: #BAB1FF;
    text-decoration: underline;
}

.dd-cl .chk-list {
    display: none;
}

.dd-cl button {
    background: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #A7ABC8;
    position: relative;
    padding: 0 20px;
    color: #151730;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.lang-arabic .dd-cl button {
    text-align: right;
}

.dd-cl button:after {
    width: 22px;
    height: 22px;
    content: "\f107";
    color: #A7ABC8;
    font: var(--fa-font-solid);
    right: 5px;
    position: absolute;
    font-size: 16px;
    top: 12px;
    z-index: 1;
}

.lang-arabic .dd-cl button:after {
    right: auto;
    left: 5px;
}

.dd-cl ul {
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #A7ABC8;
    max-height: 200px;
    overflow-y: auto;
    scrollbar-color: #151730 #ddd;
    scrollbar-width: thin;
}

.tc {
    text-align: center;
}

.step-docu-con {
    margin: 100px 0;
}

.step-docu-con ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.step-docu-con ul li {
    width: 200px;
    margin: 0 28px;
}

.step-docu-con ul li h5 {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
}

.step-docu-con ul li p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.lang-arabic .step-docu-con ul li p {
    text-align: right;
}

.doc-step-docu {
    margin: 25px 0;
}

.doc-step-docu label {
    line-height: 188px;
    font-size: 24px;
    color: #151730;
    z-index: 5;
}

.doctor-regi,
.clinic-regi {
    display: none;
}

.doctor-regi-con .doctor-regi {
    display: block;
}

.clinic-regi-con .clinic-regi {
    display: block;
}

/* contact us */
.inr-ttl {
    font-family: 'black_mangobold';
    line-height: 50px;
    font-size: 32px;
    margin-bottom: 30px;
}

h3.inr-ttl {
    font-size: 26px;
    margin-top: 20px;
}

.contact-form {
    padding-right: 80px;
    border-right: 1px solid #E0E0E0;
}

.lang-arabic .contact-form {
    padding-right: 0;
    border-right: none;
    padding-left: 80px;
    border-left: 1px solid #E0E0E0;
}

.contact-dets {
    padding-left: 80px;
}

.lang-arabic .contact-dets {
    padding-right: 80px;
    padding-left: 0;
}

.contact-dets ul li {
    margin-bottom: 40px;
}

.contact-dets ul li a {
    display: block;
}

.contact-dets ul li a i {
    color: #BAB1FF;
    font-size: 22px;
    display: block;
    margin-right: 18px;
    margin-bottom: 20px;
    line-height: 28px;
}

.lang-arabic .contact-dets ul li a i {
    margin-right: 0;
    margin-left: 18px;
}

.contact-dets ul li a h4 {
    color: #151730;
    font-family: 'black_mangobold';
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 5px;
}

.contact-dets ul li a h6 {
    color: #BAB1FF;
    font-size: 14px;
}


/* About us */
.about-us {
    padding-top: 30px;
}

.abt-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000 url(../images/abt-hd.png) center no-repeat;
    width: 100%;
    height: 400px;
    color: #FBFBFB;
    margin-bottom: 40px;
}

.abt-hd h1 {
    font-family: 'black_mangobold';
    font-size: 100px;
}

.abt-us1 {
    padding: 100px 0 150px;
}

.abt-us1-pic {
    width: 40%;
    margin-left: 100px;
    margin-top: 0;
}

.lang-arabic .abt-us1-pic {
    margin: 0 100px 0 0;
}

.abt-us1-pic img {
    width: 100%;
    height: auto;
}

.about-us h3 {
    color: #151730;
    font-family: 'black_mangobold';
    font-size: 32px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.about-us p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.abt-us2 {
    background: #151730;
    padding: 100px 0;
    position: relative;
}

.abt-us2-con {
    overflow: hidden;
    position: relative;
}

.abt-us2:before {
    left: 0;
    top: 0;
    bottom: 0;
    width: 15%;
    height: 100%;
    position: absolute;
    background: #fff;
    content: "";
}

.lang-arabic .abt-us2:before {
    left: auto;
    right: 0;
}

.abt-us2-pic {
    position: absolute;
    left: 0;
    width: 50%;
    height: auto;
}

.lang-arabic .abt-us2-pic {
    left: auto;
    right: 0;
}

.abt-us2-pic img {
    width: 100%;
    height: auto;
}

.about-us h2 {
    font-family: 'black_mangobold';
    font-size: 36px;
    line-height: 58px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.abt-us2 h3 {
    color: #fff;
}

.abt-us2 p {
    color: #fff;
    line-height: 32px;
}

.abt-us2-det {
    margin-left: 50px;
    padding: 0 0 70px;
}

.lang-arabic .abt-us2-det {
    margin-right: 50px;
    margin-left: 0;
}


/* error 404 */
.error-404 {
    padding: 60px 0 40px;
    text-align: center;
}

.error-404 h3 {
    font-family: 'black_mangosemibold';
    font-size: 42px;
    line-height: 67px;
    color: #151730;
}

.error-404 h1 {
    font-size: 200px;
    line-height: 250px;
    color: #151730;
    font-family: 'black_mangoextrabold';
}

.error-404 h5 {
    color: #A7ABC8;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 60px;
}

/* clinic dets */
.clinic-dets .clinic-nm a {
    float: left;
}

.lang-arabic .clinic-dets .clinic-nm a {
    float: right;
}

.clinic-dets h3 {
    margin-bottom: 10px;
}

.clinic-dets h4 {
    margin-top: 10px;
    font-size: 16px;
    color: #151730;
    font-weight: 500;
    clear: both;
}

.clinic-dets h4 a {
    color: #151730;
    font-weight: 500;
    display: block;
}

.clinic-dets h4 i::before {
    color: #BAB1FF;
}

.clinic-dets .clinic-nm {
    margin: 15px 0;
    height: 24px;
}

.clinic-list-con {
    width: 75%;
}

.doc-det-details .clinic-h6 a {
    margin-left: 0;
}

.clinic-tb-doclist .doc-dets h3 {
    line-height: 24px;
    margin: 0;
}


.mobile-adv-banner {
    display: none;
}

/* user membership history */
.mem-his-list {}

.mem-his-list>li {
    border: 1px solid #A7ABC8;
    display: block;
    padding-left: 20%;
    margin-bottom: 30px;
    position: relative;
    display: none;
}

.mem-his-list li h3 {
    background: #BAB1FF;
    color: #151730;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}

.mem-his-list li h3 b {
    font-family: 'black_mangosemibold';
    font-weight: normal;
    line-height: 50px;
    font-size: 22px;
}

.mem-his-list li h3 span {
    line-height: 1;
    width: 100%;
    font-size: 60px;
    font-family: 'black_mangosemibold';
    display: block;
}

.plan-row {
    border-bottom: 1px solid #A7ABC8;
    padding: 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.plan-row h5 {
    font-family: 'black_mangosemibold';
    font-weight: normal;
    line-height: 2;
    font-size: 22px;
    margin-bottom: 20px;
    width: 100%;
}

.plan-row .plan-col {
    text-align: left;
    font-size: 14px;
    line-height: 18x;
    color: #151730;
}

.plan-row .plan-col span {
    display: block;
    color: #151730;
    font-weight: bold;
    margin-top: 15px;
}

.plan-row .plan-col a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    color: #BAB1FF;
}


/* doc registration page - new design */
.doc-reg h3 {
    color: #151730;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 10px;
}

.doc-reg p {
    color: #151730;
    margin-bottom: 20px;
    font-weight: 500;
}

.doc-reg h6 {
    color: #BAB1FF;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 30px;
}

.doc-reg-ban {
    background: #151730 url("../images/doc-reg-ban-lft.png") left no-repeat;
    background-size: auto 100%;
}

.doc-reg-ban-in {
    background: url("../images/doc-reg-ban-rgt.png") right no-repeat;
    padding: 20px 25%;
    background-size: auto 100%;
}

.doc-reg-ban-in h3 {
    color: #bab1ff;
}

.doc-reg-ban-in p {
    color: #fff;
    margin-bottom: 10px;
}

.doc-reg-ban-in a.btn-primary {
    border: 1px solid #fff;
}

.doc-reg-ban-in-mobile,
.adv-ban-in-mobile {
    width: 100%;
    height: auto;
    /* background:url("../images/doc-reg-ban-mobile.png") right no-repeat; padding:20px 25%; background-size:auto 100%; */
}

.doc-reg-ban-in-mobile img,
.adv-ban-in-mobile img {
    width: 100%;
    height: auto;
}

.doc-reg-apply {
    padding: 80px 0;
}

.doc-reg-apply-icon {
    width: 90px;
    height: auto;
    margin-bottom: 20px;
}

.doc-reg-apply h3 {
    margin-bottom: 30px;
    margin-top: 20px;
}

.doc-reg-apply p img {
    margin: 0 20px;
}

.doc-reg-apply a.btn-primary {}

.doc-reg-marquee {
    position: relative;
    padding: 25px 0 80px;
}

.doc-reg-marquee-circle {
    position: absolute;
    width: 135px;
    left: 45%;
    top: -13%;
    z-index: 1;
}

.doc-reg-marquee-circle img {
    width: 100%;
}

.doc-reg-marquee span img {
    margin: -4px 30px 0 10px;
    height: 20px;
    width: auto;
}

.doc-reg-marquee .marquee-with-options {
    background: #ceff4e;
    border-top: #151730 1px solid;
    padding: 5px 0;
    border-bottom: #151730 1px solid;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    height: 32px;
    width: 100%;
}

.lang-arabic .doc-reg-marquee .marquee-with-options {
    direction: ltr;
}

.doc-reg-marquee span {
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.doc-reg-imagine {
    padding: 40px 0 80px;
}

.doc-reg-imagine h3 {
    margin-bottom: 30px;
}

.doc-reg-imagine ul {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.doc-reg-imagine ul li {
    position: relative;
    margin: 30px 15px;
    padding: 30px 30px 20px;
    background: #FFFFFF;
    text-align: center;
    border: 2px solid #151730;
    width: 25%;
    font-weight: 500;
    color: #151730;
    line-height: 24px;
    font-size: 16px;
    min-height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doc-reg-imagine ul li:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background: url("../images/lime-green-star.svg") center no-repeat;
    background-size: 100% auto;
    left: 45%;
    top: -20px;
}


.doc-reg-works {
    background: #151730 url("../images/doc-reg-works-wave.png") top no-repeat;
    background-size: 100% auto;
    color: #fff;
    padding: 110px 0 80px;
}

.doc-reg-works h3 {
    color: #CEFF4E;
    font-size: 42px;
}

.doc-reg-works p {
    color: #fff;
}

.doc-reg-works ul {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.doc-reg-works ul li {
    position: relative;
    width: 25%;
    margin: 20px 30px;
}

.doc-reg-works ul li h4 {
    color: #F3EFEE;
    font-family: 'black_mangobold';
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 38px;
}

.doc-reg-works ul li img {
    width: 90px;
    height: auto;
    margin-bottom: 20px;
}

.doc-reg-works a.btn-primary {
    background: #CEFF4E;
    color: #151730;
}

.doc-reg-works a.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #CEFF4E;
    color: #151730;
}

.lang-arabic .offset-1,
.lang-arabic .offset-xl-1,
.lang-arabic .offset-xxl-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
}

.lang-arabic .offset-2,
.lang-arabic .offset-lg-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}

.doc-ref-before-after {
    padding: 40px 0 70px;
    margin-bottom: 40px;
    background: url("../images/doc-reg-bef-aft-bg.png") right bottom no-repeat;
}

.lang-arabic .doc-ref-before-after {
    padding: 40px 0 70px;
    margin-bottom: 40px;
    background: url("../images/doc-reg-bef-aft-bg-arabic.png") left bottom no-repeat;
}


.doc-ref-before-after h3 {
    font-size: 46px;
    line-height: 54px;
}

.doc-ref-before-after h5 {
    color: #151730;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    font-style: italic;
}

.doc-ref-before-after .row {
    margin-top: 60px;
}

.doc-ref-before-after ul {
    margin: 20px 0 40px;
}

.doc-ref-before-after ul li {
    color: #141730;
    padding-left: 40px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 25px;
}

.lang-arabic .doc-ref-before-after ul li {
    padding-right: 40px;
    padding-left: 0;
}

.doc-ref-before-after ul li:before {
    width: 24px;
    height: 24px;
    background: url("../images/doc-reg-cross.png") center no-repeat;
    background-size: 100% auto;
    content: "";
    left: 5px;
    position: absolute;
    top: 2px;
    z-index: 1;
}

.lang-arabic .doc-ref-before-after ul li:before {
    right: 5px;
    left: auto;
}

.doc-ref-before-after .doc-reg-after ul li:before {
    left: -10px;
    width: 40px;
    height: 40px;
    background-image: url("../images/doc-reg-tick.png");
}

.lang-arabic .doc-ref-before-after .doc-reg-after ul li:before {
    right: -10px;
    left: auto;
}

.doc-reg-faq {
    padding: 80px 0;
}

.doc-reg-faq h3 {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 30px;
    position: relative;
}

.doc-reg-faq h3:before {
    width: 125px;
    height: 125px;
    position: absolute;
    content: "";
    background: url("../images/doc-reg-faq-circle.png") center no-repeat;
    background-size: 100% auto;
    top: -130px;
    left: -130px;
}

.doc-reg-faq ul {
    margin: 40px 0;
}

.doc-reg-faq ul li {
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
}

.lang-arabic .doc-reg-faq ul li {
    padding-left: 0;
    padding-right: 40px;
}

.doc-reg-faq ul li:before {
    width: 24px;
    height: 24px;
    background: url("../images/sky-blue-star.svg") center no-repeat;
    background-size: 100% auto;
    left: 5px;
    position: absolute;
    top: 2px;
    z-index: 1;
    content: "";
}

.lang-arabic .doc-reg-faq ul li:before {
    right: 5px;
    left: auto;
}

.doc-reg-faq ul li h5 {
    font-style: italic;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}


.doc-reg-question {
    margin: 60px 0 -60px;
    padding: 110px 31% 80px;
    background: #BAB1FF url("../images/doc-reg-ques-wave.png") top center no-repeat;
    background-size: 100% auto;
}

.doc-reg-question h3 {
    margin-bottom: 30px;
    font-size: 46px;
    line-height: 56px;
}

.doc-reg-question h6 {
    color: #151730;
    font-size: 20px;
    line-height: 26px;
}

.doc-reg-question h6 img {
    height: 26px;
    width: auto;
    margin: 0 20px;
}

.doc-reg .doc-reg-question a.btn-primary {
    padding: 15px 45px;
}


/* adv with us */

.adv-us h3 {
    font-size: 42px;
    line-height: 54px;
}

.adv-us h3 img {
    margin: 0 20px;
}

.adv-ban {
    background: #ceff4e url("../images/adv-ban-lft.png") left no-repeat;
    background-size: auto 100%;
}

.adv-ban-in {
    background: url("../images/adv-ban-rgt.png") right no-repeat;
    padding: 30px 0;
    background-size: auto 100%;
}

.adv-ban-con {
    padding-left: 50px;
}

.lang-arabic .adv-ban-con {
    padding: 0;
    margin: 0 30% 0 0;
}

.adv-ban-in h3 {
    color: #151730;
}

.adv-ban-in p {
    color: #151730;
    margin-bottom: 10px;
}

.adv-ban-in a.btn-primary {}

.adv-boxes {
    margin-top: 100px;
    margin-bottom: 80px;
}

.adv-boxes>p {
    font-size: 22px;
}

.adv-boxes-con {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px;
}

.adv-box {
    background: url("../images/adv-box-bg.png") top center no-repeat;
    background-size: 100% 100%;
    width: 25%;
    margin: 0 15px 20px;
    text-align: center;
    padding: 30px 80px 80px;
}

.adv-box:hover {
    background-image: url("../images/adv-box-bg-hover.png");
}

.adv-box img {
    width: 58px;
    height: auto;
    margin-bottom: 50px;
    margin-top: 50px;
}

.adv-box-con {
    min-height: 380px;
}

.adv-box h6 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 10px;
}

.adv-box p {
    margin-bottom: 40px;
    text-align: left;
    font-size: 22px;
    line-height: 28px;
}

.lang-arabic .adv-box p {
    text-align: right;
}

.adv-box a.btn-primary {}

.sweetner-con {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.sweetner-box {
    background: #fff;
    border: 3px solid #151730;
    padding: 40px;
    width: 25%;
    margin: 0 55px 20px;
}

.sweetner-box-img {
    width: 100%;
    margin-bottom: 20px;
}

.sweetner-box-img1 img {
    margin-left: 80px;
    height: 265px;
}

.lang-arabic .sweetner-box-img1 img {
    margin-left: auto;
    margin-right: -160px;
}

.sweetner-box-img2 img {
    margin-top: -30px;
    height: 300px;
}

.sweetner-box-img img {
    width: auto;
}

.sweetner-box h4 {
    font-family: 'black_mangobold';
    color: #151730;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 42px;
}

.sweetner-box h4 span {
    color: #B7AEFF;
    font-family: inherit;
}

.sweetner-box p {
    text-align: left;
    line-height: 28px;
}

.lang-arabic .sweetner-box p {
    text-align: right;
}

.adv-works ul {
    margin-bottom: 50px;
}

.adv-works ul li {
    width: 18%;
    margin: 0 35px;
}

.adv-works ul li h5 {
    color: #B7AEFF;
    font-family: 'black_mangobold';
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

.lang-arabic .adv-works ul li h5 {
    font-size: 16px;
}

.adv-works ul li p {
    min-height: 100px;
}

.adv-works ul li a.btn-primary {
    padding: 16px 15px;
    font-size: 16px;
}


.adv-us-faq {
    padding: 150px 0 80px;
}

.adv-us-faq h3 {
    font-size: 54px;
    line-height: 64px;
}

.adv-us-faq h3:before {
    width: 300px;
    height: 275px;
    position: absolute;
    content: "";
    background: url("../images/adv-us-faq-img.png") center no-repeat;
    background-size: 100% auto;
    top: -215px;
    left: -300px;
}

.adv-us-faq h5 {
    font-style: italic;
}

/* new membership card */
.mem-card2 {
    background: #f3efee;
    width: 100%;
    max-width: 544px;
    margin: 40px auto 100px;
    overflow: hidden;
}

.mem-card2-rgt-top {
    text-align: right;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 6px;
    line-height: 16px;
    color: #151730;
}

.lang-arabic .mem-card2-rgt-top {
    text-align: left;
}

.mem-card2-rgt-top span {
    display: block;
}

.mem-card2-rgt-top span img {
    width: 65px;
    height: auto;
}

.mem-card2-bot {
    background: #b8afff url("../images/mem-card2-bg.jpg") top right no-repeat;
    margin-top: -60px;
}

.mem-card2-pic-con {
    margin-left: -15px;
    width: 200px;
    height: 200px;
    background: #b8afff;
    border: 2px solid #151730;
    border-radius: 50%;
    position: relative;
}

.lang-arabic .mem-card2-pic-con {
    margin-right: -15px;
    margin-left: 0;
}

.mem-card2-pic {
    background: #b8afff;
    border: 2px solid #151730;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    margin: 20px auto 0;
    position: relative;
}

.mem-card2-pic-in {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
}

.mem-card2-pic:before {
    height: 23px;
    position: absolute;
    width: 23px;
    background: url("../images/blue-star.png") 100% center no-repeat;
    content: "";
    top: 6px;
    z-index: 1;
}

.lang-arabic .mem-card2-pic:before {
    left: auto;
    right: 15px;
}

.mem-card2-pic-in img {
    width: 100%;
    height: auto;
}

.mem-card2-plan-name {
    position: absolute;
    height: 70px;
    width: 70px;
    bottom: 40px;
    right: -15px;
}

.mem-card2-plan-name img {
    width: 100%;
    height: auto;
}

.mem-card2-det-con {
    text-align: left;
    margin-top: 90px;
    padding-bottom: 35px;
    margin-right: 40px;
    width: 300px;
}

.lang-arabic .mem-card2-det-con {
    text-align: right;
    margin-right: 0;
    margin-left: 40px;
}

.mem-card2 .mem-card2-det-con h1 {
    margin: 0;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'black_mangoextrabold';
    color: #151730;
}

.mem-card2-det-con h3 {
    text-transform: uppercase;
    margin: 0;
    line-height: 20px;
    color: #151730;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 16px;
}

.mem-card2-det-con ul {}

.mem-card2-det-con ul li {
    font-size: 10px;
    line-height: 17px;
    color: #151730;
    font-weight: 800;
    text-align: left;
}

.lang-arabic .mem-card2-det-con ul li {
    text-align: right;
    clear: both;
}

.mem-card2-det-con ul li span {
    color: #F9F9F9;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 10px;
}

.lang-arabic .mem-card2-det-con ul li span {
    float: right;
    margin: 0 0 0 10px;
}

.mem-card-sm {
    max-width: 400px;
    margin: 10px;
}

.mem-card-sm .mem-card2-pic-con {
    width: 140px;
    height: 140px;
    margin-left: -20px;
    margin-top: -20px;
}

.mem-card-sm .mem-card2-pic {
    width: 100px;
    height: 100px;
}

.mem-card-sm .mem-card2-det-con {
    margin-top: 70px;
    padding-bottom: 20px;
    margin-right: 10px;
    width: 240px;
}

.mem-card-sm .mem-card2-pic::before {
    top: 0;
    left: 3px;
}


/* new subscribe page */
.subscribe-perks-box {
    border: 2px solid #151730;
    width: 90%;
    margin: 110px auto 50px;
    /* box-shadow:0px 20px 30px #0000006B; */
    background: #fff;
    padding: 40px 20%;
}

.subscribe-perk-img {
    width: 262px;
    height: auto;
    margin: -160px auto 10px;
}

.subscribe-perk-img img {
    width: 100%;
    height: auto;
}

.subscribe-perks-box h5 {
    color: #BAB1FF;
    font-family: 'black_mangobold';
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 10px;
}

.subscribe-perks-box h3 {
    color: #151730;
    font-size: 52px;
    border-bottom: 1px solid #E9E9F0;
    font-family: 'black_mangosemibold';
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.subscribe-perks-box p {
    line-height: 30px;
    margin-bottom: 30px;
}

.subscribe-perks-box h6 {
    font-size: 16px;
    color: #151730;
    line-height: 26px;
    font-family: 'black_mangobold';
    margin-bottom: 25px;
}

.subscribe-perks-box-in {
    margin: 10px auto;
    /*background:#F3F6FF; border:1px solid #EEEEF4;*/
    padding: 25px 35px;
}

.subscribe-perks-box-in ul {
    text-align: left;
}

.subscribe-perks-box-in ul li {
    font-size: 16px;
    padding-left: 40px;
    position: relative;
    line-height: 26px;
    margin-bottom: 25px;
    font-weight: 500;
}

.lang-arabic .subscribe-perks-box-in ul li {
    padding-left: 0;
    padding-right: 40px;
}

.subscribe-perks-box-in ul li:before {
    width: 24px;
    height: 24px;
    background: url("../images/sky-blue-star.svg") center no-repeat;
    background-size: 100% auto;
    left: 5px;
    position: absolute;
    top: 2px;
    z-index: 1;
    content: "";
}

.lang-arabic .subscribe-perks-box-in ul li:before {
    right: 5px;
    left: auto;
}

/* registration success */
.success-page {
    min-height: 80vh;
    position: relative;
}

.success-page-box {
    /*background:#F3F6FF; border:1px solid #EEEEF4;*/
    max-width: 850px;
    margin: 200px auto 0;
    padding: 80px;
    text-align: center;
}

.success-page-box h3 {
    color: #151730;
    font-size: 42px;
    line-height: 56px;
    font-family: 'black_mangobold';
    margin-bottom: 20px;
}

.success-page-box h3 img {
    margin: 0 20px;
}

.success-page-box h5 {
    color: #151730;
    font-size: 24px;
    line-height: 32px;
    font-family: 'black_mangobold';
    margin-bottom: 30px;
}

.success-page-box a.btn-primary {}


/* procedure page */
.procedure-list-con {
    width: 75%;
}

.procedure-list-con ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.procedure-list-con ul li {
    width: 25%;
    margin: 30px 0 0;
    display: none;
}

.procedure-list-con ul li .pop-proce-box {
    margin: 100px 15px 30px;
    padding: 0 14px 30px;
}

.proce-cen-loadmore {
    margin-top: 50px;
}


/* doctor details page timing */
h5.doc-timing {
    color: #151730;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

h5.doc-timing i.fa-clock {
    color: #D0FF4E;
}

h5.doc-timing span.dropdown {}

h5.doc-timing span.dropdown a {
    color: #BAB1FF;
    position: relative;
    display: inline-block;
}

h5.doc-timing span.dropdown a:after {
    display: none;
}

h5.doc-timing span.dropdown ul {
    border-radius: 0;
    padding: 10px 15px;
    width: 210px;
    box-shadow: 10px 10px 20px #0000004D;
    border: 2px solid #151730;
    border-top-width: 3px;
    inset: 10px 0 auto auto !important;
}

h5.doc-timing span.dropdown a.show:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid black;
    bottom: -14px;
    right: 0;
    position: absolute;
    display: block;
    content: "";
}

h5.doc-timing span.dropdown ul li {
    color: #6D6F7E;
    font-size: 13px;
    line-height: 24px;
}

.lang-arabic h5.doc-timing span.dropdown ul li {
    font-size: 12px;
    font-weight: 500;
    text-align: right;
}

h5.doc-timing span.dropdown ul li:hover {
    font-weight: bold;
    color: #000000;
}

h5.doc-timing span.dropdown ul li i {
    font-style: normal;
    width: 42px;
    display: inline-block;
}

#tech-list-h4 {}

#tech-list-h4 a {
    display: none;
}

#tech-shw-mr {
    color: #BAB1FF;
    text-decoration: underline;
}

/*

font-family:'Montserrat', sans-serif;
font-family:'black_mangobold';
font-family:'black_mangoextrabold';
font-family:'black_mangosemibold';
font-family:'engravers_mtregular';

*/


.error {
    color: red;margin-top:0.50rem !important;
}

.tech-list-wrapper {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;

}

.tech-list-wrapper ul.tech-list li {
    display: inline-block;
}

.tech-list-wrapper button {
    color: #BAB1FF;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    margin: 5px 0;
}

.lang-arabic .form-control.is-invalid,
.lang-arabic .was-validated .form-control:invalid,
.lang-arabic .form-control.is-valid,
.lang-arabic .was-validated .form-control:valid {
    background-position: left 2% center;
    padding-left: 35px;
    padding-right: 20px;
}

.lang-arabic .form-select.is-invalid:not([multiple]):not([size]),
.lang-arabic .form-select.is-invalid:not([multiple])[size="1"],
.lang-arabic .was-validated .form-select:invalid:not([multiple]):not([size]),
.lang-arabic .was-validated .form-select:invalid:not([multiple])[size="1"],
.lang-arabic .form-select.is-invalid,
.lang-arabic .was-validated .form-select:invalid,
.lang-arabic .form-select.is-valid:not([multiple]):not([size]),
.lang-arabic .form-select.is-valid:not([multiple])[size="1"],
.lang-arabic .was-validated .form-select:valid:not([multiple]):not([size]),
.lang-arabic .was-validated .form-select:valid:not([multiple])[size="1"],
.lang-arabic .form-select.is-valid,
.lang-arabic .was-validated .form-select:valid {
    background-position: left .75rem center, center left 2.25rem;
    padding-left: 35px;
    padding-right: 20px;
}

.lang-arabic .was-validated textarea.form-control:invalid,
.lang-arabic textarea.form-control.is-invalid {
    background-position: left 1% top 2%;
}

.pac-container {
    z-index: 10000;
}

.mo-block {
    display: none;
}
.doclist-sidebar h2.sidebar-hd a.closefilt {
    display: none;
}


.lang-arabic span.btn-concerns.remove_concern {
    left: .5rem;
    right: auto !important;
} 

.lang-arabic .login-box .chk-row label {
    float: right;
    padding-left: 0;
    padding-right: 42px;
}

.lang-arabic .login-box .chk-row label:before {
    left: auto;
    right: 0;
}
.lang-arabic .ft-menu ul li a{
    font-weight: normal !important;
}
.doc-dets .clinic-nm {
    max-width: 60%;
    position: relative; 
}
 .doc-dets .clinic-nm a.fr {
    position: absolute;
    right: -60%;
    top: 0;
}
.lang-arabic .doc-dets .clinic-nm a.fr { 
    left: -60%; 
    right: auto;
}








.review_section {
    border: 2px dashed #d2d2d2;
    position: relative;
    min-height: 350px;
    min-width: 250px;
    max-width: 1000px;
    margin: auto;
    display: flex;
    padding: 0;
    flex-direction: column;
    text-align: center;
    background-color: #F3F6FF;
    color: #A7ABC8;
}
.review_section_inner {
    text-align: center;
}
.preview-container button.btn-danger {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    line-height: 1.42;
    padding: 2px 0;
    text-align: center;
    z-index: 3;
}
.review_section .preview-container { 
    overflow: hidden;
    padding: 10px 0 0 0;
    margin: 0;
    position: relative;
    z-index: 1;
}

.review_section > input#imageInput {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.review_section > input#imageInput:hover + .review_section_inner button.btn-primary {
    background: rgb(186, 177, 255) !important;
    color: #fff !important;
}
.review_section .preview-container .imgprv{
    width: 100px;
    height: 100px;
    margin-bottom: 1em;
    margin-left: 1em;
    float: left;
    position: relative;
}
.review_section .preview-container img.image-preview {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    float: left;
    border-radius: 12px;
    margin: 0;
    box-shadow: 0 0 4px 0 #888;
    object-fit: cover;
}
.review_section_inner img {
    display: block;
    width: 200px;
    height: auto;
    text-align: center;
    margin: 20px auto 12px;
}

.review_section_inner span.imageuploadify-message {
    font-size: 24px;
    padding: 10px;
    display: inline-block;
}
.review_section_inner button.btn-primary {
    display: block;
    margin: 25px auto;
    width: 100%;position: relative;
    z-index: 1;
    max-width: 500px;
}
.review_section_inner p {
    font-size: 16px;
    line-height: 24px;
    color: #151730;
    
    margin-bottom: 22px;
}a#clear-filter {
    line-height: 32px;
}
.lang-arabic #owl-pop-docs.owl-carousel .owl-item {
    float: right;
}
.lang-arabic #owl-pop-docs.owl-carousel {
    direction: rtl;
}
.my-overflow.lang-arabic h5.doc-timing {
    font-weight: normal !important;
}
#photos-tab-caro button i,
#rev-pic-banner button i {
    background: rgba(0,0,0,0.8);
    padding: 14px;
}

.my-overflow.lang-arabic .doc-det-offer-box .purple-bar{
    font-size: 14px;
    padding: 10px;
}