/* **********************************
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.5;
}

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;
}


/********************************
 Typography Style
******************************** */

body {
    margin: 0;
    /* font-family: 'Noto Sans Display', sans-serif; */
    font-family: 'Noto Serif', serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 15px;
}

a {
    text-decoration: none;
    font-size: 15px;
}


/***************************
loader
*****************************/

.loaders {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(243, 246, 252, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loader {
    border: 10px solid #fff;
    border-radius: 50%;
    border-top: 10px solid #FAE7F4;
    border-bottom: 10px solid #FAE7F4;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

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

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

.scrolltotop {
    color: #fff;
    background-color: rgba(54, 54, 54, 1);
    padding: 6px 12px;
    position: fixed;
    line-height: 1;
    right: 15px;
    bottom: 10px;
    text-decoration: none;
    display: none;
    font-size: 24px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 999;
}

.scrolltotop:hover {
    color: #fff;
    background-color: #EFA6B4;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.containers {
    width: 90%;
    margin: 0 auto;
}


/* *********************************
header-top
********************************* */

.header-top {
    background: #EFA6B4;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.helpline {
    text-align: center;
}

.helpline a {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #000000;
}


/******************************
 header-area
 ************************************/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dropdown-menu.show {
    -webkit-animation: fadeIn 0.3s alternate;
    /* Safari 4.0 - 8.0 */
    animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
    position: static;
}

.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 90%;
    top: auto;
    left: 5%;
}

.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}

.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-toggler .hamburger-toggle {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    z-index: 11;
    float: right;
}

.navbar-toggler .hamburger-toggle .hamburger {
    position: absolute;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    pointer-events: none;
}

.navbar-toggler .hamburger-toggle .hamburger span {
    width: 100%;
    height: 2px;
    position: absolute;
    background: #333;
    border-radius: 2px;
    z-index: 1;
    -webkit-transition: background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
    -o-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
    transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
    transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
    left: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {
    top: 10%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0% -50%) !important;
    -ms-transform: translate(0% -50%) !important;
    transform: translate(0% -50%) !important;
}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {
    left: 0px;
    top: auto;
    bottom: 10%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.navbar-toggler .hamburger-toggle .hamburger.active span {
    position: absolute;
    margin: 0;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
    top: 45%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
    left: 50%;
    width: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
    top: 45%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto;
}

.icons a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 0.2rem 0.4rem;
    color: #ccc !important;
    text-decoration: none;
}

.icons a:hover {
    color: white;
    text-shadow: 0 0 30px white;
}

.navbar-toggler:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.navbar-toggler:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.me-auto {
    margin-left: auto;
    margin-right: auto !important;
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
    padding: 0;
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand-xl .navbar-nav .nav-item {
    margin: 0 15px;
}

.navigation .container-fluid {
    padding: 0;
}

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

.navigation .dropdown-menu {
    margin-top: 1.125rem;
}

.navigation .dropdown-menu {
    padding: 15px 25px;
    font-size: 16px;
    color: #171717;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 6px;
}

.mega-content h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #363636;
    padding: 3px 5px;
}

.sub-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #171717;
    padding: 4px 5px;
    display: block;
}

.sub-menu li a:hover {
    background: #FEF4FB;
}

.navbar-nav li a {
    position: relative;
}

.navbar-nav li a::before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 0;
    margin: 0 auto;
    border-bottom: 1px solid #616161;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0.5;
}

