/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*********************  Default-CSS  *********************/

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}

input[type="file"],
a[href],
input[type='submit'],
input[type='button'],
input[type='image'],
label[for],
select,
button,
.pointer {
    cursor: pointer;
}

::-moz-focus-inner {
    border: 0px solid transparent;
}

::-webkit-focus-inner {
    border: 0px solid transparent;
}

*::-moz-selection {
    color: #fff;
    background: #101928;
}

*::-webkit-selection {
    color: #fff;
    background: #101928;
}

*::-webkit-input-placeholder {
    color: #101928;
    opacity: 1;
}

*:-moz-placeholder {
    color: #101928;
    opacity: 1;
}

*::-moz-placeholder {
    color: #101928;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #101928;
    opacity: 1;
}

html body {
    font-family: 'Campton';
    margin: 0;
    line-height: 1.3;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.no-list li,
.no-list ul,
.no-list ol,
footer li,
footer ul,
footer ol,
header li,
header ul,
header ol {
    list-style: inside none none;
}

.no-list ul,
.no-list ol,
footer ul,
footer ol,
header ul,
header ol {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    color: #555;
}

a:hover {
    color: #101928;
}

body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}

body .clearfix {
    height: auto;
}

* {
    outline: none !important;
}

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


ul:after,
li:after,
.clr:after,
.clearfix:after,
.container:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

div input,
div select,
div textarea,
div button {
    font-family: 'Campton';
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Campton';
    line-height: 120%;
    color: #101928;
    font-weight: bold;
    margin: 0 0 15px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

div select {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div select option {
    font-size: 13px;
    color: #101928;
    padding: 2px 5px;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

body p {
    color: #101928;
    font-family: 'Campton';
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px;
    padding: 0;
}

body p:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

p strong {
    font-weight: bold;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.a-center {
    text-align: center;
}

label em {
    color: #101928;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

body .container {
    width: 100%;
    max-width: 1120px;
}


/*********************  scroll Hide  *********************/
html.show-menu {
    overflow: hidden;
}

html.show-menu body {
    overflow: hidden;
    height: 100%;
}

/*********************  Default-CSS close  *********************/


/*********************  Gapping  *********************/
.d-padding {
    padding-bottom: 80px;
    padding-top: 80px;
}

.padding-100 {
    padding: 100px 0;
}

/*********************  Gapping close  *********************/


/*********************  Default-CSS  *********************/



/*********************  Common-Css  *******************/
.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

.form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*********************  Common-Css Close  *******************/


/*********************  Header  *******************/
header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99999999;
    background-color: #fff;
}

.header-transparent header {
    background-color: transparent;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    text-transform: capitalize;
    font-size: 18px;
    color: #101928;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 30px;
}

.navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-expand-lg {
    height: 90px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    max-width: 200px;
    width: 100%;
}

.navbar-brand img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {
    color: #DB8A8A;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-expand-lg .navbar-nav .nav-item:nth-child(1) .nav-link {
    margin: 0;
}

.navbar-expand-lg .navbar-nav .nav-link.btn-business {
    background: #db8a8a00;
    border-radius: 12px;
    color: #101928;
    padding: 12px 21px;
    font-size: 16px;
    line-height: inherit;
    margin-left: 25px;
    -webkit-box-shadow: inset 0 0 0 2px rgb(16 25 40 / 20%);
    box-shadow: inset 0 0 0 2px rgb(16 25 40 / 20%);
}

.navbar-expand-lg .navbar-nav .nav-link.btn-login {
    background: #101928;
    border-radius: 12px;
    color: #fff;
    padding: 12px 21px;
    font-size: 16px;
    line-height: inherit;
    margin-left: 10px;
}

.navbar-expand-lg .navbar-nav .nav-link.btn-login:hover {
    -webkit-box-shadow: inset 0 0 0 2px rgb(16 25 40 / 20%);
    box-shadow: inset 0 0 0 2px rgb(16 25 40 / 20%);
    color: #101928;
    background: transparent;
}

.navbar-expand-lg .navbar-nav .nav-link.btn-business:hover,
.navbar-expand-lg .navbar-nav .nav-link.btn-business.active {
    color: #fff;
    background: #101928;
}

.d-margin {
    margin-top: 90px;
}

header.fixed {
    -webkit-box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
}

header.fixed .navbar-expand-lg {
    height: 70px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*********************  Header Close  *******************/


/*********************  area-banner  *******************/
.area-banner {
    background-image: url(../images/area-banner.jpg);
    width: 100%;
    height: 485px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 35px 0 0;
}

.area-pills {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    background: #fff;
    border-radius: 4em;
    padding: 5px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #db8a8a;
    border-radius: 4em;
}

.nav-pills .nav-link {
    padding: 10px 22px;
    font-size: 16px;
    color: #878C93;
}

.area-banner-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid rgb(255 255 255 / 20%);
}

.area-banner-item-img {
    width: 100%;
    height: 235px;
}

.area-banner-item-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 15px 0;
    z-index: 2;
}

.area-banner-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#new-area-owl,
#recommended-area-owl,
#rated-area-owl {
    position: relative;
    margin-top: 50px;
}

.owl-buttons button.owl-prev {
    left: -34.5px;
}

.owl-buttons .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-buttons button.owl-next {
    right: -34.5px;
}

.owl-buttons .owl-nav button:active {
    -webkit-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    transform: translateY(-50%) scale(0.5);
}

.review-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    background: #FABA5F;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px 5px 5px;
    border-radius: 9px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-box span {
    background: #fff;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
}

.review-box span i {
    color: #FABA5F;
}

.area-banner-item-info h6 {
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 5px;
}

.area-banner-item-info:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    bottom: 0;
    left: 0;
    opacity: 0.50;
    z-index: -1;
}

.area-filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -50px 0px 0;
    padding: 15px 15px;
    list-style: none;
    background: #db8a8a;
    border-radius: 15px;
    border: 5px solid rgb(255 255 255);
}

.area-filter-wrap li {
    position: relative;
    margin: 4px;
}

.area-filter-wrap li input,
.area-filter-wrap li select,
.area-filter-wrap li .select {
    width: 100%;
    border-radius: 12px;
    border: 0;
    padding: 0 15px 0 45px;
    height: 50px;
    font-size: 16px;
    color: #101928;
}

.area-filter-wrap li span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    z-index: 9;
}

li.w-17 {
    width: 13%;
}

li.w-20 {
    width: 25%;
}

li.w-18 {
    width: 20%;
}

li.w-10.ml-auto {
    width: 12%;
}

.btn-filter-search {
    background: #101928;
    height: 50px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 12px;
}

.btn-filter-search:hover {
    color: #101928;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 2px #101928 !important;
    box-shadow: inset 0 0 0 2px #101928 !important;
}

.area-filter-wrap li input::-webkit-input-placeholder {
    opacity: 0.50;
}

.area-filter-wrap li input::-moz-placeholder {
    opacity: 0.50;
}

.area-filter-wrap li input:-ms-input-placeholder {
    opacity: 0.50;
}

.area-filter-wrap li input::-ms-input-placeholder {
    opacity: 0.50;
}

.area-filter-wrap li input::placeholder {
    opacity: 0.50;
}

.switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 12px;
    border-radius: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    cursor: pointer;
    top: 0;
    background-color: rgb(135 140 147 / 40%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 35px;
    height: 15px;
    position: relative;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    top: 50%;
    background-color: #878C93;
    -webkit-transition: .4s;
    -webkit-transition: auto;
    -o-transition: auto;
    transition: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 0 3px white;
    box-shadow: 0 0 0 3px white;
}

input:checked+.slider {
    background-color: #FFCCCC;
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(15px) translateY(-50%);
    background: #db8a8a;
}

/* Rounded sliders */
.slider.round {
    border-radius: 4rem;
}

.slider.round:before {
    border-radius: 50%;
}

.filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid hsl(215deg 5% 55% / 20%);
    padding: 12px 0;
}

.filter-wrap p {
    color: #101928;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}

.filter-wrap p span {
    color: #db8a8a;
}

.filter-right-info {
    width: 62%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.switch:hover {
    background: #FFEBED;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.switch p {
    font-size: 16px;
    margin-left: 8px;
    color: #101928;
}

.filter-box-icon {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 13px 26px hsl(0deg 20% 90% / 60%);
    box-shadow: 0 13px 26px hsl(0deg 20% 90% / 60%);
}

.filter-right-info .select {
    width: 100px;
    border-color: rgb(16 25 40 / 20%);
    border-radius: 12px;
}

.area-section {
    padding: 50px 0 150px;
}

.area-section-map {
    width: 100%;
    height: 65vh;
    border-radius: 15px;
    overflow: hidden;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 252px !important;
}

.area-section-map iframe {
    width: 100%;
    height: 100%;
}

.area-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
    border-radius: 15px;
    padding: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 20px;
}

.area_img {
    width: 200px;
    min-width: 200px;
    height: 192px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.area-img {
    width: 200px;
    min-width: 200px;
    height: 192px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.area-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.area_img .owl-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 1;
}

.area_img .owl-nav button.owl-prev {
    left: 15px;
}

.area_img .owl-nav button.owl-next {
    right: 15px;
}

.area_img .owl-nav button {
    color: #fff !important;
    position: absolute;
    bottom: 10px;
    z-index: 5;
}

.area_img .owl-dots button {
    width: 8px;
    height: 8px;
    background: #fff !important;
    border-radius: 100%;
    opacity: 0.60;
    margin: 0 3px;
    border: 2px solid transparent;
}

.area_img .owl-dots button.active {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
    border: 2px solid #db8a8a;
}

.area-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.40;
}

.area_info {
    padding-left: 20px;
}

.area_info h6 {
    color: #101928;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    cursor: pointer;
}

.area_info p {
    font-size: 14px;
    color: #9FA3A9;
    font-weight: 400;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.area_info p span {
    width: 18px;
    height: 18px;
    text-align: center;
    margin-right: 9px;
    min-width: 18px;
}

.area_info_rating_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0;
}

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

.area_tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.area_tag li {
    background: #fff;
    padding: 8px 14px;
    border-radius: 12px;
    -webkit-box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    margin: 5px 5px 5px 0px;
    font-size: 16px;
    color: #101928;
    font-weight: 300;
}

.area_info p span svg {
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.area_info_rating_wrap p {
    color: #FABA5F;
    font-size: 16px;
}

.area_info_rating_wrap p span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #9FA3A9;
    margin: 0 0 0 5px;
    font-weight: 600;
}

ul.rating-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 9px;
    padding: 0;
    margin: 0;
}

ul.rating-ul li {
    width: 27px;
    height: 27px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #DADBDE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    color: #DADBDE;
    margin-right: 4px;
}

ul.rating-ul li.active {
    color: #FABA5F;
    border-color: #FABA5F;
}

.area_price {
    width: 70px;
    padding-left: 15px;
    text-align: right;
    margin-left: auto;
}

.wishlist_icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    margin-left: auto;
    overflow: hidden;
    border-radius: 100%;
    -webkit-box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    box-shadow: 0 13px 26px hsl(0deg 17% 92% / 40%);
    margin-bottom: 20px;
    color: rgb(16 25 40 / 30%);
}

.area_price h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 300;
}

.wishlist_icon.add i {
    font-weight: 800;
    color: #DB8A8A;
}

.disscount-box {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #FABA5F;
    z-index: 1;
    color: #fff;
    padding: 9px 15px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: inherit;
}

.area-item-wrap:hover {
    background: #FFF5F6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-color: #DB8A8A;
}

.register-cosmetic-areas {
    position: relative;
    background: #DB8A8A;
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
}

.register-cosmetic-areas-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    z-index: 99;
    text-align: center;
}

.register-cosmetic-areas-info h6 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 25px;
}

.datepicker td,
.datepicker th {
    padding: 6px;
    border: 1px solid rgb(219 138 138 / 10%);
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    padding: 10px !important;
}

td.active.day {
    background: #db8a8a !important;
    border: 1px solid #db8a8a !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    border-radius: 0;
    border: 0;
}

.star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin: 0 -5px;
    direction: ltr;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.star-rating input[type=radio] {
    display: none
}

.star-rating label {
    color: #bbb;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input[type=radio]:checked~label {
    color: #f2b600
}

.filter-white-box {
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    z-index: 99;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: auto;
}

.filter-box-header {
    background: #FFE9E9;
}

.filter-box-header h4 {
    color: #DB8A8A;
    font-size: 20px;
    font-weight: 400;
    padding: 15px 25px;
}

.filter-box-body {
    padding: 10px;
}

.area-accordion-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
}

.area-accordion-link p {
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}

.area-accordion-link span {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 13px 25px rgb(235 225 225 / 60%);
    box-shadow: 0 13px 25px rgb(235 225 225 / 60%);
}

.card-body {
    padding: 0;
}

.store-search {
    position: relative;
    margin-bottom: 15px;
}

.store-search input {
    width: 100%;
    background: #F8FAFA;
    border-radius: 12px;
    height: 50px;
    border: 0;
    padding: 0 20px 0 40px;
}

.store-search a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    color: #db8a8a;
    font-size: 16px;
}

.store-map {
    height: 280px;
    border-radius: 12px;
    overflow: hidden;
}

.store-map iframe {
    width: 100%;
    height: 100%;
}

.fp-rating-body .star-rating label {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F8FAFA;
    border-radius: 12px;
    border: none;
    line-height: inherit;
    color: rgb(16 25 40 / 60%);
}

.fp-rating-body .star-rating label:hover,
.fp-rating-body .star-rating label:hover~label,
.fp-rating-body .star-rating input[type=radio]:checked~label {
    background: #DB8A8A;
    color: #fff;
}

.fp-rating-body .star-rating label i {
    font-style: normal;
}

.star-rating label {
    margin: 5px;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 12px;
    line-height: inherit;
    color: #DADBDE;
    border: 2px solid #DADBDE;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input[type=radio]:checked~label {
    border-color: #FABA5F;
    color: #FABA5F;
}

.star-rating label i {
    font-style: normal;
}

.specifics-body ul {
    padding: 20px;
    list-style: none;
    margin-bottom: 15px;
    background: #F8FAFA;
    border-radius: 10px;
}

.specifics-body ul li {
    margin-bottom: 10px;
}

.specifics-body ul li:nth-last-child(1) {
    margin: 0;
}

.specifics-body a {
    padding: 0 20px;
    color: #DB8A8A;
}

.custom-control-input:checked~.custom-control-label::before {
    background: #DB8A8A;
    border-color: #DB8A8A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-control-label::before {
    background: #EAECEC;
    border-color: #EAECEC;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #db8a8a;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #db8a8a;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
}

[aria-expanded="true"].area-accordion-link span i:before {
    content: "\f077";
}

.main-btn {
    background: #DB8A8A;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    border: 2px solid #DB8A8A;
}

.btn-filter {
    margin: 0;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.main-btn:hover {
    background: transparent;
    color: #DB8A8A;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.filter-box-footer {
    padding: 8px 10px 10px 10px;
}

.clear-filter {
    color: #101928;
    font-size: 16px;
    text-decoration: underline;
    text-align: center;
    display: block;
    padding: 15px 0 5px;
}

.filter-box {
    position: relative;
}

.filter-box.show .filter-white-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 10px;
    z-index: 999;
}

