/*!
    Theme Name: opalbeauty
    Theme URI:
    Version: 2.9.8
    Description:
    Author: ALL
    Author URI:
    Tags:
    License URI:
*/

/* RESET CSS */

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

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

body {
    line-height: 1.4;
    font-family: 'DM Sans', 'Sarabun', 'Prompt', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #271515;
    position: relative;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    margin: 0 auto;
    max-width: 650px;
    background: #fff;
    width: 100%;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

*,
*:before,
*:after {
    outline: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'DM Sans', 'Sarabun', 'Prompt', 'Kanit', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.cleared {
    clear: both;
}

a,
span,
label {
    display: inline-block;
}

a {
    text-decoration: none !important;
}

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

p a {
    color: #FF65A6;
}

/* STYLE */

h1 {
    font-size: 36px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

h3 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 20px;
    font-weight: 700;
}

h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

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

.main-title img {
    max-height: 37px;
}

.welcome .button-section .main-title {
    margin-top: -50px;
}

.sub-title {
    margin-top: 10px;
    margin-bottom: 12px;
}

.wrap {
    position: relative;
    padding: 0 16px;
}

.btn-style {
    position: relative;
    font-size: 18px;
    padding: 12px;
    text-align: center;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #FF65A6;
    color: #FF65A6;
    margin-top: 10px;
    cursor: pointer;
}

.btn-style.login-social {
    padding: 10px 14px;
}

.main-color {
    background: #FF65A6;
    color: #fff;
}

.user-page {
    padding-bottom: 37px;
}

.user-page p {
    margin-top: 15px;
    font-size: 14px;
}

.user-page p.p-url-doctor {
    margin-top: 5px;
}

.user-page .mess,
.form-action .mess {
    margin-top: 3px;
    font-size: 12px;
    display: none;
}

.user-page .mess.active,
.form-action .mess.active {
    color: #E52B2B;
    display: block;
}

.welcome {
    padding-bottom: 67px;
}

.login-page {
    padding-bottom: 95px;
    padding-top: 10%;
}

.main-overlay,
.overlay-element,
.overlay-element-child,
.overlay-black {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: -100%;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.overlay-element,
.overlay-element-child {
    z-index: 1000;
    /*background: transparent;*/
    overflow-y: scroll;
}

.overlay-element.scroll-none {
    overflow: hidden;
}

.main-overlay.active,
.overlay-element.active,
.overlay-element-child.active {
    left: 0;
}

/* .single-container .overlay-element-child .post{
    padding-left: 0;
    text-align: center;
} */
.overlay-welcome p {
    color: #fff;
}

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

.overlay-welcome {
    width: 100%;
    height: 100%;
    background: #F56B6B;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    animation-name: overlay-animation;
    animation-duration: 1s;
    opacity: 0;
}

.overlay-welcome .box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}

.overlay-welcome .box p {
    margin-top: 20px;
}

@keyframes overlay-animation {
    0% {
        opacity: 1;
        z-index: 999;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        z-index: -1;
    }
}

h1.logo {
    max-height: 69px;
    text-align: center;
}

.opal-forms input,
.opal-forms select {
    width: 100%;
    padding: 11px 49px;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color:#A1A1A1;
}
.opal-forms input::placeholder{
    color:#A1A1A1
}
.opal-forms4 input,
.opal-forms4 select {
    padding: 16px;
}

.opal-forms {
    padding-top: 30px;
}

.forgot-password {
    text-align: right;
    margin-bottom: 12px;
}

.forgot-password a {
    color: #FF65A6;
    margin-top: 5px;
}

::placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder {
    color: #333333;
    font-size: 16px;
    font-family: 'Manrope', sans-serif;
}

.creator-page .textarea-field2 textarea {
    font-size: 16px;
    font-family: 'Manrope', 'Prompt', sans-serif;
    color: #271515;
}

.creator-page .textarea-field2 textarea::placeholder,
.creator-page .textarea-field2 textarea::-webkit-input-placeholder,
.creator-page .textarea-field2 textarea:-ms-input-placeholder {
    color: #333333;
    font-size: 14px;
}

.opal-forms label {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.opal-forms label:before {
    width: 20px;
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding-top: 2px;
}


.opal-forms3 label:before,
.opal-forms4 label:before {
    display: none;
}

.opal-forms .custom-select2 label {
    margin-top: 0;
    width: 100%;
    background-color: white;
    color: #271515;
    margin-bottom: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-left: 20px;
    border-radius: 0;
}


.opal-forms .email-field label:before {
    content: url('./assets/images/email-icon.svg');
}

.opal-forms .password-field label:before {
    content: url('./assets/images/lock-icon.svg');
}

.show-pass {
    left: initial;
    right: 15px;
    cursor: pointer;
}

.btn-style.red {
    background: #E52B2B;
    color: #fff;
}

.btn-style.dark-blue {
    background: #4E67A9;
    color: #fff;
}

.btn-style.blue {
    background: #0068FF;
    color: #fff;
}

.social-btn-section {
    padding-top: 5%;
    padding-bottom: 20px;
}

.social-btn-section p {
    color: #AFAFA5;
    text-align: center;
}

#submit-register {
    margin-top: 30px;
}

.opal-forms>div {}



.loading-btn {
    cursor: not-allowed;
    pointer-events: none;
    transition: none !important;
    /*safari and chrome */
    -webkit-transition: none !important;
    color: #AFAFA5;
    background: #AFAFA5;
}

.loading-btn:after,
.parent-loader:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #E52B2B;
    border-left-color: #E52B2B;
    margin-top: -10px;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.parent-loader:after {
    width: 50px;
    height: 50px;
    margin-left: -25px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.opal-forms2 .field {
    margin-top: 10px;
    min-height: 52px;
}

.opal-forms2 .field span.not-field {
    min-height: 52px;
    background: #EBEBE6;
    border: 1px solid #EBEBE6;
    border-radius: 8px;
    width: 100%;
    padding: 13px 16px 12px;
}

.opal-forms2 .field>label {
    font-size: 13px;
    margin-bottom: 5px;
}

.opal-forms2 .field.image-field>label {
    margin-bottom: 20px;
    float: none;
    width: 90px;
}

.opal-forms2 .field>div {}

.opal-forms2 .field:after {
    content: "";
    display: block;
    clear: both;
}

.opal-forms2 input {
    padding: 8px 15px;
    background-color: #F5F5F5;
    height: 40px;
    border: none;
}

.opal-forms2 select {
    padding: 15.5px 13px;
}

.box-circle {
    position: relative;
}

.box-circle .main {
    width: 80px;
    padding: 13px;
    height: 80px;
    background: #EBEBE6;
    border-radius: 100%;
}

.box-circle .sub {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 26px;
    height: 26px;
    padding: 3px;
    background: #fff;
    border: 0.4px solid #EBEBE6;
    border-radius: 5px;
}

.avatar-img.active {
    padding: 0;
}

.inputfile {
    display: none;
}

.checkbox-field div label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-field2 label {
    padding-left: 0;
}

/* Hide the browser's default checkbox */
.checkbox-field label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-field label .checkmark:has(+ input:checked) {
    border-color: #FF65A6;
    background: url(assets/images/radio-checked.svg) no-repeat center;
}

/* Create a custom checkbox */
.checkmark {
    height: 14px;
    width: 14px;
    border: 1px solid #D9D9D9;
    border-radius: 100%;
}

.opal-forms3 .checkmark {
    position: initial;
    margin-top: -2px;
    padding: 12px 26px;
    background: transparent;
    width: initial;
    height: initial;
    border-radius: 25px;
}

#filter-events .checkmark {
    border-radius: 0;
    font-size: 14px;
    border: none;
    white-space: nowrap;
    padding: 0;
    color: #A1A1A1
}

#filter-events label.active .checkmark {
    color: #FF65A6
}

.opal-forms3 .checkbox-field label {
    width: initial;
    padding: 0;
}

/* On mouse-over, add a grey background color */
.checkbox-field label:hover input~.checkmark {
    background-color: #FFE8E8;
}

.opal-forms4 .checkbox-field label .checkmark {
    background-color: #fff;
    border: 1px solid #EBEBE6;
}

/* When the checkbox is checked, add a blue background */
.checkbox-field label input:checked~.checkmark,
.opal-forms4 .checkbox-field label input:checked~.checkmark,
.checkbox-field.not-field label .checkmark {
    background-color: #F56B6B;
}



/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-field label input:checked~.checkmark:after,
.checkbox-field.not-field label .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-field label .checkmark:after,
.checkbox-field.not-field label .checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-field>div {
    letter-spacing: -10px;
}

.checkbox-field>div label {
    display: inline-block;
    letter-spacing: 0;
    width: 33.33%;
}

.clear-btn,
.clear-btn-datepicker {
    color: #F56B6B;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;

    cursor: pointer;
}

.clear-btn-datepicker {
    font-size: 12px;
    color: #FF65A6;
    font-weight: 600;
    margin-left: 15px;
    padding-left: 20px;
    background: url("assets/images/icon-reset.svg") no-repeat left center;
    margin-top: 5px;
}

.clear-btn {
    position: absolute;
    z-index: 9999;
    margin-left: 12px;
}

.clear-btn.clear-btn-hide {
    display: none;
}

.checkbox-field2>div label,
.opal-forms4 .checkbox-field>div label {
    width: 100%;
}

.checkbox-field>div p {
    letter-spacing: 0;
}

.opal-forms2 .radio-field>label {
    padding-left: 0;
    margin-bottom: 0;
}

.wrap-fixed-btn #submit-user-update {
    margin-top: 0;
}

.box-select {
    position: relative;
    letter-spacing: 0;
}

.box-select select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    position: relative;
    z-index: 2;
    background: transparent;
}

/* .box-select:after{
    content: ">";
    right: 13px;
    font-size: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -1px;
    z-index: 1;
} */
.image-field.certificated {
    margin-top: 30px;
    padding: 5px;
    border: 1px dashed #EBEBE6;
    border-radius: 8px;
    border: 0;
}

.image-field.certificated.active .box-full {
    padding: 0;
    border: 0;
}

.image-field.certificated.active .main {
    width: initial;
    height: initial;
    padding: initial;
    border-radius: 8px;

}

.image-field.certificated label {
    width: initial;
}

.image-field .box-full {
    padding: 63px;
    border: 1px solid #EBEBE6;
    border-radius: 8px;
}

.box-item.active .box-square {
    position: relative;
    overflow: hidden;
}

.box-item.active .box-square .sub,
.box-item .remove-img {
    display: none;
}

.box-item.active .remove-img {
    display: block;
}

.remove-img {
    background-color: transparent !important;
    position: absolute;
    top: 1px;
    right: 10px;
    padding: 0px;
    width: 10px;
}

