@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url(../css/fontawesome.min.css);
:root{
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #191919;
    --secondary-color: #222222;
    --text-color: #454545;
    --heading-color: #333333;
    --gradient-color: linear-gradient(90deg, #FEE175, #794C10);
    --footer-bg: #222222;
    --star-color: #FFAB07;
    --primary-font: "Inter", sans-serif;
    --heading-font: "Playfair Display", serif;
    --border-radius : 1vw;
    --icon-font: 900 20px / 1em "Font Awesome 6 Free";
    --box-shadow: 0px 4px 14px 0px #0000001f;
}
::after, *::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{overflow-x: hidden;}
body{
    font: 400 17px/1.5 var(--primary-font);
    color: var(--body-color);
    background: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    padding-right: 0px !important;
    overflow-y: hidden;
}
::-webkit-scrollbar{width: 4px;}
body::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background: #e1e1e1;}
::-webkit-scrollbar-thumb{background: var(--primary-color);}
::-moz-selection{
    background-color: var(--primary-color);
    color: var(--white-color);
}
::-webkit-selection{
    background-color: var(--primary-color);
    color: var(--white-color);
}
::selection{
    background-color: var(--primary-color);
    color: var(--white-color);
}
@-moz-document url-prefix(){
    html{
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--primary-gradient) #e1e1e1;
    }
}
/* ===========Common CSS Start================ */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, blockquote, address { margin: 0; padding: 0; border: 0; display: block; }
h1 {font-size: 40px; line-height: 1.2em; margin: 0 0 20px; font-weight: 600;}
h2 {font-size: 36px; line-height: 1.2em; margin: 0 0 16px; font-weight: 600;}
h3 {font-size: 32px; line-height: 1.3em; margin: 0 0 12px; font-weight: 600;}
h4 {font-size: 24px; line-height: 1.3em; margin: 0 0 10px; font-weight: 600;}
h5 {font-size: 20px; line-height: 1.4em; margin: 0 0 8px; font-weight: 600;}
h6 {font-size: 18px; line-height: 1.4em; margin: 0 0 6px; font-weight: 600;}