ul.list {
    max-height: 250px;
    overflow: auto !important;
}


.register-cosmetic-areas {
    position: relative;
    background: #DB8A8A;
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
}

.register-cosmetic-areas-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    z-index: 99;
    text-align: center;
    max-width: 400px;
}

.register-cosmetic-areas-info h6 {
    font-size: 26px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.4;
}

.register-cosmetic-areas:after {
    content: "";
    background-image: url(../images/area-after.svg);
    width: 300px;
    height: 180px;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.register-cosmetic-areas:before {
    content: "";
    background-image: url(../images/area-before.svg);
    width: 235px;
    height: 167px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 40px;
    background-repeat: no-repeat;
}

.register-cosmetic-lines {
    position: absolute;
    opacity: 0.2;
    top: 0;
    display: block;
    width: 200px;
    height: 100%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
}

span.register-cosmetic-lines2 {
    display: block;
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    opacity: 0.2;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 0;
}

.btn-white {
    border-radius: 15px;
    background: #FFFFFF;
    color: #db8a8a;
    padding: 7px 11px;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #fff;
}

.btn-white:hover {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent;
    color: #fff;
}

/*********************  area-banner Close  *******************/

/*********************  Footer  *******************/
footer {
    background: #090F19;
    padding-top: 60px;
    position: relative;
}

footer h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #DB8A8A;
}

ul.footer-menu li a {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 15px;
}

ul.language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ul.language li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    padding: 10px 15px;
    border: 1px solid #222223;
    margin-right: 10px;
}

ul.language li a span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px;
    min-width: 20px;
}

ul.language li a span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

ul.language li a:hover {
    border: 1px solid #fff;
}

ul.footer-menu li a:hover {
    color: #db8a8a;
}

.f-logo a {
    display: block;
    width: 220px;
    margin: 25px auto;
    position: relative;
    z-index: 1;
}

.f-logo {
    position: relative;
    z-index: 1;
}

.f-logo:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f5f9fb;
    opacity: 0.10;
    border-radius: 15px;
    z-index: -2;
}

.f-logo:before {
    content: "";
    position: absolute;
    width: 260px;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #090F19;
    z-index: -1;
}

p.copy-right {
    text-align: center;
    color: #ffffff;
    padding: 20px 0;
    opacity: 0.50;
    border-top: 1px solid rgb(245 249 251 / 0.10);
    font-size: 15px;
    font-weight: 200;
}

ul.social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    margin: 50px auto;
}

ul.social-media li a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 8px;
    text-align: center;
}

ul.social-media li a svg {
    fill: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}

ul.social-media li a:hover svg {
    fill: #db8a8a;
}

ul.social-media li a.tiktok svg {
    width: 42px;
}

.footer-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -10px;
}

.footer-btn-wrap a {
    width: 50%;
    padding: 10px;
}

.footer-btn-wrap a img {
    display: block !important;
}

.footer-show footer {
    padding-top: 150px;
}

.register-cosmetic-section {
    margin-bottom: -80px;
    position: relative;
    z-index: 9;
}

/*********************  Footer Close  *******************/


/*********************  About  *******************/
.about-banner {
    position: relative;
    height: 750px;
    z-index: 2;
}

.lang_ulbout-banner-owl {
    z-index: 2;
}

.about-banner-after {
    content: "";
    background-image: url('../images/home-banner-after.svg');
    width: 100%;
    max-height: 40%;
    position: absolute;
    left: 0;
    z-index: 2;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100%;
    bottom: -1px;
    display: block;
}

.about-banner-img {
    width: 100%;
    height: 750px;
    overflow: hidden;
    position: relative;
    z-index: 9999;
}

.about-banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 100% 20%;
    object-position: 100% 20%;
}

.lang_ulbout-banner-owl .owl-nav button {
    position: absolute;
    margin: auto;
    z-index: 4;
    background: rgb(0 0 0 / 50%) !important;
    color: #fff !important;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 22px !important;
}

.lang_ulbout-banner-owl .owl-nav {
    max-width: 1120px;
    width: 100%;
    margin: auto;
    display: block;
    z-index: 9;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 45%;
}

.lang_ulbout-banner-owl .owl-nav button.owl-prev {
    left: 0;
}

.lang_ulbout-banner-owl .owl-nav button.owl-next {
    right: 0;
}

.lang_ulbout-banner-owl .owl-nav button:hover {
    background: #000 !important;
}

.lang_ulbout-banner-owl .owl-nav button i {
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lang_ulbout-banner-owl .owl-dots {
    position: absolute;
    top: 48.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.lang_ulbout-banner-owl .owl-dots button {
    width: 9px;
    height: 10px;
    background: #fff !important;
    border-radius: 100%;
    opacity: 0.60;
    margin: 0 5px;
    border: 2px solid transparent;
}

.lang_ulbout-banner-owl .owl-dots button.active {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
    border: 2px solid #db8a8a;
}

.about-profile-img {
    width: 230px;
    height: 230px;
    border-radius: 100%;
    margin: -320px auto 30px;
    border: 10px solid rgb(255 255 255 / 50%);
    position: relative;
}

.about-profile-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.about-profile {
    position: relative;
    z-index: 3;
}

.about-profile-img a {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 9;
    font-size: 18px;
    width: 49px;
    height: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 23px 26px hsl(200deg 100% 26% / 10%);
    box-shadow: 0 23px 26px hsl(200deg 100% 26% / 10%);
    background: #fff;
    border-radius: 100%;
}

.about-profile-info {
    text-align: center;
    margin-bottom: 30px;
}

.about-profile-info h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 10px;
}

.about-profile-info h6 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 400;
    margin-bottom: 30px;
}

.about-profile-info ul.rating-ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 10px 0;
}

.about-profile-info ul.rating-ul li {
    width: 35px;
    height: 35px;
    font-size: 16px;
}

ul.rating-ul li:last-child {
    margin-right: 0px;
}

.about-profile-info p {
    color: #101928;
    font-size: 16px;
    font-weight: 500;
}

.about-box {
    background: #FFF5F6;
    border-radius: 20px;
    padding: 0;
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 735px;
    margin: auto;
}

.about-box li {
    width: 33.33%;
    text-align: center;
    padding: 33px 5px;
}

.about-box li span {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 18px;
}

.about-box li span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.about-box li h6 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 600;
    margin-bottom: 5px;
}

.about-box li p {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
}

.open-now {
    text-align: center;
    background: #006605;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: -15px auto 0;
    border-radius: 4em;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.open-now span {
    display: block;
    width: 6px;
    height: 6px;
    background: #FABA5F;
    border-radius: 100%;
    margin-right: 8px;
}

.about-pills {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 0;
    background: #fff;
    padding: 8px;
    border: 1px solid #FFF1F1;
    border-radius: 4em;
    -webkit-box-shadow: 0 13px 26px #fff3f3;
    box-shadow: 0 13px 26px #fff3f3;
    margin-bottom: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.about-main-section {
    padding: 80px 0;
}

.a-service-map {
    width: 100%;
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
    border: 5px solid #FFFFFF;
    -webkit-box-shadow: 0 0 56px #f2f6f6;
    box-shadow: 0 0 56px #f2f6f6;
    margin-bottom: 15px;
}

.a-service-map iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.service-row .col-xl-3 {
    -ms-flex: 0 0 31.5%;
    -webkit-box-flex: 0;
    flex: 0 0 31.5%;
    max-width: 31.5%;
}

.service-row .col-xl-9 {
    -ms-flex: 0 0 68.5%;
    -webkit-box-flex: 0;
    flex: 0 0 68.5%;
    max-width: 68.5%;
}

.a-service-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.a-service-media span {
    width: 46px;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFF5F6;
    border-radius: 100%;
    margin-right: 12px;
}

.a-service-media span svg {
    width: 23px;
    height: 23px;
    vertical-align: baseline;
}

.a-service-media span svg path {
    fill: #db8a8a;
}

.a-service-media h6 {
    font-size: 17px;
    color: #101928;
    margin-bottom: 4px;
    font-weight: 500;
}

.a-service-media p {
    font-size: 14px;
    color: #101928;
    opacity: 0.60;
    font-weight: 500;
}

.a-service-days {
    background: #FFFFFF;
    list-style: none;
    -webkit-box-shadow: 0 0 56px #f2f6f6;
    box-shadow: 0 0 56px #f2f6f6;
    padding: 15px 15px 15px 30px;
    margin-bottom: 15px;
}

.a-service-days li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 8px;
    position: relative;
}

.a-service-days li p {
    margin: 0;
    color: rgb(16 25 40 / 40%);
    font-size: 15px;
}

.a-service-days li p:nth-child(1) {
    width: 45%;
}

.a-service-days li p:nth-last-child(1) {
    width: 55%;
}

.a-service-days li:nth-last-child(1) {
    margin: 0;
}

.a-service-days li.active p {
    color: #101928;
}

.a-service-days li.active:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -16px;
    width: 10px;
    height: 10px;
    border: 2px solid #db8a8a;
    border-radius: 100%;
}

.a-service-media a {
    font-size: 16px;
    color: #DB8A8A;
    margin-bottom: 0;
    font-weight: 400;
    text-decoration: underline;
}

.about-title {
    font-size: 26px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 20px;
}

.specifics-main {
    margin-bottom: 40px;
}

.specifics-main ul {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.specifics-main ul li {
    margin: 5px;
    background: #FFF5F6;
    padding: 12px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
}

.specifics-main ul li span {
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 15px;
}

.about-discription-main p {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    opacity: 0.50;
    line-height: 1.8;
    margin-bottom: 20px;
}

.about-discription-main {
    margin-bottom: 40px;
}

.advantages-item {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    padding: 0px 25px 25px 25px;
    border-radius: 20px;
}

.advantages-item span {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFE8E8;
    border-radius: 100%;
    margin-bottom: 15px;
    border: 5px solid #fff;
}

.advantages-item:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
    top: 45px;
    background: rgb(255, 245, 246);
    background-image: -o-linear-gradient(284deg, rgba(255, 245, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(166deg, rgba(255, 245, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border-radius: 20px 20px 0 0;
}

.advantages-item h6 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 400;
    margin-bottom: 15px;
}

.advantages-item p {
    font-size: 16px;
    color: #101928;
    opacity: 0.50;
    line-height: 1.5;
}

.stylish-body-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.stylish-body-wrap ul li {
    width: 165px;
    min-width: 165px;
    cursor: pointer;
    margin-left: -30px;
}

.stylish-body-wrap ul li:nth-child(1) {
    margin-left: 0px;
}

span.experts-imgg {
    display: block;
    width: 165px;
    height: 165px;
    border-radius: 100%;
    overflow: hidden;
    border: 5px solid #fff;
}

span.experts-imgg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.stylish-profile .review-box {
    margin-top: -25px;
    position: relative;
    margin-bottom: 15px;
}

.stylish-profile h6 {
    font-size: 17px;
    color: #101928;
    font-weight: 500;
    text-align: center;
    padding: 0px 4px;
}

.stylish-body-wrap {
    padding-bottom: 20px;
}

/* .stylish-body-wrap ul li:nth-child(1) {
    margin: 0;
} */

.stylish-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.stylish-header-wrap .about-title {
    margin: 0;
}

.stylish-header-search {
    position: relative;
    max-width: 290px;
    width: 100%;
}

.stylish-header-search input {
    width: 100%;
    font-size: 16px;
    color: #101928;
    height: 50px;
    border-radius: 15px;
    border: 1px solid #FFF1F1;
    padding: 0 15px 0 50px;
    -webkit-box-shadow: 0 13px 26px #fff3f3;
    box-shadow: 0 13px 26px #fff3f3;
}

.stylish-header-search a {
    position: absolute;
    top: 54%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #DB8A8A;
}

.stylish-header-search input::-webkit-input-placeholder {
    opacity: 0.50;
}

.stylish-header-search input::-moz-placeholder {
    opacity: 0.50;
}

.stylish-header-search input:-ms-input-placeholder {
    opacity: 0.50;
}

.stylish-header-search input::-ms-input-placeholder {
    opacity: 0.50;
}

.stylish-header-search input::placeholder {
    opacity: 0.50;
}

.stylish-main-div {
    margin-bottom: 40px;
}

.public-main-div h6 {
    font-size: 20px;
    color: #101928;
    font-weight: 400;
    opacity: 0.50;
}

.public-main-div ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.public-main-div ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF5F6;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 15px 20px;
    border-radius: 15px;
}

.public-main-div ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    border-radius: 4em;
    width: 70px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #DB8A8A;
    margin-right: 20px;
    justify-content: center;
}

.public-main-div ul li span i {
    width: 50px;
    height: 50px;
    background: #DB8A8A;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

.public-main-div ul li p {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
}

.stylish-profile-reviews {
    width: 100%;
    box-shadow: 0 15px 36px #fff3f34a;
    padding: 20px;
    border-radius: 20px;
    position: absolute;
    left: 0px;
    z-index: 99999;
    max-height: 490px;
    overflow: auto;
    background: #fff;
    margin-top: 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #db8b8b54;
}

.stylish-profile-review-item {
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.profile-review-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.profile-review-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile-review-info span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: auto;
    margin-right: 15px;
}

.profile-review-info span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-review-info h6 {
    font-size: 20px;
    color: #101928;
    margin-bottom: 2px;
    font-weight: 700;
}

.profile-review-info p {
    font-size: 15px;
    color: #9FA3A9;
    font-weight: 400;
}

.review-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.review-infos .review-box {
    margin: 0 20px 0 0px;
}

.review-infos span {
    font-size: 16px;
    color: #101928;
    opacity: 0.5;
    margin-left: 0;
    font-weight: 600;
}

.profile-review-item-wrap+p {
    font-size: 17px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 15px;
}

.stylish-body-wrap ul li.active .stylish-profile-reviews {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 15px;
}

.service-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}

.service-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
}

.service-info-top h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 10px;
}

.service-info-top a {
    color: #DB8A8A;
    font-size: 16px;
    text-decoration: underline;
}

.time_price_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.service-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 230px);
}

.time_price_info h6 {
    font-size: 14px;
    color: #101928;
    font-weight: 400;
    opacity: 0.70;
    margin: 0;
}

.price-info h5 {
    color: #DB8A8A;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-info h5 span {
    color: #101928;
    opacity: 0.50;
    text-decoration: line-through;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: 6px;
}

.service-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
    padding: 20px;
    border-radius: 20px;
}

.service-item-img {
    width: 200px;
    height: 130px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 56px #f2f6f6;
    box-shadow: 0 0 56px #f2f6f6;
    margin-right: 30px;
    position: relative;
}

.service-item-info {
    width: calc(100% - 230px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-info-top h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 10px;
}

.service-info-top a {
    color: #DB8A8A;
    font-size: 16px;
    text-decoration: underline;
}

.service-info-top {
    margin-bottom: auto;
}

.time_price_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.time_price_info h6 {
    font-size: 14px;
    color: #101928;
    font-weight: 500;
}

.service-media-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    padding: 18px 25px;
    border-radius: 15px;
    margin: 20px 0;
}