.box-item.active .box-square:after {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.opal-forms2 .field>div.box-full {
    margin-left: 0;
}

.box-full .sub {
    color: #333333;
    font-weight: 700;
}

.add-prefix,
.add-prefix input {
    position: relative;
}

.add-prefix input {
    background: transparent;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #271515;
}

.this-e {
    visibility: hidden;
    margin-right: 5px;
    font-family: 'Manrope', 'Prompt', sans-serif;
    font-size: 16px;
    color: #271515;
}

.add-prefix>span {
    font-family: 'Manrope', 'Prompt', sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 16px;
    font-size: 16px;
    color: #271515;
}

.popup-box {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    display: none;
}

.popup-box.active {
    display: block;
}

.popup-box .box {
    text-align: center;
    border-radius: 5px;
    background: #fff;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-box .box p {
    font-size: 16px;
    font-weight: 600;
    color: #271515;
    padding: 25px 10px;
}

.popup-box .cancel-popup {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #CACACA;
    border-radius: 5px;
    color: #271515;
    width: 100%;
    padding: 8px 5px 6px;
    height: 36px;
}

.popup-box .popup_form {
    width: 100%
}

.popup-box .popup_form button {
    padding: 8px 5px 6px;
    border-radius: 5px;
    width: 100%;
    height: 36px;
    border: 0;
    outline: 0;
    background: #FF65A6;
    font-size: 16px;
    color: white;
    font-weight: 700;
}

.popup-box a {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    letter-spacing: -0.02em;
    color: #F56B6B;
}

.popup-box .box div {
    padding: 0 20px 20px;
    display: flex;
    column-gap: 10px;
}

.popup-box a img {
    margin-bottom: -4px;
    margin-left: 5px;
}

.header-home {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.owl-carousel button.owl-dot {
    background: #EBEBE6;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin-right: 5px;
    margin-left: 5px;
}

.owl-dots {
    margin-top: 7px;
    text-align: center;
}

.owl-carousel button.owl-dot.active {
    background: #FF65A6;
}

footer .wrap {
    padding-top: 18px;
    padding-bottom: 18px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.menu-class {
    letter-spacing: -10px;
}

.menu-class li {
    letter-spacing: 0;
    width: 25%;
    text-align: center;
    padding: 0 5px;
    display: inline-block;

}

.menu-class li a {
    font-size: 14px;
    color: #AFAFA5;
}

.menu-class li span {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
    background-size: cover;
    background-repeat: no-repeat;
}

.menu-class li.active a {
    color: #F56B6B;
    font-weight: bold;
}

.menu-class li.home-tab span {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8844 13.2984C19.7278 15.0315 19.476 16.4398 19.1697 17.6963C18.9655 18.9529 17.7403 20 16.4131 20H14.7795C13.8606 20 13.1459 19.267 13.1459 18.3246V14.0314C13.1459 12.9843 12.3291 12.1466 11.3081 12.1466H8.95983C7.93884 12.1466 7.12205 12.9843 7.12205 14.0314V18.3246C7.12205 19.267 6.40736 20 5.48847 20H3.54859C2.2213 20 1.09821 19.0576 0.791915 17.6963C0.485618 16.3351 0.22005 15.0327 0.0772221 13.2984C-0.104045 11.0974 0.0772221 9.00524 0.179321 7.64398C0.179321 6.80628 0.689816 5.96859 1.40451 5.44503L8.55144 0.52356C8.95983 0.209424 9.47033 0 9.98082 0C10.4913 0 11.1039 0.209424 11.5123 0.52356L18.6592 5.44503C19.3739 5.96859 19.8844 6.80628 19.8844 7.64398C19.9865 9.00524 20.0831 11.0993 19.8844 13.2984Z' fill='%23AFAFA5'/%3E%3C/svg%3E%0A");
}

.menu-class li.event-tab span {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4115 5.89744C21.3613 5.23605 21.0744 4.6149 20.6035 4.14777C20.1326 3.68064 19.5092 3.39879 18.8474 3.35385C18.1808 3.30256 17.4218 3.25128 16.6218 3.21026V5.33333C16.6218 5.80936 16.4327 6.2659 16.0961 6.6025C15.7595 6.9391 15.303 7.12821 14.8269 7.12821C14.3509 7.12821 13.8944 6.9391 13.5578 6.6025C13.2212 6.2659 13.0321 5.80936 13.0321 5.33333V3.02564H10.4679V5.33333C10.4679 5.80936 10.2788 6.2659 9.94224 6.6025C9.60564 6.9391 9.14911 7.12821 8.67308 7.12821C8.19705 7.12821 7.74051 6.9391 7.40391 6.6025C7.06731 6.2659 6.87821 5.80936 6.87821 5.33333V3.21026C6.07821 3.21026 5.31923 3.30256 4.64231 3.35385C3.98481 3.39788 3.36546 3.67841 2.89872 4.14359C2.42761 4.61251 2.14014 5.23474 2.08846 5.89744C1.93462 7.79487 1.75 10.4923 1.75 12.5128C1.75 14.5333 1.93462 17.2308 2.08846 19.1385C2.14076 19.7964 2.42718 20.4138 2.89575 20.8786C3.36432 21.3434 3.98398 21.6248 4.64231 21.6718C6.3141 21.7949 9.44231 22 11.75 22C14.0577 22 17.1859 21.7949 18.8474 21.6718C19.5076 21.6272 20.1297 21.3468 20.6004 20.8817C21.0711 20.4167 21.3589 19.798 21.4115 19.1385C21.5654 17.2308 21.75 14.5333 21.75 12.5128C21.75 10.4923 21.5654 7.79487 21.4115 5.89744Z' fill='%23AFAFA5'/%3E%3Cpath d='M9.44231 2.76923V5.33333C9.44231 5.53735 9.36126 5.733 9.21701 5.87726C9.07275 6.02152 8.87709 6.10256 8.67308 6.10256C8.46906 6.10256 8.27341 6.02152 8.12915 5.87726C7.98489 5.733 7.90385 5.53735 7.90385 5.33333V2.76923C7.90385 2.56522 7.98489 2.36956 8.12915 2.2253C8.27341 2.08104 8.46906 2 8.67308 2C8.87709 2 9.07275 2.08104 9.21701 2.2253C9.36126 2.36956 9.44231 2.56522 9.44231 2.76923Z' fill='%23AFAFA5'/%3E%3Cpath d='M15.5962 2.76923V5.33333C15.5962 5.53735 15.5151 5.733 15.3709 5.87726C15.2266 6.02152 15.0309 6.10256 14.8269 6.10256C14.6229 6.10256 14.4273 6.02152 14.283 5.87726C14.1387 5.733 14.0577 5.53735 14.0577 5.33333V2.76923C14.0577 2.56522 14.1387 2.36956 14.283 2.2253C14.4273 2.08104 14.6229 2 14.8269 2C15.0309 2 15.2266 2.08104 15.3709 2.2253C15.5151 2.36956 15.5962 2.56522 15.5962 2.76923Z' fill='%23AFAFA5'/%3E%3Cpath d='M11.8197 9.37525C11.8924 9.22406 12.1076 9.22406 12.1803 9.37525L13.3992 11.9126C13.4284 11.9733 13.4861 12.0152 13.5529 12.0242L16.3427 12.3994C16.5089 12.4218 16.5755 12.6265 16.4541 12.7423L14.4176 14.6857C14.3689 14.7322 14.3469 14.8001 14.359 14.8663L14.8642 17.6355C14.8943 17.8005 14.7201 17.9271 14.5725 17.8475L12.0949 16.5112C12.0357 16.4792 11.9643 16.4792 11.9051 16.5112L9.42749 17.8475C9.27986 17.9271 9.10569 17.8005 9.1358 17.6355L9.64104 14.8663C9.65312 14.8001 9.63107 14.7322 9.58236 14.6857L7.5459 12.7423C7.42455 12.6265 7.49108 12.4218 7.65731 12.3994L10.4471 12.0242C10.5139 12.0152 10.5716 11.9733 10.6008 11.9126L11.8197 9.37525Z' fill='white'/%3E%3C/svg%3E%0A");
}

.menu-class li.review-tab span {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.984009' width='20.0319' height='14.5687' rx='4' fill='%23AFAFA5'/%3E%3Ccircle cx='8.26833' cy='7.28432' r='0.910542' fill='white'/%3E%3Ccircle cx='10.9999' cy='7.28432' r='0.910542' fill='white'/%3E%3Ccircle cx='13.7316' cy='7.28432' r='0.910542' fill='white'/%3E%3Cpath d='M5.79205 13.27C5.70162 12.9508 5.94138 12.6337 6.27312 12.6337L14.0503 12.6337C14.558 12.6337 14.7426 13.3027 14.3067 13.563L7.65487 17.535C7.37252 17.7036 7.00711 17.5584 6.91746 17.242L5.79205 13.27Z' fill='%23AFAFA5'/%3E%3C/svg%3E%0A");
}

.menu-class li.question-tab span {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 18C11.8022 18 11.6089 17.9414 11.4444 17.8315C11.28 17.7216 11.1518 17.5654 11.0761 17.3827C11.0004 17.2 10.9806 16.9989 11.0192 16.8049C11.0578 16.6109 11.153 16.4327 11.2929 16.2929C11.4328 16.153 11.6109 16.0578 11.8049 16.0192C11.9989 15.9806 12.2 16.0004 12.3827 16.0761C12.5654 16.1518 12.7216 16.28 12.8315 16.4444C12.9414 16.6089 13 16.8022 13 17C13 17.2652 12.8946 17.5196 12.7071 17.7071C12.5196 17.8946 12.2652 18 12 18ZM13 12.84V14C13 14.2652 12.8946 14.5196 12.7071 14.7071C12.5196 14.8946 12.2652 15 12 15C11.7348 15 11.4804 14.8946 11.2929 14.7071C11.1054 14.5196 11 14.2652 11 14V12C11 11.7348 11.1054 11.4804 11.2929 11.2929C11.4804 11.1054 11.7348 11 12 11C12.2967 11 12.5867 10.912 12.8334 10.7472C13.08 10.5824 13.2723 10.3481 13.3858 10.074C13.4994 9.79994 13.5291 9.49834 13.4712 9.20736C13.4133 8.91639 13.2704 8.64912 13.0607 8.43934C12.8509 8.22956 12.5836 8.0867 12.2926 8.02882C12.0017 7.97094 11.7001 8.00065 11.426 8.11418C11.1519 8.22771 10.9176 8.41997 10.7528 8.66665C10.588 8.91332 10.5 9.20333 10.5 9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5C9.23479 10.5 8.98043 10.3946 8.7929 10.2071C8.60536 10.0196 8.5 9.76522 8.5 9.5C8.49739 8.8503 8.67566 8.2127 9.01487 7.65857C9.35408 7.10445 9.84083 6.65568 10.4206 6.3625C11.0004 6.06933 11.6504 5.94332 12.2977 5.99859C12.9451 6.05386 13.5643 6.28823 14.086 6.67545C14.6077 7.06267 15.0113 7.58746 15.2517 8.19107C15.492 8.79467 15.5596 9.45327 15.4469 10.0931C15.3342 10.733 15.0456 11.3288 14.6134 11.814C14.1813 12.2991 13.6226 12.6544 13 12.84Z' fill='%23AFAFA5'/%3E%3C/svg%3E%0A");
}

.menu-class li.home-tab.active span {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8844 13.2984C19.7278 15.0315 19.476 16.4398 19.1697 17.6963C18.9655 18.9529 17.7403 20 16.4131 20H14.7795C13.8606 20 13.1459 19.267 13.1459 18.3246V14.0314C13.1459 12.9843 12.3291 12.1466 11.3081 12.1466H8.95983C7.93884 12.1466 7.12205 12.9843 7.12205 14.0314V18.3246C7.12205 19.267 6.40736 20 5.48847 20H3.54859C2.2213 20 1.09821 19.0576 0.791915 17.6963C0.485618 16.3351 0.22005 15.0327 0.0772221 13.2984C-0.104045 11.0974 0.0772221 9.00524 0.179321 7.64398C0.179321 6.80628 0.689816 5.96859 1.40451 5.44503L8.55144 0.52356C8.95983 0.209424 9.47033 0 9.98082 0C10.4913 0 11.1039 0.209424 11.5123 0.52356L18.6592 5.44503C19.3739 5.96859 19.8844 6.80628 19.8844 7.64398C19.9865 9.00524 20.0831 11.0993 19.8844 13.2984Z' fill='%23F56B6B'/%3E%3C/svg%3E%0A");
}

.menu-class li.event-tab.active span {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4115 5.89744C21.3613 5.23605 21.0744 4.6149 20.6035 4.14777C20.1326 3.68064 19.5092 3.39879 18.8474 3.35385C18.1808 3.30256 17.4218 3.25128 16.6218 3.21026V5.33333C16.6218 5.80936 16.4327 6.2659 16.0961 6.6025C15.7595 6.9391 15.303 7.12821 14.8269 7.12821C14.3509 7.12821 13.8944 6.9391 13.5578 6.6025C13.2212 6.2659 13.0321 5.80936 13.0321 5.33333V3.02564H10.4679V5.33333C10.4679 5.80936 10.2788 6.2659 9.94224 6.6025C9.60564 6.9391 9.14911 7.12821 8.67308 7.12821C8.19705 7.12821 7.74051 6.9391 7.40391 6.6025C7.06731 6.2659 6.87821 5.80936 6.87821 5.33333V3.21026C6.07821 3.21026 5.31923 3.30256 4.64231 3.35385C3.98481 3.39788 3.36546 3.67841 2.89872 4.14359C2.42761 4.61251 2.14014 5.23474 2.08846 5.89744C1.93462 7.79487 1.75 10.4923 1.75 12.5128C1.75 14.5333 1.93462 17.2308 2.08846 19.1385C2.14076 19.7964 2.42718 20.4138 2.89575 20.8786C3.36432 21.3434 3.98398 21.6248 4.64231 21.6718C6.3141 21.7949 9.44231 22 11.75 22C14.0577 22 17.1859 21.7949 18.8474 21.6718C19.5076 21.6272 20.1297 21.3468 20.6004 20.8817C21.0711 20.4167 21.3589 19.798 21.4115 19.1385C21.5654 17.2308 21.75 14.5333 21.75 12.5128C21.75 10.4923 21.5654 7.79487 21.4115 5.89744Z' fill='%23F56B6B'/%3E%3Cpath d='M9.44231 2.76923V5.33333C9.44231 5.53735 9.36126 5.733 9.21701 5.87726C9.07275 6.02152 8.87709 6.10256 8.67308 6.10256C8.46906 6.10256 8.27341 6.02152 8.12915 5.87726C7.98489 5.733 7.90385 5.53735 7.90385 5.33333V2.76923C7.90385 2.56522 7.98489 2.36956 8.12915 2.2253C8.27341 2.08104 8.46906 2 8.67308 2C8.87709 2 9.07275 2.08104 9.21701 2.2253C9.36126 2.36956 9.44231 2.56522 9.44231 2.76923Z' fill='%23F56B6B'/%3E%3Cpath d='M15.5962 2.76923V5.33333C15.5962 5.53735 15.5151 5.733 15.3709 5.87726C15.2266 6.02152 15.0309 6.10256 14.8269 6.10256C14.6229 6.10256 14.4273 6.02152 14.283 5.87726C14.1387 5.733 14.0577 5.53735 14.0577 5.33333V2.76923C14.0577 2.56522 14.1387 2.36956 14.283 2.2253C14.4273 2.08104 14.6229 2 14.8269 2C15.0309 2 15.2266 2.08104 15.3709 2.2253C15.5151 2.36956 15.5962 2.56522 15.5962 2.76923Z' fill='%23F56B6B'/%3E%3Cpath d='M11.8197 9.37525C11.8924 9.22406 12.1076 9.22406 12.1803 9.37525L13.3992 11.9126C13.4284 11.9733 13.4861 12.0152 13.5529 12.0242L16.3427 12.3994C16.5089 12.4218 16.5755 12.6265 16.4541 12.7423L14.4176 14.6857C14.3689 14.7322 14.3469 14.8001 14.359 14.8663L14.8642 17.6355C14.8943 17.8005 14.7201 17.9271 14.5725 17.8475L12.0949 16.5112C12.0357 16.4792 11.9643 16.4792 11.9051 16.5112L9.42749 17.8475C9.27986 17.9271 9.10569 17.8005 9.1358 17.6355L9.64104 14.8663C9.65312 14.8001 9.63107 14.7322 9.58236 14.6857L7.5459 12.7423C7.42455 12.6265 7.49108 12.4218 7.65731 12.3994L10.4471 12.0242C10.5139 12.0152 10.5716 11.9733 10.6008 11.9126L11.8197 9.37525Z' fill='white'/%3E%3C/svg%3E%0A");
}

.menu-class li.review-tab.active span {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.984009' width='20.0319' height='14.5687' rx='4' fill='%23F56B6B'/%3E%3Ccircle cx='8.26833' cy='7.28432' r='0.910542' fill='white'/%3E%3Ccircle cx='10.9999' cy='7.28432' r='0.910542' fill='white'/%3E%3Ccircle cx='13.7316' cy='7.28432' r='0.910542' fill='white'/%3E%3Cpath d='M5.79205 13.27C5.70162 12.9508 5.94138 12.6337 6.27312 12.6337L14.0503 12.6337C14.558 12.6337 14.7426 13.3027 14.3067 13.563L7.65487 17.535C7.37252 17.7036 7.00711 17.5584 6.91746 17.242L5.79205 13.27Z' fill='%23F56B6B'/%3E%3C/svg%3E%0A");
}

.menu-class li.question-tab.active span {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 18C11.8022 18 11.6089 17.9414 11.4444 17.8315C11.28 17.7216 11.1518 17.5654 11.0761 17.3827C11.0004 17.2 10.9806 16.9989 11.0192 16.8049C11.0578 16.6109 11.153 16.4327 11.2929 16.2929C11.4328 16.153 11.6109 16.0578 11.8049 16.0192C11.9989 15.9806 12.2 16.0004 12.3827 16.0761C12.5654 16.1518 12.7216 16.28 12.8315 16.4444C12.9414 16.6089 13 16.8022 13 17C13 17.2652 12.8946 17.5196 12.7071 17.7071C12.5196 17.8946 12.2652 18 12 18ZM13 12.84V14C13 14.2652 12.8946 14.5196 12.7071 14.7071C12.5196 14.8946 12.2652 15 12 15C11.7348 15 11.4804 14.8946 11.2929 14.7071C11.1054 14.5196 11 14.2652 11 14V12C11 11.7348 11.1054 11.4804 11.2929 11.2929C11.4804 11.1054 11.7348 11 12 11C12.2967 11 12.5867 10.912 12.8334 10.7472C13.08 10.5824 13.2723 10.3481 13.3858 10.074C13.4994 9.79994 13.5291 9.49834 13.4712 9.20736C13.4133 8.91639 13.2704 8.64912 13.0607 8.43934C12.8509 8.22956 12.5836 8.0867 12.2926 8.02882C12.0017 7.97094 11.7001 8.00065 11.426 8.11418C11.1519 8.22771 10.9176 8.41997 10.7528 8.66665C10.588 8.91332 10.5 9.20333 10.5 9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5C9.23479 10.5 8.98043 10.3946 8.7929 10.2071C8.60536 10.0196 8.5 9.76522 8.5 9.5C8.49739 8.8503 8.67566 8.2127 9.01487 7.65857C9.35408 7.10445 9.84083 6.65568 10.4206 6.3625C11.0004 6.06933 11.6504 5.94332 12.2977 5.99859C12.9451 6.05386 13.5643 6.28823 14.086 6.67545C14.6077 7.06267 15.0113 7.58746 15.2517 8.19107C15.492 8.79467 15.5596 9.45327 15.4469 10.0931C15.3342 10.733 15.0456 11.3288 14.6134 11.814C14.1813 12.2991 13.6226 12.6544 13 12.84Z' fill='%23F56B6B'/%3E%3C/svg%3E%0A");
}


.img-des .img img {
    width: 100%;
    display: block;

}

.user-section-box .img-des .img img {
    min-height: 90px;
    min-width: 90px;
}

.img-des .des a {
    font-size: 14px;
    color: #AFAFA5;
    margin-right: 10px;
}

.single-question .post-box .post .box-title a {
    font-size: 15px;
    color: #271515;
}

.img-des .des .like-comment a {
    font-size: 16px;
    color: #333333;
}

.wrap-fixed-btn {
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 0 10px;
    z-index: 222;
}

.img-des .des a.excerpt-url {
    margin-right: 0;
    color: #333333;
}

.excerpt-url {
    display: block !important;
}

.excerpt-url p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.img-des .des .setting-icon {
    position: absolute;
    top: 15px;
    right: 0;
}

.list-span p {
    font-size: 16px;
    padding: 8px;
    background: #FFE8E8;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 15px;
    margin-top: 25px;
    color: #333333;
}

.list-span p:first-of-type {
    margin-right: 4%;
}

.list-span p span {
    font-size: 32px;
    color: #F56B6B;
    margin-right: 10px;
    vertical-align: sub;
}

.list-span p a {
    color: #333333;
}

.user-section {
    padding-bottom: 15px;
    border-bottom: 10px solid #FAFAFA;
    margin-top: 20px;
}

.des a img {
    vertical-align: middle;
}

.search-btn {
    color: #333333;
    margin-top: 30px;
}

.search-btn img {
    margin-right: 6px;
    vertical-align: middle;
}

.section-title {
    margin-top: 27px;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
}

.section-title a {
    color: #FF65A6;
    float: right;
    font-size: 16px;
    font-weight: 400;
    margin-top: 4px;
}

.section-title:after {
    content: "";
    display: block;
    clear: both;
}

.fa-star {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8157 2.10332C19.8845 1.94033 20.1155 1.94033 20.1843 2.10332L25.1481 13.8661C25.1775 13.9357 25.2436 13.9828 25.3189 13.9879L38.5103 14.8761C38.692 14.8883 38.7641 15.1173 38.6222 15.2315L28.508 23.3702C28.4467 23.4195 28.4201 23.5002 28.4398 23.5763L31.6329 35.8668C31.6779 36.04 31.4902 36.1806 31.3366 36.0887L20.1027 29.3665C20.0395 29.3286 19.9605 29.3286 19.8973 29.3665L8.66337 36.0887C8.5098 36.1806 8.3221 36.04 8.3671 35.8668L11.5602 23.5763C11.5799 23.5002 11.5533 23.4195 11.492 23.3702L1.37775 15.2315C1.23586 15.1173 1.30799 14.8883 1.4897 14.8761L14.6811 13.9879C14.7564 13.9828 14.8225 13.9357 14.8519 13.8661L19.8157 2.10332Z' fill='%23EBEBE6'/%3E%3Cpath d='M19.8157 0.436649C19.8845 0.273661 20.1155 0.273662 20.1843 0.43665L25.1481 12.1994C25.1775 12.269 25.2436 12.3161 25.3189 12.3212L38.5103 13.2094C38.692 13.2217 38.7641 13.4506 38.6222 13.5648L28.508 21.7035C28.4467 21.7528 28.4201 21.8335 28.4398 21.9096L31.6329 34.2001C31.6779 34.3734 31.4902 34.5139 31.3366 34.4221L20.1027 27.6998C20.0395 27.6619 19.9605 27.6619 19.8973 27.6998L8.66337 34.4221C8.5098 34.5139 8.3221 34.3734 8.3671 34.2001L11.5602 21.9096C11.5799 21.8335 11.5533 21.7528 11.492 21.7035L1.37775 13.5648C1.23586 13.4506 1.30799 13.2217 1.4897 13.2094L14.6811 12.3212C14.7564 12.3161 14.8225 12.269 14.8519 12.1994L19.8157 0.436649Z' fill='white'/%3E%3C/svg%3E%0A");
}

#wpdcom .wpdiscuz-item .wpdiscuz-rating>input:checked~label:hover,
#wpdcom .wpdiscuz-item .wpdiscuz-rating>input:checked~label:hover,
#wpdcom .wpdiscuz-item .wpdiscuz-rating>label:hover~input:checked~label,
#wpdcom .wpdiscuz-item .wpdiscuz-rating>input:checked+label:hover~label,
#wpdcom .wpdiscuz-item .wpdiscuz-rating>input:checked~label:hover~label,
.wpd-custom-field .wcf-active-star,
#wpdcom .wpdiscuz-item .wpdiscuz-rating>input:checked~label {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8157 2.10332C19.8845 1.94033 20.1155 1.94033 20.1843 2.10332L25.1481 13.8661C25.1775 13.9357 25.2436 13.9828 25.3189 13.9879L38.5103 14.8761C38.692 14.8883 38.7641 15.1173 38.6222 15.2315L28.508 23.3702C28.4467 23.4195 28.4201 23.5002 28.4398 23.5763L31.6329 35.8668C31.6779 36.04 31.4902 36.1806 31.3366 36.0887L20.1027 29.3665C20.0395 29.3286 19.9605 29.3286 19.8973 29.3665L8.66337 36.0887C8.5098 36.1806 8.3221 36.04 8.3671 35.8668L11.5602 23.5763C11.5799 23.5002 11.5533 23.4195 11.492 23.3702L1.37775 15.2315C1.23586 15.1173 1.30799 14.8883 1.4897 14.8761L14.6811 13.9879C14.7564 13.9828 14.8225 13.9357 14.8519 13.8661L19.8157 2.10332Z' fill='%23EBEBE6'/%3E%3Cpath d='M19.8157 0.436649C19.8845 0.273661 20.1155 0.273662 20.1843 0.43665L25.1481 12.1994C25.1775 12.269 25.2436 12.3161 25.3189 12.3212L38.5103 13.2094C38.692 13.2217 38.7641 13.4506 38.6222 13.5648L28.508 21.7035C28.4467 21.7528 28.4201 21.8335 28.4398 21.9096L31.6329 34.2001C31.6779 34.3734 31.4902 34.5139 31.3366 34.4221L20.1027 27.6998C20.0395 27.6619 19.9605 27.6619 19.8973 27.6998L8.66337 34.4221C8.5098 34.5139 8.3221 34.3734 8.3671 34.2001L11.5602 21.9096C11.5799 21.8335 11.5533 21.7528 11.492 21.7035L1.37775 13.5648C1.23586 13.4506 1.30799 13.2217 1.4897 13.2094L14.6811 12.3212C14.7564 12.3161 14.8225 12.269 14.8519 12.1994L19.8157 0.436649Z' fill='%23FFCE32'/%3E%3C/svg%3E%0A");
}

/* .wpd-field-group-title{}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrt,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-stars,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-left,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-right,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrc,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt,
.post-box1 .review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value
{
    display: none !important;
}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover{
    background-color: initial;
    transition: initial
}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv,
.post-box1 .review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-stars {
    display: block !important;
}
.post-box1 .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg{
    display: inline-block;
}
.review-meta .wpd-rating, .wpdiscuz-post-rating-wrap{
    width: initial;
    margin: 0;
    display: inline-block;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrv {
    font-size: inherit !important;
    line-height: inherit !important;
    padding-top: 0!important;
    font-size: 14px !important;
    font-weight: 700;
    color: #271515;
}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-value,
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-data,
.review-meta .wpd-rating .wpd-rating-wrap{
    width: initial;
    height: initial;
    border: 0;

}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star{
    fill: #fff;
}
.review-meta .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active{
    fill:#FFCE32;
} */
.owl-carousel .owl-item .rating-stars img {
    width: initial;
    display: inline-block;
}

.post {
    position: relative;
}

.slider-section .post-box1 .post {
    margin-top: 0;
}

.post-box1 .owl-item:nth-of-type(3n + 3) .post,
.post-box1 .post:nth-of-type(3n + 3) {
    background: #F1FCF3;
}

.box-title,
.post-box .post .box-title {
    color: #271515;
}

.post-box .post .box-title {
    font-size: 16px;
}

.single-review .img-des .des .author-title {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.7px;
    margin-right: 5px;
    color: #271515;
}

.single-review .excerpt p {
    display: inline-block;
}

.post-box .post .box-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.single-question .post .box-title {
    overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
}

.post .excerpt {

    color: #333333;
    font-size: 14px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 5px 0;

}

.post-box1 .post .excerpt {
    margin-top: 10px;
    margin-bottom: 20px;
}

.post-box1 .readmore {
    color: #fff;
    padding: 8px 20px;
    margin-top: 26px;
    border-radius: 19px;
    background: #AFAFA5;
}


.post>div {
    position: relative;
}

/*.question-archive .post-box .img-des .img{
    width: 44px;
    padding: 0;
    background: #EBEBE6;
    border-radius: 8px;
    height: 44px;
    line-height: 0;
}
.post-type-archive-question .question-archive .post-box .img-des .img img{
    min-width: 44px;
    min-height: 44px;
}*/
/*.post-type-archive-question .question-archive .post-box .img-des:nth-of-type(1) .img,
.post-type-archive-question .question-archive .post-box .img-des:nth-of-type(2) .img,
.post-type-archive-question .question-archive .post-box .img-des:nth-of-type(3) .img{
    height: 59px;
    padding-bottom: 18px;
}*/
.single-question-images img {
    width: initial;
    height: initial;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: 15px;
}

.single-question .img-des>.box-title {
    clear: both;
    padding-top: 6px;
    margin-bottom: 0;
}

.single-question-images {
    padding-bottom: 10px;
}

.post-box .post {
    padding-top: 15px;
}

.post-box2 .post {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.post-box2.owl-carousel .post {
    margin-top: 0;
}

.post-box2 .post>div {
    padding: 10px 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.meta-span {
    color: #fff;
}

.meta-span img {
    margin-right: 3px;
}

.post-box2 .post .thumb-floating {
    width: 100%;
}

.post-box2 .post .thumb-floating img {
    width: 100%;
    height: 100%;
}

.owl-carousel .owl-item .post .meta-span img {
    width: 20px;
    display: inline-block;
}

.top-element {
    text-align: center;
    padding: 20px 15px 20px 45px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    position: relative;
}

form .top-element,
.top-element form {
    text-align: left;
}

.top-element .back-main,
.top-element .next-action,
.top-element .prev-action,
.top-element .create-action {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 222;
}

.top-element .next-action {
    left: initial;
    right: 20px;
}

.top-element button.prev-action {
    border: 0;
    padding: 0;
    outline: 0;
    background: none;
}

.top-element h2 {
    font-size: 18px;
    color: #271515;
    font-weight: 700;
    margin-left: -25px;
}

.data-wrap {
    position: relative;
}

.parent-loader:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    top: 0;
    left: 0;
    z-index: 999;
}


.search-input::placeholder,
.search-input {
    font-size: 16px;
    color: #AFAFA5;
    border: 0;
    outline: 0;
    width: 100%;
}

.search-page .overlay-element {
    left: 0;
}

.arrow-link {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.81633 1.00408C6.01116 0.84497 6.30729 0.863397 6.47777 1.04524L10.8528 5.7119C11.0074 5.87685 11.0074 6.12315 10.8528 6.28809L6.47777 10.9548C6.30729 11.1366 6.01116 11.155 5.81633 10.9959C5.6215 10.8368 5.60175 10.5604 5.77223 10.3786L9.46698 6.4375H0.5C0.241117 6.4375 0.03125 6.24162 0.03125 6C0.03125 5.75838 0.241117 5.5625 0.5 5.5625H9.46698L5.77223 1.62143C5.60175 1.43959 5.6215 1.16319 5.81633 1.00408Z' fill='%23AFAFA5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.only-des {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 8px;
    margin-top: 8px;
}

.data-wrap .results {
    padding: 30px 15px 0;

}

.only-des .des {
    padding-right: 20px;

}

/*the container must be positioned relative:*/
.custom-select,
.custom-select2 {
    position: relative;
}

.custom-select select {
    display: none;
}



/*style the arrow inside the select element:*/
.select-selected:after,
.select-selected2:after {
    position: absolute;
    top: 18px;
    content: "";
    right: 10px;
    width: 15px;
    height: 14px;
    background: url("assets/images/icon-arrow-down.svg") no-repeat center;
}

/*point the arrow upwards when the select box is open (active):*/


/*style the items (options), including the selected item:*/
.select-items div,
.select-selected,
.custom-select2 label,
.select-selected2 {
    color: #271515;
    padding: 14px 14px 11px;
    border-top: 1px solid #EBEBE6;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
    font-size: 16px;
    min-height: 50px;
}

.select-selected,
.select-selected2 {
    border-radius: 10px;
    padding-right: 25px;
    border: 1px solid #EBEBE6;
    color: black;
    position: relative;
    z-index: 9999;
}

#filter-events .select-selected {
    background: transparent;
}

#filter-events .select-selected:after {
    display: none;
}

.select-items,
.custom-select2 {
    border: 1px solid #EBEBE6;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    overflow: hidden;
}

/*style items (options):*/
.select-items,
.custom-select2 {
    position: absolute;
    max-height: 50vh;
    overflow-y: auto;
    background-color: #fff;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:first-of-type,
.select-items,
.custom-select2 label:first-of-type,
.custom-select2 {
    border-top: 0;
}

.taxonomy-page .custom-select {
    float: left;
    width: 48%;
}

.taxonomy-page .custom-select:first-of-type {
    margin-right: 4%;
}

.filter-form {
    margin-top: 30px;
}

/*.bg-rating .select-items div:nth-of-type(2),
.bg-rating .select-selected.s5{
    background-image: url('./assets/images/5-star.svg');
}
.bg-rating .select-items div:nth-of-type(3),
.bg-rating .select-selected.s4{
    background-image: url('./assets/images/4-star.svg');
}
.bg-rating .select-items div:nth-of-type(4),
.bg-rating .select-selected.s3{
    background-image: url('./assets/images/3-star.svg');
}
.bg-rating .select-items div:nth-of-type(5),
.bg-rating .select-selected.s2{
    background-image: url('./assets/images/2-star.svg');
}
.bg-rating .select-items div:nth-of-type(6),
.bg-rating .select-selected.s1{
    background-image: url('./assets/images/1-star.svg');
}*/
.bg-rating .select-items div,
.bg-rating .select-selected {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 12px 13px;
}



.bg-rating .hiden-text {
    font-size: 0;
}

.custom-select.default-select .select-items div:first-of-type {
    display: none;
}

.select-selected.s,
.bg-rating .select-items div:first-of-type,
.bg-rating .select-items div:last-of-type,
.bg-rating .s6 {
    font-size: 16px;
}

.share-white-action {
    /* float: right; */
}

/* .gallery-section .gallery, .overlay-element .gallery{
    letter-spacing: -10px;
    margin-left: -5px !important;
    margin-right: -5px !important;
} */

.gallery-section .gallery .gallery-item,
.overlay-element .gallery .gallery-item {
    letter-spacing: 0;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0 !important;
}

.single-event .thumb-header {
    left: 0;
    top: 0;
    width: 100%;
    padding: 0px 20px;
}

.gallery .gallery-item a,
.gallery .gallery-item img {
    display: block;
}

.pagination {
    margin-top: 20px;
}

.header-page,
.header-home {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}

.single-event {
    padding-top: 150px;
}

#wpdiscuz-loading-bar.wpdiscuz-loading-bar-auth {
    display: none !important;
}

.page-numbers {
    border-radius: 10px;
    border: 1px solid #EBEBE6;
    color: #333333;
    padding: 10px 15px;
    margin-right: 5px;
    margin-top: 10px;
}

.page-numbers.current {
    background: #333333;
    color: #fff;
}

.post-thumb {
    /* background: #F56B6B26; */
    padding: 40px;
    text-align: center;
}

.info-section .review-meta,
.info-section .review-meta a {
    font-size: 16px;
    text-align: center;
    color: #271515;
}

.info-section .review-meta img {
    vertical-align: bottom;
}

.info-contact a {
    font-size: 14px;
}

.info-contact p {
    margin-top: 8px;
    display: flex;
    column-gap: 10px;
    font-size: 14px;
    color: #271515;
    justify-content: space-between;
}

.info-contact p span:last-child {
    width: max-content;
}

.info-contact {
    /* padding-top: 10px; */
}

.single-container .info-section .content {
    margin-top: 5px;
    color: #333333;
}

.single-container .info-section .content p {
    font-size: 14px;
}

.single-section-title {
    font-size: 18px;
    font-weight: 700;
}

.single-container section {
    padding-top: 20px;
    padding-bottom: 30px;
}

.services-section-title-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.single-container section.info-section {
    border-top: 0;
}

.content ul li strong {
    color: #271515;
    font-size: 14px;
    font-weight: 600;
}

.content ul li span {
    font-size: 14px;
}

.content ul li {
    color: #271515;
    font-size: 16px;
    text-transform: capitalize;
}

.see-all {
    font-size: 16px;
    color: #FF65A6;
}

.single-container .post .excerpt {
    display: block;
}

.single-container .gallery-item img {
    border: 0 !important;
    border-radius: 10px;
}

.content {
    color: #333333;
}

.content ol {
    counter-reset: list-number;
}

.content ol li {
    background-color: #F7F7F7;
    margin-bottom: 8px;
    border-radius: 5px;
    padding: 5px 10px;
}

.content ol li span {
    font-size: 14px;
    font-weight: 600;
    color: #FF65A6;
    margin-bottom: 3px;
}

.content ol li p {
    font-size: 12px;
}

.content ol li:first-of-type {
    margin-top: 0;
}

.content ol li span::after {
    counter-increment: list-number;
    content: counter(list-number);
    font-size: 16px;
    margin-left: 5px;
}

.review-section .single-section-title {
    position: relative;
}

.single-section-title>div {
    position: absolute;
    right: 0;
    top: 4px;
}

.review-section .single-section-title span img {
    vertical-align: bottom;
}

.comments-area .wpdiscuz-post-rating-wrap,
.wpd-top-custom-fields,
.wpd-comment-label,
.single-beauty .wpd-reply-button,
.single-beauty .wpd-comment-footer,
.wpd-form-head,
.wpd-field-group-title,
#wpdcom .wpd-thread-head {
    display: none !important;
}

.comments-area .wpd-comment-left {
    width: 44px !important;
    height: 44px;
    overflow: hidden;
    text-align: center !important;
    border-radius: 100%;
    float: left;
}

.comments-area .wpd-comment-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.comments-area .wpd-comment-right {
    margin-left: 55px;
}

.comments-area #wpdcom .wpd-comment .wpd-avatar {
    margin-right: 0 !important;
}