.navbar-nav li a:hover::before {
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar-brand img {
    height: 48px;
}

.fixedtop {
    position: fixed;
    top: 34px;
    right: 0;
    left: 0;
    z-index: 1030;
    display: block;
    background: #FEF4FB !important;
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.header-area {
    font-family: 'Noto Sans Display', sans-serif;
    background: #FEF4FB;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: fixed;
    top: 34px;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
}

.navigation .social li a {
    color: #fff;
}

.video-modal .modal-body {
    padding: 0;
}

.video-modal .close {
    float: right;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    color: #ffff;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -26px;
    z-index: 999;
}

.video-modal iframe {
    border-radius: 10px;
}

.video-modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 10px;
    outline: 0;
}

.video-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.video-modal .btn-close {
    font-family: 'Noto Sans Display', sans-serif;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    font-size: 30px;
    padding: 0;
    color: #fff;
    border: 0;
    background: none;
    border-radius: .25rem;
    opacity: 1;
    position: absolute;
    top: 0;
    right: -28px;
}

.btn-close:focus {
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.modal-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 1.5;
    color: #3F3F3F;
}

.form-control {
    font-family: 'Noto Sans Display', sans-serif;
    display: block;
    width: 100%;
    padding: 12px .75rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #616161;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DADADA;
    border-color: #DADADA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-control:focus,
.form-select:focus {
    border-color: #EFA6B4;
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    box-shadow: 0 0 0 30px #fff inset !important;
}

.form-select {
    font-family: 'Noto Sans Display', sans-serif;
    display: block;
    width: 100%;
    padding: 12px 2.25rem 12px .75rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #616161;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 24px 18px;
    border: 1px solid #EFA6B4;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-blend-mode: difference;
}

.form-select option {
    font-weight: 300 !important;
}

.modal-header {
    border-bottom: none;
}

.modal-content {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    border: 1px solid #fff;
}

button {
    border: none;
}

.cus-btn {
    font-family: 'Noto Sans Display', sans-serif;
    display: block;
    width: 100%;
    padding: 12px 10px;
    background: #EFA6B4;
    border-radius: 3px;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: #171717;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: 50px;
    padding: 6px .75rem;
}

.form-control {
    font-family: 'Noto Sans Display', sans-serif;
    display: block;
    width: 100%;
    padding: 12px 2.25rem 12px .75rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #616161;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 24px 18px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-floating>label span {
    color: #FF0000;
}

.form-floating>label {
    font-family: 'Noto Sans Display', sans-serif;
    position: absolute;
    top: 12px;
    left: 5px;
    height: 20px;
    font-size: 16px;
    color: #616161;
    padding: 0 5px;
    font-weight: 300;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 1;
    color: #171717;
    transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    background: #fff;
    font-size: 16px;
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity: 1;
    color: #171717;
    -ms-transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    background: #fff;
    font-size: 16px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    color: #171717;
    -webkit-transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    -ms-transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    transform: scale(.85) translateY(-1.7rem) translateX(.15rem);
    background: #fff;
    font-size: 16px;
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    border: 1px solid #EFA6B4;
    color: #171717;
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    border: 1px solid #EFA6B4;
    color: #171717;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    border: 1px solid #EFA6B4;
    color: #171717;
}


/* ***********************************
homebannera-area
*********************************** */

.homebannera-area {
    padding-top: 115px;
    background: -o-linear-gradient(15.18deg, rgba(255, 242, 250, 0.5) 0.54%, rgba(255, 220, 242, 0.5) 0.54%, rgba(199, 106, 166, 0.06) 97.19%);
    background: linear-gradient(74.82deg, rgba(255, 242, 250, 0.5) 0.54%, rgba(255, 220, 242, 0.5) 0.54%, rgba(199, 106, 166, 0.06) 97.19%);
}

.beauty-img {
    display: block;
    float: right;
}

.homebanner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.homebanner-text {
    padding-left: 8%;
}

.homebanner-text h4 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.5;
    color: #363636;
}
.homebanner-text .title,
.homebanner-text h1 {
    font-weight: 300;
    font-size: 72px;
    line-height: 1.5;
    color: #363636;
}

.btns {
    margin: 30px 0;
}

.btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.homebanner-text .btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.btns li {
    display: inline;
}

.btns li a {
    font-family: 'Noto Sans Display', sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    padding: 5px 0;
    color: #171717;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btns li a:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 2px solid #171717;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btns li a:hover:after {
    width: 0%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.homebanner-text .btns li a {
    margin-left: 0;
    margin-right: 35px;
}

a.playbtn::after {
    border-bottom: none !important;
}

img {
    vertical-align: bottom;
}


/* **************************
makes-area
**************************** */

.makes-area {
    padding: 50px 0;
    padding-bottom: 0;
}

.title h2 {
    font-weight: 300;
    font-size: 50px;
    line-height: 1.5;
    color: #363636;
}

.title h2 span {
    color: #FF67D1;
}

.bar {
    display: inline-block;
    border-bottom: 1px solid #d8d4d4;
    width: 70%;
    height: 100%;
    margin: 45px auto;
}

p.bars {
    border: 1px solid #000;
    width: 172px;
    margin: 15px auto;
}

.title p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #363636;
    margin-bottom: 15px;
}

.makes-area .title {
    margin-bottom: 80px;
    text-align: center;
}

.makes-area .title h2 {
    font-size: 50px;
}

.makes-area .items {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.slide-item {
    position: relative;
}

.makes-area .items::before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.slide-item {
    display: block !important;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.toptitle {
    font-family: 'Noto Sans Display', sans-serif;
    position: absolute;
    top: 10px;
    left: 15px;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.5;
    color: #FFFFFF;
}

.makes-area .items:hover .overly {
    right: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: -1px;
}

.overly {
    background: #FEF4FB;
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 999;
}

.overly h3 {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 10px;
}

.overly li {
    margin-left: 15px;
}

.overly li a {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
    position: relative;
    margin-bottom: 12px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overly li a:hover {
    font-weight: 400;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.overly li a::after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 10px;
    left: -13px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #171717;
}

.makes-area .owl-next i {
    position: absolute;
    top: 35%;
    right: -25px;
    font-size: 72px;
    line-height: 1;
}

.makes-area .owl-prev i {
    position: absolute;
    top: 35%;
    left: -25px;
    font-size: 72px;
    line-height: 1;
}

.makes-area .owl-nav {
    height: 1px;
}

.makes-area .owl-dots {
    margin: 15px auto;
    text-align: center;
}

.makes-area .owl-dot {
    width: 60px;
    height: 3px;
    background: #D2D2D2 !important;
    display: inline-block;
    margin: 0 10px;
    padding: 5px;
}

.makes-area .owl-dot.active {
    background: #FF67D1 !important;
}

.makes-area .slick-dots {
    text-align: center;
}

.makes-area .slick-dots li {
    width: 60px;
    height: 3px;
    background: #D2D2D2 !important;
    display: inline-block;
    margin: 5px 10px;
}

.makes-area .slick-dots li.slick-active {
    background: #FF67D1 !important;
}

.makes-area .slick-dots li button {
    display: none;
}

.makes-area a.readmore {
    font-size: 18px;
}


/* *******************************
before-after
********************************* */
.beforeAfter {
    margin-bottom: 25px;
}

.beforeAfter img {
    height: 560px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.before-after {
    padding: 50px 0;
    position: relative;
    z-index: 1;
}
/*.before-after {*/
/*    padding: 50px 0;*/
/*    position: relative;*/
/*    height: 600px;*/
/*    z-index: 1;*/
/*}*/

/*.before-after::before {*/
/*    display: block;*/
/*    content: '';*/
/*    clear: both;*/
/*    position: absolute;*/
/*    bottom: -5px;*/
/*    left: 0;*/
/*    height: 82%;*/
/*    width: 100%;*/
/*    background: #FEF4FB;*/
/*    z-index: -1;*/
/*}*/

.beforeafter-img img {
    width: 100%;
}

.beforeafter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -90px;
    padding: 0 4%;
}

.beforeafter h3 {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    color: #171717;
}

#comparison {
    width: 900px;
    height: 600px;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

/*.before-after figure {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background-image: url('../img/Image-2.png');*/
/*    background-size: cover;*/
/*    font-size: 0;*/
/*    width: 900px;*/
/*    height: 600px;*/
/*    margin: 0 auto;*/
/*}*/

#divisor {
    background-image: url('../img/Image-1.png');
    background-size: cover;
    position: absolute;
    width: 50%;
    bottom: 0;
    height: 600px;
}

#divisor::before,
#divisor::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #650849;
    z-index: 3;
}

#divisor::before {
    top: 0;
}

#divisor::after {
    bottom: 0;
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

#handle::before,
#handle::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

#handle::before {
    border-right: 6px solid #650849;
    left: 50%;
    margin-left: -17px;
}

#handle::after {
    border-left: 6px solid #650849;
    right: 50%;
    margin-right: -17px;
}

/*.before-after input[type=range] {*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: -25px;*/
/*    -webkit-transform: translateY(-50%);*/
/*    -ms-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    background-color: transparent;*/
/*    width: calc(100% + 50px);*/
/*    z-index: 2;*/
/*}*/

/*.before-after input[type=range]:focus,*/
/*.before-after input[type=range]:active {*/
/*    border: none;*/
/*    outline: none;*/
/*}*/

/*.before-after input[type=range]::-webkit-slider-thumb {*/
/*    -webkit-appearance: none;*/
/*    border: none;*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    border-radius: 50%;*/
/*    background: transparent;*/
/*    border: 4px solid #650849;*/
/*}*/