.service-media-infos h6 {
    font-size: 16px;
    color: #101928;
    margin-bottom: 5px;
    font-weight: 600;
}

.service-media-infos p {
    font-size: 14px;
    color: #101928;
    opacity: 0.50;
}

.service-info-top h6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service-info-top span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 13px 26px 0px #ffff;
    box-shadow: 0 13px 26px 0px #ffff;
    color: rgb(16 25 40 / 50%);
    font-size: 14px;
}

.service-info-top h6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service-info-top span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 13px 26px 0px #ffff;
    box-shadow: 0 13px 26px 0px #ffff;
    color: rgb(16 25 40 / 50%);
    font-size: 14px;
    cursor: pointer;
}

div#sliderr {
    display: none;
}

div#sliderr.active {
    display: block;
}

.down-arroww.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

a.select--btnn {
    background: transparent !important;
    color: #fff;
    padding: 5px 8px;
    border-radius: 8px;
    font-size: 14px;
    margin-left: 10px;
    color: #db8a8a;
    border: 2px solid #db8a8a;
}

a.select--btnn.active {
    display: block !important;
    background: #db8a8a !important;
    color: #fff;
}

.discount-populer-main {
    margin-bottom: 60px;
}

.service-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(255, 245, 246);
    background-image: -o-linear-gradient(322deg, rgba(255, 245, 246, 1) 0%, rgba(249, 249, 251, 1) 100%);
    background-image: linear-gradient(128deg, rgba(255, 245, 246, 1) 0%, rgba(249, 249, 251, 1) 100%);
    border-radius: 12px;
    padding: 9px 18px;
    font-size: 18px;
    color: #101928;
    font-weight: 500;
}



.downn-arroww {
    margin-left: auto;
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 100%;
    color: rgb(16 25 40 / 50%);
    -webkit-box-shadow: 0 13px 26px rgb(230 230 230 / 60%);
    box-shadow: 0 13px 26px rgb(230 230 230 / 60%);
    margin-right: 0 !important;
}

.services-body {
    border: 1px solid #E8E8EC;
    border-radius: 15px;
    padding: 10px;
}

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

.services-body ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.services-body ul li a p {
    font-size: 15px;
    color: rgb(16 25 40 / 50%);
    font-weight: 500;
    width: 90%;
    margin: 0;
}

.services-body ul li.active a {
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
}

.services-body ul li.active a p {
    color: #DB8A8A;
}

.services-body ul li a .fa-angle-right {
    width: 8%;
    text-align: right;
}

.service-link-wrap span {
    margin-right: 15px;
    width: 35px;
    height: 35px;
}

[aria-expanded="true"].service-link-wrap {
    background-image: -o-linear-gradient(322deg, #DB8A8A 0%, #DB8A8A 100%);
    background-image: linear-gradient(128deg, #DB8A8A 0%, #DB8A8A 100%);
    color: #fff;
}

[aria-expanded="true"].service-link-wrap svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

[aria-expanded="true"].service-link-wrap .downn-arroww {
    background-color: rgb(255 255 255 / 15%);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service-accordion-margin {
    margin-bottom: 10px;
}

.totla-service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 15px 0px 12px 17px;
    margin-top: 20px;
}

.totla-service-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #FFEFEF;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.totla-service-wrap h6 {
    color: #101928;
    font-size: 20px;
    margin-bottom: 2px;
}

.totla-service-wrap .paying-btn {
    margin-left: auto;
}

.totla-service-wrap p {
    font-size: 16px;
    color: #101928;
    opacity: 0.5;
}

.services-accordion {
    padding: 16px 13px 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 56px #f2f6f6;
    box-shadow: 0 0 56px #f2f6f6;
    border-radius: 15px;
}

.service-discount {
    position: absolute;
    top: 15px;
    left: -19px;
    background: #FABA5F;
    border: 2px solid #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    color: #fff;
    padding: 3.5px 8.5px;
    font-weight: 600;
    font-size: 15px;
    z-index: 9;
    text-align: center;
}

.service-discount span {
    font-size: 12px;
    font-weight: 400;
}

.servic-modal-header {
    background: #F9F9FB;
    border-radius: 15px;
    padding: 35px 20px 28px;
}

.modal-content {
    border-radius: 15px;
    border: none;
    -webkit-box-shadow: 0 13px 66px hsl(0deg 100% 13% / 10%);
    box-shadow: 0 13px 66px hsl(0deg 100% 13% / 10%);
}

.modal-backdrop.show {
    opacity: 0.5;
    background: #000;
    z-index: 999999999;
}

.servic-modal-body {
    padding: 25px 20px 0;
    position: relative;
    max-height: 350px;
    overflow: auto;
}

.servic-modal-body h6 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 22px;
}

.servic-modal-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.servic-modal-body ul li {
    padding-left: 25px;
    margin-bottom: 20px;
    font-size: 16px;
    color: rgb(16 25 40 / 50%);
    line-height: 1.5;
    font-weight: 400;
    position: relative;
}

.servic-modal-body ul li:nth-last-child(1) {
    margin: 0;
}

.servic-modal-body ul li:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
    width: 6px;
    height: 6px;
    background: #DB8A8A;
    border-radius: 100%;
}

.servic-modal-footer {
    padding: 20px;
    text-align: center;
    -webkit-box-shadow: 0px -60px 20px 0px #f9f5f5;
    box-shadow: 0px -60px 20px 0px #f9f5f5;
}

.servic-modal-footer a {
    color: #101928;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.servic-modal-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.servic-modal-img {
    width: 150px;
    height: 90px;
    min-width: 136px;
    border-radius: 10px;
    overflow: hidden;
    border: 4px solid #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}

.servic-modal-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.servic-modal-info {
    width: calc(100% - 206px);
    margin-bottom: 20px;
}

.servic-modal-info h5 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 400;
    line-height: 1.5;
}

.service-modal-rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-modal-rating-wrap p {
    font-size: 16px;
    color: #fff;
    background: #FABA5F;
    border-radius: 7px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    margin-left: 15px;
}

.close-modal-btn {
    position: absolute;
    top: 15px;
    right: 13px;
    width: 30px;
    height: 30px;
    background: #DB8A8A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
}

.review-main-box {
    background: #FFFFFF;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 56px 0 #f2f6f6;
    box-shadow: 0 0 56px 0 #f2f6f6;
    padding: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
}

.review-top-box {
    background: #FABA5F;
    border-radius: 20px;
    padding: 25px 25px 50px 25px;
    text-align: center;
}

.review-top-box h5 {
    font-size: 48px;
    color: #FEFEFE;
    font-weight: 600;
    margin-bottom: 15px;
}

.review-top-box .rating-ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.review-top-box p {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
}

.btn-black {
    background: #101928;
    border: 2px solid #101928;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 11px;
    margin-top: -25px;
}

.btn-black:hover {
    background-color: #000;
    color: #fff;
}

.reviews-ul-info {
    padding: 10px 10px 20px;
    margin: 0;
    list-style: none;
}

.reviews-ul-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.reviews-ul-info li p {
    width: 30%;
    margin: 0;
    font-size: 16px;
    color: #DB8A8A;
    font-weight: 400;
}

.reviews-ul-info li span {
    width: 70%;
    font-size: 16px;
    color: #878C93;
    font-weight: 400;
}

.reviews-ul-info li:nth-last-child(1) {
    margin: 0;
}

.review-info-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.review-info-header h5 {
    font-size: 25px;
    color: #101928;
    font-weight: 600;
    margin: 0;
}

.filter-items-widths {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.filter-items-widths .filter-box {
    margin-right: 20px;
}

.review-info-search {
    background: #FFFFFF;
    border: 1px solid #FFF1F1;
    -webkit-box-shadow: 0 13px 26px #fff3f3;
    box-shadow: 0 13px 26px #fff3f3;
    max-width: 360px;
    width: 100%;
    margin: 0 auto 30px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.review-info-search input {
    width: 100%;
    height: 50px;
    border: 0;
    font-weight: 400;
    padding: 0 15px 0 50px;
}

.review-info-search a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 18px;
}

.review-info-search input::-webkit-input-placeholder {
    opacity: 0.50;
}

.review-info-search input::-moz-placeholder {
    opacity: 0.50;
}

.review-info-search input:-ms-input-placeholder {
    opacity: 0.50;
}

.review-info-search input::-ms-input-placeholder {
    opacity: 0.50;
}

.review-info-search input::placeholder {
    opacity: 0.50;
}

hr.review-hr {
    margin: -55px auto 70px;
    width: 100%;
}

.venue-replay-info {
    display: none;
}

.venue-replay-info.active {
    display: block;
}

.show-full-ratings-info {
    display: none;
}

.show-full-ratings-info.active {
    display: block;
}

.review-info-items {
    background: #F9F9FB;
    border: 1px solid #FFF1F1;
    padding: 20px;
    border-radius: 15px;
    margin: 20px 0;
}

.review-info-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.review-info-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-info-profile span {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.review-info-profile span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-info-profile div h6 {
    font-size: 17px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 2px;
}

.review-info-profile div p {
    font-size: 14px;
    color: #101928;
    opacity: 0.50;
    font-weight: 500;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-info-profile div p span {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border-radius: 0;
    margin-left: 5px;
}

.review-info-tag-box {
    margin: 0 10px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border: 2px solid #FAEAD4;
    background: #fff;
    border-radius: 4em;
    padding: 4px 12px;
    color: #DB8A8A;
    font-size: 14px;
    font-weight: 400;
}

.review-info-header-wrap h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 0 auto;
    opacity: 0.5;
    color: #101928;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.review-information {
    font-size: 18px;
    color: #101928;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 25px;
}

.venue-replay-link {
    display: block;
    font-size: 16px;
    color: #101928;
    opacity: 0.50;
    margin-bottom: 15px;
}

.venue-replay-link i,
.show-full-ratings-link i {
    margin-left: 30px;
    font-weight: 700;
}

.venue-replay-link.active {
    margin-bottom: 10px;
}

.venue-replay-link.active i,
.show-full-ratings-link.active i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.venue-replay-info p {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
}

.venue-replay-info {
    margin-bottom: 20px;
}

.show-full-ratings-link {
    display: block;
    font-size: 16px;
    color: #DB8A8A;
    margin-bottom: 0;
}

.show-full-ratings-link.active {
    margin-bottom: 15px;
}

.show-full-ratings-info {
    background: #fff;
    border: 1px solid #FFF1F1;
    border-radius: 15px;
    padding: 15px 18px;
}

.ratings-items-box {
    background: rgb(250 186 95 / 10%);
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    margin: 0;
}

/* .show-full-ratings-info .col-lg-4 {
    padding: 5px;
} */
.show-full-ratings-info .col {
    padding: 5px;
}

.show-full-ratings-info .row {
    margin: 0 -5px;
}

.filter-items-widths .nice-select {
    width: 160px;
}

.service-item-icon {
    display: block;
    text-align: center;
}

.service-item-icon span {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFEBED;
    margin: 0 auto 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-item-icon h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-item-icon span path {
    stroke: transparent;
    fill: #101928;
}

.service-item-icon.active span {
    background: #DB8A8A;
}

.service-item-icon.active span svg path {
    fill: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-item-icon.active h6 {
    color: #DB8A8A;
    opacity: 1;
}

.service-sub-item {
    margin: 0;
    background: #F6F8F8;
    border-radius: 20px;
    padding: 15px 10px;
    margin-top: 20px;
    max-height: 160px;
    overflow: auto;
}

.service-sub-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    padding: 14px 10px;
    border-radius: 12px;
    margin-bottom: 0;
    cursor: pointer;
}

.service-sub-item li p {
    margin: 0;
    font-size: 14px;
    color: #101928;
    opacity: 0.50;
    width: 95%;
}

.service-sub-item li.active {
    background: #fff;
    -webkit-box-shadow: 0 5px 10px #eef1f3;
    box-shadow: 0 5px 10px #eef1f3;
}

.service-sub-item li i {
    margin-left: auto;
    opacity: 0;
}

.service-sub-item li.active p {
    color: #db8a8a;
    opacity: 1;
}

.service-sub-item li.active i {
    opacity: 1;
    color: #db8a8a;
}

/*********************  About Close  *******************/


/*********************  Feedback  *******************/
.ratings-items-box .rating-ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 7px;
}

.feedback-profile {
    text-align: center;
    margin: 40px;
}

.feedback-profile span {
    width: 157px;
    height: 157px;
    border-radius: 100%;
    display: block;
    overflow: auto;
    margin: 0 auto 20px;
}

.feedback-profile span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.feedback-profile h6 {
    font-size: 32px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 10px;
}

.feedback-profile p {
    color: #DB8A8A;
    font-size: 32px;
    font-weight: 600;
}

.conntainer-section .container {
    max-width: 700px;
}

.feedback-select {
    position: relative;
    margin: 0 0 15px 0;
}

.feedback-select-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgb(193 191 193 / 40%);
    padding: 10px 20px;
    border-radius: 12px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feedback-select-link span {
    margin-right: 11px;
}

.text-area-box {
    display: block;
}

.text-area-box textarea {
    display: block;
    width: 100%;
    padding: 16px;
    border-radius: 15px;
    color: #101928;
    height: 100px;
    overflow: auto;
    resize: none;
    border: 1px solid rgb(193 191 193 / 40%);
}

.btn-feedback-block {
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
}

.conntainer-section {
    padding-bottom: 80px;
}

.ratings-items-rows .col-lg-4 {
    padding: 6px;
}

.ratings-items-rows {
    margin: 50px -6px 50px;
}

.feedback-modal-header {
    background: #FFE9E9;
    padding: 20px 30px 20px;
    border-radius: 15px;
}

.feedback-modal-header h4 {
    font-size: 32px;
    color: #DB8A8A;
    font-weight: 500;
}

.feedback-search-search.review-info-search {
    margin-top: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.feedback-modal-body {
    padding: 20px 30px 40px;
    margin-top: 0;
}

.employee-profile-ul li:after {
    display: none;
}

.servic-modal-body ul.employee-profile-ul li {
    padding: 0;
}

.servic-modal-body ul.employee-profile-ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.servic-modal-body ul.employee-profile-ul li a span {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.servic-modal-footer a.btn-donee {
    display: block;
    text-decoration: none !important;
    color: #fff;
    margin-bottom: 15px;
}

.servic-modal-footer a.btn-donee:hover {
    color: #db8a8a;
}

div#service-item-owl2 button.owl-prev {
    left: -5%;
}

div#service-item-owl2 .owl-nav button {
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: #000000 !important;
    opacity: 0.30;
}

div#service-item-owl2 button.owl-next {
    right: -5%;
}

div#service-item-owl2 {
    max-width: 90%;
    margin: auto;
}

.specifics-body.specifics-body1 {
    margin-top: 30px;
}

.specifics-body.specifics-body1 ul {
    list-style: none;
    padding: 22px;
}

.specifics-body.specifics-body1 ul li {
    padding-left: 0;
}

.specifics-body.specifics-body1 ul li:after {
    display: none;
}

/*********************  Feedback Close  *******************/