.comments-area #wpdcom .wpd-comment .wpd-avatar img,
#wpdcom .wpd-comment .wpd-avatar img.avatar {
    width: 100%;
    height: auto;
    padding: 0;
    min-width: 44px;
    min-height: 44px;
}

.single-question .comments-area .wpd-comment-left {
    border-radius: 8px;
}

.single-question .question-archive {
    padding-bottom: 100px;
}

.comments-area #wpdcom .wpd-comment .wpd-comment-wrap {
    display: block;
}

#wpdcom .wpd-comment-header .wpd-comment-author,
#wpdcom .wpd-comment-header .wpd-comment-author a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.7px;
    margin-right: 5px;
    color: #271515;
}

#wpdcom .wpd-comment .wpd-comment-left {
    margin-right: 0;
}

#wpdcom .wpd-comment .wpd-comment-header {
    float: left;
    padding: 0;
}

#wpdcom .review-meta {
    float: right;
}

#wpdcom .review-meta img {
    vertical-align: bottom;
}

#wpdcom .wpd-comment-text {
    margin-top: -20px;
}

.date-span {
    font-size: 12px;
}

.date-span img {
    vertical-align: sub;
}

.question-archive .date-span img {
    width: 20px;
    margin-right: 8px;
}

.question-archive .date-span {
    font-size: 16px;
    color: #333333;
    margin-right: 20px;
}