/*.before-after input[type=range]::-moz-range-track {*/
/*    -moz-appearance: none;*/
/*    height: 15px;*/
/*    width: 100%;*/
/*    background-color: transparent;*/
/*    position: relative;*/
/*    outline: none;*/
/*}*/

/*.before-after input[type=range]::-moz-range-thumb {*/
/*    -webkit-appearance: none;*/
/*    border: none;*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    border-radius: 50%;*/
/*    background: transparent;*/
/*    border: 4px solid #650849;*/
/*}*/


/* *****************************
testimonial-area
********************************* */

.testimonial-area {
    padding: 50px 0;
}

.testbtn {
    margin-bottom: 50px;
}

.title h5 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.5;
    color: #000000;
}

.title h2 {
    font-weight: 300;
    font-size: 65px;
    line-height: 1.5;
    color: #000000;
}

.testi-title {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tesi-content h2 {
    font-weight: 300;
    font-size: 38px;
    line-height: 1.5;
    color: #000000;
}

.tesi-content h6 {
    font-weight: 300;
    font-size: 25px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 25px;
}

.tesi-content p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 15px;
}


/* *****************************
contact-area
****************************** */

.contact-area {
    background: #FEF4FB;
    padding: 50px 0;
}

.title2 {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.title2 h2 {
    font-weight: 300;
    font-size: 50px;
    line-height: 1.5;
    color: #363636;
    background: #FEF4FB;
    display: inline-block;
    padding-right: 15px;
}

.title2:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 1px solid #363636;
    position: absolute;
    top: -34px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.contacts h4 {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 15px;
}

.contacts h4 span {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
}

.contacts p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 10px;
}

.contacts a {
    font-family: 'Noto Sans Display', sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #171717;
    padding: 5px 0;
    margin-right: 15px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.contacts a:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 2px solid #171717;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.contacts a:hover:after {
    width: 0%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


/* *******************************
footer-area
********************************* */

.footer-area {
    background: #EFA6B4;
    padding: 30px 0;
}

.fo-item li {
    display: inline;
}

.fo-item li a {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
    padding-left: 12px;
    padding-right: 10px;
    border-left: 1px solid #000;
}

.fo-item li:first-child a {
    padding-left: 0;
    border-left: 1px solid transparent;
}

.fo-item p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
}

.social {
    font-family: 'Noto Sans Display', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.social p {
    margin-right: 10px;
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
}

.social li {
    display: inline;
}

.social li a {
    display: inline-block;
    background: #423437;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #EFA6B4;
    text-align: center;
    line-height: 30px;
    margin: 3px;
}

.powered {
    font-family: 'Noto Sans Display', sans-serif;
    position: relative;
    text-align: end;
    padding-top: 15px;
    z-index: 1;
}

.powered::after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: -8px;
    left: 0;
    border-bottom: 1px solid #E3889A;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.powered p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
    color: #171717;
    background: #EFA6B4;
    display: inline-block;
    padding-left: 15px;
}


/* *******************************
banners-area
********************************* */

.margintop {
    margin-top: 130px;
}

.banners-area {
    padding: 50px 0;
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.banners-area:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -o-linear-gradient(10.42deg, rgba(0, 0, 0, 0.264) 0%, rgba(0, 0, 0, 0) 96.8%);
    background: linear-gradient(79.58deg, rgba(0, 0, 0, 0.264) 0%, rgba(0, 0, 0, 0) 96.8%);
    z-index: -1;
}