/*********************  Advantages  *******************/
.adadvantages-banner {
    background: rgb(255, 243, 243);
    background-image: -o-linear-gradient(40deg, rgba(255, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(50deg, rgba(255, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
    position: relative;
    padding: 140px 0 165px;
    height: auto;
}

.adadvantages-banner-img {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120px;
}

.adadvantages-banner .row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.adadvantages-banner .row .col-lg-6 {
    max-width: 530px;
}

.adadvantages-banner .container,
.adadvantages-banner .row {
    height: 100%;
}

.adadvantages-banner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0 13px 36px hsl(0deg 100% 82% / 16%);
    box-shadow: 0 13px 36px hsl(0deg 100% 82% / 16%);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 25px;
}

.adadvantages-banner-box h6 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    background: #FABA5F;
    padding: 5px;
    border-radius: 8px;
    margin-right: 8px;
    margin-bottom: 0;
}

.adadvantages-banner-box p {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
}

.adadvantages-banner-box span {
    color: #DB8A8A;
}

.adadvantages-banner-info h4 {
    font-size: 48px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.4;
}

.adadvantages-banner-info p {
    font-size: 20px;
    color: #101928;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.6;
    opacity: 0.70;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.who-r4u-section h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 600;
    max-width: 340px;
    text-align: center;
    width: 100%;
    margin: 0 auto 50px;
}

.who-r4u-section p {
    font-size: 18px;
    color: #101928;
    opacity: 0.60;
    font-weight: 400;
    text-align: center;
    max-width: 645px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.catagory-item-ull {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.catagory-item-1 {
    margin-top: -80px;
}

.catagory-item-ull li a {
    display: block;
    width: 206px;
    cursor: auto;
}

.catagory-item-ull li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.catagory-item-4 {
    margin-top: -80px;
    margin-left: auto;
}

.catagory-item-2 {
    margin-left: auto;
    margin-top: 90px;
}

.catagory-item-3 {
    margin-left: auto;
    margin-top: 90px;
}

.who-r4u-main-section {
    position: relative;
    padding-bottom: 0;
}

.who-r4u-main-section:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    border: 2px solid #EBEFF0;
    max-width: 1145px;
    max-height: 1145px;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-37.5%);
    -ms-transform: translateX(-50%) translateY(-37.5%);
    transform: translateX(-50%) translateY(-37.5%);
    border-radius: 100%;
    height: 1145px;
    z-index: -2;
}

.who-r4u-main-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 630px;
    background-image: -o-linear-gradient(267deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
    background-image: linear-gradient(183deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
    z-index: -1;
}

.catagory-item-ull li h6 {
    text-align: center;
    font-size: 16px;
    color: #DB8A8A;
    font-weight: 500;
    margin-top: 15px;
}

.advantages-image {
    width: 100%;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 13px 36px #ffefef;
    box-shadow: 0 13px 36px #ffefef;
    margin-bottom: -15px;
    position: relative;
    z-index: 1;
}

.advantages-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.advantages-information {
    background: #F8F9FA;
    border-radius: 20px;
    border: 2px solid transparent;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 95%;
    margin: auto;
    padding: 25px 15px;
    height: 40%;
}

.advantages-information h5 {
    font-size: 17px;
    color: #101928;
    font-weight: 500;
    max-width: 260px;
    text-align: center;
    margin: 20px auto 0;
    width: 100%;
}

.advantages-information span {
    background: rgb(16 25 40 / 50%);
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 5px solid #fff;
}

.advantages-information span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #101928b8;
    border-radius: 100%;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.advantages-items:hover .advantages-information {
    background: #FFF3F3;
    border-color: #FFE2E2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.advantages-items:hover .advantages-information span:after {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.advantages-items:hover .advantages-information span {
    border-color: #FFE2E2;
    background: #DB8A8A;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.advantages-ico-title {
    text-align: center;
    margin-bottom: 40px;
}

.advantages-ico-title span {
    display: block;
    margin-bottom: 15px;
}

.advantages-ico-title h6 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 500;
    margin-bottom: 20px;
}

.advantages-ico-title h5 {
    font-size: 32px;
    color: #101928;
    max-width: 500px;
    text-align: center;
    margin: 0px auto 0;
    font-weight: 600;
    line-height: 1.5;
}

.advantages-items {
    margin: 15px 0;
    height: calc(100% - 15px);
}

.step-section {
    background: rgb(255 241 241 / 50%);
}

.step-title h4 {
    font-size: 42px;
    color: #DB8A8A;
    font-weight: 600;
    max-width: 620px;
    margin: auto;
    text-align: center;
}

.step-title {
    margin-bottom: 60px;
}

.step-roww {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.step-img {
    width: 530px;
    position: relative;
}

.step-img img {
    width: 100%;
    height: 100%;
}

.step-info span {
    font-size: 15px;
    color: #FFFFFF;
    background: #db8a8a;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 4em;
    padding: 5px 12px;
    margin-bottom: 15px;
    display: block;
}

.step-info p {
    font-size: 26px;
    color: #101928;
    font-weight: 400;
}

.step-info p span {
    display: inline-block;
    background: transparent;
    margin: 0;
    font-size: 26px;
    color: #db8a8a;
    font-weight: 400;
    word-break: break-word;
    display: table-cell;
    padding: 0;
}

.step-img-2,
.step-img-4 {
    margin-left: auto;
}

.step-img:after {
    content: "";
    background-image: url(../images/left-line.svg);
    width: 110px;
    height: 118.09px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -25%;
    right: -95px;
}

.step-img-2:after,
.step-img-4:after {
    content: "";
    background-image: url(../images/right-line.svg);
    width: 110px;
    height: 118.09px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -23%;
    left: -46px;
}

.step-img-5:after {
    display: none;
}

.step-roww-5 {
    margin-bottom: 0;
}

.testimonial-profile {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: 0 auto 15px;
    position: relative;
}

.testimonial-profile img {
    width: 120px !important;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
    border: 5px solid #fff;
}

.testimonial-profile span {
    position: absolute;
    bottom: 25px;
    right: 20px;
    color: #858A91;
    font-weight: 300;
    font-size: 15px;
}

.testimonial-profile-info {
    text-align: center;
}

.testimonial-profile-info h5 {
    color: #101928;
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 600;
}

.testimonial-profile-info h6 {
    color: #DC8D8D;
    font-weight: 400;
    margin-bottom: 20px;
}

.testimonial-profile-info .area_info_rating_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.testimonial-profile-info .area_info_rating_wrap+p {
    font-size: 18px;
    color: #101928;
    font-weight: 400;
    opacity: 0.50;
    max-width: 870px;
    margin: 0 auto 25px;
}

.testimonial-items {
    position: relative;
}

.testimonial-items:after {
    background: #FBFBFB;
    border: 1px solid #E8E8EC;
    border-radius: 15px;
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 82%;
    z-index: -1;
}

span.quote-icon {
    display: block;
    width: 50px;
    margin: auto;
}

#testimonial-owl button.owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -70px;
    display: block;
    width: 50px;
    height: 50px;
    background: rgb(133 138 145 / 10%) !important;
    border-radius: 100%;
    color: #858A91 !important;
}

#testimonial-owl button.owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -70px;
    display: block;
    width: 50px;
    height: 50px;
    background: rgb(133 138 145 / 10%) !important;
    border-radius: 100%;
    color: #858A91 !important;
    margin: 0px;
}

.testimonial-title {
    margin-bottom: 50px;
    text-align: center;
}

.testimonial-title h4 {
    font-size: 42px;
    color: #101928;
    font-weight: 600;
    max-width: 340px;
    margin: auto;
}

/*********************  Advantages Close  *******************/

/*********************  business-partner Start  *******************/

a.nav-link.btn.btn-login.add-margin {
    margin-left: 35px;
}

.business-banner-info {
    text-align: center;
    padding: 130px 0 0;
}

.business-banner-info h2 {
    font-size: 72px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 60px;
}

.business-banner-img span+img {
    width: 100%;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
}

.business-banner-img span {
    display: block;
    width: 140px;
    height: 140px;
    margin: 35px auto -70px;
    position: relative;
    z-index: 1;
}

.business-banner-section {
    position: relative;
}


.business-banner-section::after {
    content: "";
    background-image: url('../images/line-1.svg');
    width: 670px;
    height: 549px;
    background-size: cover;
    position: absolute;
    bottom: 17%;
    left: -50px;
    background-repeat: no-repeat;
    z-index: -1;
}

.business-banner-section::before {
    content: "";
    background-image: url('../images/line-2.svg');
    width: 574px;
    height: 533.95px;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.business-bluee {
    padding: 90px 0 75px;
    position: relative;
}

.business-bluee:after {
    content: "";
    background: #101928;
    position: absolute;
    top: -180px;
    left: 0;
    width: 100%;
    height: 465px;
    z-index: -1;
}

.business-left-info h6 {
    font-size: 16px;
    color: #FABA5F;
    font-weight: 300;
    margin-bottom: 15px;
    letter-spacing: 0.4px;
    position: relative;
}

.business-left-info h4 {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1.5;
}

ul.business-right-ul {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

ul.business-right-ul li {
    position: relative;
    background: #FFFFFF;
    padding: 40px 30px;
    -webkit-box-shadow: 0 13px 99px hsl(0deg 100% 48% / 5%);
    box-shadow: 0 13px 99px hsl(0deg 100% 48% / 5%);
    margin: 10px;
    max-width: 215px;
    width: 215px;
    border-radius: 10px;
}

ul.business-right-ul li h5 {
    color: #DB8A8A;
    font-size: 32px;
    margin-bottom: 42px;
    letter-spacing: -0.5px;
}

ul.business-right-ul li:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100%;
    height: 100%;
    border: 1px solid #DB8A8A;
    border-radius: 10px;
    z-index: -1;
}

ul.business-right-ul li p {
    font-size: 20px;
    color: #0F1827;
    font-weight: 500;
}

ul.business-right-ul li:nth-child(1) {
    margin-top: 0;
}

ul.business-right-ul li:nth-child(2) {
    margin-top: 20px;
}

ul.business-right-ul li:nth-child(3) {
    margin-top: 40px;
}

.client-img {
    width: 126px;
    height: 100%;
    margin: auto;
}

.client-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.business-pills {
    border: 1px solid #FFF1F1;
    -webkit-box-shadow: 0 0 13px 26px rgb(255 243 243 / 30%);
    box-shadow: 0 0 13px 26px rgb(255 243 243 / 30%);
    margin: 120px auto;
    /* box-shadow: none; */
    /* position: sticky; */
    /* top: 80px; */
    z-index: 99;
    background: #fff;
}

.advantages_rows {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
    position: relative;
}

.advantages_item_info span {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 21px;
}

.advantages_item_info h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 26px;
    line-height: 1.4;
}

.advantages_item_info p {
    font-size: 17px;
    color: #101928;
    font-weight: 400;
    opacity: 0.50;
    line-height: 1.8;
}

.partner-bg {
    background: rgb(255, 241, 241);
    background-image: -o-linear-gradient(57deg, rgba(255, 241, 241, 1) 30%, rgba(255, 154, 154, 1) 400%);
    background-image: linear-gradient(33deg, rgba(255, 241, 241, 1) 30%, rgba(255, 154, 154, 1) 400%);
    padding: 80px 0;
    position: relative;
}

.partner-bg:after {
    content: "";
    background-image: url(../images/partner.png);
    max-width: 900px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.partner-infos {
    max-width: 477px;
}

.partner-infos h6 {
    font-size: 19px;
    color: #DB8A8A;
    font-weight: 500;
    margin-bottom: 15px;
}

.partner-infos h5 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

.partner-infos p {
    font-size: 17px;
    color: #101928;
    opacity: 0.50;
    line-height: 1.7;
    margin-bottom: 40px;
}

.advantages_rows2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
    margin-bottom: 10px;
    position: relative;
}

.pink-after:after {
    content: "";
    background: #FFF3F3;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.40;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.green-after:after {
    content: "";
    background: #EBF3EC;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.40;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.blue-after:after {
    content: "";
    background: #F1F5F9;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.40;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.yellow-after:after {
    content: "";
    background: #FFF4E5;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.40;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.green--after:after {
    content: "";
    background: #F7FAF7;
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.blue--after:after {
    content: "";
    background: #F9FBFD;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}

.features-profle {
    width: 100%;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
}

.features-profle img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.features-profle-info span {
    display: block;
    width: 104px;
    margin-bottom: 15px;
}

.testimonial-features-items {
    position: relative;
    padding: 60px 0;
}

.features-items-owl-section:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #2D3236;
    width: 90%;
    height: 100%;
    border-radius: 15px;
    z-index: -1;
}

.features-items-owl-section:before {
    content: "";
    background-image: url('../images/icon/line.svg');
    position: absolute;
    top: -15px;
    right: -15px;
    width: 134px;
    height: 100%;
    border-radius: 15px;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}

.testimonial-features-items .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.features-profle-info p {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 200;
    font-style: italic;
    padding-left: 60px;
    max-width: 526px;
    line-height: 1.7;
    margin-bottom: 50px;
}

.features-profle-info h5 {
    font-size: 32px;
    padding-left: 60px;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 5px;
}

.features-profle-info h6 {
    font-size: 16px;
    padding-left: 60px;
    color: #FABA5F;
    font-weight: 300;
}

.features-items-owl-section {
    margin: 150px 0;
    position: relative;
}

#features-items-owl button.owl-next,
#features-items-owl button.owl-prev {
    position: relative !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    left: 0 !important;
}

#features-items-owl .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -70px 30px 0px 0px;
}

#features-items-owl .owl-nav button {
    background: rgb(255 255 255 / 20%) !important;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff !important;
}

#features-items-owl .owl-nav button:hover {
    background: #ffff !important;
    color: #000 !important;
}