.question-archive .post .excerpt {
    margin-top: -4px;
}

.single-review .post .excerpt {
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    margin: initial;
}

.add-review a {
    color: #F56B6B;
}

.add-review img {
    vertical-align: bottom;
}

.wpd-item-wrap {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: center;
    background: #FFF3F3;
    padding: 15px 10px 10px;
    z-index: 9999;
}

#wpdcom .wpdiscuz-item .wpdiscuz-rating {
    display: inline-block;
    float: none;
}

.single-beauty .wpd-field-comment {
    position: fixed;
    top: 160px;
    left: 0;
    z-index: 10000;
    padding: 15px;
    text-align: center;
    width: 100%;
}

.single-beauty .wpd-field-comment textarea {
    height: 185px !important;
    width: 100% !important;
    padding: 15px;
    border-radius: 12px;
    color: #333333;
    border: 1px solid #EBEBE6;
}

.single-beauty .wpd_comm_form,
.overlay-submit-btn {
    display: none;
}

.wpd_comm_form.active,
.wpd-form-foot.active,
.overlay-submit-btn.active,
.single-question .wpd-form-foot {
    display: block !important;
}

.single-beauty .wc-field-submit {
    position: fixed;
    right: 15px;
    top: 20px;
    z-index: 100000;
    color: #333333;
    padding: 0 !important;
}

.single-beauty .wc_comm_submit {
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 16px;

    color: #333333;
    font-family: 'Manrope', 'Prompt', sans-serif;
}

.wc_comm_submit.active {
    color: #F56B6B;
    font-weight: bold;
}

#wpdcom .wpd-comment .wpd-comment-right {
    width: initial;
}

.limit-row li,
.limit-row .gallery-item,
.limit-row br:last-of-type,
.limit-row .wpd-thread-list>div,
.limit-row .duplicate,
.detail-content {
    display: none;
}

.limit-row li:nth-of-type(1),
.limit-row li:nth-of-type(2),
.limit-row li:nth-of-type(3),
.limit-row li:nth-of-type(4),
.limit-row li:nth-of-type(5),
.limit-row .gallery-item:nth-of-type(1),
.limit-row .gallery-item:nth-of-type(2),
.limit-row .gallery-item:nth-of-type(3),
.limit-row .gallery-item:nth-of-type(4),
.limit-row .gallery-item:nth-of-type(5),
.limit-row .gallery-item:nth-of-type(6),
.limit-row .wpd-thread-list>div:nth-of-type(1),
.limit-row .wpd-thread-list>div:nth-of-type(2),
.limit-row .wpd-thread-list>div:nth-of-type(3) {

    display: block;
}

.detail-content {}

.overlay-element-child .post {
    text-align: center;
}

.overlay-element-child .thumb-link {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.overlay-element-child .post>div>h5 {
    display: none;
}

.overlay-black {
    display: none;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
}

.overlay-black.active {
    display: block;
}

.bottom-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 50px 20px;
    width: 100%;
}

.bottom-overlay>a {
    padding: 12px;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    color: #097AF0;
}

.bottom-overlay a img {
    vertical-align: bottom;
}

.taxonomy-page .post-box {
    padding-top: 15px;
}

/* footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #fff;
} */

.content-post p,
.content-post img {
    margin-bottom: 12px;
}

.single-post .meta-span,
.question-archive .meta-span {
    color: #333333;
}

.question-archive .meta-span {
    vertical-align: text-top;
    display: flex;
}


.like-comment-like {
    margin-right: 20px;
    position: relative;
}

.like-comment-like.loading-btn {
    background: #fff;
}

.like-comment-like.loading-btn img {
    visibility: hidden;
}

.like-comment-like.loading-btn:after {
    left: 0;
}


.single-post .box-title {
    margin: 10px 0 15px;

}

.thumb-header {
    position: relative;
}

.thumb-header img {
    width: 100%;
}

.thumb-header .top-element {
    /* position: absolute; */
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    box-shadow: none;
}

.wrap-thumb {

    width: 100%;
    min-height: 160px;
    background: #EBEBE6;
}

.single-event .wrap-thumb {
    min-height: 150px;
}

.wrap-thumb img {
    display: block;
}

.alert-warning {
    font-size: 10px;
    color: #FF9740;
    padding: 5px;
    background: #FFF5D6;
    border-radius: 5px;
    font-weight: 400;
    margin-left: 5px;
}

.sticky-action-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    color: #333333;
    padding: 0;
    border: 0;
    background: none;
    font-size: 16px;
    z-index: 99999;
}

.fixed-action-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #AFAFA5;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 20px;
    right: 40px;
    width: auto;
    z-index: 9999;
}

.sticky-action-btn.active,
.fixed-action-btn.active {
    color: #F56B6B;
    font-weight: 700;
}

.logout-btn {
    margin-top: 240px;
}

.setting-page .logout-btn {
    margin-top: 20px;
}

.change-pass {
    margin-top: 20px;
    color: #F56B6B;
}

.password-field>div {
    position: relative;
}

.opal-forms2 .password-field label:before,
.change-pass-box .password-field {
    display: none;
}

.change-pass-box .password-field.active {
    display: block;
}

.wrap-form {
    padding-top: 17px;
}

.review-archive .wrap-form {
    padding-bottom: 15px;
}

.opal-forms3 .checkbox-field label {
    display: block;
}

.opal-forms3 .checkbox-field label input:checked~.checkmark {
    background: #FFE8E8;
    color: #F56B6B;
    border-radius: 25px;
    padding: 12px 26px;

}

.opal-forms3 .checkbox-field label input:checked~.checkmark:after {
    display: none;
}

.question-archive .opal-forms3 .checkbox-field label input:checked~.checkmark {
    background: #FFF8F8;
    color: #F56B6B;
    font-weight: bold;
    border-radius: 10px;
}

.wrap-selects {
    padding-top: 15px;
}

.wrap-selects>div {
    float: left;
    position: relative;
    width: 48%;
}

.wrap-selects>div:first-of-type {
    margin-right: 4%;
}

.post-head .box-title {
    color: #7A4242;
}

.head-info h5 {
    text-align: center;
    text-transform: uppercase;
}

.head-info h5 div {
    font-size: 15px;
}

.post-head .info {
    font-size: 12px;
    color: #333333;

}

.post-head .info span {
    margin-top: 8px;
    float: right;
    width: 50%;

}

.post-head .info span:first-of-type {
    margin-right: 5px;
    float: left;
    width: 49%;
    margin-right: 1%;
}

.post-head .meta {
    position: relative;
    font-size: 14px;
    color: #333333;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.8);
}

.post-head .time {
    float: left;
    font-weight: 700;
}

.post-box4 .des {
    border: 1px solid #EBEBE6;
    border-top: 0;
    padding: 11px 16px;
    border-radius: 0 0 12px 12px;
    font-size: 14px;
}

.post-box4 .des h5 {
    margin-top: 12px;
}

.post-box4 .by strong {
    color: #F56B6B;
    font-weight: 700;
}

.registered span {
    font-weight: 700;
}

.post-box4 .post {
    margin-top: 15px;
}

.sub-thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
}