.banner-content {
    height: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.bannerform {
    height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.leftsidebar .bannerform {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-text h4 {
    font-size: 35px;
    line-height: 1.5;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.banner-text h4 img {
    width: 40%;
    margin-left: 15px;
}

.banner-text h1 {
    font-weight: normal;
    font-size: 80px;
    line-height: 1.1;
    color: #FFFFFF;
}

.banner-form {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 15px 20px rgb(0 0 0 / 10%);
    box-shadow: 0px 15px 20px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 25px;
    margin-bottom: -90px;
}

.leftsidebar .banner-form {
    margin-top: -400px;
    z-index: 99;
    margin-bottom: 0;
    max-width: 520px;
}

.leftsidebar {
    z-index: 99 !important;
}

.banner-form h3 {
    font-weight: 400;
    font-size: 23px;
    line-height: 1.5;
    color: #3F3F3F;
    margin-bottom: 15px;
}

.botex-bg {
    background: url('../img/botox-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.manbotox-bg {
    background: url('../img/man-botox-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.filter-bg {
    background: url('../img/filter-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.skin-bg {
    background: url('../img/skin-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.mobile-view {
    display: none;
}

.detailspage .banner-content {
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arrowleft {
    margin-right: 30px;
}

.arrowleft a {
    display: block;
    padding: 8px;
    line-height: 1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.arrowleft a:hover {
    background: rgba(255, 255, 255, 0.15);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.services-details .bannerform {
    height: auto;
}

.services-details .banner-form {
    margin-bottom: 0;
    max-width: 520px;
}

.detailspage {
    height: 280px;
}

.manbotex-details {
    background: url('../img/men-botox-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.botex-details {
    background: url('../img/botox-2nd-page.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.filler-details {
    background: url('../img/filler-2nd-page.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.skin-details {
    background: url('../img/Skin-laser-2nd-page.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}


/* ************************************
services-area
************************************* */

.services-area {
    padding: 50px 0;
    background: #FEF4FB;
    padding-bottom: 80px;
}

.services-content p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    color: #363636;
    margin-bottom: 25px;
}

.services-content h4 {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 25px;
}

.services-content li {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    color: #363636;
    margin-bottom: 8px;
    position: relative;
    padding-left: 15px;
}

.services-content li::after {
    display: block;
    content: '';
    clear: both;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #363636;
    position: absolute;
    top: 13px;
    left: 0;
}

.services-content ul {
    margin-bottom: 25px;
}

.services-area .contacts {
    margin: 30px 0;
}

.testimonial-area.services {
    margin-top: -130px;
    padding-bottom: 0;
}


/* *********************************
breadcrumb-banner
*********************************** */

.breadcrumb-banner {
    height: 286px;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-banner:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.aboutbg {
    background: url('../img/about-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb-item.active {
    color: #FFFFFF;
}

.breadcrumb-item a {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    color: #FFFFFF;
}

.breadcrumb-item {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    color: #FFFFFF;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    content: '';
    background: url('../img/arrowright.png');
    height: 100%;
    width: 40px;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-x: 10px;
    background-position-y: 15px;
}

.breadcrumb-con h1 {
    font-weight: normal;
    font-size: 70px;
    line-height: 1.5;
    color: #FFFFFF;
}

.about-area {
    background: #FEF4FB;
    padding-top: 20px;
}

.abouts {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-con h2 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.5;
    color: #3F3F3F;
    margin-bottom: 15px;
}

.about-con p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.8;
    color: #363636;
    margin-bottom: 25px;
}

.about-con a {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #363636;
}

.about-ocbeauty {
    padding: 80px 0;
}

.about-ocbeauty .about-con {
    padding-bottom: 50px;
}

.topdoctor-area {
    padding: 100px 0 50px 0;
    background: #FEF4FB;
    margin-top: -140px;
}

.topdoctor {
    text-align: center;
}

.topdoctor h2,
.awards h2 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.5;
    color: #3F3F3F;
    margin-bottom: 25px;
}

.awards-area {
    padding: 80px 0;
}

.awards li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}

.about-form .banner-form {
    margin-bottom: 0;
    max-width: 520px;
}

.about-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* ********************************
contact us page
*********************************** */

.contactbg {
    background: url('../img/contactbg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contactus-area {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.contactus-area::after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    height: 280px;
    width: 100%;
    background: #FEF4FB;
    z-index: -1;
}

.contactus-area .banner-form {
    margin-bottom: 0;
    max-width: 820px;
}


/* ***********************************
blog-area
************************************* */

.blogbg {
    background: url('../img/blog-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blog-area {
    padding: 50px 0;
}

.single-blog {
    margin-bottom: 50px;
    font-family: 'Noto Sans Display', sans-serif;
}

.blog-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.blog-img a {
    /* display: block; */
}

.blog-img {
    margin-bottom: 15px;
    /*height: 334px;*/
}

.cate-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cate-share span {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #9F9F9F;
    text-transform: capitalize;
}

.cate-share h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #FF67D1;
}

.bars {
    display: inline-block;
    border-bottom: 1px solid #9F9F9F;
    width: 13px;
    height: 100%;
    margin: 5px;
}

.cate-share a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #363636;
}

.cate-share a img {
    margin-right: 5px;
}

.blog-text h2 a {
    text-decoration: none;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5;
    color: #333232;
}

.blog-text h2 {
    text-decoration: none;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5;
    color: #333232;
    min-height: 72px;
    margin-bottom: 5px;
}

.blog-text h6 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #9F9F9F;
    font-style: italic;
    margin-bottom: 5px;
}

.blog-text p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #3A3A3A;
    margin-bottom: 10px;
}

a.readmore {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #333232;
    padding: 5px 0;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.readmore:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 1px solid #171717;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.readmore:hover:after {
    width: 0%;
    border-bottom: 1px solid #FF67D1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.readmore:hover {
    color: #FF67D1;
}

.pagination {
    font-family: 'Noto Sans Display', sans-serif;
    text-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page-link {
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 16px;
    padding: 12px 20px;
    line-height: 1.5;
    color: #333232;
    text-decoration: none;
    background-color: #E1E1E1;
    border: 1px solid #E1E1E1;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.page-link:hover {
    z-index: 2;
    color: #333232;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}

.page-link:focus {
    outline: 0;
    color: #333232;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border-color: #E1E1E1;
}

.page-item {
    margin-left: 20px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #EFA6B4;
    border-color: #EFA6B4;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.category {
    margin-bottom: 50px;
}

.category h2,
.recent-post h2 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 25px;
}

.category li {
    display: block;
}

.category li a {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
    color: #333232;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #FFDDE4;
}

.category li a:hover {
    color: 000;
    font-weight: 400;
}


/* **********************************
details-title
******************************** */

.details-title h1 {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    color: #333232;
    margin-bottom: 15px;
}

.blog-details h6 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
    color: #9F9F9F;
    margin-bottom: 25px;
}

.blog-details h2 {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5;
    color: #3A3A3A;
    margin-bottom: 25px;
}

.blog-details p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #3A3A3A;
    margin-bottom: 25px;
}

.blog-details h5 {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #3A3A3A;
}

.blog-details img {
    margin-bottom: 25px;
}

.blog-details ul {
    margin-bottom: 25px;
}

.blog-details li {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #3A3A3A;
    margin-bottom: 5px;
    padding-left: 15px;
}

.dots {
    display: block;
    width: 4px;
    height: 4px;
    background: #3A3A3A;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tags li {
    display: inline-block;
}

.tags li a {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    color: #E3889A;
    padding: 5px 12px;
    background: #FEF4FB;
    margin-left: 5px;
}

a.share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #363636;
}

a.share img {
    margin-right: 5px;
}

.related-post {
    padding-bottom: 50px;
}

.related {
    position: relative;
    margin-bottom: 25px;
}

.related h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.5;
    color: #363636;
    background: #fff;
    display: inline-block;
    padding-right: 15px;
}

.related:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 1px solid #363636;
    position: absolute;
    top: -20px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.recentpost {
    margin-bottom: 15px;
}

.recentpost p {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #9F9F9F;
}

.recentpost h5,
.recentpost h5 a {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #333232;
}


/* ************************
faq-area
*************************** */

.faq-area {
    background: #FEF4FB;
    padding: 30px 0;
}

.faq-area h4 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.5;
    color: #171717;
    text-transform: capitalize;
}


/* ****************************+
faq-content
********************************* */

.faq-content {
    padding: 50px 0;
    font-family: 'Noto Sans Display', sans-serif;
}

.faq-content .accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    font-size: 20px;
    color: #171717;
    font-weight: normal;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
}

.accordion-item {
    background-color: transparent;
    border: 1px solid #EFA6B4;
}

.accordion-button:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.accordion-body {
    padding: 1rem 0;
}

.accordion-body p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 10px;
}

.accordion-button:not(.collapsed) {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}


/* ***************************
gallery-area
******************************* */

.gallery-area {
    padding-top: 50px;
    padding-bottom: 50px;
}

.gallery h2 {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
}

.gallery {
    margin-bottom: 25px;
    height: 330px;
}

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

.gallery .ratio {
    margin-bottom: 10px;
}


/* *****************************
why-area
****************************** */

.why-area {
    padding: 50px 0;
    padding-bottom: 80px;
}

.why-area .blog-details h1 {
    font-weight: normal;
    font-size: 36px;
    line-height: 1.5;
    color: #333232;
    margin-bottom: 25px;
}

.why-area .blog-details {
    font-family: 'Noto Sans Display', sans-serif;
}

.why-area .blog-details h5 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
}

.why-area .blog-details p {
    font-size: 18px;
}

.why-area .blog-details li {
    font-size: 18px;
}


/* ********************************
review-slider
*********************************** */

.review-slider {
    padding-top: 80px;
}

.review-slider .item p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    color: #3F3F3F;
    margin-bottom: 20px;
}

.review-slider .item {
    padding: 0 20px;
    margin-bottom: 15px;
}

.review-slider .slick-active {
    border-right: 1px solid #EFA6B4;
    margin-right: -1px;
}

.review-slider .item h5 {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #171717;
}

.ratting li {
    display: inline;
}

.ratting li a {
    display: inline-block;
    color: #999999;
}

.ratting li a.act {
    color: #FFD23D;
    cursor: auto
}

.review-slider .slick-dots {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.review-slider .slick-dots li {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #999999;
}

.review-slider .slick-dots li button {
    display: none;
}

.review-slider .slick-dots li.slick-active {
    background: #999999;
}


/* *****************************
services-images
********************************** */

.services-images {
    padding-top: 50px;
}

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

.servicesimg {
    position: relative;
    margin-bottom: 70px;
    height: 334px;
}

.servicesimg h3 {
    font-family: noto sans display, sans-serif;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #171717;
    padding: 5px 0;
}

.services-content img {
    display: block;
    text-align: center;
    margin: 15px auto;
}

.video-afterbefore {
    padding-bottom: 80px;
}

.about-nurse {
    padding: 50px 0;
}

.about-nurse .title2 h2 {
    background: #fff;
}

.servicesimg a.plybtn {
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.servicesimg a.plybtn img {
    height: 50px;
    width: 50px;
}

.lb-data .lb-close {
    position: absolute;
    top: 0;
    right: 30px;
}

.mob {
    display: none;
}

.services-content h1,
.services-content h2,
.services-content h3,
.services-content h4,
.services-content h5 {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #363636;

}

.services-content h2 {
    font-size: 23px
}

.services-content h3,
.services-content h4,
.services-content h5 {
    font-size: 20px
}

.services-content h1,
.services-content h2,
.services-content h3,
.services-content h4,
.services-content h5 {
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 20px;
}

.grecaptcha-badge {
    z-index: 999999 !important;
}

.about-con title2 h2 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.5;
    color: #3f3f3f;
    margin-bottom: 15px;
    background: #fff;
}

.blog-post img {
    max-width: 100% !important;
}


/*****************************
Testimonial video slider
*****************************/

.slick-arrow {
    position: absolute;
    top: 42%;
    background: #fef4fb;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 28px;
    z-index: 2;
    transition: all 0.4s ease;
    cursor: pointer;
}

.slick-arrow:hover {
    background: #efa6b4;
}

.slick-arrow.fa-angle-right {
    right: -45px;
}

.slick-arrow.fa-angle-left {
    left: -45px;
}

.slider-nav .slick-slide {
    display: block !important;
    height: 100%;
    width: 100%;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 2px;
}


.slider-for .slick-slide {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 15px;
}

.slider-nav .slick-slide {
    display: block !important;
    height: 100%;
    width: 100%;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 2px;
}

.details-slider .slider-nav .prev i {
    height: 30px;
    width: 30px;
    font-size: 24px;
    top: 39%;
    line-height: 26px;
}

.details-slider .slider-nav .next i {
    height: 30px;
    width: 30px;
    font-size: 24px;
    top: 39%;
    line-height: 26px;
}


.slider-nav .slick-current {
    border: 1px solid #323348 !important;
}

.slick-dots {
    display: none !important;
}

.details-slider .items {
    border-radius: 25px;
}

.details-slider .owl-nav {
    height: 10px;
}

.details-slider .owl-dots {
    display: none;
}

/*****************************
Testimonial video slider
*****************************/

/* ****************
new end
************** */

.comparones {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

/*.before-after.gba::before {*/
/*    display: block;*/
/*    content: "";*/
/*    clear: both;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    background: #fef4fb;*/
/*    z-index: -1;*/
/*}*/

/*.before-after.gba {*/
/*    padding: 0;*/
/*    position: relative;*/
/*    height: 100%;*/
/*    min-height: 525px;*/
/*    z-index: 1;*/
/*    margin-bottom: 25px;*/
/*}*/


#comparison1 figure {
    position: absolute;
    left: 0;
    right: 0;
    background-image: url("../img/after11.jpg");
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#divisor1 {
    background-image: url("../img/before11.jpg");
    background-size: cover;
    position: absolute;
    width: 10%;
    bottom: 0;
    height: 100%;
}

#comparison2 figure {
    position: absolute;
    left: 0;
    right: 0;
    background-image: url("../img/after2.png");
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#divisor2 {
    background-image: url("../img/before2.png");
    background-size: cover;
    position: absolute;
    width: 10%;
    bottom: 0;
    height: 100%;
}

#comparison3 figure {
    position: absolute;
    left: 0;
    right: 0;
    background-image: url("../img/after33.jpg");
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#divisor3 {
    background-image: url("../img/before33.jpg");
    background-size: cover;
    position: absolute;
    width: 10%;
    bottom: 0;
    height: 100%;
}

.divones::before,
.divones::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #fff;
    z-index: 3;
}

.divones::before {
    top: 0;
}

.divones::after {
    bottom: 0;
}

.handones {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.handones::before,
.handones::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handones::before {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.handones::after {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

/*.before-after.gba input[type="range"]::-webkit-slider-thumb {*/
/*    -webkit-appearance: none;*/
/*    border: none;*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    border-radius: 50%;*/
/*    background: transparent;*/
/*    border: 4px solid #fff;*/
/*}*/

/*.before-after.gba input[type="range"]::-moz-range-track {*/
/*    -moz-appearance: none;*/
/*    height: 15px;*/
/*    width: 100%;*/
/*    background-color: transparent;*/
/*    position: relative;*/
/*    outline: none;*/
/*}*/

/*.before-after.gba input[type="range"]::-moz-range-thumb {*/
/*    -webkit-appearance: none;*/
/*    border: none;*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    border-radius: 50%;*/
/*    background: transparent;*/
/*    border: 4px solid #fff;*/
/*}*/

/* ****************
new end
************** */

/* ****************
Gallery Video button
************** */
.img-video {
    margin-top: 50px;
    text-align: center;
}

.img-video a {
    display: inline-block;
    background: #fef4fb;
    padding: 10px 19px 10px 17px;
    font-size: 20px;
    line-height: 1.5;
    color: #171717;
    margin: 3px 6px;
    border-radius: 11px;

}

/* ****************
Gallery Video button
************** */


/* ****************
Calendar
************** */

.applyBtn {
    background: #efa6b4;
    border-radius: 3px;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: #171717;
    border: none;
}

.applyBtn:hover {
    background: #efa6b4;
    color: #171717;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    box-shadow: inherit !important;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: inherit !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #efa6b4;
    border-color: transparent;
    color: #fff;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 14px;
    padding: 1px;
    cursor: default;
    border: 1px solid #efa6b4;
}


.divider-item figure {
    position: absolute;
    left: 0;
    right: 0;
/ background-image: url("../img/after11.jpg"); /
/ background-size: 100% 100%; /
background-size: cover;
    font-size: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto;

}
.divider-item .divisor1 {
    /*background-image: url("../img/before11.jpg");*/
    background-size: cover;
    /*background-size: 100% 100%;*/

    position: absolute;
    width: 10%;
    bottom: 0;
    height: 100%;
}
/*.home-page-before-after{*/
/*    margin-bottom: 25px;*/
/*}*/
/*.home-page-before-after .before-after.gba{*/
/*    margin-bottom: 0;*/
/*}*/
/*.home-page-before-after h3{*/

/*    font-family: noto sans display, sans-serif;*/
/*    display: inline-block;*/
/*    font-weight: 400;*/
/*    font-size: 18px;*/
/*    line-height: 1.5;*/
/*    color: #171717;*/
/*    padding: 5px 0;*/
/*}*/
a.read_more_gallery{
    font-size: 20px;
}




/* *****************************
vip-area
******************************* */

.vip-area {
    padding: 50px 0;
}

.vip-area .title h2 {
    font-size: 50px;
}

.vip-area .title {
    margin-bottom: 30px;
}

.vipimage img {
    width: 100%;
    margin-bottom: 25px;
}

.vip-con {
    display: flex;
    align-items: center;
    height: 100%;
}

.vip-text {
    width: 100%;
}

.vip-text .banner-form {
    background: transparent;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}

.vip-text h2 {
    font-weight: 300;
    font-size: 25px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 20px;
}

.vip-text li {
    font-family: 'Noto Sans Display', sans-serif;
    list-style: disc;
    margin-left: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    margin-bottom: 6px;
}

.vip-text small {
    display: block;
    font-family: 'Noto Sans Display', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #818181;
    margin-bottom: 20px;
}

.vip-text h3 {
    font-weight: 300;
    font-size: 25px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 15px;
}

.vip-text h3 a {
    font-weight: 300;
    font-size: 25px;
    line-height: 1.5;
    color: #FF67D1;
}



.homebannera-area {
    min-height: 90vh;

    position: relative;
    overflow: hidden;
}
.homebannera-area .text-section {
    padding-top: 22vh;

}
/*.homebannera-area  .beauty-img{*/
/*display: none;*/
/*}*/
.homebannera-area #background {
    object-fit: cover;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
}






/* ****************
Calendar
************** */

/* ****************
Ratina
************** */
@media (min-width: 1921px) {
    /*.before-after.gba {*/
    /*    min-height: 985px;*/
    /*}*/
    /*.before-after.gba.home {*/
    /*    min-height: 456px;*/
    /*}*/

}

@media (min-width: 1920px) {
    .menu1 .sm-clean {
        margin-right: 15%;
    }

    .homebanner-text h1 {
        font-size: 90px;
    }

    .servicesimg {
        height: 634px;
    }

    .blog-img {
        height: 534px;
    }

    .gallery {
        height: 530px;
    }

    /*.before-after.gba {*/
    /*    min-height: 825px;*/
    /*}*/
    /*.before-after.gba.home {*/
    /*    min-height: 456px;*/
    /*}*/
    /*.beforeAfter img {*/
    /*    height: 550px !important;*/
    /*}*/
    .beforeAfter img {
        height: 860px!important;
    }
}

@media (max-width: 1920px) {
    .servicesimg {
        height: 534px;
    }

    .blog-img {
        /*height: 434px;*/
    }

    .gallery {
        height: 430px;
    }

    /*.before-after.gba {*/
    /*    min-height: 525px;*/
    /*}*/
    /*.before-after.gba {*/
    /*    min-height: 825px;*/
    /*}*/
    /*.before-after.gba.home {*/
    /*    min-height: 456px;*/
    /*}*/
    .beforeAfter img {
        /*height: 450px !important;*/
        height: 660px !important;

    }
}

@media (max-width: 1600px) {
    .servicesimg {
        height: 434px;
    }

    .blog-img {
        /*height: 334px;*/
    }

    .gallery {
        height: 330px;
    }

    /*.before-after.gba {*/
    /*    min-height: 425px;*/
    /*}*/
    /*.before-after.gba {*/
    /*    min-height: 625px;*/
    /*}*/
    /*.before-after.gba.home {*/
    /*    min-height: 456px;*/
    /*}*/

    .beforeAfter img {
        height: 560px !important;
    }

}

@media (max-width: 1400px) {
    .homebanner-text h1 {
        font-size: 70px;
    }

    .banner-text h1 {
        font-size: 64px;
    }

    /*.before-after.gba {*/
    /*    min-height: 325px;*/
    /*}*/
    /*.before-after.gba {*/
    /*    min-height: 525px;*/
    /*}*/
    .beforeAfter img {
        height: 450px !important;
    }
    /* fixing */
    .sub-menu li a {
        font-size: 14px;
        padding: 2px 5px;
    }

    .mega-content h5 {
        font-size: 18px;
    }
    .overly h3 {
        font-size: 20px;
    }
    .toptitle {
        font-size: 20px;
    }

    .overly li a {
        font-family: noto sans display,sans-serif;
        font-size: 14px;
        margin-bottom: 6px;
    }



}

@media (max-width: 1200px) {
    .homebanner-text h1 {
        font-size: 54px;
    }

    .banner-text h1 {
        font-size: 48px;
    }

    .banner-text h4 {
        font-size: 28px;
    }

    .banner-form h3 {
        font-size: 20px;
    }

    .servicesimg {
        height: 334px;
    }

    .gallery {
        height: 230px;
    }
    /*.before-after.gba {*/
    /*    min-height: 425px;*/
    /*}*/

}

@media (max-width: 1199px) {
    .navbar-collapse {
        background: #FEF4FB;
        height: 300px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .navigation .dropdown-menu {
        padding: 5px 10px;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding: 6px 0;
    }

    .mega-content h5 {
        font-size: 18px;
    }

    .navigation .dropdown-menu {
        margin-top: 1.125rem;
        margin-bottom: 20px;
    }

    .homebanner-text h4 {
        font-size: 26px;
    }

    .homebanner-text h1 {
        font-size: 42px;
    }

    .homebanner-text .btns li a {
        margin-left: 0;
        margin-right: 35px;
    }

    .btns li a {
        font-size: 16px;
    }

    .title h2 {
        font-size: 36px;
    }

    .makes-area .title h2 {
        font-size: 32px;
    }

    .title p {
        font-size: 16px;
    }

    .toptitle,
    .overly h3 {
        font-size: 22px;
    }

    .title h5 {
        font-size: 26px;
    }

    .title h2 {
        font-size: 42px;
    }

    .tesi-content h2 {
        font-size: 32px;
    }

    .tesi-content h6 {
        font-size: 16px;
    }

    .tesi-content p {
        font-size: 16px;
    }

    .title2 h2 {
        font-size: 32px;
    }

    .title2:after {
        top: -20px;
    }

    .contacts h4 {
        font-size: 18px;
    }

    .contacts p {
        font-size: 16px;
    }

    .contacts a {
        font-size: 16px;
    }

    .contacts h4 span {
        font-size: 14px;
    }

    .fo-item p {
        font-size: 14px;
    }

    .fo-item li a {
        font-size: 14px;
    }

    .social p {
        font-size: 14px;
    }

    .banner-text h1 {
        font-size: 42px;
    }

    .banner-text h4 {
        font-size: 22px;
    }

    .ser-name {
        padding: 4px 32px !important;
    }

    .detailspage {
        height: 200px;
    }

    .testimonial-area.services {
        margin-top: -100px;
    }

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

    .breadcrumb-con h1 {
        font-size: 48px;
    }

    .breadcrumb-item a {
        font-size: 22px;
    }

    .breadcrumb-item {
        font-size: 22px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        background-size: 10px;
        background-position-x: 10px;
        background-position-y: 10px;
    }

    .about-con h2 {
        font-size: 30px;
    }

    .topdoctor h2,
    .awards h2 {
        font-size: 30px;
    }

    .topdoctor-area {
        padding: 50px 0;
        margin-top: 0;
    }

    .about-ocbeauty .about-con {
        padding-bottom: 0;
    }

    .breadcrumb-banner {
        height: 200px;
    }

    .details-title h1 {
        font-size: 26px;
    }

    .blog-details h2 {
        font-size: 22px;
    }

    .blog-text h2 a,
    .blog-text h2 {
        font-size: 18px;
        min-height: 56px;
    }

    .recentpost h5 {
        font-size: 14px;
    }

    .related h2 {
        font-size: 24px;
    }

    .related:after {
        top: -15px;
    }

    .cate-share h5 {
        font-size: 14px;
    }

    .cate-share span {
        font-size: 14px;
    }

    .cate-share a {
        font-size: 14px;
    }

    .blog-text h6 {
        font-size: 14px;
    }

    .faq-area h4 {
        font-size: 30px;
    }

    .faq-content .accordion-button {
        font-size: 18px;
    }

    .accordion-body p {
        font-size: 16px;
    }

    .makes-area a.readmore {
        font-size: 16px;
    }

    .why-area .blog-details h5 {
        font-size: 16px;
    }

    .why-area .blog-details p {
        font-size: 16px;
    }

    .why-area .blog-details li {
        font-size: 16px;
    }

    .about-nurse .title2:after {
        top: -34px;
    }

    /* vip */
    .vip-area .title h2 {
        font-size: 30px;
    }
    .vip-text h2 {
        font-size: 20px;
    }
    .vip-text li {
        font-size: 16px;
    }
    .vip-text small {
        font-size: 12px;
    }
    .vip-text h3 {
        font-size: 20px;
    }
    .vip-text h3 a {
        font-size: 20px;
    }
    /* vip */
}
.services-content p a{

    font-family: noto sans display,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.8;
    color: #363636;
}


/* ****************
Desktop
************** */



@media (max-width: 1024px) {}

@media (max-width: 992px) {}

@media (max-width: 991px) {
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .services-details .desktop-view {
        display: block;
        margin: 25px 0;
    }

    .banner-form h3 {
        font-size: 18px;
    }

    .services-area {
        padding-top: 100px;
    }

    .services-content p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 15px;
    }


    .services-content h4 {
        font-size: 18px;
    }

    .services-content li {
        font-size: 16px;
        line-height: 1.5;
    }

    .services-area {
        padding-top: 90px;
    }

    .services-details.services-area {
        padding-top: 40px;
    }

    .beforeafter h3 {
        font-size: 20px;
    }

    .beforeafter {
        margin-bottom: 0;
    }

    .client-image {
        margin-bottom: 15px;
    }

    .testimonial-area.services {
        padding-bottom: 50px;
        margin-top: -120px;
    }

    .about-con p {
        font-size: 16px;
    }

    .about-con a {
        font-size: 16px;
    }

    .doctor-img {
        margin-bottom: 50px;
    }

    .about-ocbeauty .ratio {
        margin-bottom: 30px;
    }

    .about-con h2 {
        font-size: 25px;
    }

    .topdoctor h2,
    .awards h2 {
        font-size: 25px;
    }

    .topdoctor,
    .awards {
        margin-bottom: 30px;
    }

    .contactus-area {
        padding: 50px 0;
    }

    a.playbtn img {
        height: 60px;
    }

    .homebanner-text .btns li a {
        margin-left: 0;
        margin-right: 10px;
    }

    .page-link {
        font-size: 14px;
        padding: 5px 12px;
        line-height: 1.5;
        color: #333232;
    }

    .blog-text h2 a,
    .blog-text h2 {
        min-height: auto;
    }

    .faq-area h4 {
        font-size: 24px;
    }

    .faq-content .accordion-button {
        font-size: 16px;
    }

    .accordion-body p {
        font-size: 14px;
    }

    #comparison {
        width: 740px;
        height: 500px;
    }

    /*.before-after figure {*/
    /*    width: 740px;*/
    /*    height: 500px;*/
    /*}*/

    #divisor {
        height: 500px;
    }

    /*.before-after {*/
    /*    height: 576px;*/
    /*}*/

    /*.before-after::before {*/
    /*    height: 77%;*/
    /*}*/

    .makes-area .title h2 {
        font-size: 26px;
    }

    .overly li a {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .review-slider .item p {
        font-size: 18px;
    }

    .servicesimg {
        height: 434px;
    }

    .services-content p a {
        font-size: 16px;
    }

    .beforeAfter img {
        height: 550px !important;
    }
}




/* ****************
Tab
************** */

@media (max-width: 767px) {
    .homebanner {
        display: block;
        text-align: center;
    }

    .homebanner-text .btns ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    a.playbtn img {
        height: 60px;
    }

    .beauty-img img {
        height: 300px;
    }

    .title h2 {
        font-size: 30px;
    }

    .title h5 {
        font-size: 20px;
    }

    .testi-title {
        margin-bottom: 30px;
        justify-content: center;
    }

    .homebanner-text {
        padding-left: 0;
    }

    .homebannera-area {
        height: auto;
    }

    .beauty-img {
        display: none;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

    .modal-title {
        font-size: 20px;
    }

    .banners-area,
    .banner-content,
    .bannerform {
        height: auto;
    }

    .banner-text {
        margin-bottom: 50px;
    }

    .banner-text h1 {
        font-size: 30px;
    }

    .banner-text h4 {
        font-size: 18px;
    }

    .powered {
        text-align: center;
    }

    .powered p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .detailspage .banner-text {
        margin-bottom: 0px;
    }

    .arrowleft {
        margin-right: 10px;
    }

    .testimonial-area .ratio {
        margin-bottom: 50px;
    }

    .tesi-content h2 {
        font-size: 22px;
    }

    .breadcrumb-banner {
        height: auto;
    }

    .breadcrumb-con h1 {
        font-size: 30px;
    }

    .breadcrumb-item a {
        font-size: 16px;
    }

    .breadcrumb-item {
        font-size: 16px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        background-position-y: 3px;
        background-position-x: 6px;
        width: 30px;
    }

    .cus-btn {
        font-size: 16px;
    }

    .page-item {
        margin-left: 5px;
    }

    #comparison {
        width: 450px;
        height: 300px;
    }

    /*.before-after figure {*/
    /*    width: 450px;*/
    /*    height: 300px;*/
    /*}*/

    #divisor {
        height: 300px;
    }

    /*.before-after {*/
    /*    height: 376px;*/
    /*}*/

    /*.before-after::before {*/
    /*    height: 70%;*/
    /*}*/

    .review-slider .item p {
        font-size: 16px;
    }

    /* update */
    .review-slider {
        padding-top: 0;
    }

    .playbtn {
        display: none !important;
    }

    .mob.playbtn {
        display: block !important;
    }

    .mob {
        display: block;
        margin-bottom: 15px;
    }

    .mobile .tesi-content h6 {
        margin-bottom: 70px;
    }

    .mobile.testi-title {
        margin-top: -70px;
    }

    .homebannera-area {
        background: url('../../index.html');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        padding: 50px 0;
        padding-top: 150px;
        z-index: 1;
    }

    .homebannera-area::after {
        display: block;
        content: '';
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(74.82deg, rgba(255, 242, 250, 0.5) 0.54%, rgba(255, 220, 242, 0.5) 0.54%, rgba(199, 106, 166, 0.06) 97.19%);
        z-index: -1;
    }

    .homemenu.header-area {
        background: transparent;
    }

    .homebanner-text .btns ul {
        display: block;
    }

    .btns li {
        display: block;
        width: 100%;
    }

    .homebanner-text .btns li a {
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin-bottom: 15px;
    }

    .btns ul {
        display: block;
    }

    .btns li a {
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .contacts,
    .fo-item {
        margin-bottom: 20px;
    }

    .social {
        justify-content: start;
    }

    .navbar-brand img {
        height: 34px;
    }

    .faq-area h4 {
        font-size: 20px;
    }

    .about-nurse .title2:after {
        top: -30px;
    }

    .servicesimg {
        height: auto;
        margin-bottom: 15px;
    }

    .gallery {
        height: auto;
    }

    .slick-arrow.fa-angle-right {
        right: 0;
    }

    .slick-arrow.fa-angle-left {
        left: 0;
    }

    .slick-arrow {
        top: 35%;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 22px;
    }

    .slick-arrow.fa-angle-right {
        right: 0;
    }

    .slick-arrow.fa-angle-left {
        left: 0;
    }

    .slick-arrow {
        top: 35%;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 22px;
    }

    .details-slider {
        margin-bottom: 30px;
    }
    .beforeAfter img {
        height: 300px !important;
    }


    /* vip */
    .vip-area .title h2 {
        font-size: 26px;
    }
    .vip-text h2 {
        font-size: 16px;
    }
    .vip-text li {
        font-size: 14px;
    }
    .vip-text small {
        font-size: 12px;
    }
    .vip-text h3 {
        font-size: 16px;
    }
    .vip-text h3 a {
        font-size: 16px;
    }
    /* vip */

    .banner-text h4 img {
        display: none;
    }
    .special-grid .banner-form {
        padding: 0;
    }
    .special-image img {
        width: 100%;
        margin-bottom: 25px;
    }
    .beforeAfter img {
        height: 460px !important;
    }

}

@media (max-width: 575px) {
    .homebanner-text h1 {
        font-size: 30px;
    }

    .homebanner-text h4 {
        font-size: 16px;
    }

    .homebanner-text .btns li a {
        margin-left: 0;
        margin-right: 10px;
    }

    a.playbtn img {
        height: 40px;
    }

    .btns li a {
        font-size: 14px;
    }

    .makes-area .owl-dot {
        width: 20px;
        margin: 0 3px;
        padding: 5px;
    }

    .btns li a {
        margin-left: 5px;
        margin-right: 5px;
    }

    .contacts h4 {
        font-size: 16px;
    }

    .video-modal .btn-close {
        top: 4px;
        right: 10px;
        z-index: 1;
        font-size: 24px;
    }

    /*.before-after {*/
    /*    padding: 20px 0;*/
    /*}*/

    .arrowleft img {
        width: 48px;
    }

    #comparison {
        width: 300px;
        height: 200px;
    }

    /*.before-after figure {*/
    /*    width: 300px;*/
    /*    height: 200px;*/
    /*}*/

    #divisor {
        height: 200px;
    }

    /*.before-after {*/
    /*    height: 246px;*/
    /*}*/

    .lb-data .lb-close {
        position: absolute;
        top: -35px;
        right: 12px;
    }
    .beforeAfter img {
        height: 400px !important;
    }

    .homebannera-area #background {
        display: none;
    }
    /*.homebannera-area  .beauty-img{*/
    /*    !*display: block;*!*/
    /*}*/
    .homebannera-area .text-section{
        padding: 0;
    }
    .homebannera-area {
        min-height: auto;
    }
}

@media (max-width: 480px) {}


/* ****************
Mobile
************** */

@media (max-width: 375px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}