.pricing-box-ul {
    list-style: none;
    padding: 100px 0 160px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pricing-box-ul li {
    width: 33.33%;
}

.pricing-box-ul li span {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
}

.pricing-box-ul li h6 {
    font-size: 32px;
    color: #101928;
    opacity: 0.40;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing-box-ul li h6+span {
    width: 80%;
    height: auto;
    text-align: center;
    background: #ffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 13px 30px rgb(197 197 197 / 10%);
    box-shadow: 0 13px 30px rgb(197 197 197 / 10%);
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    padding: 20px;
    display: block;
    margin: 0 auto 10px;
}

.boxx-sub-uls {
    list-style: none;
    padding: 15px 30px;
    margin: 0;
    z-index: 11;
}

.boxx-sub-uls li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}

.boxx-sub-uls li span {
    display: block;
    all: unset;
    margin-right: 20px;
    width: 20px;
    text-align: center;
    min-width: 20px;
}

.boxx-sub-uls li p {
    font-size: 14px;
    color: #101928;
    opacity: 0.60;
}

.boxx-sub-uls li:nth-last-child(1) {
    margin: 0;
}

li.basic-boxxs {
    position: relative;
    height: 570px;
    padding: 30px 0;
}

li.pink-box {
    -webkit-box-shadow: 0 23px 99px hsl(0deg 0% 77% / 15%);
    box-shadow: 0 23px 99px hsl(0deg 0% 77% / 15%);
    border-radius: 20px;
    z-index: 8;
    background: #fff;
}

li.gray-box:after {
    content: "";
    position: absolute;
    top: 85px;
    left: 0;
    background: #F9F9FB;
    width: 100%;
    height: calc(100% - 85px);
    border-radius: 20px;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

li.pink-box:after {
    content: "";
    background: #FFC5C5 !important;
    background-image: -o-linear-gradient(57deg, rgba(255, 241, 241, 1) 520%, rgba(255, 154, 154, 1) 230%);
    background-image: linear-gradient(33deg, rgba(255, 241, 241, 1) 520%, rgba(255, 154, 154, 1) 230%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    border-radius: 20px 20px 0 0;
    z-index: -1;
}

li.pink-box::before {
    content: "";
    background-image: url(../images/icon/box-box.svg);
    width: 100%;
    height: 644px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -3;
}

li.pink-box h6 {
    opacity: 1;
}

li.pink-box h6+span {
    color: #db8a8a;
}

span.pink-white-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: #fff;
    z-index: -1;
    margin: 0 !important;
    border-radius: 20px !important;
}

.pricing-title-info {
    text-align: center;
    margin-bottom: 70px;
}

.pricing-title-info h4 {
    font-size: 48px;
    font-weight: 600;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 28px;
    position: relative;
}

.pricing-title-info h4::after {
    content: "";
    width: 100%;
    background-image: url(../images/icon/heading.svg);
    height: 100%;
    bottom: -20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom;
    left: 0;
}

.pricing-title-info p {
    font-size: 18px;
    color: #101928;
    opacity: 0.50;
    max-width: 340px;
    margin: auto;
}

/*********************  business-partner Close  *******************/

/*extraa css*/
.area-accordion-card .owl-nav {
    text-align: center;
    margin-top: 25px;
}

.area-accordion-card .owl-prev,
.area-accordion-card .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #db8a8a !important;
    color: #fff !important;
    font-size: 15px !important;
    margin-right: 10px;
}

.service-media-wrap .service-media-infos,
.service-media-wrap .price-info {
    width: 50%;
}

.service-media-wrap .price-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.testimonial-profile-info .area_info_rating_wrap p {
    padding-left: 10px;
}

/* Brij css start 24/04/2021 */
.payment-summary-wrap {
    height: 248px;
    overflow-y: auto;
    padding-right: 10px;
}

.payment-summary-wrap::-webkit-scrollbar,
.selectservice-wrap::-webkit-scrollbar,
.scheduletime::-webkit-scrollbar {
    width: 5px;
}

.payment-summary-wrap::-webkit-scrollbar-thumb,
.selectservice-wrap::-webkit-scrollbar-thumb,
.scheduletime::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.payment-summary-wrap::-webkit-scrollbar-track,
.selectservice-wrap::-webkit-scrollbar-track,
.scheduletime::-webkit-scrollbar-trac {
    background-color: #f1f1f1;
}

/* Brij css end 24/04/2021 */
/*********************  Index Start  *******************/
.index-banner {
    position: relative;
    height: 926px;
    z-index: 2;
}

.index-banner-img {
    width: 100%;
    height: 926px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.cosmetics-box-main {
    max-width: 400px;
    width: 100%;
    position: absolute;
    top: 43%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    left: 21.5%;
}

.cosmetics-box-header {
    position: relative;
    text-align: center;
    border-radius: 10px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background: #fff;
    overflow: hidden;
    margin-bottom: -1px;
}

.cosmetics-box-header h4 {
    font-size: 18px;
    color: #101928;
    font-weight: 600;
    margin-top: -10px;
    position: relative;
    display: inline;
    z-index: 1;
}

.cosmetics-box-header h4:after {
    content: "";
    position: absolute;
    bottom: -80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30%;
    height: 3px;
    background: #101928;
    border-radius: 10px 10px 0 0;
}

.cosmetics-box-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #db8a8a;
    -webkit-backdrop-filter: blur(150px);
    backdrop-filter: blur(150px);
    opacity: 10;
    border-radius: 10px;
    z-index: 0;
    -webkit-filter: blur(230px);
    filter: blur(230px);
}

.cosmetics-box-body {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}

.cosmetics-box-body ul {
    padding: 0;
    list-style: none;
    margin: 40px 0 0 0;
}

li.index-filter-li {
    position: relative;
    margin-bottom: 10px;
}

li.index-filter-li input,
li.index-filter-li select {
    border: 1px solid rgb(193 191 193 / 40%);
    width: 100%;
    height: 50px;
    border-radius: 12px;
    padding: 0px 10px 2px 46px;
    line-height: 0;
    font-size: 16px;
    font-weight: 500;
}

li.index-filter-li span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
}

li.index-filter-li input::-webkit-input-placeholder {
    opacity: 35%;
}

li.index-filter-li input::-moz-placeholder {
    opacity: 35%;
}

li.index-filter-li input:-ms-input-placeholder {
    opacity: 35%;
}

li.index-filter-li input::-ms-input-placeholder {
    opacity: 35%;
}

li.index-filter-li input::placeholder {
    opacity: 35%;
}

.btn-search-now {
    margin-top: 20px;
    display: block;
}

#service-item-owl .owl-nav button {
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#service-item-owl button.owl-prev {
    left: 0;
}

#service-item-owl button.owl-next {
    right: 0;
}

.who-r4u-section span {
    display: block;
    text-align: center;
}

.who-r4u-section h6 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    opacity: 0.40;
    margin: 5px 0 20px;
}

.index-service-section {
    padding-bottom: 100px;
}

.pocket-section {
    padding: 80px 0 24px;
    position: relative;
}

.pocket-section:after {
    content: "";
    background-image: url(../images/pocket-bg.jpg);
    max-width: 1520px;
    background-size: cover;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.pocket-section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pocket-info h3 {
    font-size: 56px;
    color: #101928;
    font-weight: 600;
    max-width: 490px;
    margin-bottom: 30px;
}

.pocket-info p {
    font-size: 20px;
    color: #101928;
    opacity: 0.50;
    font-weight: 400;
    max-width: 410px;
    margin-bottom: 50px;
}

.pocket-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pocket-info ul li {
    margin-right: 20px;
}

.pocket-img {
    width: 100%;
    height: 100%;
}

.pocket-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.advantages-home-title {
    text-align: center;
    margin-bottom: 100px;
}

.advantages-home-title h6 {
    font-size: 20px;
    color: #101928;
    margin-bottom: 13px;
    font-weight: 500;
    opacity: 0.50;
}

.advantages-home-title h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 600;
}

.advantages-home-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}

.advantages-home-item-img {
    width: 100%;
    height: 100%;
}

.advantages-home-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.advantages-home-item-info span {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-bottom: 28px;
}

.advantages-home-item-info h5 {
    font-size: 44px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}

.advantages-home-item-info h6 {
    font-size: 22px;
    color: #9FA3A9;
    font-weight: 300;
}

.digital-main-section {
    position: relative;
    background: #F3F6FB;
    padding: 80px 0;
    z-index: 2;
}

.digital-main-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 425px;
    background: #101928;
    z-index: -1;
}

div#digital-main-owl {
    z-index: 12;
}

.digital-main-title {
    text-align: center;
    margin-bottom: 90px;
}

.digital-main-title h6 {
    font-size: 20px;
    color: #FABA5F;
    margin-bottom: 15px;
    font-weight: 300;
}

.digital-main-title h4 {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto 60px;
}

.digital-main-ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px 70px;
}

.digital-main-ul li {
    width: 350px;
    /* background: #fff; */
    margin: 15px;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    height: 165px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.digital-main-ul li h5 {
    font-size: 28px;
    color: #509552;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    z-index: 2;
}

.digital-main-ul li:nth-last-child(1) h5 {
    color: #FABA5F;
}

.digital-main-ul li:nth-last-child(2) h5 {
    color: #72BDFF;
}

.digital-main-ul li p {
    font-size: 20px;
    color: #101928;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.digital-main-ul li:after {
    content: "";
    position: absolute;
    border: 1px solid #509552;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    z-index: -1;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.digital-main-ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 15px;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.digital-main-ul li:nth-last-child(2):after {
    border-color: #72BDFF;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
    right: unset;
}

.digital-main-ul li:nth-last-child(1):after {
    border-color: #faba5f;
    left: -10px;
    right: unset;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.digital-main-ul li:nth-last-child(2):before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.digital-main-ul li:nth-last-child(2) {
    margin-top: 25px;
}

.digital-main-ul li:nth-last-child(1):before {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.digital-main-partner {
    width: 126px;
    height: 90px;
}

.digital-main-partner img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.index-map-title {
    text-align: center;

}

.index-map-title h6 {
    font-size: 20px;
    color: #9FA3A9;
    font-weight: 500;
    margin-bottom: 13px;
}

.index-map-title h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 500;
    max-width: 400px;
    margin: auto;
}

.index-map-image {
    text-align: center;
    margin-top: -100px;
    position: relative;
    z-index: -1;
}

/* .index-map-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 568px;
    background-image: linear-gradient(180deg, white, transparent);
} */

.soical-media-ul {
    padding: 0;
    list-style: none;
    text-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 160px 16px 160px 16px 160px;
    grid-template-columns: 160px 160px 160px;
    grid-column-gap: 16px;
}

.soical-media-ul li {
    width: 160px;
    height: 160px;
    background: #ffffff;
    padding: 15px;
    margin: 8px 0;
    border-radius: 20px;
    -webkit-box-shadow: 0 18px 26px rgba(214, 222, 230, 0.06);
    box-shadow: 0 18px 26px rgba(214, 222, 230, 0.06);
}

.soical-media-ul li span {
    display: block;
    width: 45px;
    height: 45px;
    margin: 20px auto 25px;
}

.soical-media-ul li span svg {
    width: 45px;
    height: 45px;
}

.soical-media-ul li h6 {
    font-size: 20px;
    color: #101928;
    font-weight: 400;
}

.soical-media-info h5 {
    font-weight: 600;
    color: #101928;
    font-size: 42px;
    line-height: 1.4;
    margin-bottom: 50px;
}

.soical-media-ul li.active.facebook {
    background: #0284fe;
}

.soical-media-ul li.active.facebook svg path {
    fill: #fff;
}

.soical-media-ul li.active.facebook h6 {
    color: #fff;
}

.soical-media-info h5 span {
    opacity: 0.4;
}

.index-banner-img {
    height: 90%;
}

.index-banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 85% 100%;
    object-position: 85% 100%;
}

.service-item-icon-index span {
    background-color: #F2F2F6;
}

.service-item-icon-index span svg path {
    fill: rgb(0 0 0 / 60%);
    stroke: transparent;
}

.social-media-section {
    position: relative;
}

.social-media-section:after {
    width: 100%;
    height: 900px;
    content: "";
    background-image: -moz-linear-gradient(90deg, rgb(235, 245, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(235, 245, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(235, 245, 255) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 80px;
    left: 0;
    z-index: -1;
}

.service-item-label:hover span {
    background: #DB8A8A;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.service-item-label:hover span svg path {
    fill: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-item-label:hover h6 {
    color: #DB8A8A;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*********************  Index Close  *******************/
.area-item-wrap ul.rating-ul+p {
    margin-left: 10px;
}

.services-body ul li a:hover {
    background: rgb(0 0 0 / 5%);
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.box-fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
}

.service-link-wrap span svg {
    width: 35px;
    height: 35px;
}

a#myBtn {
    display: block;
    width: 40px;
    height: 40px;
    background: #db8a8a;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
}

.service-item-icon-index h6 {
    opacity: 0.5;
    font-size: 15px;
}

li.basic-boxxs:hover:after {
    background: #ffc5c596;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.basic-boxxs:hover h6 {
    color: #101928 !important;
    opacity: 1;
}

.service-item-label {
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-item-label input {
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.search_data {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    z-index: 999;
}

.service-item-icon-index span svg {
    width: 35px;
    height: 35px;
}

ul.search_value {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 50px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 50px rgb(0 0 0 / 10%);
    padding: 0 12px;
    list-style: none;
    margin-top: 5px;
    max-width: 300px;
    width: 100%;
    min-width: 300px;
}

ul.search_value a:hover {
    color: #db8a8a;
}

ul.search_value li {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 12px 0;
}

ul.search_value li:nth-last-child(1) {
    border: navajowhite;
}












/* profile */
.profile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 30px;
}

.profile-header span {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}

.profile-header:after {
    display: none;
}

.dropdown-new-menu {
    background: #FFFFFF;
    border-radius: 10.5px 0 10.5px 10.5px;
    -webkit-box-shadow: 0 27px 66px hsl(0deg 0% 0% / 10%);
    box-shadow: 0 27px 66px hsl(0deg 0% 0% / 10%);
    border: none;
    padding: 10px;
    right: 0 !important;
    left: unset !important;
}

.header-profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #E8E8EC;
    border-radius: 10.5px 0 10.5px 10.5px;
    padding: 8px 16px;
    margin-bottom: 10px;
}

.header-profile-info span {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.header-profile-info span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-profile-info h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 4px;
}

.header-profile-info p {
    font-size: 12px;
    color: #101928;
    opacity: 0.50;
}

.h-dropdown-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid hsl(0deg 0% 44% / 7%);
    font-size: 16px;
    color: #101928;
    font-weight: 400;
}

.h-dropdown-item-wrap:nth-last-child(1) {
    border: 0;
}

.h-dropdown-item-wrap:hover {
    color: #f9b95f;
}

.h-dropdown-item-wrap.logout-header {
    color: #FF2D2D;
}

.profile-index-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.profile-index-wrap span {
    width: 145px;
    height: 145px;
    border-radius: 100%;
    margin-right: 30px;
    overflow: hidden;
}

.profile-index-wrap span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile-header span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile-index-wrap h6 {
    font-size: 32px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 0;
}

.profile-index-wrap p {
    font-size: 20px;
    color: #101928;
    opacity: 0.50;
    margin-bottom: 15px;
}

.profile-index-wrap ul {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile-index-wrap ul li a {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    border-bottom: 1px solid;
}

.profile-index-wrap ul li {
    border-right: 1px solid #101928;
    padding-right: 15px;
}

.profile-index-wrap ul li:nth-last-child(1) {
    border: 0;
    padding-left: 15px;
    padding-right: 0;
}

.profile-index-wrap ul li a i {
    margin-right: 8px;
}

.profile-section-bg {
    position: relative;
    padding: 35px 0;
}

.profile-section-bg:after {
    background: #FFF8EE;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 154px;
    z-index: -1;
}

.profile-navs-pills {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
    background: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    border-radius: 4em;
    padding: 8px;
    border: 1px solid #FAEAD4;
    -webkit-box-shadow: 0 13px 26px #f2e7d7;
    box-shadow: 0 13px 26px #f2e7d7;
}

.profile-navs-pills.nav-pills .nav-link.active,
.profile-navs-pills.nav-pills .show>.nav-link {
    background: #101928;
}

.profile-navs-pills.nav-pills .nav-link.active svg path,
.profile-navs-pills.nav-pills .show>.nav-link svg path {
    fill: #FABA5F
}

.favourites-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
    border-bottom: 1px solid rgb(135 140 147 / 20%);
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.favourites-header-left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.favourites-header-left h5 {
    font-size: 32px;
    color: #101928;
    font-weight: 500;
    margin-right: 30px;
    border-right: 1px solid #E2E2E2;
    margin-bottom: 0;
    padding: 12px 30px 12px 0px;
}

.favourites-header-left h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    opacity: 0.40;
}

.cosmetics-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9F9FB;
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 16px;
    color: #101928;
    font-weight: 500;
}

.favourites-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
}

.cosmetics-toggle::after {
    display: none;
}

.cosmetics-toggle i {
    margin-left: 13px;
    font-size: 16px;
    color: rgb(16 25 40 / 40%);
}

.btn-adress {
    border: 1px solid #FABA5F;
    background: #FFF3F3;
    border-radius: 12px;
    font-size: 16px;
    color: #101928;
    padding: 11px 18px;
}

.btn-adress i {
    color: #FABA5F;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-adress:hover {
    background: #FABA5F;
    color: #fff;
}

.btn-adress:hover i {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.addresses-item-box {
    background: #F9F9FB;
    border-radius: 20px;
    padding: 20px 30px 30px;
    margin: 15px 0;
    position: relative;
}

.addresses-item-box span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: block;
    margin-bottom: 19px;
}

.addresses-item-box span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.addresses-item-box h6 {
    font-size: 24px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 6px;
}

.addresses-item-box p {
    font-size: 16px;
    color: #101928;
    opacity: 0.60;
    font-weight: 400;
}

.address-dropdown {
    position: absolute;
    top: 20px;
    right: 20px;
}

.address-toggle:after {
    display: none;
}

.notification-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 33px;
}

.notification-header-wrap h5 {
    font-size: 32px;
    color: #101928;
    margin: 0 36px 0 0;
}

.notification-header-wrap .switch {
    background: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 0 12px 20px hsl(216deg 5% 64% / 10%);
    box-shadow: 0 12px 20px hsl(216deg 5% 64% / 10%);
    padding: 14px 40px;
}

.notification-header-wrap .switch p {
    font-size: 16px;
    color: #101928;
    margin: 0 50px 0 0px;
}

.notification-section {
    padding: 50px 0;
}

.notification-item {
    background: #FFFFFF;
    border: 1px solid #F4F4F5;
    padding: 25px 30px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 56px #f9f9f9;
    box-shadow: 0 0 56px #f9f9f9;
    margin-bottom: 10px;
}

.noti-heading-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.noti-heading-wrap h5 {
    font-size: 24px;
    color: #DB8A8A;
    font-weight: 600;
    margin: 0;
}

.noti-heading-wrap span {
    font-size: 16px;
    display: block;
    color: #575E68;
    opacity: 0.40;
    font-weight: 400;
}

.notification-item p {
    font-size: 18px;
    color: #575E68;
    font-weight: 300;
    margin-bottom: 22px;
}

.notification-item p strong {
    font-weight: 500;
}

.noti-btn-wrap a {
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 21px;
}

.btn-details {
    background: #DB8A8A;
    color: #fff !important;
}

.btn-cancel {
    background: #101928;
    color: #fff !important;
}

.btn-details2 {
    background-color: #FFF3F3;
    color: #101928;
}

.noti-heading-wrap h5.text-yellow {
    color: #FABA5F;
}

.noti-heading-wrap h5.text-green {
    color: #006605;
}

.nbooking-detail h4,
.setting-title {
    font-size: 32px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 33px;
}

span.nbooking-detail-profile {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    margin-bottom: 30px;
}

span.nbooking-detail-profile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nbooking-detail ul {
    padding: 0;
    list-style: none;
}

.nbooking-detail ul li {
    background: #F9F9FB;
    border-radius: 8px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 34px;
}

.nbooking-detail ul li span {
    display: block;
    color: rgb(16 25 40 / 50%);
    font-size: 18px;
    font-weight: 500;
}

.nbooking-detail ul li p {
    font-size: 18px;
    color: #101928;
    font-weight: 500;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nbooking-detail ul li p span {
    display: block;
    width: 44px;
    margin-right: 15px;
}

.nbooking-detail ul li h6 {
    font-size: 24px;
    color: #DB8A8A;
    font-weight: 600;
    margin-left: auto;
}

.payment-box-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #E8E8EC;
    border-radius: 10px;
    padding: 8px 16px;
    margin-bottom: 15px;
}

span.payment-box-icon {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #DB8A8A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

span.payment-box-icon svg {
    width: 22px;
}

span.payment-box-icon svg path {
    fill: #fff;
}

.payment-box-link h6 {
    font-size: 18px;
    color: #101928;
    font-weight: 700;
    margin: 0 0 0 18px;
}

.payment-box-profile-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border-bottom: 1px solid #E8E8EC;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.payment-box-profile-wrap span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 12px;
    padding: 0;
}

.payment-box-profile-wrap span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.payment-box-profile-wrap p {
    font-size: 12px;
    color: #101928;
    margin-bottom: 0;
    font-weight: 600;
}

.payment-box-profile-wrap h6 {
    font-size: 16px;
    color: #DB8A8A;
    font-weight: 700;
}

.payment-item-infos h5 {
    font-size: 16px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 10px;
}

.payment-item-infos h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 600;
    opacity: 0.50;
    margin-bottom: 6px;
}