.head-info .info .address {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.head-info .info img {
    max-width: 16px;
    vertical-align: bottom;
}

.hidden {
    display: none;
}

.cusom-datepicker input {
    padding: 14px;
    font-size: 16px;
    color: #333333;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #EBEBE6;
    outline: 0;
    position: relative;
    z-index: 12;
    background: transparent;
}

.single-review .post .excerpt {
    margin-top: 6px;
}

.datepicker-panel>ul>li {
    width: 21px;
    height: 21px;
    color: #271515;
    margin: 5px 11px;
    line-height: 21px;
    font-size: 14px;
    font-weight: 400;
}

.datepicker-container {
    width: 320px;
    border: none;
    background-color: white;
    position: absolute;
    z-index: 2;
    right: 15px;
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    font-family: 'Manrope', 'Prompt', sans-serif;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(99, 69, 237, 0.16);
}

.datepicker-top-left::before,
.datepicker-top-right::before {
    display: none
}

.datepicker-panel ul {
    font-weight: bold;
}

li[data-view="month current"] {
    text-align: left !important;
    font-weight: 700 !important;
}

ul[data-view="week"] li {
    font-weight: 700
}

.datepicker-panel ul:last-of-type {
    font-weight: 400;
}

.datepicker-panel>ul>li.highlighted {
    color: white;
    background: #DADADA;
}

.datepicker-panel>ul>li.picked {
    color: white;
    border-radius: 2px;
    background: #FF65A6;
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: white;
}

.datepicker-panel>ul>li:hover {
    background: transparent;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute !important;
    height: 20px !important;
    width: 20px !important;
    right: 5px !important;
    top: 5px !important;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
}

.ui-datepicker-prev span {
    background: url("assets/images/prev-icon.svg") no-repeat center !important;
}

.ui-datepicker-next span {
    background: url("assets/images/next-icon.svg") no-repeat center !important;
}

.ui-datepicker .ui-datepicker-prev {
    right: 30px !important;
    left: inherit !important;
}

.cl1 {}

.wrap-selects>div>img {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 11;
}

.form-des-text img {
    vertical-align: middle;
    margin-right: 12px;
}

.des .by strong {
    color: #F56B6B;
    font-weight: bold;
}

.register-event-btn {
    /*padding: 11px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F56B6B;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 21px;
}

.register-event-btn.unregister-event {
    background: #AFAFA5;
}

.single-event .meta {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    color: #333333;
    text-transform: uppercase;
}

.des-strong p span {
    color: #FF9740;
    display: block;
    font-size: 15px;
    margin-top: 5px;
    font-weight: 500;
}

.des-strong p::after {
    clear: both;
    content: "";
    display: block;
}


.des-strong {
    border-top: 2px solid #EBEBE6;
    padding-bottom: 15px;
}

.post-content {
    padding-top: 10px;
    border-top: 5px solid #EBEBE6;
}

.single-event .wrap {
    padding-bottom: 15px;
}

.post-content .content {
    position: relative;
    padding: 15px 0 15px 28px;
}

.post-content .content p {
    margin-bottom: 8px;
    position: relative;
}

.post-content .content p img {
    width: 14px;
    position: absolute;
    top: 5px;
    left: -30px;
}

.post-content .content {
    color: #271515;
}

.post-content .registered {
    font-weight: 700;
}

.registered img {
    vertical-align: middle;
    margin-right: 5px;
}

.post-container {
    padding-bottom: 120px;
}

.icon-stick-box {
    padding: 8px 7px 7px;
    background: #fff;
    position: relative;
    right: 10px;
    top: 10px;
    display: none;
    width: 34px;
    height: 34px;
}

.icon-stick-box.active {
    display: block;
}

.forms-vertical label {
    font-size: 16px;
    font-weight: 600;
    color: #271515;
    margin-bottom: 5px;
    width: initial;
}

.forms-vertical input,
.forms-vertical select,
.forms-vertical textarea {
    padding: 12px 16px;
    font-size: 14px;
    color: #271515;
    font-weight: 400;
}

.forms-vertical textarea {
    width: 100%;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
}
.forms-vertical textarea::placeholder{
    color:#a1a1a1
}
.forms-vertical .field {
    margin-bottom: 15px;
}

.box-square {
    padding: 30px;
    border-radius: 12px;
}

.box-item.active .box-square {
    padding: 0;
}

.box-item {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
}

.img-sub-active,
.sticky-action-btn.active img {
    display: none;
}

.sticky-action-btn.active img.img-sub-active {
    display: block;
}

.box-mutiple {
    letter-spacing: -10px;
}

.box-mutiple .box-item {
    margin-right: 0;
    letter-spacing: 0;
}

.box-mutiple .box-item:nth-of-type(3n + 3) {
    margin-right: 0;
}

.question_image,
.comment-section {
    margin-top: 15px;
}

.image-field .box-mutiple {
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 25px;
}

.image-field .box-mutiple:has(.box-item.active) {}

.image-field .box-mutiple .box-item {
    padding-top: 100%
}

.image-field .box-mutiple .box-item:not(.active) label {
    display: flex;
    align-items: center;
}

.image-field label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.comment-section .wpd-form-wrap,
.single-question .wpd_comm_form.wpd-secondary-form-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 20px 10px 90px;
    box-shadow: 0px -4px 6px rgb(0 0 0 / 5%);
    background: #fff;
    z-index: 2;
}

.wpd_comm_form.wpd-secondary-form-wrapper {
    z-index: 9;
}

.comment-section .wpd-textarea-wrap {
    padding-right: 60px;


}

.comment-section .wpd-textarea-wrap textarea {
    min-height: 60px !important;
}

.comment-section .wpd-textarea-wrap textarea {
    border: 0px;
    width: 100%;
}

.comment-section .wc-field-submit {
    position: absolute;
    right: 20px;
    top: 20px;
}

.comment-section .wc-field-submit input {
    font-size: 14px;
    color: #333333;
    border: 0;
    background: none;
}

.comment-section .author-thumb {
    position: fixed;
    left: 20px;
    bottom: 45px;
    width: 50px;
    z-index: 3;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}

.comment-section .author-thumb img {
    min-width: 50px;
    min-height: 50px;
}

.single-question #wpdcom .wpd-comment .wpd-reply-to,
.single-question .wpd-comment-footer .wpd-toggle.wpd-hiddens {
    display: none;
}

.single-question #wpdcom .wpd-reply.wpd_comment_level-2,
.single-question #wpdcom .wpd-reply.wpd_comment_level-3 {
    margin-left: 0;
}

.single-question .wpd_comment_level-2 {
    padding-left: 45px;
}

/* .single-question .wpd-comment.wpd-reply{
    display: block !important;
} */

.action-question {
    float: right;
    color: #AFAFA5;
    position: relative;

}

.action-question span {
    padding-top: 10px;
}

.action-question .popup {
    position: absolute;
    right: 0;
    overflow: hidden;
    top: calc(100% + 10px);
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
    color: #271515;
    display: none;
    background: #fff;
    z-index: 999;
}

.action-question .popup.active {
    display: block;
}

.action-question a {
    width: 150px;
    text-align: center;
    border-bottom: 1px solid #F1F1F1;
    color: #271515;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 16px;
    margin-right: 0;
}

.action-question a:last-child {
    border-bottom: none
}

.action-question a:focus {
    background: #FF65A6;
    font-weight: 700;
    color: #fff;
}

.image-col2 .box-square {
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    margin-bottom: 10px;
}

.image-col2 .box-item label {
    background: #EBEBE6;
    padding: 70px 0 105px;
    position: relative;
    margin-top: 0;
}

.image-col2 .active .box-square {
    width: 100%;
    border-radius: 0;
    height: auto;
    margin-bottom: 0;
}

.image-col2 .active .sub {
    display: none;
}

.image-col2 .active label,
.image-col2 .active img {
    display: block;
    font-size: 0;
    line-height: 0;
    margin: auto;
}

.image-col2 .box-item {
    margin-right: 0;
    width: 100%;
}

.image-col2 .image-field {
    width: 100%;
    letter-spacing: 0;
}

.image-col2 .box-square:after {
    display: none;
}

.sub-label {
    font-size: 12px;
    color: #fff;
    background: rgba(39, 21, 21, 0.8);
    padding: 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 700;
    line-height: 16px;
}

.image-col2 {
    display: flex;
    column-gap: 5px;
    letter-spacing: -10px;
}

.image-col2 .box-item.active label {
    padding: 0;
}

.textarea-field2 textarea {
    border: 0;
    margin-top: 15px;
    width: 100%;
}

.next-action.active img,
.next-action .img-sub-active {
    display: none;
}

.step2 .image-col2,
.step2 .textarea-field,
.step2 #next-action,
.prev-step2 {
    display: none;
}

.next-action.active .img-sub-active,
#form-review-create.step2 .checkbox-field,
#form-review-create.step2 button,
.step2 .prev-step2 {
    display: block;
}

.prev-step2.sticky-action-btn {
    left: 20px;
    right: initial;
}

.review-archive .checkbox-field img {
    width: 60px;
    height: 60px;
    display: none;
    margin-bottom: 7px;
}

.review-archive .checkbox-field img:first-of-type {
    display: block;
}

.review-archive .opal-forms3 .checkbox-field label input:checked~.checkmark img {
    display: block;
}

.review-archive .opal-forms3 .checkbox-field label input:checked~.checkmark img:first-of-type {
    display: none;
}

.review-archive .opal-forms3 .checkbox-field label input:checked~.checkmark {
    font-weight: bold;
}

.review-archive .checkbox-field {
    text-align: center;
}

.review-archive .opal-forms3 .checkmark {
    position: initial;
    display: block;
    padding: 0;
    background: none !important;
}

.review-archive .opal-forms3 a.checkmark {
    color: #271515;
}

.review-archive .opal-forms3 a.checkmark.link-checked {
    color: #F56B6B;
}

.review-archive .opal-forms3 .checkbox-field label {
    margin-right: 13px;
}

.review-archive .opal-forms3 .checkbox-field.review_category label {
    margin-right: 0;
}

.link-checked .img,
.link-checked .img img {
    background: #F56B6B;
}

.post-review .post {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 5px solid #F1F1F1;
}

.post-review .post:last-child {
    border-bottom: none;
}

.post-review .img-des {
    display: flex;
    column-gap: 10px;
    margin-bottom: 16px;
}

.post-review .img-des .des {

    padding-top: 0;
}

.post-review .img-des .des h5 {
    margin-bottom: 5px;
    line-height: 1;
}

.post-review .img-des .des .box-title {
    color: #271515;
    font-size: 15px;
}

.post-review .date-span {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #A1A1A1;
}

.post-review .price-box {
    border-bottom: 1px solid #EBEBEB;
    padding: 16px 0px;
    justify-content: space-between;
    align-items: center;
}

.post-review .price-box .cost {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.post-review .price-box .price {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #333333;
}

.post-review .price-box strong {
    font-size: 15px;
    font-weight: 600
}

.post-review .price-box strong:last-child {
    font-weight: 700;
    font-size: 16px;
}

.post-review .tag-box {
    padding: 0
}

.post-review .tag-box a {
    padding: 2px 6px;
    background: #EBEBEB;
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    text-transform: capitalize;
}

.post-review .tag-box {
    overflow-x: auto;
}

.post-review .tag-box::-webkit-scrollbar {
    display: none;
}

.post-review .tag-box .tag-scroll {
    width: max-content;
}

.ib-cols {
    letter-spacing: -10px;
}

.ib-cols>div {
    letter-spacing: 0;
    display: inline-block;
}

.post-review .box {
    width: 100%;
    position: relative;

}

.post-review .review-popup-box .box {
    width: 85%;
}

.post-review .verification {
    background-color: #F1EEEF;
    padding: 4px;
    border-radius: 4px;
    margin-right: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #75565D;

}

.post-review .sub-thumb {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    font-size: 12px;
    width: 65px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    height: initial;
    text-align: center;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0px 0px 0px 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 0px 6px 0px 6px
}

.post-review .like-comment {
    margin-top: 10px;
    padding: 0;
}

.post-review .like-comment-item svg {
    margin-top: 0px;
    vertical-align: bottom;
}

.post-review .like-comment-item span {
    font-size: 14px;
    color: #A1A1A1;
    font-weight: 400;
    vertical-align: bottom;
}


.post-review .like-text {
    font-size: 14px;
    color: #3B4249;
    font-weight: 700;
}

.like-comment-like img {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
}

.like-comment-like img:first-of-type {
    display: none;
}

.like-comment-like.active img {
    display: none;
}

.like-comment-like.active img:first-of-type {
    display: inline-block;
}

.post-review .post .excerpt {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.post-review .thumb-des {
    display: grid;
    gap: 4px !important;
    grid-template-columns: 1fr 1fr;
    height: 196px;
}

.post-review .post>.box-title {
    padding: 0 15px;
}

.post-review .thumb-des a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.post-review .thumb-des a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.post-review .thumb-des.layout-1 {
    grid-template-areas:
        'h1';
    grid-template-columns: none;
    height: 2602x;
}

.post-review .thumb-des.layout-3 {
    grid-template-areas:
        'h1 h1 h2 h2 h3 h3'
        'h1 h1 h2 h2 h3 h3';
    grid-template-columns: none;
    height: 129px;
}

.post-review .thumb-des.layout .box:first-child {
    grid-area: h1;
}

.post-review .thumb-des.layout .box:nth-child(2) {
    grid-area: h2;
}

.post-review .thumb-des.layout .box:nth-child(3) {
    grid-area: h3;
}

.post-review .thumb-des.layout .box:nth-child(4) {
    grid-area: h4;
    width: 100% !important;
}

.post-review .thumb-des.layout .box:nth-child(5) {
    grid-area: h5;
}

.post-review .thumb-des.layout .box:nth-child(6) {
    grid-area: h6;
}


.post-review .thumb-des.layout-4 {
    grid-template-areas:
        'h1 h2 h3'
        'h4 h4 h4';
    grid-template-columns: none;

    height: 262px;


}

.post-review .thumb-des.layout-5 {
    grid-template-areas:
        'h1 h1 h2 h2 h3 h3'
        'h1 h1 h2 h2 h3 h3'
        'h4 h4 h4 h5 h5 h5'
        'h4 h4 h4 h5 h5 h5'
        'h4 h4 h4 h5 h5 h5';
    grid-template-columns: none;
    height: 262px;
}


.post-review .thumb-des.layout-6 {
    grid-template-areas:
        'h1 h1 h2 h2 h3 h3'
        'h1 h1 h2 h2 h3 h3'
        'h4 h4 h5 h5 h6 h6'
        'h4 h4 h5 h5 h6 h6';
    grid-template-columns: none;
    height: 262px;
}


.post-review .more-wp {
    color: white;
    font-weight: 500;
    font-size: 24px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-review .thumb-des .box>img {
    display: block;
    width: 100%;
}

.post-review .post .excerpt {
    padding: 0;
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
}

.item.img .icon-video {
    background: url("assets/images/icon-video.svg") no-repeat center;
    width: 13px;
    height: 10px;
    position: absolute;
    left: 7px;
    bottom: 7px;
}

.content-all {
    display: none;
}

.content-all p,
.excerpt-all p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.more-content {
    font-size: 14px;
    color: #AFAFA5;
}

.share-action ,.post-review.review_beauty .share-action-popup, .single-review .post-review .share-action-popup{
    margin-left: 20px;
}

.view-all-comment a {
    color: #AFAFA5;
    font-size: 14px;
}

.single-review #wpdcom .wpd-comment-footer {
    display: none;
}

.single-review .wpd-form-foot {
    display: block !important;
}

.single-review .calenda-icon {
    font-size: 12px;
}

.flex-container {
    display: flex;
    align-items: center;
}

/* .single-review .flex-container{
    position: fixed;
    z-index: 999;
    bottom: 110px;
    width: 100%;
    left: 0;
    padding: 0 15px;

} */
.single-review .flex-container {
    border-bottom: 1px solid #EBEBE6;
}

.flex-container img,
.flex-container a {
    flex: 1;
}

.single-review .flex-container img {

    padding: 10px 14px;
    max-height: 44px;
}

.single-review .comment-section .wpd-form-wrap {
    padding-top: 65px;
}

.single-review .comment-section .wc-field-submit {
    top: 65px;
}

.comment-section .wc_comm_submit.active {
    color: #F56B6B;
}

.top-element .create-action {
    right: 60px;
    left: initial;
}

.nav-author {
    letter-spacing: -10px;
    position: fixed;
    width: 100%;
    top: 56px;
    left: 0;
    z-index: 9999;
}

.nav-author a {
    color: #AFAFA5;
    font-size: 16px;
    font-weight: 400;
    padding: 18px;
    width: 50%;
    text-align: center;
    letter-spacing: 0;
    display: inline-block;
}

.nav-author a.active {
    color: #F56B6B;
    border-bottom: 2px solid #F56B6B;
}

body.author .top-element {
    padding: 20px 15px 70px 45px;
}

body.author .top-element a.back-action {
    margin-top: -24px;
}

body.author .other-author-header .top-element {
    padding: 30px 15px 30px 45px;
    box-shadow: none;
}

body.author .other-author-header .top-element a.back-action {
    margin-top: 0;
}

.author-create-action {
    position: absolute;
    right: 15px;
    top: 22px;
}

#filter-events>.top-element {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
}

.single-review .comment-section {
    padding-bottom: 50px;
    margin-top: 0;
}

.user-page .avatar-center p {
    font-size: 18px;
}

.nav-author-link {
    margin-top: 20px;
    border-bottom: 2px solid #F1F1F1;
    margin-bottom: 20px;
}

.nav-author-link a {
    padding: 7px 5px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

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

.nav-author-link a.active {
    border-color: #FF65A6;
    color: #FF65A6;
}

body.author .opal-forms2 .field span.not-field {
    text-transform: capitalize;
}

.not-field>span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.not-field-list span:last-of-type {
    display: none;
}

.question-other-author .post-box .post {
    border-top: 1px solid #EBEBE6;
    margin-top: 18px;
    padding: 18px 15px 0;
}

.question-other-author .post-box .post:first-of-type {
    margin-top: 0px;
    padding-top: 18px;
}

.question-other-author .post-box .post:last-of-type {
    border-bottom: 1px solid #EBEBE6;
    padding-bottom: 18px;
}

.post-box4-event {
    padding-top: 15px;
}

.post-box4-event .sub-thumb {
    width: auto;
    opacity: 0.8;
}

.post-box4-event .post-head .box-title,
.post-box4-event .post-head .info {
    color: rgba(255, 255, 255, 0.9);

}

.post-box4-event .post-head .box-title {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}

.notification-page .post-box .img-des .img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    line-height: 50px;
}

.notification-page .post-box .img-des .img img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    height: 100%;
    max-width: 200%;
    width: auto; */
    min-height: 50px;
    min-width: 50px;
}

.notification-page .post-box .post {
    padding-bottom: 18px;

}

.notification-page.question-other-author .post-box .post {
    margin-top: 0;

}

.notification-page.question-other-author .post-box .post.unread-active {
    background: #e4e6eb;
}

.notification-page.question-archive .post .excerpt {
    margin-bottom: 0;
}

.social-btn-section .loading-btn {
    background: #AFAFA5;
}

.setting-page .des h6 {
    float: left;
}

.setting-page .des .popup-btn {
    float: right;
    color: #271515;
}

.setting-page .des:after {
    content: "";
    display: block;
    clear: both;
}

.setting-page .des .popup-btn:after,
a.at_language-btn::after {
    content: "";
    background-image: url('./assets/images/row-right.svg');
    width: 8px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.popup-setting {
    display: none;
}

.popup-setting.active {
    display: block;
}

#notification_form input {
    display: none;
}

.box-row.active {
    background-color: #F56B6B;
    color: #fff;
}

.setting-page .only-des {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    background-color: #F7F7F8;
    border-radius: 16px;
    padding: 20px;
    color: black;
    align-items: center;
}

.setting-page .only-des.notification {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 0;
}

.setting-page .only-des h5 {
    margin-bottom: 0;
    font-size: 14px;
}

.popup-box .box ul li a {
    color: #271515;
    padding: 15px;
    border-top: 1px solid #EBEBE6;
    display: block;
    text-align: center;
    font-weight: normal;
}

.language-popup a {
    text-align: center !important;
    display: block;
    padding: 15px !important;
    font-size: 16px;
    font-weight: 400;
    color: #271515 !important;
}

.language-popup a.trp-ls-disabled-language {
    background-color: #F56B6B !important;
    color: #fff !important;
}

.language-popup .box div {
    padding: 0;
    border: 0;
}

.language-popup .trp-ls-shortcode-language {
    display: block !important;
    height: auto !important;
    position: initial !important;
    overflow: initial !important;
    visibility: initial !important;
    width: initial !important;
}

.language-popup .trp-ls-shortcode-current-language {
    display: none;

}

.language-popup .box>div,
.language-popup .trp-language-switcher:hover .trp-ls-shortcode-language {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
}

.language-popup .trp-language-switcher>div {
    background: none !important;
}


.setting-page .des {}

.page-template-page-account .overlay-element.active {
    background-color: #fff;
    z-index: 9999999;

}

.no-reviews {
    color: #333333;
    font-weight: 400;
}

.box-fullurl {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.post .des .by a {
    color: #F56B6B;
    font-weight: 700;
}

.login-social {
    border: 0
}


.doctor-team-section .excerpt ul li {
    padding-right: 12px;
    position: relative;
    margin-top: 5px;
}

.doctor-team-section .post-box1 .post .excerpt {
    margin-top: 0;
}

.doctor-team-section .post-box1 .post {
    padding-bottom: 20px;
}

.single-beauty .header-page {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
}

.single-beauty .wpdiscuz-rating .fa-star {
    margin: 0 12px;
}

.post-type-archive-review .bottom-overlay {
    background: #fff;
    border-radius: 20px;
    padding: 17px 32px;
}

.post-type-archive-review .bottom-overlay h5 {
    padding: 20px;
}

.share-socials {
    letter-spacing: -10px;
    border-bottom: 1px solid #EBEBE6;
    padding-bottom: 30px;
}

.share-socials a {
    letter-spacing: 0;
    display: inline-block;
    width: 21.25%;
    margin-right: 5%;
    padding: 10px 0;
}

.share-socials a:last-of-type {
    margin-right: 0;
}

.post-type-archive-review .cancel-btn {
    color: #333333;
    font-size: 16px;
}

.tooltip-text {
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: -30px;
    background-color: #555;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    opacity: 0;
}

.tooltip-text.active {
    animation-name: overlay-animation;
    animation-duration: 2s;
}

.share-link {
    position: relative;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.author-box {
    padding-top: 20px;
}

.author-box .img {
    border-radius: 100% !important;
    overflow: hidden;
    height: 44px !important;
}

.single-review #wpdcom #wpd-threads {
    margin-top: 0;
}

.single-review .wpd-thread-list .wpd-comment {
    clear: both;
    padding-bottom: 15px;
}

.single-review .wpd-thread-list .wpd-comment .cleared {
    clear: initial;
}

.single-review #wpdcom .wpd-comment-text {
    margin-top: 0;
    padding-bottom: 0;
}

.post-type-archive-question .post-box .post .thumb-link {
    line-height: 1;
}

/*.post-type-archive-question .post-box-question .post:nth-of-type(1) .thumb-link:after,
.post-type-archive-question .post-box-question .post:nth-of-type(2) .thumb-link:after,
.post-type-archive-question .post-box-question .post:nth-of-type(3) .thumb-link:after{
    background: #FFCF00;
    border-radius: 0px 0px 8px 8px;
    display: block;
    padding: 2px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-top: -1px;
    position: relative;
    z-index: 2;
}
.post-type-archive-question .post-box-question .post:nth-of-type(1) .thumb-link:after{
    content: '1';
}
.post-type-archive-question .post-box-question .post:nth-of-type(2) .thumb-link:after{
    content: '2';
}
.post-type-archive-question .post-box-question .post:nth-of-type(3) .thumb-link:after{
    content: '3';
}*/
.post-box-first {
    padding-bottom: 20px;
}

.page-template-page-create-question .box-square,
.page-template-page-edit-question .box-square {
    padding: 5px;

}


.single-question #wpdcom .wpd-comment-footer .wpd-vote-up {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-question #wpdcom .wpd-comment-footer .wpd-vote {
    position: relative;
    font-size: 14px;
    color: #333333;
    font-weight: 700;
    padding-right: 0;
    margin-right: 30px;
}

.single-question #wpdcom .wpd-comment-footer .wpd-vote-result {
    padding-right: 3px;
    font-size: 14px;
    color: #333333;
    font-weight: 700;
    padding-left: 0;
}