.container {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.transition, [class*="scp-btn-"], button, a, img, .header_main, .social a i, .nav_menu a::after, .social a i::after, .social a:hover i::before, .rj_box, .rj_box .rj_icon, .rj_text, .subheading, .subheading span, .responsive_nav, .subarrow, .readmore, .readmore::before, .readmore i, .rj_ques, .rj_toggle .rj_ques:after, .rj-popup-close, .page-numbers::before, .owl-nav [class*="owl-"], .owl-dot span, .heading, .title, .headtag, .subheading, .subtitle, .subtag, [role="button"], .tab-button span::before{
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.transtition-5, .sub-menu, .shadowBoxEffect::after, .scrollup, .scrollup i, .scrollup::after, .activityBox .rj_text, [class*="rj-btn-"]::before, .shop-action, .overlayimg::after{
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.transtition-1, .radiusBoxHover::after{
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
p, div:not([class]){
    margin: 0 0 20px;
    line-height: 1.7em;
}
div:not([class]){
    margin: 0;
}
p:last-child{
    margin-bottom: 0;
}
label, span, strong {
    display: inline-block;
    vertical-align: top;
}
a{
    display: inline-block;
    border: none;
    text-decoration: none;
    outline: none;
    color: var(--primary-color);
}
a:hover, a:focus{
    color: var(--heading-color);
    outline: none;
}
img{
    display: block;
    max-width: 100%;
}
.full-img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
label{
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 4px;
}
.noList ul, .noList {
    padding: 0;
    margin: 0;
    list-style: none;
}
.noList li{
    margin: 0;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
hr { border-color: var(--border-color); margin: 20px 0; }
.primary-bg{ background: var(--primary-bg); }
.banner-bg{ background: var(--banner-bg); }
.primary-gradient{ background: var(--primary-gradient); color: var(--white-color); }
.secondary-gradient{ background: var(--secondary-gradient); color: var(--white-color); }
.body-bg{ background: var(--body-bg); }
.secondary-bg{ background: var(--nav-color); color: var(--white-color); }
.secondary-bg a{ color: inherit; }
.secondary-bg a:hover, .secondary-bg a:focus { color: var(--secondary-color); }
.primary-color{ color: var(--white-color); }
.secondary-color{ color: var(--secondary-color); }
.cursor-pointer { cursor: pointer; }
.column-gap{ column-gap: calc(2vw + 12px); }
.column-gap-2{ column-gap: calc(3vw + 16px); }
.column-gap-3{ column-gap: calc(4vw + 20px); }
del {
    color: #7B7B7B;
    font-weight: 700;
    font-size: 12px;
}

[class*="sc-btn-"] {
    display: inline-block;
    vertical-align: middle;
    min-width: 160px;
    text-align: center;
    border: none;
    background: var(--gradient-color);
    color: var(--white-color);
    -webkit-border-radius: 90px;
    border-radius: 90px;
    outline: none;
    text-transform: capitalize;
    font: 500 16px var(--primary-font);
    letter-spacing: 0.6px;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: capitalize;
}
[class*="sc-btn-"].btn-square{
    -webkit-border-radius: 6px;
    border-radius: 6px;
    min-width: 130px;
}
[class*="sc-btn-"]:hover, [class*="sc-btn-"]:focus {
    color: var(--white-color);
    background: none;
}
[class*="sc-btn-"]:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: var(--primary-color);
    transform: rotate(180deg);
    z-index: -1;
}
[class*="sc-btn-"]:hover::before, [class*="sc-btn-"]:focus::before {
    width: 100%;
    left: 0;
}
/* ===========Section Part================ */
.section{
    position: relative;
    z-index: 1;
    margin: 50px 0px;
    overflow: hidden;
}
.section.section-big{
    padding: 80px 0;
}

.heading{
    font: 600 40px / 1.2em var(--heading-font);
    color: var(--heading-color);
    position: relative;
    z-index: 1;
    margin-bottom: 24px;
}

.heading.w{color: var(--white-color);}

.heading span {
    color: var(--primary-color);
    display: initial;
}

.title {
    font: 600 18px / 1.3em var(--heading-font);
    color: var(--primary-color);
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.headtag {
    font: 600 34px / 1.3em var(--primary-font);
    color: var(--heading-color);
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
}
.headtag.w{color: var(--white-color);}
.subheading, .subtitle, .subtag{
    font: 600 24px / 1.3em var(--heading-font);
    color: var(--primary-color);
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
}
.heading:last-child, .title:last-child, .heading:last-child, .subheading:last-child, .subtitle:last-child, .subtag:last-child{
    margin-bottom: 0;
}
a:hover .subheading, a:hover .subtitle, .subtitle a:hover , .subheading a:hover {
    color: var(--hover-color);
}
.subtitle {
    font-size: 20px;
    margin-bottom: 5px;
}
.subtitle.secondary-subtitle, .subheading.secondary-subheading {
    font-family: var(--primary-font);
}
.subtag {
    font-size: 18px;
}
.text-white *{
    color: var(--white-color);
    letter-spacing: 0.6px;
}
.text-white .subheading, .text-white .subtitle {
    font-weight: 500;
    letter-spacing: 0.8px;
}
.text-balance{ text-wrap: balance; }
.text-pretty{ text-wrap: pretty; }
.flex-shrink{ flex-shrink: 0; }
.heading:empty, .title:empty, .headtag:empty, .subheading:empty, p:empty{ display: none; }

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}
/* ===========Common Content================ */
.text-white .highlight-text {
    color: var(--white-color);
    font-weight: 300;
    letter-spacing: 2px;
}
.btn_center, .btn_left {
    margin-top: 50px;
}
.btn_center.sm, .btn_left.sm {
    margin-top: 30px;
}
.btn_center {
    text-align: center;
}
.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5vw;
    margin-top: 50px;
}
.editor-text{font: normal 400 17px var(--primary-font); line-height: 1.5em; color: var(--text-color);}
.editor-text.w{color: var(--white-color);}
.editor-text ul{margin: 40px 0;}
.editor-text ul li{position: relative; padding: 0 0 0 30px;}
.editor-text ul li:not(:last-child){margin: 0 0 20px;}
.editor-text ul li::before{content: ''; background: url('../images/point.png') no-repeat; width: 17px; height: 17px; position: absolute; left: 0; top: 8%;}
.sm_content{text-align: center; max-width: 830px; margin: 0 auto; margin-bottom: 60px;}
.editor-text strong{font-size: 16px;}

/* ===========Common CSS Ends================ */

/* ===============Form=============== */
form { margin: 0; padding: 0; }
form .timefield .wpcf7-form-control-wrap{z-index: 9;}
label { display: block; text-align: left; margin: 0 0 6px 0; line-height: normal; padding: 0; font-family: var(--primary-font); font-weight: 600; font-size: 16px; }
.wpcf7-form-control, .form-control{ padding: 5px 15px; width: 100%; height: 48px; border: 1px solid #DBDBDB; -webkit-border-radius: 0 15px; border-radius: 5px; background-color: #EFEFEF; color: var(--heading-color); caret-color: var(--secondary-color); font-size: 16px; line-height: 24px; font-family: var(--primary-font); font-weight: 400; position: relative; vertical-align: top; outline: none; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.wpcf7-form-control::placeholder, .form-control::placeholder{color: #A4A4A4;}
.input-bg .wpcf7-form-control, .input-bg .form-control{background-color: var(--input-bg);}
::-webkit-input-placeholder { opacity: 1; }
:-moz-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
:-ms-input-placeholder { opacity: 1; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; margin: 2px 5px 0 0; vertical-align: top; }
select.wpcf7-form-control { -moz-appearance: none; -webkit-appearance: none; padding-right: 40px; color: #838383; background-image: url(../images/select.png); background-repeat: no-repeat; background-position: 96% 20px; background-size: 12px; }
textarea.wpcf7-form-control, .wpcf7-textarea{ height: 90px; resize: none; overflow: auto; }
.wpcf7-textarea.row2, .woocommerce form .form-row textarea{ height: 120px; }
.wpcf7-textarea.row3 { height: 140px; }
.wpcf7-textarea.row4 { height: 190px; }
.wpcf7-form-control:focus, .form-control:focus{ border-color: var(--secondary-color); outline: none; box-shadow:none;}
.labelWrap>span { margin: 0 0 5px; }
/* .form_wrap { padding: 40px 30px; background: var(--white-color); box-shadow: 0 0 5px #c1c1c1; border-radius: 10px; overflow: hidden; max-width: 830px; } */
.formTitle { color: var(--secondary-color); font: 600 32px var(--primary-font); margin-bottom: 20px; }
.form_wrap .row {row-gap: 20px; margin: 0 -10px;}
.form_wrap .row > [class*="col-"] {padding: 0 10px;}
.wpcf7-form-control-wrap, .woocommerce-input-wrapper{display: block; position: relative; z-index: 1;}
.wpcf7-not-valid-tip { font-size: 15px; display: block; margin: 2px 0 -10px; padding-left: 4px; }
.wpcf7-spinner { margin: 0; position: absolute; top: 0px; left: 10%; transform: translate(-50%, 0); z-index: 1; /*pointer-events: none;*/ cursor: not-allowed; }
.newsletter-in { position: relative; margin: 10px 0 30px; }
.btn.no-text { min-width: auto; padding: 0; width: 30px; height: 30px; line-height: 28px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }
.input-white-bg .wpcf7-form-control { background-color: var(--white-color); color: var(--black-color); }
.newsletter-in input[type="email"] { padding-right: 50px; }
.wpcf7-form-control:disabled, .wpcf7-form-control[readonly]{ background-color: #e9ecef; opacity: 1;}
.form_wrap.colorFormTitle { padding-top: 0; }
.colorFormTitle .headtag { background: var(--other-color); color: var(--white-color); padding: 20px 20px; margin: 0 -40px 30px; font-size: 26px; text-transform: uppercase; letter-spacing: 1px; }
.enquire_form .wpcf7-textarea{height: 155px;}
.wpcf7-form-control[class*="sc-btn-"], .form-control[class*="sc-btn-"]{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    min-width: 160px;
    text-align: center;
    border: 1px solid var(--heading-color);
    background: var(--heading-color);
    color: var(--white-color);
    -webkit-border-radius: 90px;
    border-radius: 90px;
    outline: none;
    text-transform: capitalize;
    font: 500 16px var(--primary-font);
    letter-spacing: 0.6px;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: capitalize;
}
.wpcf7-form-control[class*="sc-btn-"]:hover, .form-control[class*="sc-btn-"]:hover{
    color: var(--heading-color);
    background: none;
}
/* ===============Form=============== */

/* ===============ERROR_MSG=============== */
.wpcf7 form .wpcf7-response-output { background: #ffd1d1 url("../images/error_icon.png") no-repeat scroll 10px 12px / 20px 20px; border: 1px solid #eab4b4; -webkit-border-radius: 3px; border-radius: 3px; color: #c00; display: block; font-size: 16px; line-height: 1.5em; font-weight: 500; min-height: 40px; margin: 24px 0 0; padding: 8px 5px 8px 40px; text-align: left; border: none; }
.wpcf7 form.sent .wpcf7-response-output { background-image: url(../images/success_icon.png); background-color: #eaf7d9; border-color: #c8dd9c; color: #425c05; }
.wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-image: url(../images/warning_icon.png); background-color: #ffeacd; border-color: #ffd396; color: #856404; }
.error p, .success p, .information p { padding: 0 !important; font-size: inherit !important; line-height: inherit !important; text-align: inherit !important; }
.input_error { border-color: #c00 !important; }
.input_success { border-color: #425c05 !important; }
.norecord { text-align: center; }
/* ===============ERROR_MSG=============== */

/* ===============Owl-carousel=============== */
.owl-carousel{
    padding: 0px;
}
.owl-carousel:not(.bannerslider) .owl-stage {
    /* display: flex;
    justify-content: center; */
    margin: 0;
}
.owl-carousel:not(.bannerslider) .item {
    height: 100%;
}
.owl-nav [class*="owl-"] {
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    font-size: 20px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--heading-color);
    background: var(--white-color);
    border: 1px solid var(--border-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 1;
}
.owl-nav .owl-prev {
    left: -60px;
    padding-right: 2px;
}
.owl-nav .owl-next {
    right: -60px;
    padding-left: 2px;
}
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled {
    pointer-events: none;
    opacity: 0.4;
    background: #dfdfdf;
}
.owl-nav [class*="owl-"]:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    opacity: 1;
}
.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 50px;
    line-height: 0;
}
.owl-carousel .owl-dots .owl-dot span {
    min-width: auto;
    width: 10px;
    height: 10px;
    background: #B2C0C7;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 5px 8px;
    outline: 1px solid transparent;
    outline-offset: 4px;
}
.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--primary-color);
    border-color: var(--primary-color);
    /* outline-color: var(--border-color); */
}
.owl-carousel:not(.bannerslider) .owl-item img {
    width: auto;
    margin: 0 auto;
    font-size: 12px;
}
.item:has(.shadowBox) {
    padding-bottom: 12px;
}
/* ===============Owl-carousel=============== */

/* ===================Header section================ */
.topheader{background-color: var(--primary-color); color: var(--white-color); padding: 10px 0;}
.topheader .con_info{column-gap: 20px;}
.topheader .con_info p{margin: 0;}
.topheader .con_info li{position: relative;}
.topheader .con_info li:not(:last-child):before{content: ''; position: absolute; background-color: var(--white-color); width: 1px; height: 80%; right: -10px; top: 0;}
.topheader li a{display: flex; align-items: center; column-gap: 5px; font: normal 400 16px var(--primary-font); color: var(--white-color);}
.topheader li a:hover{color: #FEE175;}
.social{display: flex; align-items: center; column-gap: 20px; color: var(--white-color);}
.social a i{color: var(--white-color);}
.social a i:hover{color: #FEE175;}

.headerbottom{padding: 10px 0; background-color: var(--white-color); position: relative; z-index: 9;}
.headerbottom .nav_menu ul{display: flex; align-items: center; justify-content: center; column-gap: 20px;}
.headerbottom .nav_menu ul a{font: normal 400 15px var(--primary-font); color: var(--text-color); padding: 6px; border-radius: 2px; position: relative;}
.headerbottom .nav_menu ul:not(.sub-menu) li.current_page_item a, .headerbottom .nav_menu ul:not(.sub-menu) li:hover a{background-color: transparent; color: var(--text-color); font-weight: 400;}
.headerbottom .nav_menu ul li:hover ul.sub-menu li a{background-color: transparent; color: #282828;}
.headerbottom .nav_menu ul li.open ul.sub-menu li:hover{background-color: #656055; color: #fff;}
.headerbottom .nav_menu ul li.open ul.sub-menu li:hover a{color: #fff; font-weight: 500;}
.headerbottom .nav_menu ul:not(.sub-menu) > li > a::before{content: ''; background: var(--primary-color); width: 0%; height: 3px; border-radius: 20px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; transition: all 400ms ease-in;}
.headerbottom .nav_menu ul > li:hover > a::before, .headerbottom .nav_menu ul > li.current_page_item  > a::before{width: 80%; transition: all 400ms ease-in;}
.sticky .headerbottom{position: fixed; top: 0; left: 0; right: 0; z-index: 11; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }
    @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }

li.menu-item-has-children{position: relative; display: flex; align-items: center; column-gap: 5px;}
/* li.menu-item-has-children a{position: relative; display: flex; align-items: center; column-gap: 5px;} */
.headerbottom .nav_menu ul .sub-menu{position: absolute; min-width: 270px; top: 60%; left: 0; background-color: var(--white-color); transform: translateY(10px);  box-shadow: 0 3px 5px rgb(0 0 0/20%); z-index: 11; display: block; visibility: hidden; opacity: 0; transition: all 300ms ease-in;}
ul.sub-menu > li{font: normal 400 15px var(--primary-font); line-height: 1.5; color: #363636; padding: 5px;}
ul.sub-menu > li:not(:last-child){border-bottom: 1px solid #ccc;}
/* ul.sub-menu > li a{color: #363636;} */
.opened>.subarrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.subarrow{ pointer-events: inherit; text-align: center; place-items: center; line-height: 26px; font-size: 15px; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.headerbottom .nav_menu .menu-item-has-children:hover > ul.sub-menu{ visibility: visible; opacity: 1; transition: all 300ms ease-in;}
/* ===================Header section================ */

/* ====================Banner section=================== */
.banner-section ,.banner-section .homeslider{height: 80vh;}
.banner-wrap{background-size: cover; position: relative; height: 80vh;}
.bannertext-wrap{position: absolute; left: 0; right: 0; top: 30%;}
.bannertext-wrap .bannercontent{max-width: 530px;}
.bannertitle{font: normal 500 16px var(--primary-font); color: var(--white-color); text-transform: uppercase; margin-bottom: 20px;}
.bannerheadering{font: normal 500 65px var(--heading-font); line-height: 75px; color: var(--white-color); text-transform: capitalize; margin-bottom: 40px;}
/* ====================Banner section=================== */
/* ====================Breadcrumb======================= */
.breadcrumb{margin: 1rem 0;}
.breadcrumb{display: flex; column-gap: 5px; font-size: 15px; color: var(--text-color); font-weight: 700;}
.breadcrumb a:hover{color: #855A19;}


.inner_banner_section{position: relative;}
.inner_banner_section::before{content: ''; background: #000; position: absolute; top: 0; width: 100%; height: 100%; opacity: 0.3;}
.inner_banner_img{width: 100%; height: 300px;}
.inner_banner_img img{width: 100%; height: 100%; object-fit: cover;}
.inner_banner_section .inner_banner_text{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center;background: rgba(0, 0, 0, 0.2);}
.inner_banner_heading{font: normal 500 65px var(--heading-font); color: var(--white-color); text-align: center;}
/* ====================Breadcrumb======================= */

/* ===============Footer=============== */
.mainFooter { font: 400 16px var(--primary-font); line-height: 1.7em; padding: 110px 0 0px; position: relative; color: #C6C6C6; background: var(--footer-bg)url('../images/footerbac.png') no-repeat right;}
.mainFooter.site-footer li a{line-height: 24px;}
.mainFooter .logoSide .text {width: 450px;}
/* .ftop{padding: 0 0 50px;} */
.footer_description{max-width: 430px; color: #7D7D7D; margin: 20px 0;}
.mainFooter .logoSide .f-logo .custom-logo{filter: brightness(0) invert(1);}
.mainFooter a { color: inherit; line-height: 24px;}
.mainFooter .subheading { margin: 0 0 20px; color: var(--white-color); }
.mainFooter a:hover, .companyname:hover { color: #FEE175; }
.f-logo { max-width: 260px; margin-bottom: 30px; }
.mainFooter .social a:not(:hover) i{background: transparent; border-color: var(--border); font-size: 16px;border-radius: 50%;}
.mainFooter .social.transparent-social {margin-top: 25px;}
.mainFooter ul li{margin-top: 20px;}
.copyright {font-size: 16px;padding: 20px 0;border-top: 1px solid #fff;margin-top: 30px; position: relative;}
.copyright p { padding: 0; margin: 0;}
.copyright .separate{margin: 0 8px;}
.mainFooter .address li a{display: flex; column-gap: 10px;}
.mainFooter .address li a i{font-size: 18px; margin-top: 3px;}
.mainFooter .address .fa-location-dot{margin-top: 5px;}
.mainFooter .footer-title {font-size: 24px;font-weight: 700;margin-bottom: 40px;line-height: 1.8rem;}
.mainFooter .sitelink li{display: flex; column-gap: 10px; align-items: center;}
.mainFooter .sitelink li figure{ border-radius: 8px; padding: 10px; width: 50px; height: 50px; flex-shrink: 0; display: flex; justify-content: center; align-items: center;}
.tnp-subscription .tnp-field-email label{display: none;}
.tnp-subscription .tnp-field-email input[type="email"]{background: transparent; border: 1px solid var(--white-color); color: var(--white-color);}
.mainFooter.site-footer .aboutContent p{font-size: 22px;}
.tnp-subscription form{position: relative;}
.tnp-subscription .tnp-field-button button{background: none; border: none; outline: none;}
.tnp-subscription .tnp-field-button{position: absolute; right: 3%; top: 18%;}
/* ===============Footer=============== */

/* =================Why Choose================= */
.business-forward{
    position: relative;
}
.business-forward .floatimg {
    max-width: 300px;
    position: absolute;
    bottom: 0;
    left: 50px;
    right: 0;
    margin: 0 auto;
}
.business-forward figure.blur{
    position: relative;
}
.business-forward figure.blur::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    -webkit-backdrop-filter: blur(4px); 
    -moz-backdrop-filter: blur(4px); 
    backdrop-filter: blur(4px);
    border-right: 2px solid #ffffff54;
    background: #00222eb0;
}
.business-forward .businesstext{
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}
.business-forward .businesstext .businesstext_wrap {
	max-width: 65%;
	margin-left: auto;
	background: #fff;
	padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.business-forward .businesstext .businesstext_wrap .editor-text.w{
    color: #fff;
    font-weight: 200;
}
.button_flex {
    margin: 20px 0;
    display: flex;
    column-gap: 20px;
}
.why_choose_list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
    margin-top: 70px;
}
.why_choose_list li{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.why_choose_list li .icon{background-color: #E6E6E6; border-radius: 50%; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; padding: 18px; position: relative; z-index: 1; flex-shrink: 0;}
.why_choose_list li .icon img{object-fit: contain;}
.why_choose_list li .title{font: normal 500 18px var(--primary-font); color: var(--heading-color); margin-bottom: 0px;}
.why_choose_list li .text{font: normal 400 17px var(--primary-font); color: var(--text-color);}
/* =================Why Choose================= */

/* ====================Testimonial Section=============== */
.testimonial-item{
    position: relative;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 20px;
    min-height: 100%;

}
.testimonial-item i.quote{
    transform: rotate(180deg);
    color: var(--primary-color);
}
.testimonial-item .editor-text{
    height: 130px;
    overflow: auto;
}
.testimonialbottom{display: flex;justify-content: space-between;align-items: center;margin: 15px 0;}
.clintdetails{display: flex; align-items: center; column-gap: 10px;}
.clintdetails figure.profile{width: 52px; height: 52px; border-radius: 7px;}
.clintdetails figure.profile{ border-radius: 7px;}
.description .name{font: normal 400 16px var(--primary-font); color: var(--heading-color);} 
.description .role{font: normal 400 14px var(--primary-font); color: #9A9A9A;}
.testimonialbottom .star{column-gap: 5px;}
.testimonialbottom .star i{font-size: 14px; color: #FFC107;}
.testimonial-carousel .owl-stage-outer{padding: 20px 0;}

.testimonial-carousel .owl-stage {
    display: flex;
}
/* ====================Testimonial Section=============== */

/* ====================Before&After==================== */
.after-before .left .specialbox{background-color: #343434; color: var(--white-color);}
.after-before .right .specialbox{background-color: #FFF1E8; color: #222222;}
.specialbox{min-height: 100%;}
.specialbox .contentpart{padding: 70px 70px 40px; text-align: center;}
.specialbox .image{height: 450px; width: 50%; flex-shrink: 0; position: relative;}
.specialbox .image img{width: 100%; height: 100%; object-fit: cover;} 
.specialbox .editor-text{font-size: 14px;}
.specialbox .aftbef-part{display: flex; align-items: center; justify-content: center; column-gap: 2px; background: #fff; position: relative;}
.specialbox .aftbef-part::before{content: ''; position: absolute; background: url(../images/navicon.png) no-repeat; background-size: contain; width: 50px; height: 50px; top: 40%; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.specialbox .image figcaption {  position: absolute;  left: 0;  top: 0;  padding: 5px;  background: #fff;  color: var(--primary-color);  margin: 10px 10px; font: normal 600 14px var(--heading-font);}
.specialbox .image:last-child figcaption{left: auto; right: 0;}
/* ====================Before&After==================== */

/* ==================Booking form=================== */
.booking_form{margin-top: -70px;}
.booking_form .title{font: normal 400 35px var(--heading-font); color: #232323; padding: 0 0 20px; text-align: center;}
.booking_form .form-box{max-width: 100%; padding: 40px}
.form-grid{display: flex; grid-template-columns: repeat(5,1fr); gap: 10px; align-content: center;}
.grid-field{flex: 1;}
.grid-field:last-child{flex: 0 0 auto;}
.formicon { width: 160px; height: 40px; background-color: var(--primary-color); font-size: 20px; color: var(--white-color); display: flex; justify-content: center; align-items: center; border-radius: 14px; display: none; cursor: pointer; transform: rotate(270deg); margin-top: 0px; }
.ui-widget.ui-widget-content{z-index: 9999 !important;}
/* ==================Booking form=================== */

/* =================Home About================ */
.home_about .aboutImg{display: grid; grid-template-columns: repeat(10,1fr); grid-template-rows: repeat(2,1fr); gap: 20px;}
.home_about .aboutImg .imagebox:nth-child(1){grid-column: 1/6; grid-row: 1/4; position: relative;}
.home_about .aboutImg .imagebox:nth-child(2){grid-column: 6/10; grid-row: 2/4;}
.home_about .aboutImg .imagebox:nth-child(3){grid-column: 6/10; grid-row: 1/2; padding: 0;}
.aboutImg .dot-box{ background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='13' ry='13' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); border-radius: 13px; padding: 30px; text-align: center;}
.home_about .aboutImg .imagebox img{width: 100%; height: 100%; border-radius: 15px;}
.imagebox p{color: #2B2312; font-size: 25px; font-weight: 700; text-transform: capitalize;}
.home_about .aboutImg .imagebox:nth-child(1)::before{content: ''; background-color: #656055; width: 136px; height: 136px; border-radius: 13px; position: absolute; left: 0; bottom:0; z-index: -1;}

.counter-grid{display: grid; grid-template-columns: repeat(3,1fr); margin: 50px 0;}
.counter-grid .counter-box{position: relative;}
.counter-grid .counter-box:not(:last-child)::before{content: ''; background-color: #2B2B2B; width: 1px; height: 100%; position: absolute; top: 0; right: 12%;}
.counter-box .count{color: #2B2B2B; font: normal 700 30px var(--primary-font); margin: 0 0 10px;}
.counter-box .subtitle{color: #2B2B2B; font: normal 400 18px var(--primary-font);}
/* =================Home About================ */

/* ===============Home Service============= */
.home_service{background: url('../images/servicebg.png') no-repeat center; position: relative; padding: 50px 0; background-size: cover;}
.home_service::before{content: ''; position: absolute; background-color: #444444; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7;}

.servicebox{border-radius: 30px; background-color: var(--white-color); padding: 30px; text-align: left; position: relative;}
.servicebox::before{content: ''; background: url('../images/curveborder.png') no-repeat; width: 90px; height: 90px; position: absolute; top: 4%; left: 4%;}
.servicebox::after{content: ''; background: url('../images/curveborder.png') no-repeat; width: 90px; height: 90px; position: absolute; bottom: 4%; right: 4%; transform: rotate(180deg);}
.servicebox .service_icon{width: 90px; height: 90px;}
.servicebox .subheading{font: normal 700 22px var(--primary-font); color: var(--secondary-color);}
.servicebox .para{font: normal 500 16px var(--primary-font); color: #606060; margin: 25px 0; line-height: 1.5em;}

/* ===============Home Service============= */

/* =============Client section============== */
.client_slider .client_img{border: 1px solid #CBCBCB; padding: 10px; border-radius: 13px; height: 110px; display: flex; align-items: center; justify-content: center;}
.client_slider .client_img img{object-fit: contain;}
/* =============Client section============== */

/* ===============Choose Section================ */
.home_chooseUs .chooseImg{position: relative; height: 520px;}
.home_chooseUs .chooseImg figure:first-child{width: 450px; height: 450px; margin-left: auto;}
.home_chooseUs .chooseImg figure:last-child{width: 360px; height: 360px; position: absolute; left: 0; bottom: 0;}
.chooseus .chooseImg figure img{border-radius: 13px;}
/* ===============Choose Section================ */

/* =====================Service page================ */
.tabs .tab_items a{display: flex; flex-direction: column; row-gap: 10px; align-items: center; justify-content: center; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 5px; color: #111111; padding: 10px; background-color: var(--white-color); transition: all 400ms ease-in-out;}
.tabs .tab_items a:hover, .tabs .tab_items.active a{background-color: var(--primary-color); transition: all 400ms ease-in-out;}
.tabs .tab_items a img{width: 60px; height: 60px;}
.tabs .tab_items a p{font: normal 700 22px var(--primary-font);}
.tab_slider .owl-stage-outer{padding: 10px;}
.tab_slider .owl-stage-outer .owl-stage{margin: 0 auto;}
.tab-content{background-color: #363636; margin-top: 40px;}
.tab-content .row{align-items: center;}
.tab-content .right-part{clip-path: circle(62% at 63% 50%);}
.tab-content .right-part img{width: 100%;}
.tab-content .sm_content{max-width: 390px;}
.tab-content .sm_content .price{display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 10px; font: normal 600 18px var(--primary-font); color: var(--white-color); background: url('../images/bubble.png') no-repeat; width: 180px; height: 180px; margin: 30px auto;}
.tab-content .sm_content .price span{font-size: 50px; font-weight: 700;}
/* =====================Service page================ */

/* =====================Service details page================ */
.section.service_details{overflow: visible;}
.service_details .serviceimg{width: 100%;}
.service_details .serviceimg img{border-radius: 5px; aspect-ratio: 3/2; object-fit: cover;}
.service_details .sm-box{border: 1px solid #C3C3C3; border-radius: 5px;}
.service_details .sm-box .title{font: normal 400 35px var(--heading-font); color: #232323; border-bottom: 1px solid #C3C3C3; padding: 20px; text-align: left;}
.service_details .sm-box ul{padding: 0 30px 30px;}
.service_details .sm-box ul li{list-style: none; display: flex; align-items: center; justify-content: space-between;}
.service_details .sm-box ul li a{display: flex; align-items: center; justify-content: space-between;}
.service_details .sm-box ul li:not(:last-child){margin: 0 0 20px;}
.service_details .sm-box ul li a{border: 1px solid #CCCCCC; font: normal 700 18px var(--primary-font); color: #7C7C7C; padding: 16px; width: 100%; border-radius: 5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: all 400ms ease-in;}
.service_details .sm-box ul li a:hover, .service_details .sm-box ul li.active a{background-color: #353535; color: var(--white-color);  transition: all 400ms ease-in;}
.service_details .othservice{margin-bottom: 50px;}
.sm-box.form_wrap .row{margin: 0; padding: 0 30px 30px;}

.service_details aside, .service_details article{position: relative;}
.service_details aside .stickycontent, .service_details article .stickycontent{position: sticky; top: 0;}
/* =====================Service details page================ */

/* =====================Aboutus page=================== */
.aboutsection .left{background-size: 60%; background-position: left;}
.aboutsection .aboutbg{height: 650px; position: relative; display: flex; align-items: center;}
.aboutsection .content{max-width: 50%; background: #fff; position: absolute; padding: 60px 40px;}
.aboutsection .left .content{right: 0;}
.aboutsection .right{background-size: 60%; background-position: right;}
.aboutsection .right .content{left: 0;}

.hairstylegallery{background-color: #343434; padding: 80px 0;}
.hairstylegallery .sc-btn-view{margin: 0 auto; background: var(--white-color); color: #242424; border: 1px solid transparent;}
.hairstylegallery .sc-btn-view:hover{color: var(--white-color); border-color: var(--white-color);}
/* =====================Aboutus page=================== */

/* =====================HairStyle page=================== */
.zpart .row.fullcontent{align-items: center; margin: 40px 0;}
.zpart .row{align-items: center;}
.zpart .row:nth-child(even){flex-direction: row-reverse;}
.zpart .row [class*="col-"]{padding: 0;}
.zpart .row .content{padding-left: 50px;}
.zpart .row:nth-child(even) .content{padding-left: 0; padding-right: 50px;}
.zpart .row.fullcontent .content{padding: 0;}

.zpart .row .content .editor-text.scrollcontent{height: 250px; overflow: hidden; overflow-y: auto; scrollbar-width: thin;}

.zpart .row figure{width: auto; height: 460px;}
.zpart .row figure img{width: 100%; height: 100%; object-fit: cover;}

.transform .transformpart{border-top: 1px solid #C3C3C3; padding: 40px 0; }
.transformpart .grid-4{display: grid; grid-template-columns: repeat(4,1fr);}
.transformpart .trfmsg{margin: 30px 0;}


/* =====================HairStyle page=================== */

/* ==========Contactus page=============== */
.contact_inner ul li{display: flex; align-items: center; column-gap: 10px; margin-bottom: 20px;}
.contact_inner ul li i{width: 50px; height: 50px; border: 1px solid var(--primary-color); border-radius: 10px; font-size: 20px; display: flex; align-items: center; justify-content: center; color: var(--primary-color);}
.contact_inner ul li a{font: normal 500 22px var(--primary-font); color: var(--heading-color);}
.contact-content{padding-bottom: 20px;}

.contact_inner_page .contact_box{border: 1px solid #BCBCBC; border-radius: 6px; padding:  30px; text-align: center; min-height: 100%;}
.contact_inner_page .contact_box .icon{width: 60px; height: 60px; margin: 0 auto; position: relative;}
.contact_inner_page .contact_box .icon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: var(--heading-color); border-radius: 50%; z-index: 0; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
.contact_inner_page .contact_box .contact_sub_text{font: normal 500 30px var(--heading-font); color: #353535; margin: 20px 0;}
.contact_inner_page .contact_box .info{font: italic 400 16px var(--heading-font) ; color: var(--text-color);}
.contact_inner_page .contact_box .link_contact_text, .contact_inner_page .contact_box .link_contact_text a{font: normal 400 18px var(--primary-font); color: var(--text-color); margin-top: 20px; line-height: 24px;}
.contact_inner_page .contact_box .link_contact_text a:hover{color: #a1792f;}
.enquire_form form, .contact_form form{margin-top: 30px; padding-bottom: 20px;}
.form_map iframe{width: 100%; height: 400px;}
@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
    }
      
    @keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
    }
/* ==========Contactus page=============== */

/* ==============Gallery========== */

  
  .gallery-item img {
    display: block;
    width: 100%;
    border-radius: 6px;
  }
  
  .gallery-item a{width: 100%; /*height: 250px;*/ position: relative;}
  .gallery-item a::after {
      opacity: 0;
      content: "\f08e";
      font-family: "FontAwesome";
      font-size: 21px;
      font-weight: normal;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background-color: #41414199;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 200ms ease-out;
  }
  .gallery-item a:hover::after {
      opacity: 1;
      transition: all 200ms ease-out;
  }
  .gallery-item img{width: 100%; height: 100%;}
  .btn_center .sc-btn-load{margin: 0 auto;}
  /* ==============Gallery========== */

  /* ===================Video section================ */
.video_box{position: relative; height: 310px; border: 1px solid var(--primary-color);}
.video_box img.poster{width: 100%; height: 100%;object-fit: cover;}

.video_box .playbtn{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1;}
.video_box .playbtn img{height: auto;}

/* .video_box .poster{position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0;} */
/* .video_box.poster-remove .poster, .video_box.poster-remove .playbtn{opacity: 0; visibility: hidden;} */

#videomodal .modal-body{height: 400px;}
/* ===================Video section================ */

/* ==============Thankyou============ */
.thankyou_section .thank-box{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.thankyou_section .thank-box figure{width: 100px; height: 90px;}
.page_404{ padding: 50px; position: relative;min-height: 60svh;}
.errorimg {
    max-width: 30%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.thankyou_section p{text-align: center;}
/* ==============Thankyou============ */

/* FAQ page */
.faqPage .sk_toggle {
	margin: 30px 0 30px;
}
.sk_toggle .sk_box {
	position: relative;
	margin: 0 0 24px;
	padding: 20px 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #E8E8E83B;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	line-height: 2em;
}
.sk_toggle .sk_ques {
	cursor: pointer;
}
.sk_toggle .sk_ques::after {
	content: "\f067";
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
    font: var(--icon-font);
    font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #7D7D7D;
	background: var(--white-color);
	color: var(--primary-color);
	font-weight: 400;
	padding: 0 0 0 1px;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.sk_toggle .sk_box.opened > .sk_ques::after {
	content: "\f068";
    font-weight: 900;
	background: var(--primary-color);
	color: var(--white-color);
	border-color: transparent;
}
.sk_toggle .sk_ans .editor_text {
    margin-top: 10px;
}
.opened .subtitle {
	color: var(--primary-color);
}
.products-list .incrementDecrement-wrapper {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom: 14px;
}
.products-list .incrementDecrement {
	max-width: 150px;
	margin: 0 auto;
	height: 40px;
}
.faqPage .serviceTitle{
    font: normal 700 22px var(--primary-font);
    color: var(--secondary-color);
    position: relative;
    width: fit-content;
    padding-bottom: 10px;
}
.faqPage .serviceTitle::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    border-radius: 4px;
    background: var(--primary-color);
    left: 0;
    bottom: 0;
}
/* FAQ page */
.thank-box .heading {
    margin-top: 20px;
}

/* *********** */
.home_service .btn_center {display: none;}

.wpcf7-form .row [class*="col-"]:last-child p{position: relative;}
.wpcf7-form .row .wpcf7-spinner{
    left: 80px;
    width: 160px;
    height: 44px;
    border-radius: 20px;
    z-index: 1;
    cursor: not-allowed;
}
.wpcf7-form .row .wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc;
	top: 30%;
	left: 40%;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


/* #qlwapp.qlwapp-bottom-right{
    bottom: 20% !important;
} */