.payment-item-infos-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payment-item-infos-wrap span {
    font-size: 14px;
    color: #101928;
    opacity: 0.40;
}

.payment-item-infos-wrap p {
    font-size: 16px;
    font-weight: 600;
    color: #101928;
}

.payment-item-infos {
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E8E8EC;
}

.payment-box-link[aria-expanded="true"] span.downn-arroww {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.notification-detail-row .col-lg-6 {
    padding: 0 40px;
}

.row.notification-detail-row {
    position: relative;
}

.row.notification-detail-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 85%;
    background: rgb(112 112 112 / 20%);
}

.setting-flex-pills {
    background: #F9F9FB;
    border-radius: 15px;
    padding: 20px 15px;
    margin-bottom: 10px;
}

.setting-flex-pills.nav-pills .nav-link.active,
.setting-flex-pills.nav-pills .show>.nav-link {
    background: #FFFFFF;
    border-radius: 15px;
    -webkit-box-shadow: 0 12px 20px hsl(216deg 5% 64% / 10%);
    box-shadow: 0 12px 20px hsl(216deg 5% 64% / 10%);
    color: #101928;
    font-weight: 600;
}

.setting-flex-pills a.nav-link {
    font-size: 16px;
    color: rgb(16 25 40 / 60%);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
}

.setting-flex-pills a.nav-link span.setting-pill-icon {
    display: block;
    margin-right: 15px;
}

.setting-flex-pills.nav-pills .nav-link.active path,
.setting-flex-pills.nav-pills .show>.nav-link path {
    fill: #DB8A8A;
}

.nav-link-delete {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    background: #FFF3F3;
    border-radius: 15px;
}

.nav-link-delete span {
    margin-right: 15px;
}

.change-passowrd-form {
    max-width: 380px;
}

.passowrd-input {
    margin-bottom: 10px;
    position: relative;
}

.passowrd-input input {
    border: 1px solid rgb(112 112 112 / 20%);
    border-radius: 15px;
    font-size: 16px;
    color: #101928;
    height: 50px;
    padding: 0 15px 0 40px;
    width: 100%;
}

.change-passowrd-form a.btn.btn-block.main-btn {
    margin-top: 50px;
}

.passowrd-input span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    left: 15px;
}

.passowrd-input input::-webkit-input-placeholder {
    opacity: 0.5;
}

.passowrd-input input::-moz-placeholder {
    opacity: 0.5;
}

.passowrd-input input:-ms-input-placeholder {
    opacity: 0.5;
}

.passowrd-input input::-ms-input-placeholder {
    opacity: 0.5;
}

.passowrd-input input::placeholder {
    opacity: 0.5;
}

.passowrd-input span img {
    vertical-align: baseline;
}

.setting-row .col-xl-3 {
    -ms-flex: 0 0 31.5%;
    -webkit-box-flex: 0;
    flex: 0 0 31.5%;
    max-width: 31.5%;
}

.setting-row .col-xl-9 {
    -ms-flex: 0 0 68.5%;
    -webkit-box-flex: 0;
    flex: 0 0 68.5%;
    max-width: 68.5%;
}

.main-review-info-tag-box {
    margin-left: auto;
    text-align: end;
}

.main-review-info-tag-box p.review-info-tag-box {
    margin: 0;
}

.setting-about-info h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px;
    font-weight: 600;
}

.setting-about-info h4 span {
    margin: 0 5px;
}

.setting-about-info p {
    font-size: 16px;
    color: #101928;
    opacity: 0.60;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 25px;
}

.setting-about-form {
    background: #F9F9FB;
    border-radius: 15px;
    padding: 30px 60px;
}

.setting-about-form h5 {
    font-size: 24px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 27px;
}

.about-input input {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #DDDDDE;
    border-radius: 15px;
    padding: 0 15px 0 30px;
    height: 50px;
    width: 100%;
}

.about-input input::-webkit-input-placeholder,
.about-input textarea::-webkit-input-placeholder {
    opacity: 0.50;
}

.about-input input::-moz-placeholder,
.about-input textarea::-moz-placeholder {
    opacity: 0.50;
}

.about-input input:-ms-input-placeholder,
.about-input textarea:-ms-input-placeholder {
    opacity: 0.50;
}

.about-input input::-ms-input-placeholder,
.about-input textarea::-ms-input-placeholder {
    opacity: 0.50;
}

.about-input input::placeholder,
.about-input textarea::placeholder {
    opacity: 0.50;
}

.about-input {
    margin-bottom: 10px;
}

.about-input textarea {
    height: 100%;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #DDDDDE;
    border-radius: 15px;
    padding: 15px;
    width: 100%;
    resize: none;
}

.about-input.about-textarea {
    margin: 0;
    height: calc(100% - 10px);
}

.setting-about-form .row {
    margin-bottom: 20px;
}

.privacy-infos h5 {
    font-size: 24px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 27px;
}

.privacy-infos p {
    font-size: 16px;
    color: #101928;
    opacity: 0.60;
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 1.8;
}

.privacy-infos span {
    font-size: 18px;
    color: #DB8A8A;
    font-weight: 400;
    display: block;
    padding-top: 40px;
    margin-bottom: 7px;
}

.privacy-infos h6 {
    font-size: 24px;
    color: #101928;
    font-weight: 600;
}

.privacy-infos form {
    background: #F9F9FB;
    border-radius: 15px;
    padding: 30px 40px;
    margin: 40px 0 20px;
}

.privacy-infos form .custom-control.custom-radio {
    margin-bottom: 15px;
}

.privacy-infos form .custom-control.custom-radio:nth-last-child(1) {
    margin: 0;
}

.list-item-box {
    background: #F9F9FB;
    border: 1px solid #E8E8EC;
    border-radius: 15px;
    margin-bottom: 40px;
}

.list-item-top-wrap {
    padding: 12px 12px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-item-img {
    width: 200px;
    max-width: 200px;
    height: 126px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 20px;
}

.list-item-info-top {
    padding: 10px 12px;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 15px;
    margin-bottom: 6px;
}

.list-item-info-top h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 8px;
}

.list-item-info-top h6 {
    font-size: 15px;
    color: rgb(16 25 40 / 40%);
    font-weight: 500;
}

.list-item-info {
    max-width: 627px;
    width: 100%;
}

.list-item-info h3 {
    font-size: 17px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 4px;
    padding-left: 12px;
}

.list-item-info h4 {
    font-size: 15px;
    color: #101928;
    font-weight: 500;
    opacity: 0.40;
    padding-left: 12px;
}

.list-item-price {
    margin-left: auto;
}

.list-item-price .btn-cancel {
    display: block;
    margin: 13px 0 35px 0;
}

.list-item-price h4 {
    color: #DB8A8A;
    font-weight: 500;
    font-size: 18px;
    text-align: right;
}

.list-item-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F2F2F5;
    border-radius: 0 0 15px 15px;
    padding: 10px 12px;
    margin-top: 12px;
}

.list-item-bottom-wrap p {
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 0;
}

.list-item-profile-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
}

.list-item-profile-wrap span {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.list-item-profile-wrap h6 {
    font-size: 14px;
    color: #101928;
    font-weight: 700;
}

.list-item-profile-wrap h6 i {
    font-weight: 700;
    font-style: normal;
    color: #101928;
}

.list-item-bottom-wrap h5 {
    font-size: 14px;
    color: #101928;
    font-weight: 500;
}

h5.list-section-title {
    font-size: 22px;
    color: #101928;
    font-weight: 600;
    opacity: 0.30;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 40px;
}

.btn-booking-again {
    display: block;
    margin: 13px 0 35px 0;
    padding: 7px 11px;
}

.listing-pills a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: #FABA5F;
    width: 18px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.listing-pills a {
    position: relative;
    margin: 0 20px;
    padding: 15px 0;
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    opacity: 0.40;
}

.listing-pills a.active {
    opacity: 1;
}

.list-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 88%;
    margin-top: -49px;
    margin-bottom: 70px;
}

.list-header-wrap h2 {
    margin-bottom: 0;
    margin-right: 30px;
    padding: 5px 30px 5px 0px;
    border-right: 1px solid #E2E2E2;
    font-size: 24px;
    color: #101928;
    font-weight: 400;
}

.listing-pills {
    margin-right: auto;
}

.select-cosmetics {
    background: #F9F9FB;
    border-radius: 12px;
    padding: 10px 18px;
    font-size: 16px;
    color: #101928;
    opacity: 0.60;
}

.index-booking-pills.nav-pills .nav-link.active,
.index-booking-pills.nav-pills .show>.nav-link {
    background: #101928;
}

.index-booking-pills.nav-pills .nav-link.active path,
.index-booking-pills.nav-pills .show>.nav-link path {
    fill: #FABA5F;
}

.index-booking-pills.nav-pills .nav-link {
    border: 2px solid #101928;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
}

.index-booking-pills li.nav-item {
    margin-left: -8px;
}

.index-booking-pills {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 99;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0;
}

.btn-wrap a {
    margin: 0 !important;
    white-space: nowrap;
    margin-left: 10px !important;
}

.btn-white span {
    font-size: 18px;
    color: #FABA5F;
    font-weight: 600;
}

.list-item-info-top a {
    font-size: 16px;
    color: #DB8A8A;
    font-weight: 400;
    text-decoration: underline;
}

.confirmation-modal h5 {
    color: #101928;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.confirmation-modal p {
    font-size: 20px;
    color: #101928;
    font-weight: 400;
    text-align: center;
    max-width: 380px;
    margin: 0 auto 30px;
    opacity: 0.50;
}

.confirmation-modal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 300px;
    width: 100%;
    background: #FFFAF2;
    border-radius: 10px;
    padding: 15px;
    margin: 0 auto 30px;
}

.btn-yes {
    margin: 0;
}

.confirmation-modal-wrap h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 0;
}

.confirmation-modal-wrap span {
    margin-right: 15px;
}

.confirmation-modal-wrap a {
    font-size: 16px;
    color: #DB8A8A;
    font-weight: 400;
    text-decoration: underline;
}

button.close {
    width: 40px;
    height: 40px;
    background: rgb(255 0 0 / 50%);
    opacity: 1;
    border-radius: 100%;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 100;
    font-size: 22px;
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 10px;
}