.single-question #wpdcom .wpd-comment-footer .wpd-reply-button span {
    font-size: 14px;
    color: #F56B6B;
    font-weight: 700;
}

.single-question #wpdcom .wpd-comment-footer .wpd-reply-button svg {
    display: none;
}

.single-question .date-span .calenda-icon {
    font-size: 14px;
    color: #333333;
}

.single-question .question-archive .date-span {
    margin-top: 0;
    font-size: 10px;
}

.single-question #wpdcom .wpd-comment-text {
    padding-bottom: 15px;
}

.thumb-full {}

.number-notification,.market-number-notification {
    font-size: 8px;
    background: #FF1E1E;
    color: white;
    padding: 3px 2px;
    border-radius: 100%;
    position: absolute;
    right: -4px;
    top: -5px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 10px;
}

.notification-number .number-notification, .notification-number .market-number-notification {
    right: -5px;
    top: -12px;
}

.home-slider-banner .wp-block-image {
    margin: 0 !important;
}

.single-attachment .wrap-thumb {
    min-height: 0;
}

.attachment-page {
    padding-top: 50px;
    text-align: center;
}

.single-question-images p {
    letter-spacing: -10px;
}

.single-question-images p img {
    letter-spacing: 0;
    display: inline-block;
    max-width: 32%;
    margin-right: 2%;
}

.single-question-images p img:last-of-type {
    margin-right: 0;
}

#focus-textarea {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 20px;
    display: none;
    border: 1px solid #EBEBE6;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 5%);
    display: none;
}

.img-bg-circle {
    width: 178px;
    height: 178px;
    line-height: 178px;
    background: #FFF3F3;
    border-radius: 100%;
    margin: auto;
    text-align: center;
}

.img-bg-circle img {
    vertical-align: middle;
}

.forgot-pass-page .title {
    font-weight: 700;
    font-size: 26px;
    line-height: 41px;
    /* display: flex; */
    /* align-items: center; */
    text-align: center;
    color: #271515;
    margin-top: 20px;
}

.forgot-pass-page p {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;

    text-align: center;
    color: #333333;
    padding: 5px 10%;
}

.fixed-btn {
    position: fixed;
    padding: 15px;
    width: 100%;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.fixed-btn button {
    width: 100%;
    border: 0;
    background: #AFAFA5;
    border-radius: 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    padding: 15px;
}

.fixed-btn button.active {
    background: #F56B6B;
}

.forgot-pass-page {
    padding-top: 30px;
}

.forgot-pass-page form {
    display: none;
}

.forgot-pass-page.step1 #forgot-password {
    display: block;
}

.forgot-pass-page.step2 #verify-email {
    display: block;
}

.forgot-pass-page.step3 #create-password {
    display: block;
}

.forgot-pass-page .opal-forms .number-paging-field input {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14) !important;
    border: 0;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin: 10px
}

.forgot-pass-page .number-paging-field {
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
.forgot-pass-page input::-webkit-outer-spin-button,
.forgot-pass-page input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.forgot-pass-page input[type=number] {
    -moz-appearance: textfield;
}

.center-btn {
    text-align: center;
    padding-top: 3%;
}

a.button-resend,
.error-notifi {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #F56B6B;
    position: relative;
}

.error-notifi {
    margin-top: 5px;
    color: #e73e43;
    font-weight: 700;
}

a.button-resend.loading-btn {
    background: transparent;
    color: #AFAFA5;
}

.slick-carousel .item-slider {
    margin-right: 16px;
}

.opal-forms-password.opal-forms .password-field label:before {
    display: none;
}

.avt.default img {
    object-fit: contain !important
}

.form_commnets textarea::placeholder {
    position: absolute;
    top: 14px;
    left: 10px;
}

@media screen and (max-width: 480px) {
    #focus-textarea.active {
        display: block;
    }
}

@media screen and (max-width: 380px) {}


.owl-carousel.owl-drag .owl-item {
    /* max-width: 200px; */
    /* min-width: 110px; */

}

.review_category .owl-carousel.owl-drag .owl-item {
    min-width: auto;
}

#submit-user-update {
    max-width: 440px;
}

.title-v2-primary-h2 {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #333333;
    display: flex;
    align-items: center;
    position: relative;
}

.title-v2-primary-h2 .title-icon {
    position: relative;
    margin-right: 6px;
    width: 32px;
}

.title-v2-primary-h2 .best-type {
    padding: 2px 4px;
    gap: 10px;
    height: 20px;
    background: #FF5CA6;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    margin-left: 5px;
}

.section-title {
    position: relative;
}

.section-title .btn-v2-see-more {
    position: absolute;
    right: 0;
    top: 13px;
}

.title-v2-primary-p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #A1A1A1;
    margin-top: -5px;
}

.btn-v2-see-more {
    margin-top: -9px;
}

.home-pomotions-items {}

.home-pomotions-item {
    margin-top: 16px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
}

.home-pomotions-item-title,
.home-pomotions-item-title a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.home-pomotions-item-beauty {
    overflow: hidden;
    color: #777777;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 20px;
}

.home-pomotions-item-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #777777;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.home-pomotions-item-star {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.home-pomotions-item-star span {
    color: #888888;
    line-height: 9px;
}

.home-pomotions-item-star img {
    margin-right: 3px;
    margin-top: -2px;
}

.home-pomotions-item-price {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-top: 0px;
}

.home-pomotions-item-price .percent {
    color: #FF5CA6;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-left: 8px;
}

.home-pomotions-item-img {
    width: 144px;
    height: 144px;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden;
}

.home-pomotions-item-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 470px) {
    .home-pomotions-item-img {
        width: calc(148px + 2vw);
        height: calc(148px*0.75 + 2vw*0.75);
        object-fit: cover;
        border-radius: 8px 8px 0px 0px;
        overflow: hidden;
    }
}
@media screen and (max-width: 360px) {
    .home-pomotions-item-img {
        width: calc(138px + 2vw);
        height: calc(138px*0.75 + 2vw*0.75);
        object-fit: cover;
        border-radius: 8px 8px 0px 0px;
        overflow: hidden;
    }
    .home-store-type-v4 .post-type-v3 {
        width: calc(138px + 2vw)  !important;;
        /* height: calc(138px*0.75 + 2vw*0.75); */
    }
    .home-pomotions-item {
        width: calc(138px + 2vw) !important;
    }
}
/*Post type v3*/
.post-type-v3 .cover-v3 {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    position: relative;
}

.post-type-v3 .btn-promotion {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 53px !important;
}

.post-type-v3 .address {
    font-weight: 400;
    line-height: 13px;
    color: #A1A1A1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
}

.post-type-v3 .title-v3 {
    font-weight: 700;
    margin-top: 0px;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
}

.post-type-v3 .title-v3 a {
    margin-top: 0px;
}

.post-type-v3 .type-v3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #A78E76;
    margin-top: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
}

.post-type-v3 a.box-title {
    width: 100%;
    font-weight: 400;
    line-height: 18px;
    font-size: 16px;
    color: #A78E76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-transform: initial;
    -webkit-box-orient: vertical;
    margin-right: 0;
}

.post-type-v3 .title-v3 {
    font-weight: 700;
    margin-top: 0px;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
}

.post-type-v3 .review-meta {
    padding: 0 !important;
}

.post-item-star {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    margin-top: 0px;
    display: flex;
    align-items: center;
}

.post-item-star span {
    color: #888888;
    margin-left: 0px;
}

.post-item-star img {
    margin-right: 3px;
    margin-top: -2px;
}

.slider-section-v3 .meta-date-v3 {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #A1A1A1;
    padding: 0 !important;
    background: transparent !important;
}

.slider-section-v3 h5 {
    margin-bottom: 0 !important;
}

.section-top-community-v2 .text-number {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #FF65A6;
}

.section-top-community-v2 .text-question {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.section-top-community-v2 .text-desc,
.section-top-community-v2 .text-desc a {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #A1A1A1;
}

.section-top-community-v2 .box-comment-count {
    width: 54px;
    height: 28px;
    /* background: #EBEBEB; */
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    margin-right: -11px;
    color: #A1A1A1;
    /* margin-top: 3px; */

}

.section-top-community-v2 .box-comment-count a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    flex-direction: column;
    margin-top: 3px;
}

.section-top-community-v2 .box-comment-count a span {
    padding-left: 4px;
    color: #A1A1A1;
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

#section-review-beauty-v4 .img {
    min-width: auto;
    width: 107px;
    height: 107px;
}

#section-review-beauty-v4 .img img {
    width: 107px;
    height: 107px;
    object-fit: cover;
}

#section-review-beauty-v4 .owl-item {
    min-width: 322px;
}

#section-review-beauty-v4 {}

#section-review-beauty-v4 .receipt-verification-status {
    background: #FCE5CD;
    border-radius: 4px;
    padding: 2px 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #EA917B;
    width: max-content;

}

#section-review-beauty-v4 .type-v3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #A78E76;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
}

#section-review-beauty-v4 .content-des {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    margin-top: 5px;
}

.section-review-beauty-v4 .title-v3 {
    font-weight: 700;
    margin-top: 8px;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
}


#section-before-after-v4 .box-before-after,#section-before-after-v41 .box-before-after {
    width: 100%;
    display: flex;
    padding-top: 64%;
    position: relative;
}

#section-before-after-v4 .wr-img,#section-before-after-v41 .wr-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

#section-before-after-v4 .box-before-after .img,#section-before-after-v41 .box-before-after .img {
    width: 50%;
    height: 100%;
}

#section-before-after-v4 .box-before-after img,#section-before-after-v41 .box-before-after img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#section-before-after-v4 .box-before-after-text,#section-before-after-v41 .box-before-after-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

#section-before-after-v4 .box-before-after-text span,#section-before-after-v41 .box-before-after-text span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FF65A6;
}

#section-before-after-v4 .owl-item,#section-before-after-v1 .owl-item {
    max-width: auto;
    min-width: auto;
}

#section-before-after-v4 .item-image,#section-before-after-v41 .item-image {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

#section-before-after-v4 .slider-category-v2,#section-before-after-v41 .slider-category-v2 {
    display: flex;
}

#section-before-after-v4 .slider-category-v2 .chip, #section-before-after-v41 .slider-category-v2 .chip {
    padding: 2px;
    height: 20px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #A1A1A1;
    margin-right: 4px;
    cursor: pointer;
}

.slider-before-after-v4 .image-after-btn,.slider-before-after-v41 .image-after-btn {
    position: relative;
}

.slider-before-after-v4 .image-after-btn .img-mark,.slider-before-after-v41 .image-after-btn .img-mark  {
    display: none;
}

.slider-before-after-v4 .image-after-btn.active-slider .img-mark,.slider-before-after-v41 .image-after-btn.active-slider .img-mark {
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    border-radius: 4px;
}

.slider-before-after-v4 .image-after-btn.active-slider .img-mark>div,.slider-before-after-v41 .image-after-btn.active-slider .img-mark>div  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.title-v2-primary {
    font-weight: 600;
    font-size: 24px;
    line-height: 18px;
    color: #333333;
}

.fw-700 {
    font-weight: 700;
}

.fw-400 {
    font-weight: 400;
}

.color-gray {
    color: #A1A1A1;
}

.title-v2-primary {
    font-weight: 600;
    font-size: 24px;
    line-height: 18px;
    color: #333333;
}

.item-col-wp {
    display: flex;
    flex-wrap: wrap;
}

.item-col-wp img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: #000;
    border-radius: 4px;
}

.item-col-1 .item {
    width: calc(100vw - 32px);
    height: 100%;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    aspect-ratio: 396/262;
}

.item-col-1 .item img {
    width: auto;
    height: 100%;
}
.item-col-2{
    flex-wrap: nowrap;
}
.item-col-2 .item {
    width: calc(50vw - 19px);
    height: calc(50vw - 19px);
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border-radius: 4px;
}

.item-col-2 .item:nth-child(2) {
    margin-left: 5px;
}

.item-col-3 .item {
    width: calc(33vw - 14px);
    height: calc(33vw - 14px);
    margin-bottom: 4px;
    margin-left: 4px;
}

.item-col-4 .item {
    width: calc(33vw - 14px);
    height: calc(33vw - 14px);
    margin-bottom: 4px;
    margin-left: 4px;
}

.item-col-4 .item:nth-child(4) {
    width: 100%;
    height: calc(33vw - 14px);
}

.item-col-6 .item-last {
    position: relative;
}

.item-col-6 .img-count {
    background: #00000085;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-col-5 .item,
.item-col-6 .item {
    width: calc(33vw - 15px);
    height: calc(33vw - 15px);
    margin-right: 4px;
    margin-bottom: 4px;
}

.item-col-5 .item:nth-child(4) {
    width: calc(50vw - 21px);
    height: calc(50vw - 21px);
}

.item-col-5 .item:nth-child(5) {
    width: calc(50vw - 21px);
    height: calc(50vw - 21px);
}

.commnet__content span:nth-child(1) {
    color: #FF5CA6;
}

.review-archive .price-box {
    border-bottom: 1px solid #EBEBEB;
    padding: 16px 0px;
    justify-content: space-between;
    align-items: center;
}

.review-archive .price-box .price {
    line-height: 18px;
    text-align: right;
    font-weight: 700;
    font-size: 17px;
    color: #333333;
}

.home-pomotions-item-price-original {
    color: rgba(0, 0, 0, .54);
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 300;
    color: #A1A1A1;
    margin-top: 0px;
}

.hide-bar::-webkit-scrollbar {
    display: none;
}

.save-btn.save-btn-custom.active path {
    stroke: #FF65A6 !important;
}


.home-store-type-v4 .post-type-v3 {
    width: 144px;
    /*height: 144px;*/
    /*object-fit: cover;*/
    overflow: hidden;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
    display: block !important;
}

.post-type-v3>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#wp-select-clinic .post.spa.post-type-v3{
    column-gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 16px;
}
#wp-select-clinic .post.spa.post-type-v3:last-child{
    border-bottom: 0;
}
#wp-select-clinic .post.spa.post-type-v3 .des{
    padding-top: 0;
}
#wp-select-clinic .post.spa.post-type-v3 .img{
    margin: 0;
}
.post-type-v3 .cover-v3 {
    width: calc(66px);
    height: calc(66px);
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
}
.post.spa.post-type-v3 .title-v3{
    font-size: 16px;
}
.post.spa.post-type-v3 .title-v3 a{
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.post.spa.post-type-v3 .type-v3{
    overflow: hidden;
    color:  #666;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin: 0;
}
.post.spa.post-type-v3 .type-v3 span{
    margin-bottom: 6px;
}
.post.spa.post-type-v3 .address{
    overflow: hidden;
    color:  #A1A1A1;
    text-overflow: ellipsis;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
}
.post.spa.post-type-v3 .post-item-star{
    font-size: 10px;
}
.post.spa.post-type-v3 .post-item-star span{
    margin-left: 5px;
}
.post.spa.post-type-v3 .post-item-star
@media screen and (max-width: 450px) {
    .home-store-type-v4 .post-type-v3 {
        width: calc(148px + 2vw);
    }

    /*.post-type-v3  {*/
    /*    width: calc(145px + 2vw);*/
    /*    height: calc(145px*0.75 + 2vw*0.75);*/
    /*    object-fit: cover;*/
    /*    border-radius: 8px 8px 0px 0px;*/
    /*    overflow: hidden;*/
    /*}*/
}


.webkit-line-clamp-1 {
    line-height: 100%;
    color: #333;
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cursor-pointer {
    cursor: pointer;
}


.rating-box {
    padding: 0;
    text-align: center;
}

.rating-box h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}

.rating-box .stars {
    display: flex;
    align-items: center;
    gap: 11px;
    justify-content: center;
}

.stars i {
    font-size: 35px;
    color: #b5b8b1;
    transition: all 0.2s;
    cursor: pointer;
}

.stars i.active path {
    fill: #FFCE32;
}

.receipt-verification {
    padding: 2px 6px;
    border-radius: 4px;
    color: #EA917B;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    background: #FCE5CD;
}

.tag-scroll a.service-category-v2 {
    display: flex;
    padding: 4px 8px;
    align-items: flex-start;
    border-radius: 8px;
    background: #FFE7F2;
    color: #FF65A6;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}

.list-comment .dislike-btn svg path {
    fill: #FF65A6 !important;
    stroke: #FF65A6 !important;
}

.btn-edit-comment {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px; height: 24px;
   transform: translateY(-50%);
   top: 50%;
}

.end-level {
    margin-left: -40px;
}

.at_crop_image {
    right: 31px !important;
}

.post-talk_v3:nth-child(2n+1) {
    margin-right: 16px;
}

.post-talk_v3 .thumb-link {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.post-talk_v3 img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.post-talk_v3 {
    margin: 10px 0;
}

.post-talk_v3 .box-title {
    overflow: hidden;
    color: #333;
    font-size: 14px;
    height: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.post-talk_v3 .post-right-custom span {
    color: #A1A1A1;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-left: 4px;
}

.post-talk_v3 .post-right-custom {
    display: flex;
}

.post-talk_v3 .post-right-custom a {
    display: flex;
    align-items: center;
    margin-right: 6px;
}

.wr_item_crop {
    border: none !important;
}

.wr_item_crop .gallery__item__box {
    width: 100%;
    height: 100%
}

.liked-comment.active svg path {
    fill: #FF65A6 !important;
    stroke: #FF65A6 !important;
}

.post-right-custom svg {
    width: 10px
}

.pin-icon-top img {
    border-radius: 0;
}

.pin-icon-top {

    position: absolute;
    left: -2px;
    top: -5px;
    width: 43px;
    height: 14px;

}
.d-none{display: none}
.btn-cancel-update-cm {
    /*text-align: right;*/
    /*margin-bottom: 3px;*/
    /*position: fixed;*/
    /*bottom: 74px;*/
    /*right: 17px;*/
}

.action-question-custom .popup{
    padding: 8px;
}
.action-question-custom .popup>a{
    padding: 8px 8px 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    max-width: 89px;
    color: #333;
}
.content-comment-end-user {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333;
}
.content-comment-end-user .read-more-content, .content-comment-end-user .less-more-content {
    color:#A1A1A1;
    cursor: pointer;
}


/* HOME DESIGN */
.section-promotion {
  margin-top: 40px;

}
.section-promotion .gr-heading{
   padding: 0 16px;
}


.section-promotion .heading {
   font-size: 20px;
   font-weight: 500;
   position: relative;
   padding-right: 32px;
   display: flex;
   flex-flow: row wrap;
}
.section-promotion .username {
  font-weight: 700;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.section-promotion .btn-edit {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 5px;
}
.section-promotion .heading-fixed {
  color: #333;
  font-size: 20px;
  font-weight: 500;
}

.section-promotion .subcategory {
  margin-top: 24px;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  max-height: 53px;
  overflow: hidden;
}
.section-promotion .subcategory .item {
  border-radius: 16px;
  background: #F5F5F5;
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 8px;
}
.section-promotion .hashtag {
  color: #A1A1A1;
  margin-right: 2px;
}
.section-promotion .slide-promotion {
  margin-top: 24px;
}
.section-promotion .number {
   background-image: url("./assets/images/promotion-badge-numer.svg");
   width: 28px; height: 32px;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #FFF;
   font-size: 16px;
   font-weight: 700;
   flex: 0 0 28px;
}


.slide-promotion .slide {
   display: flex;
   flex-flow: column nowrap;
   margin: 0 16px;
}
.slide-promotion .item {
  display: flex;
  flex-flow: nowrap;
  margin-bottom: 24px;
  position: relative;
}
.slide-promotion .item .number {
  margin-right: 16px;
}
.slide-promotion .item .number .number-count{
   position: relative;
   top: -2px;
}

.slide-promotion .item .link{
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
}

.slide-promotion .item .content {
  margin-right: 16px;
  overflow: hidden;
}
.slide-promotion .item .img {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  /* margin-left: auto; */
  overflow: hidden;
  border-radius: 6px;
}
.slide-promotion .item .img img{
   width: 100%;
   max-width: 100%;
   height: 100%;
   object-fit: cover;
}
.slide-promotion .item .tt1,
.slide-promotion .item .tt1 a{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.slide-promotion .item .tt2 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-top: 2px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.slide-promotion .item .discount {
  color: #FF65A6;
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}
.slide-promotion .item .tt3{
   margin-top: 2px;
}
.slide-promotion .item .tt3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
}
.slide-promotion .item .link {
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;

}
.slide-promotion .item .tt4 svg{
   margin-right: 2px;
}
.slide-promotion .item .tt4 {
  margin-top: 2px;
  color: #333;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.slide-promotion .item .rating-person-count {
  color: #A1A1A1;
  margin-left: 2px;
}

.btn-more{
  color: #A1A1A1;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  background:#F5F5F5;
  padding: 8px 16px;
  width: 100%;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin: 0 16px;
  margin-top: 24px;
}

.list-promotion-v2 .slick-dots,
.section-promotion .slick-dots {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 8px;
}
.list-promotion-v2 .slick-dots button,
.section-promotion .slick-dots button {
  display: none;
}
.list-promotion-v2 .slick-dots li,
.section-promotion .slick-dots li{
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #F5F5F5;
  cursor: pointer;
}
.list-promotion-v2 .slick-dots li.slick-active,
.section-promotion .slick-dots li.slick-active {
  background: #A1A1A1;
}

.loading-spinner {
   display: none; /* Initially hide the loading spinner */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: rgba(255, 255, 255, 0.8);
   padding: 20px;
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/*  */

.heading {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-transform: capitalize;
}

.subheading {
  color: #A1A1A1;
  font-size: 14px;
  font-weight: 400;
}
.section-recommended-promotion .list-promotion-v2 {
  margin-top: 24px;
}
.section-recommended-promotion .list-promotion-v2 .item {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 16px;
  position: relative;
   align-items: flex-start;
}
.section-recommended-promotion .list-promotion-v2 .img , .section-recommended-promotion .list-promotion-v2 .img a {
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  position: relative;
  margin-right: 16px;
}
.section-recommended-promotion .list-promotion-v2 .img a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-recommended-promotion .list-promotion-v2 .img img {
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.section-recommended-promotion .list-promotion-v2 .number {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px;
  width: 27px;
  height: 27px;
  border-radius: 2px;
  background: #FF65A6;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-recommended-promotion .list-promotion-v2 .content {
   margin-right: 16px;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
}
.section-recommended-promotion .list-promotion-v2 .tt1 {
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.section-recommended-promotion .list-promotion-v2 .tt2  , .section-recommended-promotion .list-promotion-v2 .tt2  a{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 2px;
}
.section-recommended-promotion .list-promotion-v2 .tt3 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-top: 2px;
  line-height: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.section-recommended-promotion .list-promotion-v2 .tt4 {
  color: #A1A1A1;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  margin-top: 2px;
}
.section-recommended-promotion .list-promotion-v2 .tt5 {
   display: flex;
   align-items: center;
   margin-top: 2px;

}

.section-recommended-promotion .list-promotion-v2 .discount {
  color: #FF65A6;
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}

.section-recommended-promotion .list-promotion-v2 .clinic-rating {
  color: #333;
  font-size: 10px;
  font-weight: 400;
  margin-left: 2px;
}
.section-recommended-promotion .list-promotion-v2 .rating-person-count {
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
  margin-left: 2px;
}
.section-recommended-promotion .list-promotion-v2 .badge-booking {
  color: #333;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #F5F5F5;
  margin-right: 8px;
  display: flex;
  flex-flow: row nowrap;
}
.section-recommended-promotion .list-promotion-v2 .badge-booking svg {
  margin-right: 2px;
}


.section-recommended-promotion .list-promotion-v2 .btn-love {
  cursor: pointer;
  margin-left: auto;
}
.section-recommended-promotion .list-promotion-v2 .link{
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
   padding-right: 25px;
}

.list-promotion-v2 .slick-dots{
   margin-top: 8px;
   
}


.section-clinic .item {
  position: relative;
  width: 180px;
  height: 280px;
  border-radius: 8px;
  flex: 0 0 auto;
  margin-right: 8px;
   background-position: center !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
}
.section-clinic .item .cover {
  overflow: hidden;
  border-radius: 8px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-clinic .item .cover img {
  width: 100%;
  height: 100%;
}
.section-clinic .item .img {
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  width: 40px;
  height: 40px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
}
.section-clinic .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-clinic .item .label {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 6px;
  border-radius: 4px;
  background: #FF65A6;
}

.section-clinic{
   margin-top: 24px;
   overflow-x: auto;
   overflow-y: hidden;
   display: flex;
   flex-flow: row nowrap;
   padding-left: 16px;
}

.section-clinic .tt1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.section-clinic .tt2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  padding-right: 10px;
}
.section-clinic .badge-ads {
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  border-radius: 14px;
  background: rgba(51, 51, 51, 0.4);
  min-width: 26px;
  height: 13px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-clinic .inner {
  margin-top: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.section-clinic .content {
  padding: 8px;
  position: absolute;
  z-index: 5;
  bottom: 0;
  width: 100%;
}

.section-clinic .link{
   position: absolute;
   top: 0; left: 0;
   z-index: 8;
   width: 100%;
   height: 100%;
}


.gr-heading {
  position: relative;
}
.gr-heading .link {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-top-review{
   margin-top: 24px;
   padding-left: 16px;
   padding-right: 16px;
}

.section-top-review {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  gap: 16px;
}
.section-top-review .item {
   flex:  0 0 270px;
   width: 270px;
   height: 305px;
   border-radius: 8px;
   border: 1px solid #A1A1A1;
   position: relative;
}
.section-top-review .item .tt1 {
  height: 53px;
  border-bottom: 1px solid #A1A1A1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}
.section-top-review .item .title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.section-top-review .item .number-count {
  color: #A1A1A1;
  font-size: 16px;
  font-weight: 400;
  margin-left: 4px;
}
.section-top-review .item .rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.section-top-review .item .content {
  padding: 16px;
}
.section-top-review .item .label .hastag{
   color: #a1a1a1;
   margin-right: 2px;
}
.section-top-review .item .label {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  border-radius: 16px;
  background: #F5F5F5;
  padding: 2px 8px;
}
.section-top-review .item .hashtag {
  color: #A1A1A1;
  leading-trim: both;
  text-edge: cap;
  font-size: 12px;
  font-weight: 400;
}
.section-top-review .item .tt3 {
  margin-top: 16px;
  height: 90px;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.section-top-review .item .tt4 {
  display: flex;
  margin-top: 16px;
  flex-flow: row nowrap;
  gap: 7px;
}
.section-top-review .item .img {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.section-top-review .item .img img {
   object-fit: cover;
   width: 100%; height: 100%;
   max-width: 100%;
   
}
.section-top-review .item .link{
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
}
.section-top-review .item .total-img {
   position: absolute;
   display: none;
}

.section-top-review .item .img.more-img .total-img{
   display: block;
   bottom: 0; right: 0;
   color:#FFF;
   text-align: center;
   font-size: 10px;
   font-weight: 500;
   min-width: 20px;
   height: 15px;
   background: #33333366;
   border-radius: 4px 0 4px 0;
   padding: 0 4px;
}


.section-post-beauty .gr-heading {
  padding: 0 16px;
}
.section-post-beauty .list-posts {
   margin-top: 24px;
  padding: 0 16px;
  display: flex;
  flex-flow: row nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  gap: 16px;
}
.section-post-beauty .item {
  width: 78%;
  flex: 0 0 78%;
  position: relative;
}
.section-post-beauty .item .link {
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
}
.gr-heading .link {
   position: absolute;
   top: 50%; right: 0;
   transform: translateY(-50%);
   width: 30px; height: 30px;
}
.section-post-beauty .img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
    aspect-ratio: 327/218;
}
.section-post-beauty img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.section-post-beauty .tt1 {
  margin-top: 16px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.section-post-beauty .tt2 {
  color: #A1A1A1;
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


.section-discount-promotion .gr-heading {
  padding: 0 16px;
}
.section-discount-promotion .list-discount-promotion {
  padding: 0 16px;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 24px;
}
.section-discount-promotion .list-discount-promotion .item {
  width: 150px; height: 258px;
  position: relative;
}
.section-discount-promotion .list-discount-promotion .item .img {
  width: 150px;
  height: 150px;
}
.section-discount-promotion .list-discount-promotion .item img {
  width: 150px;
  height: 150px;
  max-width: 150px;
  border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.section-discount-promotion .list-discount-promotion .item .tt1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
.section-discount-promotion .list-discount-promotion .item .tt2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
}
.section-discount-promotion .list-discount-promotion .item .tt3 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-top: 8px;
}
.section-discount-promotion .list-discount-promotion .item .price-discount {
  color: #A1A1A1;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 8px;
}
.section-discount-promotion .list-discount-promotion .item .link{
   position: absolute;
   width: 100%; height: 100%;
   top: 0; left: 0;
}
.section-discount-promotion .list-discount-promotion .item .discount-percent {
  color: #FF65A6;
  font-size: 14px;
  font-weight: 400;
}
.section-discount-promotion .list-discount-promotion .item .tt5 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.section-discount-promotion .list-discount-promotion .item .tt5 svg {
  margin-right: 2px;
}
.section-discount-promotion .list-discount-promotion .item .tt5 .rating {
  margin-right: 2px;
  color: #333;
  font-size: 10px;
  font-weight: 400;
}
.section-discount-promotion .list-discount-promotion .item .tt5 .rating-count {
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
}

.section-post-beauty .link,
.section-discount-promotion .link{
   right: 16px;
}

.list-promotion {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 24px;
  gap: 16px;
  padding: 0 16px;
}
.list-promotion .item {
  width: 150px;
  height: 260px;
  position: relative;
}
.list-promotion .item img {
  width: 150px;
  height: 150px;
  max-width: 150px;
  border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.list-promotion .item .img {
  position: relative;
  width: 150px;
  height: 150px;
}
.list-promotion .item .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  border-radius: 2px;
  background: #FF65A6;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-promotion .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.list-promotion .tt1 {
  margin-top: 8px;
}
.list-promotion .tt1 .label {
  color: #FF556A;
  font-size: 10px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #F5F5F5;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
}
.list-promotion .tt2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  margin-top: 2px;
}
.list-promotion .tt3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
  margin-top: 2px;
}
.list-promotion .tt4 {
  margin-top: 8px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-top: 8px;
}
.list-promotion .tt5 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 2px;
}
.list-promotion .clinic-rating {
  color: #333;
  font-size: 10px;
  font-weight: 400;
  margin-left: 2px;
}
.list-promotion .rating-person-count {
  color: #A1A1A1;
  font-size: 10px;
  font-weight: 400;
  margin-left: 2px;
}

::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.post-review .tag-box .tag-scroll a{
  margin-right: 8px !important;
  border-radius: 16px;
  background: #F5F5F5 !important;
  color: #666 !important;
}


/* List promotion v2 */
.post-event-item-v2 .event-thumbnail{
    aspect-ratio: 1;
    width: 92px;
    overflow: hidden;
    border-radius: 6px;
}
.post-event-item-v2 .event-thumbnail a{
    display: block;
    width: 100%;
}
.post-event-item-v2 .event-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-event-item-v2 .event-description{
    flex: 1;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    /* height: 92px; */
}
.post-event-item-v2 .event-description .address{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #A1A1A1;
    text-overflow: ellipsis;
    font-size: 10px;
}
.post-event-item-v2 .event-description .clinic-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    height: 17px;
    margin: 10px 0px;
}
.post-event-item-v2 .event-description .old-price{
    color:  #A1A1A1;
    font-size: 12px;
    text-decoration: line-through;
}
.post-event-item-v2 .event-description .new-price{
    display: flex;
    gap: 8px;
    align-items: center;
}
.post-event-item-v2 .event-description .new-price .price{
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.post-event-item-v2 .event-description .percent{
    color: #FF65A6;
    font-size: 14px;
    font-weight: 400;
}
.post-event-item-v2 .event-description .stars{
    display: flex;
    gap: 8px;
    align-items: center;
}
.post-event-item-v2 .event-description .stars .star-count{
    display: flex;
    gap: 4px;
    align-items: center;
}
.post-event-item-v2 .event-description .stars .average{
    color: #333;
    text-align: right;
    font-size: 10px;
}
.post-event-item-v2 .event-description .stars .total,.post-event-item-v2 .event-description .stars .register-count{
    color: #A1A1A1;
    text-align: right;
    font-size: 10px;
}

.header-title{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   background: #fff;
   width: 100%;
   box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
   height: 48px;
   gap: 0 !important;
}
.header-title .title-icon-left{
   height: 24px; width: 24px;
   display: flex;
   flex-flow: column nowrap;
   align-items: center;
   
}

.header-title .title{
   font-weight: 500;
   font-size: 18px;
    color:#333;
}

.header-title > a{
   width: 24px; height: 24px;
   display: flex;
   align-items: center;
   margin-right: 10px;
}


/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@keyframes slide-top {
   0% { transform: translateY(100%); }
   100% { transform: translateY(0%); }
}
@keyframes slide-bottom {
   0% {transform: translateY(0%);}
   100% {transform: translateY(100%);}
}

.slide-top { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.slide-bottom { animation: slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both; }
.no-scroll{
   overflow: hidden;
}

.form-check-input{
   border: 1px solid #FF65A6;
}

.coupon-item-content .left .coupon-quantity{
   font-size: 10px !important;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.coupon-item-content .left .coupon-name{
   color: #000001;
   font-size: 14px !important;
   font-weight: 500;
   margin-top: 10px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.coupon-item-content .left .coupon-price{
   margin-top: 2px;
   font-weight: 700 !important;
}

.coupon-item-v2 .right .collected,
.coupon-item-v2 .right .collect,
.coupon-item-v2 .right .sold-out{
   font-size: 10px;
   font-weight: 700;
   margin-top: 4px;
}

.coupon-item-content .left .coupon-clinic{
   margin-top: 2px;
   font-size: 10px !important;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.coupon-item-content .left .coupon-time{
    margin-top: 10px;
    font-size: 12px;
    color: #ACACB0;
}

.coupon-item-content{
   /* height: 103px !important; */
}

.coupon-item-content .left{
    border-right: 2px dashed transparent;
    border-image: repeating-linear-gradient(to bottom, #D5D4DB 0, #D5D4DB 10px, transparent 10px, transparent 20px) 1;
}

.list-comment .comment_info .name a{
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0px !important;
}

.list-comment .commnet__content{
   font-size: 14px;
   font-weight: 400;
   margin-top: 8px;
   margin-bottom: 8px !important;
}
.list-comment .commnet__content .comment-image{
    margin: 8px 0;
    width: 150px;
    height: auto;
    display: block;
    position: relative;
    z-index: 0;
}
.list-comment .commnet__content .comment-image.loading:after{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    content:'';
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.list-comment .commnet__content .comment-image.loading svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
}
.list-comment .commnet__content .comment-image img{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comment__item__right .action button{
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   margin-right: 16px ;
}

.comment__item__right .action button.reply-btn{
   font-size: 12px;
   font-weight: 500;
   color: #A1A1A1;
}

.comment__item__right .action .value{
   margin-left: 4px;
}

.comment-section > .list-comment > .list-comment__item{
   padding-bottom: 16px !important;
}

.icon-close-today{
  background-image: url('./assets/images/icon_close_today.svg');
  width: 12px;
  height: 12px;
}

.box-crop-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background: #333;
  display: none;
}
.box-crop-img .title {
  margin-left: 16px;
}
.box-crop-img .overlay-element {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 48px;
  display: flex;
  align-items: center;
}
.box-crop-img .bottom-bar {
  position: absolute;
  bottom: 0;
  height: 77px;
  width: 100%;
  background: white;
  padding: 16px;
}
.box-crop-img .bottom-bar button {
  text-align: center;
  background: #FF65A6;
  width: 100%;
  height: 45px;
  border-radius: 8px;
  border: none;
  outline: none;
  color: white;
  font-size: 16px;
  font-weight: 700;
}

.box-crop-img .image-body-crop{
   margin: 0 auto;
}
.open_guest .modal__content, .open_guest_inflew .modal__content{
    padding: 32px 24px;
    border-radius: 20px;
}

.open_guest div.modal__content .messenger,.open_guest_inflew div.modal__content .messenger {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    min-height: auto;
    border-bottom: none;
}

.open_guest div.modal__content,.open_guest_inflew div.modal__content {
    width: calc(100% - 30px);
    max-width: 500px;
}

.open_guest .modal__content .action .btn_cancel,
.open_guest  .modal__content .action .btn_okay,
.open_guest_inflew .modal__content .action .btn_cancel,
.open_guest_inflew  .modal__content .action .btn_okay {
    display: flex;
    height: 48px;
    padding: 18px 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    width: calc(50% - 0px);
    border-radius: 8px;
}

.open_guest .modal__content .btn_cancel,.open_guest_inflew .modal__content .btn_cancel{
    color: #FF65A6;
    border: 1px solid  #FF65A6;
}

.open_guest .modal__content .btn_okay,.open_guest_inflew .modal__content .btn_okay{
    background: #FF65A6;
    color: #fff !important;
}
.modal__content .btn_okay{
    color: #fff !important;
}
.open_guest .modal__content .action,.open_guest_inflew .modal__content .action { margin-top: 24px; justify-content: center;column-gap: 8px;}

/** CSS for browser version **/
html{
    background: #F6F7F9;
}
body{
}
.header-main-web{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
}
.header-main-web .container{
    max-width: 1200px;
    margin: auto;
    gap:10px;
    padding-left: 15px;
    padding-right: 15px;
}
.header-main-web .logo{
    width: 300px;
}
.header-main-web .logo img{
    width: 100%;
    height: auto;
    max-width: 176px;
}
.header-main-web .menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}
.header-main-web .menu a{
    overflow: hidden;
    color:  #333;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.header-main-web .menu a:hover{
    color:#a1a1a1
}
.header-main-web .menu a.current{
    font-weight: 700;
}
.header-main-web .right-menu{
    display: flex;
    width: 300px;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
}
.header-main-web .right-menu .header-actions{
    gap:24px;
    display: flex;
}
.header-main-web .right-menu .header-actions a{
    line-height: 0;
}
.header-main-web .right-menu .change-language .select-selected img{
    border-radius: 4px;
}
.header-main-web .right-menu .change-language .select-selected{
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    line-height: initial;
    height: initial;
    min-height: initial;
    display: flex;
    padding-left: 0;
}
.header-main-web .right-menu .change-language .select-selected:after {
    background: url(assets/images/icon-arrow-down.svg) center no-repeat;
    right: 0px;
    top: 1px;
    display: block!important;
}
.header-main-web .right-menu .change-language .select-items {
    top: 100%;
    z-index: 100;
    width: max-content;
    height: max-content;
    right: 0;
    left: unset;
}
.header-main-web .right-menu .change-language .select-items .item{
    display: flex;
    gap: 8px;
    align-items: center;
}

.bottom-nav.bottom-nav-web{
    position: fixed;
    left:0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.08);
    display: grid;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:10px;
    z-index: 20;
}
.bottom-nav.bottom-nav-web a{
    display: block;
    text-align: center;
    color:  #bababa;
}
.bottom-nav.bottom-nav-web a svg{
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
}
.bottom-nav.bottom-nav-web a span{
    display: block;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.bottom-nav.bottom-nav-web a:hover, .bottom-nav.bottom-nav-web a.current{
    color:#333;
}
/** Home css **/
body.home .list-category .item.active {
        display: grid;
        animation: fadeIn 0.3s ease-in-out;
    }
body.home .list-category .item {
    display: none;
    gap: 16px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
body.home .list-category .item a{
    width: auto;
    height: auto;
}
body.home .section-clinic .item{
    aspect-ratio: 18 / 28;
    width: 40%;
    height: 100%;
}
body.home .section-top-review .item {
    flex: 0 0 70%;
    width: 70%;
    height: auto;
    aspect-ratio: 415 / 355;
}
body.home .section-top-review .item .tt2{
    min-height: 22px;
}
body.home .section-top-review .item .tt4 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.home .section-top-review .item .img{
    aspect-ratio: 1;
    width: auto;
    height: auto;
}
body.home .list-promotion .item, body.home .section-discount-promotion .list-discount-promotion .item {
    flex: 0 0 38%;
    width: 38%;
    height: auto;
    position: relative;
}
body.home .list-promotion .item .img,  body.home .section-discount-promotion .list-discount-promotion .item .img {
    position: relative;
    width: 100%;
    height: auto;
    max-width: unset;
    aspect-ratio: 1;
}
body.home .list-promotion .item .img img,  body.home .section-discount-promotion .list-discount-promotion .item .img img {
    width: 100%;
    height: 100%;
    max-width: unset;
}
body.home .slide-promotion .section-top-review{
    margin: 0;
    padding:0;
    color:  #A1A1A1;
    text-overflow: ellipsis;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
body.home .btn-more{
    height: 40px;
    padding: 10px 16px;
    line-height: normal;
    color:#666666;
    font-size: 16px;
}
body.compensate-for-scrollbar{
    margin-right: auto;
}

.review-item-v3 ._more.list-comment__item{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
}
.review-item-v3 ._more.list-comment__item .box button,
.review-item-v3 ._more.list-comment__item .box-comment,
.review-item-v3 ._more.list-comment__item .like-comment-item
{
    display: flex;
    align-items: center;
    gap: 4px;
    top:unset;
}
.review-item-v3 ._more.list-comment__item .box button span,
.review-item-v3 ._more.list-comment__item .box-comment span,
.review-item-v3 ._more.list-comment__item .like-comment-item span{
    top:unset;
    line-height: 1.1;
    color:#A1A1A1;
}
div.modal__content{
    max-width: 500px;
}
.dropdown-select-container{
    position: relative;
}
.dropdown-select-container .dropdown-select{
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid  #F5F5F5;
    background: #fff;
    font-size: 14px;
    color:#A1A1A1;
}
.dropdown-select-container .dropdown-select svg{
    transition: all .2s ease-in-out;
}
.dropdown-select-container.active svg{
    transform: rotate(-90deg);
}
.dropdown-select-container .dropdown-select-content{
    position: absolute;
    display: flex;
    width: 100%;
    height: 270px;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    top: 100%;
    background: #fff;
    z-index: 111;
    max-width: 613px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    gap: 8px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    opacity: 0;
    visibility:hidden;
}
.dropdown-select-container.active .dropdown-select-content{
    opacity: 1;
    visibility:visible;
}
.dropdown-select-container .dropdown-select-content .dropdown-inner{
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding: 0 8px;
}
.dropdown-select-container .dropdown-select-content .dropdown-item{
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}
.dropdown-select-container .dropdown-select-content .dropdown-item.child{
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 0;
}
.dropdown-select-container .dropdown-select-content .dropdown-item.child.active,
.dropdown-select-container .dropdown-select-content .dropdown-item.child:hover{
    background: #f5f5f5;
}
.dropdown-select-container .dropdown-select:hover,
.dropdown-select-container .dropdown-select-content .dropdown-item.child:hover{
    cursor: pointer;
}
.dropdown-select-container .dropdown-select-content hr{
    border-top: 1px solid #F5F5F5;
    background: transparent;
    margin: 8px 0;
    border-bottom: 0;
}
.dropdown-select-container .dropdown-select-content hr:last-child{
    display: none;
}
.dropdown-select-container .dropdown-select span.active{
    color:#333;
}
/** responsive **/
@media (min-width: 300px) {

    .header-main-web{
        padding-bottom: 16px;
        padding-top: 16px;
    }
    .header-main-web .menu{
        display: none;
    }
    .header-main-web .logo{
        width: 112px;
    }
    .bottom-nav.bottom-nav-web{
        display: grid;
    }
    body.home .list-category .item {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    body.home .slide-promotion .item .img{
        width: 74px;
        height: 74px;
        flex: 0 0 74px;
    }
    body.home  #section-before-after-v4 .height-260 {
        height: 260px !important;
    }
    body.home .slide-promotion .section-top-review{
        font-size: 10px;
    }
}
@media (min-width: 780px) {

    .bottom-nav.bottom-nav-web{
        display: none;
    }
    .header-main-web .menu{
        display: flex;
    }
    .header-main-web .logo {
        width: 130px;
    }
    .header-main-web .right-menu{
        width: 200px;
    }
    body.home .list-category .item {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    body.home .slide-promotion .item .img{
        width: 96px;
        height: 96px;
        flex: 0 0 96px;
    }
    body.home  #section-before-after-v4 .height-260 {
        height: 300px !important;
    }
    body.home .slide-promotion .section-top-review{
        font-size: 11px;
    }
}
@media (min-width: 1024px) {
    .header-main-web .logo,.header-main-web .right-menu {
        width: 215px;
    }
    body.home .list-category .item {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    body.home .slide-promotion .item .img{
        width: 96px;
        height: 96px;
        flex: 0 0 96px;
    }
    body.home  #section-before-after-v4 .height-260 {
        height: 352px !important;
    }
    body.home .slide-promotion .section-top-review{
        font-size: 12px;
    }
}
@media (min-width: 1200px) {
    .header-main-web .logo, .header-main-web .right-menu {
        width: 300px;
    }
}

.btn-disabled {
    background-color: #a1a1a1 !important;
}
.at_modal_popup .modal__content{
    padding: 24px;
}
.at_modal_popup .modal__content .messenger {
    font-size: 15px;
    font-weight: 400;
    border: none;
    min-height: unset;
}
.at_modal_popup .modal__content .action{
    display: flex;
    gap:8px;
    height: unset!important;
}
.at_modal_popup .modal__content .action .btn-primary{
    width: 100%;
    background-color: #FF65A6;
    color:#fff;
    padding: 12px 24px;
    border-radius: 8px;
}