.confirmation-modal-body {
    padding: 50px 30px 30px;
}

button.close:hover {
    background: rgb(255 0 0);
}

.avatar-upload {
    position: relative;
    max-width: 155px;
    margin: 0 auto 60px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: -5px;
    z-index: 1;
    bottom: -5px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid #E8E8EC;
    -webkit-box-shadow: 0px 13px 26px 0px hsl(0deg 0% 90% / 60%);
    box-shadow: 0px 13px 26px 0px hsl(0deg 0% 90% / 60%);
    cursor: pointer;
    font-weight: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #101928;
    font-size: 20px;
}

.avatar-upload .avatar-preview {
    width: 144px;
    height: 144px;
    position: relative;
    border-radius: 100%;
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-input {
    position: relative;
    margin-bottom: 25px;
}

.modal-input input {
    width: 100%;
    border: 1px solid rgb(193 191 193 / 40%);
    border-radius: 12px;
    background: #fff;
    height: 50px;
    padding-left: 44px;
}

.modal-input span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-input.modal-input2 input {
    padding-left: 88px;
}

.modal-input span img {
    margin-right: 6px;
}

.modal-input.modal-input2 span p {
    font-size: 16px;
    font-weight: 600;
    color: rgb(16 25 40 / 50%);
    border-right: 2px solid rgb(0 0 0 / 20%);
    padding-right: 5px;
}

a.close-link {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #101928;
    text-decoration: underline;
    margin-top: 25px;
}

.list-item-info-top h5 a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 8px;
}

.detail-wrap-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffff;
    padding: 10px;
    -webkit-box-shadow: 0 13px 66px hsl(0deg 100% 23% / 10%);
    box-shadow: 0 13px 66px hsl(0deg 100% 23% / 10%);
    border-radius: 10px;
    margin-bottom: 15px;
}

.detail-wrap-box-img {
    width: 154px;
    height: 97px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 56px #F2F6F6;
    box-shadow: 0 0 56px #F2F6F6;
    overflow: hidden;
    margin-right: 11px;
}

.detail-wrap-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.detail-wrap-box-infos h6 {
    font-size: 13px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 8px;
}

.detail-wrap-box-infos h6 span {
    font-weight: 700;
}

.detail-wrap-box-infos h4 {
    font-size: 20px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 5px;
}

.detail-wrap-box-infos h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    text-align: left;
    opacity: 0.40;
}

.detail-wrap-box-info h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    text-align: left;
}

.detail-wrap-box-info p {
    text-align: left;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    padding: 0;
    margin: 0 0 38px 0;
    max-width: 100%;
    line-height: 1.46;
}

.detail-wrap-box-info a {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    text-align: center;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    border-bottom: 1px solid #000;
}

.calendar-wrap-flexx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -47px;
}

.calendar-wrap-flexx select.select-cosmetics {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-left: auto;
    margin-right: 12%;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #000;
    border-color: #000;
}

.modals-profile-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.modals-modals-profile {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.modals-modals-info h6 {
    font-size: 15px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 5px;
}

.modals-modals-info h5 {
    font-size: 20px;
    color: #DB8A8A;
    font-weight: 600;
}

.modal-profile-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFF3F3;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.modal-profile-address span svg path {
    fill: #101928;
}

.modal-profile-address span {
    margin-right: 13px;
    margin-top: 2px;
}

.modal-profile-address p {
    font-size: 17px;
    font-weight: 500;
}

.modal-items-pricing {
    background: #FFF3F3;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.btn-modal-cancel {
    margin: 0 0 20px 0;
    font-weight: 700;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cancelation-policy {
    text-align: center;
    display: block;
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 10px;
    border-bottom: 1px solid #101928;
}

.modal-items-pricing h4 {
    font-size: 18px;
    color: #101928;
    font-weight: 700;
}

.modal-items-pricing h4 i {
    color: #DB8A8A;
    font-style: normal;
    font-weight: 600;
}

.modal-items-pricing h6 {
    color: #101928;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-items-pricing h6 i {
    color: rgb(16 25 40 / 50%);
}

.modal-items-pricing h6 span {
    height: 14px;
    display: block;
    margin: 0 5px;
}

.modal-body.modal-body22 {
    padding: 1.6rem;
}

.list-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


a.login-logo {
    display: block;
    max-width: 180px;
    margin: 15px auto 20px;
}

.login-modal-title {
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 20px;
}

.login-modal-box {
    background: #fff;
    border-radius: 15px;
    padding: 0 20px 20px;
}

.login-modal-input {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #ececec;
}

.login-modal-input label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #000000;
    opacity: 0.50;
    font-weight: 500;
    margin: 5px;
}

.login-modal-input label span {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.login-modal-input label span svg {
    vertical-align: top;
}

.login-modal-input:nth-last-child(1) {
    border: none;
}

.login-modal-input input {
    border: none;
    height: 30px;
    font-size: 16px;
    width: 100%;
    font-weight: 500;
}

.login-modal-input input::-webkit-input-placeholder {
    opacity: 0.4;
}

.login-modal-input input::-moz-placeholder {
    opacity: 0.4;
}

.login-modal-input input:-ms-input-placeholder {
    opacity: 0.4;
}

.login-modal-input input::-ms-input-placeholder {
    opacity: 0.4;
}

.login-modal-input input::placeholder {
    opacity: 0.4;
}

.forgot-link {
    position: absolute;
    top: 24px;
    right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.or {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 20px 0;
    z-index: 1;
}

.or:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 1px;
    background: #000;
    left: 50%;
    opacity: 0.1;
    z-index: -2;
}

.or:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    height: 20px;
    width: 50px;
}

.login-with-social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.login-with-social-media li a {
    width: 45px;
    height: 45px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px;
}

.login-with-social-media li a svg {
    width: 25px;
    height: 25px;
}

.sign-up-link {
    text-align: center;
    font-size: 15px;
    color: rgb(0 0 0 / 50%);
    font-weight: 500;
}

.sign-up-link a {
    display: block;
    margin-top: 6px;
    color: #000;
    margin-bottom: 20px;
}

.login-modal-btn {
    display: block;
    max-width: 75%;
    margin: -25px auto 0;
}

.border-modal-input {
    border-bottom: 1px solid #ececec !important;
}

.close-btn {
    font-size: 22px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    color: #fff;
    z-index: 999;
}

.close-btn i {
    font-weight: 100;
}

.guest_va {
    margin-top: 0;
}

label.error {
    font-size: 13px;
    color: red !important;
    font-weight: 400;
    opacity: 1;
}

#forgot-modal .login-modal-input input {
    border-bottom: 1px solid #ececec;
}

.forgot_va {
    margin-top: 0;
    margin-bottom: 20px;
}

h4.checkout-title {
    font-size: 27px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 18px;
}

.checkout-header-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-header-profile span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.checkout-header-profile span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

a.add-checkout-booking {
    display: block;
    text-align: end;
    font-size: 15px;
    text-decoration: underline;
    font-weight: 500;
    color: #000;
}

a.add-checkout-booking span {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 7px;
}

.paymentaccordion.paymentaccordion2 {
    background: #fff;
    border: 1px solid #F4F4F5;
    border-radius: 10px;
    margin-bottom: 20px;
}

.paymentaccordion.paymentaccordion2 .payment-body-box {
    padding: 15px 15px 0;
}

.paymentaccordion.paymentaccordion2 .payment-box-link {
    margin: 0;
}

.btn-book-block {
    max-width: 750px;
    position: relative;
    background: #DB8A8A;
    color: #fff;
    border-radius: 10px;
    margin: auto;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.btn-book-block div {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-book-block p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.btn-book-block div span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    opacity: 0.60;
    display: block;
}

.btn-book-block div h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.payment-item-infos.booking-infor-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.booking-infor-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.booking-infor-right a {
    width: 85px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
    line-height: inherit;
    margin-left: 12px;
}

.booking-infor-right p {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

.worning-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #101928;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 16px 10px;
    margin-top: -1px;
    position: relative;
}

.worning-message h5 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-right: auto;
}

.worning-message h6 {
    color: #faba5f;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.worning-message h6 img {
    display: inline-block;
    margin-right: 5px;
}

.btn-choose {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    background: #E8E8EC;
    border-radius: 10px;
    margin-left: 30px;
}


.vodiapicker {
    display: none;
}

.lang_ul {
    padding-left: 0px;
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 100%;
    border-radius: 10px;
    margin: 0;
    padding: 0 10px;
    max-height: 220px;
    overflow: auto;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
}

.lang_ul img,
.btn-select img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0;
}

.lang_ul li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lang_ul li:hover {
    background-color: #F4F3F3;
}

.lang_ul li img {
    margin: 5px;
}

.lang_ul li span,
.btn-select li span {
    margin-left: 12px;
}

/* item list */

.b {
    display: none;
    width: 100%;
    border-radius: 5px;
}

.open {
    display: show !important;
}

.btn-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9F9FB;
    border-radius: 15px;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 10px;
    border: none !important;
    height: 60px;
    font-size: 16px;
    color: #101928;
    position: relative;
}

.btn-select li {
    list-style: none;
    padding-bottom: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-select:hover li {
    margin-left: 0px;
}

.btn-select:focus {
    outline: none;
}

#chooseNowModal .modal-dialog {
    max-width: 1000px;
}

.hairchoosbox {
    max-width: 450px;
    width: 100%;
    margin: auto;
    padding: 0 20px 20px 20px;
    border-radius: 15px;
    margin-top: 25px;
    position: relative;
    text-align: center;
    z-index: 9;
    margin-bottom: 30px;
}

.hairchoosbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F9F9FB;
    height: 70%;
    z-index: -1;
    border-radius: 15px;
}

.hairchoosbox span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    background: #101928;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hairchoosbox span img {
    width: 45px;
    height: 45px;
}

.hairchoosbox h5 {
    font-size: 24px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 7px;
}

.hairchoosbox h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    opacity: 0.50;
}

.hairchoosbox-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9F9FB;
    border-radius: 15px;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.hairchoosbox-profile span {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 16px;
    border-radius: 100%;
    overflow: hidden;
}

.hairchoosbox-profile span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hairchoosbox-profile h6 {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
}

.hairchoosbox-select-box {
    position: relative;
    margin-bottom: 25px;
}

.hairchoosbox-date h6 {
    font-size: 18px;
    color: #101928;
    font-weight: 600;
}

.scheduletime2 {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.set-time-head h6 {
    font-size: 18px;
    color: #101928;
    font-weight: 600;
    opacity: 0.50;
}

.light-li {
    opacity: 0.50;
}

.choose-modal-body {
    padding: 0px 60px 20px;
}

td.today.day {
    background: #000;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background: #db8a8a !important;
    color: #fff !important;
}

#calendar2 .datepicker.datepicker-inline {
    width: 100%;
}

#calendar2 table.table-condensed {
    width: 100%;
}

#calendar2 .datepicker td,
#calendar2 .datepicker th {
    background: #F9F9FB;
    border: none !important;
    padding: 10px;
}

#calendar2 table {
    border-radius: 20px !important;
    overflow: hidden;
}

#calendar2 thead tr th {
    background: #FFF3F3 !important;
}

.login-modal-input label span svg {
    width: 18px;
    height: 18px;
}

.login-modal-input label span svg path {
    fill: #000;
}


/* 17-may */

#about-banner-owl .owl-nav button {
    position: absolute;
    top: 40%;
    color: #db8a8a !important;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fffffff5 !important;
    border-radius: 100%;
    z-index: 9;
}

#about-banner-owl .owl-nav button.owl-prev {
    left: 50px;
}

#about-banner-owl .owl-nav button.owl-next {
    right: 50px;
}

#about-banner-owl .owl-dots {
    position: absolute;
    top: 42.7%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#about-banner-owl .owl-dots button {
    width: 8px;
    height: 8px;
    background: #fff !important;
    border-radius: 100%;
    margin: 0 3px;
}

#about-banner-owl .owl-dots button.active {
    background: #db8a8a !important;
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
}

a.btn.btn-white.btn-min:hover {
    color: #db8a8a;
}

a.wishlist_icon.active i,
.favorite_icon.active i {
    font-weight: bold;
    color: #DB8A8A;
}

.appointment-form input {
    width: 100%;
    border: 1.8px solid rgb(0 0 0 / 50%);
    border-radius: 7px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    margin: 8px 0;
    height: 50px;
}

.appointment-form input::-webkit-input-placeholder {
    opacity: 0.50;
}

.appointment-form input::-moz-placeholder {
    opacity: 0.50;
}

.appointment-form input:-ms-input-placeholder {
    opacity: 0.50;
}

.appointment-form input::-ms-input-placeholder {
    opacity: 0.50;
}

.appointment-form input::placeholder {
    opacity: 0.50;
}

form.appointment-form {
    max-width: 400px;
    margin: auto;
}

a.profile-reviews-close {
    text-align: end;
    width: 30px;
    height: 30px;
    margin-left: auto;
    background: #e80101;
    color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}

.index-filter-li .sub_cat.select {
    width: 100%;
    border: 1px solid rgb(193 191 193 / 40%);
    width: 100%;
    height: 50px;
    border-radius: 12px;
    padding: 0px 10px 2px 46px;
    line-height: 0;
    font-size: 16px;
    font-weight: 500;
}

.index-filter-li .sub_cat.select>span {
    padding-left: 34px;
}

.index-filter-li ul.list {
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.hide-header header {
    top: -100px;
}

.show-header header {
    top: 0;
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}



.row.google-rowws {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.row.google-rowws .col-lg-7.search_div {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
}

a.goog-logo-link {
    white-space: break-spaces;
}

.about-pills22.about-pills {
    width: 100%;
    border-radius: 0;
    margin-top: 70px;
    z-index: 999;
    /* position: sticky; */
    /* top: 0; */
}

.index-map-image>div>div[dir="ltr"],
.index-map-image>div>div[dir="ltr"] svg {
    width: 100% !important;
}

section.area-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 999;
}

.about-pills2 {
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* position: sticky; */
    /* top: 70px; */
    /* z-index: 9999; */
    margin: 70px 0 0;
}

.btn-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 21px;
    font-size: 14px;
    opacity: 0.50;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-top: 0;
    border-left: 0;
    margin-top: -3px;
}

section.filter-wrap-main {
    position: -webkit-sticky;
    position: sticky;
    top: 162px;
    z-index: 99;
    background: #fff;
}

ul.area-filter-wrap .current {
    padding-left: 30px;
    white-space: nowrap;
    font-size: 12px;
    max-width: 230px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.c-gallery-item {
    width: 100%;
    height: 180px;
    margin: 15px 0;
    display: block;
}

.c-gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

ul.scheduletime li a {
    font-weight: 500;
}

a.cl_register {
    margin: 0;
}

.login-with-social-media {
    margin: 0;
}

a.btn.btn-black.login-modal-btn.register_va {
    margin: 0 auto;
}

div#register-modal .login-modal-box {
    padding: 0 40px 0 40px;
}

div#register-modal .login-modal-input {
    padding: 5px 0;
}

#register-modal a.login-logo {
    margin: 6px auto 10px;
}

div#register-modal span.or {
    margin-bottom: 5px;
}

.advantages-information span svg {
    width: 28px;
}

.datetimeslot {
    margin-left: auto;
    width: unset !important;
}

.datetimeslot h6 {
    margin-left: 20px;
}

.payment-box-profile-wrap2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.payment-box-profile-wrap2 .datetimeslot {
    width: 100% !important;
    margin-top: 6px;
}

#loading {
    background: #00000030 url(../images/ajax-loader.gif) no-repeat center;
    position: fixed;
    left: 0px;
    top: 0px;
    background-size: 200px;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
}

#loading2 {
    background: #fff url(../images/ajax-loader.gif) no-repeat center;
    position: fixed;
    left: 0px;
    top: 0px;
    background-size: 200px;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
}

.serviceDesDescription {
    font-size: 16px;
    color: #101928;
    opacity: 0.60;
    line-height: 1.6;
    font-weight: 400;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 9999999999999999999999999999999999999999999;
}

.area-filter-wrap ul.list {
    z-index: 99;
    max-height: 280px !important;
}

.nice-select .option {
    background: #fff !important;
}


.area-item-wrap:hover .area_price h5 {
    color: #DB8A8A
}

p.close-now {
    background: #FF3636;
}

p.close-now span {
    display: none;
}



.ratings-items-box2 {
    margin: 12px 0;
}

.ratings-items-rows {
    margin: 20px -6px;
}

.feedback-profile h6 {
    font-size: 26px;
}

.feedback-profile p {
    font-size: 28px;
}

.store-body2 .service-item-icon span {
    background-color: #FFEBED;
}

.store-body2 .service-item-icon span path {
    stroke: none;
    fill: #fff;
}

label.service-labels-2 input:checked+.service-item-icon span {
    background: #DB8A8A;
}

label.service-labels-2 input:checked+.service-item-icon h6 {
    color: #DB8A8A;
}

label.service-labels-2 {
    position: relative;
    display: block;
    margin: 0;
}

label.service-labels-2 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}


.employee_profiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.employee_profiles div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.employee_profiles div p {
    margin: 0 auto 0 15px;
    font-size: 17px;
    font-weight: 500;
}

.employee_profiles div span.profile-spann {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    overflow: hidden;
}

.employee_profiles div span.profile-spann img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

label.employee_profiles {
    position: relative;
    margin-bottom: 25px;
}

label.employee_profiles input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9;
    opacity: 0;
}

label.employee_profiles input:checked+div span.round {
    border-color: #DB8A8A;
    -webkit-box-shadow: inset 0 0 0 2px #db8a8a;
    box-shadow: inset 0 0 0 2px #db8a8a;
    color: #DB8A8A;
}


#full-stars-example .rating-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

#full-stars-example .rating__icon {
    pointer-events: none;
}

#full-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

#full-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}

#full-stars-example .rating__icon--star {
    color: orange;
}

#full-stars-example .rating__icon--none {
    color: #eee;
}

#full-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}

#full-stars-example .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

#full-stars-example .rating__input:hover~.rating__label .rating__icon--star {
    color: #ddd;
}

#full-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

#full-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}

#half-stars-example .rating-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#half-stars-example .rating__icon {
    pointer-events: none;
}

#half-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

#half-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 18px;
}

#half-stars-example .rating__label--half {
    padding-right: 0;
    margin-right: -22px;
    z-index: 2;
}

#half-stars-example .rating__icon--star {
    color: orange;
}

#half-stars-example .rating__icon--none {
    color: #eee;
}

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}

#half-stars-example .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
    color: orange;
}

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
    color: #ddd;
}

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

#half-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}

#full-stars-example-two .rating-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

#full-stars-example-two .rating__icon {
    pointer-events: none;
}

#full-stars-example-two .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

#full-stars-example-two .rating__input--none {
    display: none;
}

#full-stars-example-two .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}

#full-stars-example-two .rating__icon--star {
    color: orange;
}

#full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

#full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star {
    color: #ddd;
}

a.service_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    border-radius: 12px;
    border: 5px solid #F8FAFA;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[aria-expanded="true"].service_link {
    background-color: #fff;
}

a.service_link h6 {
    margin: 0;
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    line-height: revert;
}

a.service_link span.downn-arroww {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

[aria-expanded="true"].service_link span.downn-arroww {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[aria-expanded="true"].service_link h6 {
    color: #db8a8a;
}

.service_accordion .payment-body-box ul {
    background: #fff;
}

.service_accordion-box {
    background: hsl(180deg 13% 97% / 70%);
    border-radius: 20px;
    padding: 10px;
}

.store-body2 .service-item-icon span path {
    stroke: none;
    fill: #000;
}

.store-body2 .service-item-icon span path {
    stroke: none;
    fill: #000;
}

.store-body2 label.service-labels-2 input:checked+.service-item-icon span svg path {
    stroke: none;
    fill: #fff;
}



span.categoryImage svg {
    width: 50px;
    height: 50px;
}

span.categoryImage svg path {
    fill: #fff;
}

.pac-container.pac-logo {
    /* top: 515px !important; */
    z-index: 999999999999 !important;
}

/* .pac-container.pac-logo {
    top: 209px !important;
    position: fixed !important;
} */
.employee-profile-ul label.employee_profiles input:checked+div span.round {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-review-info-tag-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-review-info-tag-box p.review-box {
    margin: 0 12px 0px 0;
}


p.review-info-tag-box.review-info-tag-box2 {
    -ms-flex-item-align: start;
    align-self: flex-start;
}


.area-filter-wrap li span svg {
    width: 15px;
}

.area-filter-wrap li span {
    left: 10px;
}

.area-filter-wrap li input,
.area-filter-wrap li select,
.area-filter-wrap li .select {
    padding-left: 32px;
    font-size: 12px;
}

ul.area-filter-wrap .current {
    padding-left: 21px;
}

button.btn.btn-blue.btn-filter-search.serach_btn {
    display: block;
    width: 100%;
    font-size: 13px;
}

.index-banner .service-item-label {
    margin-bottom: 0;
    margin-top: 8px;
}

.nice-select.sub_cat {
    width: 100%;
    border: 1px solid rgb(193 191 193 / 40%);
    width: 100%;
    height: 50px;
    border-radius: 12px;
    padding: 0px 10px 2px 46px;
    line-height: 0;
    font-size: 14px;
    font-weight: 500;
}

.nice-select.sub_cat span.current {
    padding-left: 30px;
}

.index-filter-li input::placeholder {
    all: unset;
    opacity: 0.5;
    /* line-height: 25px; */
}

.index-filter-li input {
    line-height: 52px !important;
}

.sub_cat {
    text-indent: 40px;
}

.sub_cat.nice-select {
    text-indent: 3px;
}

.nice-select.sub_cat.select span.current {
    height: 100%;
    display: block;
    width: 100%;
    left: 0;
    color: #000;
    font-size: 12px;
    height: 100%;
    line-height: 50px;
}

.public-main-div ul li span i svg {
    width: 26px;
    height: 26px;
}

.public-main-div ul li span i svg path {
    fill: #fff;
}


/* New css */
.col-lg-5.google_map {
    flex: 0 0 35%;
}

.area_price {
    width: 115px;
}

.area_price h5 {
    font-size: 16px;
}

.about-profile-info h6 {
    max-width: 280px;
    margin: 0 auto 25px;
}

.about-box li p {
    white-space: inherit;
    word-break: break-word;
}

.about-box li {
    padding: 33px 20px;
}

.feedback-select-link span {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.emp_name {
    margin-bottom: 6px;
}

p.str_name {
    margin-bottom: 5px;
}

.feedback-modal-header h4 {
    font-size: 25px;
}

.store-body2 .service-item-icon span svg {
    width: 35px;
    height: 35px;
}

button.btn.main-btn.btn-feedback-block:hover {
    background: #bd7070;
    color: #fff;
    border-color: #bd7070;
}

/* extra css */
.index-map-image svg {
    width: 100%;
    height: 100%;
}

.index-map-image {
    max-width: 1200px;
    margin: 50px auto 0;
    padding: 0 15px;
}

.map-info-box {
    box-shadow: 0 23px 99px rgb(34 34 45 / 10%);
    max-width: 250px;
    width: 100%;
    padding: 10px;
    position: absolute;
    z-index: 99;
    top: 40px;
    background: #fff;
    transform: translateX(-50%);
    left: 50%;
    display: none;
    border-radius: 20px;
    border: 2px solid #faba5f;
}

section.index-map-section.padding-100 {
    position: relative;
    z-index: 13;
}

.map-store-img {
    width: 100%;
    height: 130px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.map-store-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map-store-info {
    text-align: left;
}

.map-store-info h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    margin-bottom: 3px;
}

.map-store-info p {
    font-size: 13px;
    color: #101928;
    font-weight: 400;
    margin-bottom: 10px;
    max-width: 100%;
    line-height: 1.6;
}

.map-store-info p span {
    opacity: 0.50;
}

.map-store-info p a {
    color: #DB8A8A;
    font-weight: 500;
}

g#parlour-tick {
    display: none;
}

circle#parlour-name {
    cursor: pointer;
}

g#parlour-tick.active {
    display: block;
}

.map-info-box.active {
    display: block;
}

.step-info.step-info-1 p span {
    display: inline-block;
}

.service-item-icon.main_ser input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -99;
}

.service-item-icon.main_ser span svg {
    width: 35px;
    height: 35px;
}

.service-sub-item li input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -99;
}

.service-sub-item li {
    position: relative;
}

.step-info.step-info-1 p span {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.service-sub-item li label {
    width: 100%;
    margin: 0;
    display: flex;
}

a.filter-clear-link {
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: -9px;
    color: #db8a8a;
}

.price-info h5 {
    font-size: 14px;
}

.fancybox-container {
    z-index: 999999999;
}

div#filterModal div#service-item-owl {
    max-width: 88%;
    margin: auto;
}

div#filterModal div#service-item-owl button.owl-prev {
    left: -6%;
}

div#filterModal div#service-item-owl button.owl-next {
    right: -6%;
}

.stylish-body-wrap .ratings-items-box .rating-ul li {
    width: 27px;
    min-width: 27px;
    margin-left: 0;
}

.position-class .pac-container.pac-logo {
    top: 610px !important;
}

.position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    top: 210px !important;
}

.position-class .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    top: 20% !important;
    position: fixed;
}

.stylish-profile-review-item:nth-last-child(1) {
    margin: 0;
}

.scroll-class {
    max-height: 360px;
    overflow: auto;
}

a.profile-reviews-close {
    position: absolute;
    top: -8px;
    right: -8px;
}

.stylish-profile-reviews {
    overflow: inherit;
}

.main-review-info-tag-box p.review-info-tag-box {
    align-self: center;
    margin-right: 10px;
}

.custom-control.custom-checkbox.area-checkbox input {
    opacity: 0;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: unset;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background: #EAECEC;
    border-color: #EAECEC;
}

div#calendar {
    margin-top: 0 !important;
}

a.btn.btn-red.btn-appointment-modal {
    background: #000;
    display: block;
    color: #fff;
}

ul.search_value {
    max-height: 200px;
    overflow: auto;
}

a.btn.totalbook {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

















/* new -star */
.rate {
    display: inline-block;
    border: 0;
}

/* Hide radio */
.rate>input {
    display: none;
}

/* Order correctly by floating highest to the right */
.rate>label {
    float: right;
    margin: 0;
    color: #ddd;
}

/* The star of the show */
.rate>label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
    /* full star */
}

/* Zero stars rating */
.rate>label:last-child:before {
    content: "\f006 ";
    /* empty star outline */
}

/* Half star trick */
.rate .half:before {
    content: "\f089 ";
    /* half star no outline */
    position: absolute;
    padding-right: 0;
}

/* Click + hover color */
input:checked~label,
/* color current and previous stars on checked */
label:hover,
label:hover~label {
    color: #ffa500;
}

/* Hover highlights */
input:checked+label:hover,
input:checked~label:hover,
input:checked~label:hover~label,
label:hover~input:checked~label {
    color: #ffc65f;
}

.index-map-mobile {
    display: none;
}

path.sst0.map-part {
    fill: #faba5f;
}

path.name-box.sst10.active {
    fill: #faba5f;
    stroke: #faba5f;
}

path.box-name.sst6.active {
    fill: #fff;
}

path.sst0.map-part.active {
    fill: #faba5f;
}

path.stroke.sst4.active {
    stroke: #faba5f;
}

circle.sst2.name_i.active {
    fill: #101928;
    stroke: #101928;
}

g.i-letter.active path {
    fill: #faba5f;
}

.map-part,
.i-letter,
.name_i {
    cursor: pointer;
}

circle.name_i.name_i2 {
    fill: #fff
}

circle.name_i.name_i2.active {
    fill: #101928;
}

.map-store-info h6 {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
}

.map-store-img {
    margin-bottom: 10px;
}

path.name-box.sst10 {
    fill: #faba5f;
}

path.box-name.sst6 {
    fill: #fff;
}

path.stroke.sst4 {
    stroke: #faba5f;
}

button.close {
    width: 40px;
    height: 40px;
    background: rgb(255 0 0 / 50%);
    opacity: 1;
    border-radius: 100%;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 100;
    font-size: 22px;
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 10px;
}

.confirmation-modal-body {
    padding: 50px 30px 30px;
}

button.close:hover {
    background: rgb(255 0 0);
}



.detail-wrap-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffff;
    padding: 10px;
    -webkit-box-shadow: 0 13px 66px hsl(0deg 100% 23% / 10%);
    box-shadow: 0 13px 66px hsl(0deg 100% 23% / 10%);
    border-radius: 10px;
    margin-bottom: 15px;
}

.detail-wrap-box-img {
    width: 154px;
    height: 97px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 56px #F2F6F6;
    box-shadow: 0 0 56px #F2F6F6;
    overflow: hidden;
    margin-right: 11px;
}

.detail-wrap-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.detail-wrap-box-infos h6 {
    font-size: 13px;
    color: #101928;
    font-weight: 500;
    margin-bottom: 8px;
}

.detail-wrap-box-infos h6 span {
    font-weight: 700;
}

.detail-wrap-box-infos h4 {
    font-size: 20px;
    color: #101928;
    font-weight: 700;
    margin-bottom: 5px;
}

.detail-wrap-box-infos h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    text-align: left;
    opacity: 0.40;
}

.detail-wrap-box-info h5 {
    font-size: 20px;
    color: #101928;
    font-weight: 600;
    text-align: left;
}

.detail-wrap-box-info p {
    text-align: left;
    font-size: 16px;
    color: #101928;
    font-weight: 400;
    padding: 0;
    margin: 0 0 38px 0;
    max-width: 100%;
    line-height: 1.46;
}

.detail-wrap-box-info a {
    font-size: 16px;
    color: #101928;
    font-weight: 500;
    text-align: center;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    border-bottom: 1px solid #000;
}

textarea.textarea-area {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    resize: none;
    height: 190px;
}

.sst2.name_i {
    fill: #fff;
    stroke: #db8a8a;
    stroke-width: 2px;
}

.i-letter {
    fill: #db8a8a !important;
}

.i-letter.active {
    fill: #f8b85e !important;
}