/*

Theme Name: Spaclub 

Theme URI: https://aonetheme.com/spaclubwp/

Description: Spaclub - Beauty Salon & Spa Service WordPress Theme

Author: aonetheme

Author URI: https://themeforest.net/user/aonetheme

Version: 1.2.0

Tested up to: 7.4

Requires PHP: 7.4

Tags: custom-menu, editor-style, featured-images

Text Domain: spaclub

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/*---------------------------------------- Don't change any css from here. If you need to change, Please use child theme. ------------------------------------------*/


:root {
  --primary-color: #f68043;
  --secondary-color: #151515;
  --body-color: #686868;
  --fonts-title: 'Cormorant Garamond', serif;
  --fonts-body: 'Lora', serif;
  --fonts-subtitle: "Carattere", cursive;
  --fonts-title-2: 'Fraunces', serif;
  --fonts-body-2: 'DM Sans', serif;
  --primary-color-2: #541f5c;
  --color-body-2: #0d0c0c;
}


 html, body {

}

 img {

     max-width: 100%;

     height: auto;

}

 .box.wrapper {

     max-width: 1200px;

     margin: auto;

     background: #fff;

     -webkit-box-shadow: 0px 0px 5px #ddd;

     box-shadow: 0px 0px 5px #ddd;

}

 .template-home-wrapper {

     overflow: hidden;

}

 .fix {

     overflow: hidden;

}

 .clear_both {

     clear: both;

}

 fff .lead{

     font-weight:400;

}

 .form-group {

     margin-bottom: 20px;

}

/*===================== spaclub HEADING TOP AREA CSS =========================*/

/* LEFT RIGHT CSS */

 .em40_header_area_main.hdisplay_none {

     display: none;

}

.spaclub-header-top {

    background: #151515;

    padding: 18px 0 0px;

    overflow: hidden;

}

.spaclub-header-top .container-fluid {

    padding: 0 50px;

}

.spaclub-header-top .container-fluid .row.add-border {

    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);

    padding-bottom: 14px;

}

 .top-address p {

     margin-bottom: 0;

     font-size: 12px;

     display:inline-block;

}

 .top-address p span, .top-address p a {

     margin-right: 20px;

}

 .top-address p span i, .top-address p a i {

     font-size: 15px;

     color: #fff;

     margin-right: 10px;

}

 .top-address p a {

     display: inline-block;

     text-decoration: none;

     -webkit-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

     transition: all 0.2s ease-in-out;

}

/* TOP RIGHT CSS */

.top-address span {

    color: #fff;

    padding: 0 0 0 0px;

    position: relative;

    z-index: 1;

}

.top-address img {

    position: relative;

    top: 5px;

}

.top-right-menu {

    float: right;

}

.top-right-menu ul.social-icons {

    margin: 0;

    padding: 0;

    display: inline-block;

}

.top-right-menu span {

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

    display: inline-block;

    color: #fff;

    position: relative;

    z-index: 1;

    margin: 0;

}

.top-right-menu span:before {

    position: absolute;

    content: "";

    left: -45px;

    top: 13px;

    height: 2px;

    width: 35px;

    background: #e2836a;

}

.top-right-menu ul.social-icons li {

    display: inline-block;

    margin-left: 20px;

    position: relative;

}

.top-right-menu ul.social-icons li:last-child {

    margin: 0;

    margin-left: 12px;

}

.top-right-menu ul.social-icons li a {

    color: #fff;

    font-size: 11px;

    display: inline-block;

    height: 25px;

    width: 25px;

    border: 1px solid rgba(255,255,255,0.30);

    line-height: 25px;

    text-align: center;

    border-radius: 100%;

}

.top-address p a, .top-address p span {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

}

.top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {

    color: #e2836a;

}

 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {

     margin-right: 0px;

     margin-left: 12px;

}

 .right_menu_button {

     text-align: right;

}

 .login_button {

     font-size: 12px;

     text-transform: uppercase;

     color: #fff;

     border: 1px solid #fff;

     display: inline-block;

     padding: 0px 17px;

     margin-left: 10px;

     font-weight: 500;

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

     line-height: 24px;

}

 .login_button.active, .login_button:hover {

     background: #333;

     border-color: #333;

     color: #fff;

}

 .header-support {

     margin-top: 11px;

     margin-left: 14px;

     display:inline-block;

}

 .header-support a {

     color: #fff;

     font-weight: 500;

     background: #e2836a;

     padding: 8px 21px;

     border-radius: 30px;

     display: inline-block;

     position: relative;

     z-index: 1;

}

 .header-support a:before{

     position:absolute;

     left:0;

     top:0;

     height:100%;

     width:0%;

     content:"";

     background:#161a33;

     border-radius:30px;

     z-index:-1;

     -webkit-transition:.3s;

     -o-transition:.3s;

     transition:.3s;

}

 .header-support a:hover::before{

     width:100%;

}

 .header-support b {

     font-weight: 400;

     font-size: 17px;

     color: #565872;

}

 .header-support i {

     margin-right: 12px;

     display: inline-block;

}

/* sub menu css */

 .top-right-menu ul .sub-menu {

     position: absolute;

     left: 0px;

     top: 100%;

     visibility: hidden;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     border-top: 1px solid #f00;

     width: 150px;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

     text-align: left;

     background: #fff;

     z-index: 1;

}

 .top-right-menu ul.social-icons li:hover .sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

}

 .top-right-menu ul .sub-menu li {

     padding: 5px 0px 0px 5px;

}

 .top-right-menu ul .sub-menu li a {

     font-size: 12px;

}

 .top-right-menu ul .sub-menu ul {

     display: none;

}

 .top-welcome p {

     padding: 0px;

     margin: 0px;

}

 .top-address a {

     margin-right: 5px;

     color: #43342c;

}

 .top-address.em-login a+a {

     margin-right: 0;

}

 .top-address.em-login p a i, .top-address.em-login p a i {

     margin-right: 5px;

}

 .top-address.em-login a+a:before {

     content: "|";

     margin-right: 12px;

}

/* .txtc {

     text-align: center;

}

 .text-center {

     text-align: center;

}*/

.text-center {

    text-align: center!important;

}

 .text-left {

     text-align: center;

}

 .text-right {

     text-align: right;

}

 .top-address a:hover{

     color:#fff;

}

/* top opening */

 .top-address.menu_18 span {

     background: #fff;

     padding: 8px 15px 9px;

     display: inline-block;

     color: #333;

}

 .top-right-menu ul.social-icons.menu_18, .top-right-menu ul.social-icons.menu_19 {

     padding: 7px 0;

}

 .em-login.menu_18, .em-quearys-top.menu_19 {

     padding: 7px 0;

}

/* top quearys */

 .em-top-quearys-area {

     position: relative;

     display: inline-block;

}

 .em-header-quearys {

     list-style: none;

}

 .em-quearys-menu i {

     border-radius: 3px;

     display: inline-block;

     height: 30px;

     text-align: center;

     width: 30px;

     line-height: 30px;

     font-size: 13px;

     cursor: pointer;

     color: #fff;

     margin-top: 0px;

     background: #e2836a;

}

 .heading_style_3 .hbg2 .em-quearys-menu i {

     color: #333;

}

 .em-quearys-inner {

     position: absolute;

     right: 15px;

     top: 36px;

     z-index: 999;

     display: none;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

}



 .em-quearys-form {

     background-color: #f5f5f5;

     width: 363px;

     float: right;

     border-radius: 30px;

}

 .top-form-control {

     position: relative;

}

 .em-quearys-inner::before {

     position: absolute;

     right: 1px;

     top: -11px;

     width: 47px;

     height: 47px;

     text-align: center;

     width: 0;

     height: 0;

     border-left: 10px solid transparent;

     border-right: 10px solid transparent;

     border-bottom: 8px solid #e2836a;

     content: " ";

}

 .top-form-control input {

     background: #f4f6f9;

     color: #555555;

     font-size: 13px;

     font-weight: 300;

     height: 55px;

     padding: 0 40px 0 25px;

     width: 100%;

     border: none;

     -webkit-transition: 1s;

     -o-transition: 1s;

     transition: 1s;

     border-radius: 30px;

}

 .top-form-control button.top-quearys-style {

     position: absolute;

     right: 0;

     top: 50%;

     background: 0 0;

     font-size: 16px;

     border: none;

     color: #e2836a;

     -webkit-transform: translateY(-50%);

     -ms-transform: translateY(-50%);

     transform: translateY(-50%);

     height: 100%;

     background: #e2836a;

     width: 58px;

     border-radius: 0 30px 30px 0;

     text-align: center;

}

 .top-quearys-style i {

     font-size: 18px;

     color: #fff;

}

 .em-s-hidden {

     display: none !important;

}

/* address left right icon */

 .top-right-menu.litop {

     float: left;

}

/* mobile logo */

 .mobile_menu_logo.text-center {

     padding: 20px 0;

}

 .tr_search .em-quearys-menu i {

     color: #fff;

}

/* Style 7 Top Bar */

 .top-right-address p {

     margin-bottom: 0;

     font-size: 12px;

     display: inline-block;

}

 .top-right-address .social-icons {

     display: inline-block;

     margin: 0;

     padding: 0;

     list-style: none;

     position: relative;

}

 .top-right-address .social-icons li {

     display: inline-block;

     margin-left: 17px;

     color: #fff;

     font-size: 14px;

}

/*======================= CONSEN HEADING NAV AREA CSS ========================*/

.spaclub-main-menu {

    position: relative;
	
	z-index:99 !important;

}

 .mean-container{

     overflow:hidden;

}

 .mean-container .mean-bar {

     padding: 0;

}

.mean-container .mean-nav {

    background: #e2836a none repeat scroll 0 0;

    float: none;

}

 .mean-container .mean-nav>ul>li:first-child {

     border-top: 0px solid #fff;

}

 .main_menu_div {

     position: relative;

}

.spaclub_nav_area {

    background: #fff none repeat scroll 0 0;

    background: #151515 !important;

}

.scroll-to-fixed-fixed .spaclub_nav_area {

    box-shadow: 0 0 3px rgba(0,0,0,0.10);

}

 .spaclub_menu {

     text-align: right;

}

.spaclub-main-menu.main.menu .spaclub_menu {

    text-align: right;

}

 .container-fluid .spaclub_menu {

     text-align: center;

}

/* LOGO CSS */

 .logo a {

     font-size: 23px;

     font-weight: 600;

     display: inline-block;

}

 .logo a.retina-logo {

     display: none;

}

/* MAIN MENU CSS */

 .spaclub_menu ul {

     list-style: none;

     text-align:right;

     display:inline-block;

}

 .transprent-menu .spaclub_menu ul {

     list-style: none;

     text-align: center;

}

 .spaclub_menu > ul > li {

     display: inline-block;

     position: relative;

}

.spaclub_menu > ul > li > a {

    display: block;

    margin: 36px 15px;

    -webkit-transition: .5s;

    transition: .5s;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

}

.spaclub-main-menu.transprent-menu .spaclub_menu > ul > li > a{

    display: block;

    margin: 36px 23px;

    -webkit-transition: .5s;

    transition: .5s;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

    color: #0a132e;

}

 .spaclub_menu > ul > li > a:hover {

    color: #e2836a;

}



 .spaclub_menu ul li:last-child a {

     margin-right: 0px;

}

 .spaclub_menu > ul > li.current > a, .spaclub_menu > ul > li:hover > a {

     color: #e2836a;

}



.transprent-menu .spaclub_menu > ul > li > a:hover {

    color: #e2836a;

}

.prefix .spaclub_menu > ul > li > a{

    color:#fff;

}

/*style two transparent menu*/



.spaclub-main-menu.transprent-menu.style-two .trp_nav_area {

    position: inherit;

    left: 0;

    right: 0;

    top: 0;

    z-index: 9999;

    background-color: transparent;

    padding: 0 100px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.spaclub-main-menu.transprent-menu.style-two .row.header-bg {

    background: #fff;

    border-radius: 5px;

    height: 110px;

    padding: 0 18px;

    box-shadow: 0 2px 5px -2px rgb(0 0 0 / 10%);

    z-index: 1;

}



.spaclub-main-menu.transprent-menu.style-two .spaclub_menu>ul>li>a {

    color: #232323;

}



.transprent-menu.style-two .hbg2{

    background: transparent;

    box-shadow: none;

}



/* transparent 2 */

.trp_nav_area {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 9999;

    background-color: transparent;

    padding: 0 50px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border-bottom: 1px solid rgba(84, 31, 92, 0.1);

}

 .hbg2 {

     background: rgba(0, 0, 0, .7);

     padding: 0px 50px;

}

 .trp_nav_area.full-width {

     padding: 37px 100px 37px 100px;

}

 .trp_nav_area.full-width.hbg2 {

     padding: 7px 20px 10px;

}

/* Sticky MENU CSS */

 #sticky-header {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     z-index: 999;

     transition: .5s;

     padding: 18px 0 9px;

}

/* Skyty Menu */

 .sticky-nav {

     left: 0;

     margin: auto;

     position: fixed !important;

     top: 0;

     width: 100%;

     box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

     z-index: 9999;

     -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

     animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

     -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

     transition: .5s !important;

}

/* stycky nav js */

 .transprent-menu.menu4 {

     position: relative;

}

 .transprent-menu .spaclub_nav_area {

     left: 0;

     right: 0;

     top: 0;

     z-index: 9999;

     background-color: transparent;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

     position: absolute;

}

 .spaclub_nav_area.postfix {

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

}

 .spaclub_nav_area.prefix, .hbg2 {

     -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);

     box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);

}

 .heading_style_3.tr_btn .prefix .spaclub_menu > ul > li > a:hover, .heading_style_3.tr_btn .hbg2 .spaclub_menu > ul > li.current a {

     color: #e2836a;

}

 .heading_style_3 .prefix .spaclub_menu > ul > li > a:hover, .heading_style_3 .hbg2 .spaclub_menu > ul > li.current a {

     color: #e2836a;

}

 .heading_style_3 .spaclub_nav_area.prefix .em-quearys-top.msin-menu-search .em-quearys-menu i {

     color: #fff;

}

 .tr_white_btn .hbg2 {

     background:#e2836a !important;

}

 .tr_white_btn .hbg2 .spaclub_menu > ul > li > a {

     color: #fff !important;

}

/* LOGO LEFT RIGHT CSS */

 .logo-left {

}

 .logo-right .logo {

     text-align: right;

}

 .logo-right .spaclub_menu > ul {

     text-align: left;

}

 .logo-right .spaclub_menu > ul > li:first-child a {

     padding-left: 0px;

}

 .logo-right .spaclub_menu > ul > li:last-child a {

     padding-right: auto;

}

 .search_button {

     text-align: right;

}

/* logo top */

 .logo-top .logo {

     text-align: center;

}

 .logo-top .spaclub_menu > ul {

     text-align: center;

}

 .logo-top >.spaclub_menu > ul>li:last-child a {

     padding-right: auto;

}

/* sub menu style */

.spaclub_menu ul .sub-menu {

    position: absolute;

    left: 0;

    top: 130%;

    width: 230px;

    text-align: left;

    background: #fff;

    margin: 0;

    z-index: 22;

    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    transition: .5s;

    visibility: hidden;

    border-top: 2px solid #e2836a;

    opacity: 0;

}

 .spaclub_menu ul li:hover >.sub-menu {

    visibility: visible;

    top: 100%;

    opacity: 1;

}

 .spaclub_menu ul .sub-menu li {

     position: relative;

}

.spaclub_menu ul .sub-menu li a {

    display: block;

    padding: 12px 20px;

    margin: 0;

    line-height: 1.3;

    letter-spacing: normal;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    -webkit-transition: .1s;

    transition: .1s;

    visibility: inherit !important;

    color: #211e3b !important;

}

 .spaclub_menu ul .sub-menu li:hover>a, .spaclub_menu ul .sub-menu .sub-menu li:hover>a, .spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover >a, .spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {

     color:#e2836a;

}

 .spaclub_menu ul .sub-menu li {

     position: relative;

     -webkit-transition:.3s;

     -o-transition:.3s;

     transition:.3s;

}

.spaclub_menu ul .sub-menu li:hover>a,

.spaclub_menu ul .sub-menu .sub-menu li:hover>a, 

.spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, 

.spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {

    background: #e2836a;

    color: #fff !important;

}

/* sub menu 2 */

 .spaclub_menu ul .sub-menu .sub-menu {

     left:100%;

     top: 130%;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     visibility: hidden;

}

 .spaclub_menu ul .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* sub menu 3 */

 .spaclub_menu ul .sub-menu .sub-menu li {

     position: relative;

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu {

     right: 100%;

     left: auto;

     top: 130%;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     visibility: hidden;

}

 .spaclub_menu ul .sub-menu .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* sub menu 4 */

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu li {

     position: relative;

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* user login */

 .logged-in .transprent-menu .spaclub_nav_area.prefix {

     top: 32px;

}

 .logged-in .trp_nav_area.hbg2 {

     top: 32px;

}

/* maing menu search */

 .top-address.em-quearys-top.text-right {

     float: right;

}

 nav.spaclub_menu.main-search-menu {

     float: right;

}

 .spaclub_menu.main-search-menu>ul, .em-quearys-top.msin-menu-search {

     display: inline-block;

}

 .em-quearys-top.msin-menu-search .em-quearys-menu i {

     margin-left: 20px;

     margin-top: 6px;

}

 .em-quearys-top.msin-menu-search .em-quearys-inner {

     top: 61px;

     background: #fff;

     padding: 20px;

     border-top: 3px solid #e2836a;

}

 nav.spaclub_menu.main-search-menu {

    /* float: right;

     */

     text-align: center;

}

/* has menu icon */

 .spaclub-main-menu .menu-item-has-children>a:after {

     margin-left: 5px;

     content: "\f107";

     font-family: FontAwesome;

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     font-size: 13px;

     opacity: .5;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}

 .spaclub-main-menu .menu-item-has-children .menu-item-has-children>a:after {

     margin-left: 8px;

     content: "\f105";

}

/* HEADER BUTTON */

.donate-btn-header {

    display: inline-block;

    margin-left: 35px;

}

a.dtbtn {

    border: 1px solid #e2836a;

    font-size: 15px;

    display: inline-block;

    font-size: 16px;

    color: #fefefe;

    font-weight: bold;

    background: var(--primary-color);

    padding: 14px 31px;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    border: 2px solid var(--primary-color);

}

a.dtbtn:before {

    position: absolute;

    content: "";

    width: 0;

    height: 100%;

    left: 50%;

    top: 0;

    background: #fff;

    z-index: -1;

    transition: 0.5s;

    border-radius: 30px;

}

a.dtbtn:hover:before {

    width: 100%;

    left: 0;

}

 a.dtbtn:hover:before {

     transform: scale(1);

}

a.dtbtn:hover{

    color:#fff;

}

a.dtbtn i {

    margin-left: 10px;

}

.transprent-menu a.dtbtn {

    border-color: #e2836a;

    color: #fff;

}

.transprent-menu a.dtbtn:after{

    background: #fff;

}

.transprent-menu a.dtbtn:hover{

    border-color:#e2836a;

}



.spaclub-main-menu.transprent-menu.style-two a.dtbtn {

    border-color: #e2836a;

    display: inline-block;

    font-size: 16px;

    color: #ffffff;

    font-weight: 500;

    font-family: var(--fonts-title);

    background: var(--primary-color);

    padding: 14px 29px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 0;

}

.spaclub-main-menu.transprent-menu.style-two a.dtbtn:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    transform: scale(0);

    transition: .5s;

}

.spaclub-main-menu.transprent-menu.style-two a.dtbtn:hover:before{

    transform: scale(1);

}

.spaclub-main-menu.transprent-menu a.dtbtn:hover {

    border-color: #e2836a;

    color: #e2836a;

}





/*========== spaclub BLOG AREA CSS =========*/

.spaclub-blog-area, .spaclub-blog-index {

    background: #fff;

    padding: 100px 0 150px;

    overflow: visible;

}

.spaclub-blog-area .single-blog-details{

    padding: 120px 0 150px;

}

.spaclub-blog-area.spaclub-blog-archive.ptb-100 {

     padding: 120px 0 150px;

}

.spaclub-blog-index.blog-area.spaclub-blog-area.blog-grid-item {

    padding: 120px 0 150px;

}

.blog-left-side {

    position: sticky;

    top: 100px;

}

.spaclub-single-blog {

    margin-bottom: 30px;

    text-align: left;

    -webkit-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

    text-align: left;

    border: 1px solid #f0e6e3;

    border-radius: 6px;

}

 .spaclub-single-blog {

     text-align: left;

}

.spaclub-blog-thumb {

    position: relative;

}

.spaclub-blog-thumb img {

    vertical-align: middle;

}

.single-blog-content {

    overflow: hidden;

}

.spaclub-blog-content-area {

    padding: 30px 46px 36px;

    position: relative;

}

 .blog-page-title h2 {

     font-size: 1.5625rem;

}

.blog-page-title h2, .blog-page-title h2 a {

    font-size: 30px;

    font-weight: 700;

    color: initial;

    text-decoration: none;

    margin: 12px 0 13px;

    transition: .5s;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

}

.spaclub-lt .blog-page-title h2, .spaclub-lt .blog-page-title h2 a {

    font-size: 40px;

}

.blog-grid .blog-page-title h2, .blog-grid .blog-page-title h2 a {

    font-size: 22px;

}

 .blog-page-title h2:hover, .blog-page-title h2 a:hover{

     color:#e2836a;

}

.spaclub-blog-thumb_adn a img {

    object-fit: cover;

}

 .spaclub-blog-meta-top {

     padding-top: 5px;

     position: absolute;

     left: 20px;

     top: 20px;

}

 .spaclub-blog-meta-top li {

     display: inline-block;

     margin-right: 10px;

}

.spaclub-blog-meta-left a, .spaclub-blog-meta-left time, .spaclub-blog-meta-left span {

    transition: .3s;

    background: transparent;

    padding: 0;

    border-radius: 0;

    display: inline-block;

    font-size: 16px;

    line-height: 26px;

    text-transform: capitalize;

    color: #686868;

    font-weight: 400;

    margin-right: 28px;

    position: relative;

}

.blog_style_two .spaclub-blog-meta-left span:before{

    position: absolute;

    content: "";

    width: 7px;

    height: 7px;

    left: -13px;

    top: 10px;

    background: #D1D1D1;

}

.spaclub-blog-meta-left a:hover, 

.spaclub-blog-meta-left time:hover, 

.spaclub-blog-meta-left span:hover {

    color: #e2836a;

}

.spaclub-blog-meta-top li a {

    display: inline-block;

    padding: 0;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    color: #fff;

    padding-top: 2px;

    background: #e2836a;

    padding: 6px 25px;

}

 .blog-content-bottom-meta img {

     width: 30px;

     border-radius: 100%;

}

.blog-readmore a {

    background: #e2836a;

    color: #fff;

    display: inline-block;

    padding: 13px 35px;

    font-weight: 500;

    margin-top: 12px;

    z-index: 1;

    position: relative;

}

.blog-readmore a:before {

    position: absolute;

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #10102E;

    transform: scale(0);

    transition: .5s;

}

 .blog-readmore a:hover:before {

     transform: scale(1);

}

.blog-author {

    border-top: 1px solid #e6e9f0;

    padding: 18px 31px 18px;

}

.blog-author a {

    margin-right: 18px;

    color: #232323;

}

.blog-author i {

    display: inline-block;

    color: #e2836a;

    font-size: 14px;

    margin-right: 6px;

}



/* Blog Grid Style */

.blog-grid .spaclub-blog-content-area {

    padding: 34px 25px 40px;

}

.container{

    max-width: 1320px;

    margin: auto;

    padding: 0 15px;

}

.custom_container{

  max-width: 1720px;

    margin: auto;

    padding: 0 10px;  

}

.spaclub-main-menu.a.main.menu .container-fluid {

    padding: 0 100px;

}

.spaclub-main-menu.main.menu .button_right {

    text-align: right;

}

.spaclub-main-menu.main.menu .spaclub_menu {

    text-align: center;

}

.spaclub-main-menu.main.menu a.dtbtn {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: var(--fonts-title);

    background: var(--primary-color);

    padding: 14px 35px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 30px;

}

.spaclub-main-menu.main.menu a.dtbtn:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    transform: scale(0);

    transition: .5s;

    border-radius: 30px;

}

.spaclub-main-menu.main.menu a.dtbtn:hover:before{

    transform: scale(1);

}

.spaclub-main-menu.main.menu a.dtbtn:hover {

    color: #e2836a;

}

.spaclub-main-menu.main.menu a.dtbtn:after {

   display: none;

}



 .blog-grid .spaclub-blog-meta-left a, .blog-grid.spaclub-blog-meta-left time, .blog-grid .spaclub-blog-meta-left span {

     margin-right: 15px;

}

.spaclub-blog-index.blog-area.spaclub-blog-area .blog-grid .spaclub-blog-meta-left i {

    margin-right: 6px;

}

 .blog-grid .blog-readmore a {

     padding: 10px 25px;

}

/* Blog Details Css */

.spaclub-single-blog-details-inner {

    background: #fff;

    padding: 42px 50px 30px;

    border: 1px solid #ddd;

    overflow: hidden;

}

 .single-blog-title {

     font-size: 1.5625rem;

     font-family: montserrat;

     color: initial;

     text-decoration: none;

     color: #333;

     margin: 0px 0 11px;

}

 .spaclub-single-blog-details-inner .spaclub-blog-meta-left {

     margin-bottom: 18px;

     border: 0;

     padding: 0;

}

 .spaclub-single-blog-details-inner .spaclub-blog-meta-left a {

    color: inherit;

}

 .spaclub-blog-social {

     padding-top: 40px;

     text-align: left;

     border-top: 1px solid #e6e6e6;

     margin-top: 40px;

}

 .spaclub-single-icon-inner {

     text-align: left;

}

 .spaclub-single-icon-inner a i {

     border: 1px solid #e6e6e6;

     color: #565872;

     display: inline-block;

     font-size: 15px;

     height: 40px;

     line-height: 41px;

     margin: 0 9px 0 0;

     text-align: center;

     width: 40px;

     border-radius: 5px;

}

 .spaclub-single-icon-inner a i:hover {

     background: #e2836a;

     border-color: #e2836a;

     color: #fff;

}

 a.detail-link i {

     margin-left: 0px;

}

.spaclub-single-blog--thumb img {

    vertical-align: middle;

    width: 100%;

}

 .spaclub-blog-meta-left i {

     color: #e2836a;

     margin-right: 8px;

     font-size: 15px;

}

.spaclub-single-blog-details ul {

    padding-left: 18px;

    margin-bottom: 10px;

}

.spaclub-single-blog-details ol {

    padding-left: 20px;

}

.post-details-footer {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    padding-top: 16px;

    padding-bottom: 0;

}

.post-details-category a {

    font-size: 15px !important;

    color: var(--conliz-black);

    color: #6d6d6d;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    border: 1px solid #dad7d7;

    display: inline-block;

    padding: 0 8px 0 8px;

    font-weight: 400;

    line-height: 30px;

    margin-bottom: 10px;

    margin-right: 10px;

    text-transform: capitalize;

}

.post-details-category a:hover{

	color:#e2836a;

	border-color:#e2836a;

}

.post-tags .tags a:hover{

	color:#e2836a;

}

.post-tags .tags,

.post-details-category .post-categories {

    list-style: none;

    display: inline-block;

}

.post-tags h4, .post-details-category h4 {

    display: inline-block;

    font-size: 20px;

    font-weight: 600;

    margin-right: 0;

}

.post-details-category .post-categories li{

    display:inline-block;

}

/* Next And Prev CSS */

 .next-prev-post {

     overflow: hidden;

     padding: 45px;

     border: 1px solid #ddd;

     border-radius: 10px;

     margin: 30px 0;

}

 .nav-previous {

     display: inline-block;

     float: left;

}

 .nav-next {

     float: right;

}

 .nav-previous a, .nav-next a {

     display: inline-block;

     border: 1px solid #ddd;

     padding: 12px 30px;

     border-radius: 6px;

     color: #666;

     font-weight: 400;

     transition:.5s;

}

 .nav-previous a:hover, .nav-next a:hover {

     color: #fff;

     background:#e2836a;

     border-color:#e2836a;

}

 .nav-previous a i{

     margin-right:5px;

}

 .nav-next a i{

     margin-left:5px;

}

/* Post Author */

.author-bio {

    padding: 28px 45px 21px;

    border-radius: 10px;

    border: 1px solid #ddd;

    margin-top: 50px;

}

.author-img {

    overflow: hidden;

    margin-right: 25px;

}

 .author-img img {

     border-radius:100%;

}

 .author-text h3 {

     font-size: 20px;

     color: #232323;

     font-weight: 600;

     text-transform: capitalize;

     margin-bottom: 10px;

}

 .author-text h3 a{

     color:inherit;

}

/*======================== spaclub COMMENT AREA CSS =========================*/

/* POST REPLY CSS */

 .comments {

     padding-bottom: 25px;

}

 .post_comment {

     margin: 20px 0 10px 0;

     padding: 0 10px;

}

.commment_title h3 {

    margin-bottom: 20px;

    position: relative;

    margin-top: 0;

    font-size: 1.25em;

    font-size: 30px;

    font-weight: 700;

}

 .commment_title small{

     font-size: 60%;

}

 .post_replay_inner {

     word-wrap: break-word;

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     margin-bottom: 20px;

}

 .mgl-30 {

     margin-left: 30px;

}

 .post_reply_thumb {

}

 .post_reply_thumb img {

     border-radius: 50%;

}

 .post_replay {

     margin-top: 30px;

}

 .post_reply {

     padding-left: 15px;

     width: 100%;

     position: relative;

}

 .post_reply div.st {

     font-size: 18px;

     font-weight: 400;

}

.post_reply div.st a {

    color: #232323;

    font-size: 21px;

    display: inline-block;

    padding-bottom: 0;

    text-transform: capitalize;

    font-weight: 600;

    font-family: 'Cormorant Garamond', serif;

}

 .reply_date {

     overflow: hidden;

     margin-bottom: 15px;

}

.reply_date span.span_left {

    font-size: 14px;

    color: #686868;

    display: block;

}

.reply_date span.span_right {

    float: none;

    color: #fff;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 1px;

    position: absolute;

    top: 0;

    right: 0;

    background: #e2836a;

    padding: 5px 13px;

    transition: .3s;

}

 .reply_date span.span_right:hover{

     background:#e2836a;

}

 .post_reply p {

}

 .comments-area {

     background: #fff;

     margin: 30px 0;

     padding: 50px 45px 55px;

     border: 1px solid #ddd;

}

.spaclub-blog-area.single-blog-details .comments-area {

    margin-bottom: 100px;

}

 .comment-list .comment .comment{

     margin-left: 85px;

}

 .comment-list .comment .comment .post_comment{

     border-bottom:transparent;

}

 .comments-area .children {

     margin-left: 90px;

}

 .post_comment .post_comment {

     margin-left: 15px;

}

/* COMMENT FORM CSS */

 .comment-form-cookies-spaclubt input[type="checkbox"], .comment-form-cookies-spaclubt input[type="radio"] {

     margin: 4px 0 0;

     margin-top: 1px;

     line-height: normal;

     margin-right: 10px;

}

 .em-theme-main-page .commment_title h3 {

     margin-top: 0px;

}

 .logged-in-as {

     margin-bottom: 10px;

     margin-top: 25px;

}

 .logged-in-as a {

     color: #333;

}



.logged-in-as a:hover{

	color:#e2836a;

}

 a.comment-edit-link {

     margin-bottom: 12px;

     display: inline-block;

}

 .em-theme-main-page .comments-area {

     margin-top: 40px;

     clear: both;

}

.comments-area button {

    background: #e2836a;

    color: #fff;

    padding: 13px 30px;

    border-radius: 7px;

    transition: .5s;

    border-radius: 30px;

    margin-top: 20px;

}

.comments-area button i {

    margin-left: 5px;

    font-size: 11px;

}

 .comments-area button:hover {

     background: #10102E !important;

     color: #fff;

}

/*======================== spaclub PAGINATION SECTION =========================*/

.paginations {

    /* text-align: center; */

    margin-top: 20px;

}

 .page-numbers li {

     display: inline-block;

     text-align: center;

}

.paginations a, .page-numbers span.current {

    width: 35px;

    height: 35px;

    line-height: 35px;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    margin: 0 5px 0 0;

    color: #6d6d6d;

    background: #fff;

    text-decoration: none;

    border: 1px solid #ddd;

}

 .page-numbers li {

     display: inline-block;

}

 .paginations a:hover, .paginations a.current, .page-numbers span.current {

     background: #e2836a;

     border-color: #e2836a;

     color: #fff;

}

/*======================== spaclub BREADCRUMB AREA CSS =========================*/

.breadcumb-area {

    padding: 160px 0 170px;

    background: linear-gradient(rgba(19, 19, 35, 0.4), rgba(0, 0, 0, 0.5)), url(https://wp.ditsolution.net/spaclub/wp-content/uploads/2023/12/hero-bg.jpg) no-repeat center/cover;

    position: relative;

    background: #e2836a;

}

 .breadcrumb_tran_header .breadcumb-area {

     padding: 191px 0 110px;

}

.breadcumb-inner h2 {

    font-size: 42px;

    color: #fff;

    word-break: break-word;

}

.breadcumb-inner ul {

    text-align: left;

    display: inline-block;

    position: relative;

    left: 0;

}

.breadcumb-inner li {

    display: inline-block;

    margin: 0 6px;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

}

 .breadcumb-inner li:nth-last-child(-n+1) {

     color: #fff;

}

.breadcumb-inner li a {

    color: #fff;

    text-transform: uppercase;

}

.brpt {

    text-align: center;

}

.brpt h2 {

    margin-top: 0;

    font-size: 60px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}

 .lcase {

     text-transform: lowercase;

}

 .ucase {

     text-transform: uppercase;

}

 .ccase {

     text-transform: capitalize;

}

 .pimgs img {

     width: 100%;

}

/*======================== spaclub 404 AREA CSS =========================*/

 .not-found-area {

     background-color: #f9f9f9;

     background-position: center top;

     background-repeat: repeat;

     background-size: cover;

     padding: 0 0 16px;

}

 .not-found {

     display: table;

     width: 100%;

     text-align: center;

     background: #fff;

     margin: 70px 0;

     padding: 120px 0;

     box-shadow: 0 5px 15px rgba(0,0,0,0.15);

}

 .not-found-inner {

     display: table-cell;

     vertical-align: middle;

}

 .not-found-inner {

     font-size: 30px;

}

 .not-found-inner h2 {

     color: #e2836a;

     display: inline-block;

     font-size: 160px;

     font-weight: 700;

     line-height: 1.2;

     padding: 15px 0;

}

 .not-found-inner p {

     font-size: 30px;

}

 .not-found-inner a {

     color: #fff;

     font-size: 24px;

     margin-top: 40px;

     display: inline-block;

     background: #e2836a;

     box-shadow: 0 0 4px rgba(0,0,0,.15);

     padding: 10px 40px;

}

 .not-found-inner a:hover{

     background:#e2836a;

     color:#fff;

}

/* search error */

 .spaclub-search-page {

     padding-bottom: 100px;

}

 .search-error .search input {

     padding: 20px 0;

}

 .search-error .search input[type="text"] {

     padding-left: 10px;

}

 .search-error .search button {

     top: 48%;

     -webkit-transform: translateY(-50%);

     -ms-transform: translateY(-50%);

     transform: translateY(-50%);

}

 .search-error > p {

     font-size: 18px;

     margin: 14px 0 20px;

}

 .search-error > h3 {

     display: block;

     font-size: 60px;

     color: #e2836a;

}

 .search-error .search input {

     height: 54px;

     border: 1px solid #ddd;

}

 .mobile_menu_logo a {

     font-size: 23px;

     font-weight: 600;

     text-transform: uppercase;

}

/*======================== spaclub FOOTER WIDGET SECTION =========================*/

 .footer-middle {

     padding: 148px 0 5px;

     position: relative;

     background: #e2836a;

}

 .footer-middle:before {

     left: 0;

     width: 100%;

     position: absolute;

     height: 90px;

     top: 0px;

     background: url(assets/images/footer-top-shape.svg);

     content: "";

     background-repeat: no-repeat;

     background-size: cover;

}

/* Address Widgets */

 .footer-logo img {

     margin-bottom: 1rem;

     width: 120px;

}

 .footer-logo p {

     margin: 0;

}

 .footer-sociala-icon {

     display: inline-block;

     float: left;

     font-size: 14px;

     color: #fff;

     margin-right: 10px;

     overflow: hidden;

}

 .footer-sociala-info p {

     margin: 0 0 11px;

     font-size: 14px;

     opacity: 0.8;

}

/* Custom Menu Widgets */

 .footer-middle .widget ul li {

     display: block;

     margin-bottom: 10px;

     color: #fff;

}

 .footer-middle .widget ul li a {

     font-size: 14px;

     line-height: 19px;

     color: #fff;

     opacity: 0.8;

     text-decoration: none;

}

 .footer-middle .widget ul li a:before {

     position: absolute;

     left: 0;

     top: 0;

     font-size: 15px;

     color: #686868;

     content: "\e65d";

     font-family: themify;

     display:none;

}

 .footer-middle #menu-footer-menu li {

     display:inline-block;

}

 .footer-middle #menu-footer-menu li a {

     margin-right: 10px;

}

 .menu-social-menu-container ul li {

     display: inline-block !important;

}

 .menu-social-menu-container ul li a {

     font-size: 15px;

     color: #fff;

     margin-right: 16px;

}

 .footer-middle .widget-title {

     color: #fff;

}

 .footer-middle .widget.about_us {

     margin-bottom: 15px;

}

/*======================== spaclub FOOTER COPPYRIGHT SECTION =========================*/

 .footer-bottom {

     background: #F4F7FA;

     padding: 23px 0 22px;

     border-top: 1px solid #ddd;

    /* border-top: 1px solid rgba(255,255,255,.23);

     */

}

 .copy-right-text p {

     margin: 0;

     padding: 0;

     margin-top: 0;

     font-size: 14px;

}

 .footer-menu ul {

     list-style: none;

     margin: 0px;

     padding: 0px;

}

 .footer-menu ul li {

     display: inline-block;

}

 .footer-menu ul .menu-item {

     margin-left: 10px;

}

 .footer-menu ul .menu-item a {

     color: #686868;

     padding: 0;

     display: block;

     text-transform: capitalize;

     margin-left: 10px;

     transition: .3s;

     font-size: 14px;

}

 .footer-menu ul .menu-item a:hover{

     color:#e2836a;

}

 .footer-menu .social-icon {

     display: block;

     margin-left: 26px;

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

     text-align: center;

     color: #e2836a;

     opacity: 0.8;

     font-size: 18px;

}

 .footer-menu .social-icon:hover {

     opacity: 1;

}

 .footer-menu ul li:last-child a {

     padding-right: 0px;

}

 .footer_style_3 .footer-menu ul li:first-child a {

     padding-left: 0px;

}

 .footer-menu ul ul {

     display: none;

}

 .copy-right-text a {

     color: #e2836a;

}

 .copyright-social ul li {

     font-size: 16px;

     display: inline;

}

 .copyright-social ul li a {

     color: #f8f9fe;

     font-size: 14px;

}

 .copyright-social ul .policy:after {

     content: "/";

     color: #f8f9fe;

     padding-left: 10px;

     padding-right: 10px;

}

 .menu-footer-menu-container {

     display: none;

}

/*======================== spaclub SCROLL TOP CSS =========================*/

 #scrollUp {

     bottom: 30px;

     color: #fff;

     font-size: 34px;

     height: 60px;

     line-height: 55px;

     right: 30px;

     text-align: center;

     width: 60px;

     border-radius: 100%;

     background: #e2836a;

     transition: .3s;

}

 #scrollUp:hover{

     background:#e2836a;

}

 #scrollUp i {

     color: #fff;

}

 .mc4wp-alert.mc4wp-success {

    color: #fff;

}



/* Side bar */

.sidebar {

    display: inline-block;

    position: relative;

    left: 20px;

    top: 0px;

    width: 40px;

    height: 40px;

    line-height: 53px;

    border-radius: 50%;

}

 .sidebar {

    left: 20px;

}

.nav-btn.navSidebar-button {

    left: 0;

}

.nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 25px;

    cursor: pointer;

    position: relative;

    top: -2px;

    left: -15px;

}

.nav-btn.navSidebar-button i {

    font-size: 15px;

    width: 53px;

    line-height: 50px;

    height: 53px;

    border-radius: 50px;

    text-align: center;

    background: #e2836a;

    display: inline-block;

    color: #fff;

    position: relative;

    z-index: 1;

    margin-left: 15px;

    transition: .5s;

    cursor: pointer;

}

.nav-btn.navSidebar-button i:after {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #e2836a;

    border-radius: 50%;

    transition: .5s;

    transform: scale(0);

}

.nav-btn.navSidebar-button:hover i:after{

   transform: scale(1); 

}

.nav-btn.navSidebar-button:hover i{

    color:#fff;

}

 .nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 30px;

    cursor: pointer;

    position: relative;

  }

  span.icon.flaticon-menu-2 i {

    font-size: 20px;

    color: #000000;

  }



.sidebar-title h2 {

    font-size: 26px;

    margin-top: 15px;

    font-weight: 600;

    margin-bottom: 21px;

}

.sidebar-contact-info h2 {

    font-size: 26px;

    margin-bottom: 25px;

    font-weight: 600;

}

.sidebar-content-inner {

	margin-top: 40px;

}

.sidebar-contact-info ul li {

	list-style: none;

	margin-bottom: 15px;

	font-weight: 400;

	font-size: 15px;

}

.sidebar-contact-info ul li i {

    color: #fff;

    width: 32px;

    height: 32px;

    line-height: 32px;

    background: #e2836a;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    margin-right: 10px;

}

.sidebar-social-icon {

	margin-top: 38px;

}

.sidebar-social-icon ul li {

	list-style: none;

	display: inline;

}

.sidebar-social-icon ul li a {

	color: #fff;

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: #0a0a0a;

	display: inline-block;

	text-align: center;

	border-radius: 50%;

	margin-right: 10px;

    position: relative;

    z-index: 1;

}

.sidebar-social-icon ul li a:hover {

    background: #e2836a;

    color: #fff;

}

ul.tags {

    padding: 0;

}

/*

<!-- =================== -->

<!--Booking Area-->

<!-- ===================-->*/

.main-contact {

    position: relative;

}

.booking-input-box {

    position: relative;

    width: 22%;

    display: inline-block;

}

.booking-input-box:before {

    position: absolute;

    content: "";

    width: 1px;

    height: 73%;

    right: 11px;

    top: 0px;

    background: #66666673;

}

.booking-input-box.upper:before{

    background:none;

}

.booking-input-box:nth-last-child(2):before {

    display: none;

}

.main-contact .booking-input-box h4 {

    font-size: 14px;

    line-height: 14px;

    color: #acacac;

    font-weight: 400;

    font-family: "Lora";

    margin-left: 3px;

}

.main-contact .booking-input-box input {

    width: 78% !important;

    height: 50px;

    outline: 0 !important;

    background: transparent;

    border: transparent !important;

    color: #fff;

    padding: 0 6px 0 0 !important;

}

.booking-input-box input::placeholder{

    color:#fff;

}

input[type="date"]::-webkit-calendar-picker-indicator {

    filter: brightness(24.3) invert(15);

}

.booking-input-box select {

    width: 78%;

    height: 50px;

    outline: 0;

    background: transparent;

    border: transparent;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

}

.booking-input-box option {

    color: #222;

    font-family: "Lora";

    font-size: 16px !important;

    display: inline-block;

}

.booking-button {

    position: absolute;

    right: -72px;

    top: 16px;

    display: inline-block;

    z-index: 22;

}

.booking-button input.wpcf7-submit {

    background: #e2836a;

    padding: 12px 31px;

    border: transparent;

    font-size: 15px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: "Cormorant Garamond";

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 30px;

}

.booking-button input.wpcf7-submit:hover{

    color:#e2836a;

    background: #fff;

}

/*contact-two*/

.form-area.contact-two .form-control {

    border-radius: 0;

    transition: 0.5s;

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #ffff;

    outline: 0;

    width: 100%;

    height: 60px;

    position: relative;

    margin-bottom: 20px;

    padding: 0 21px;

}

.form-area.contact-two input.wpcf7-form-control.wpcf7-email.form-control {

    margin-bottom: 14px;

}

.form-area.contact-two select.form-select {

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #acacac;

    outline: 0;

    width: 100%;

    height: 60px;

    position: relative;

    padding: 0 19px;

    margin-top: 5px;

    text-transform: capitalize;

    margin-bottom: 20px;

}

.form-area.contact-two textarea.wpcf7-form-control.wpcf7-textarea.form-control {

    color: #232323;

    transition: .5s;

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #acacac;

    outline: 0;

    width: 100%;

    height: 120px;

    position: relative;

    padding: 9px 19px;

    border-radius: 0;

}

.form-area.contact-two .form-group p {

    margin: 0;

}

.form-area.contact-two .buttons input {

    display: block;

    border-radius: 0;

    text-align: center;

    transition: .5s;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: "Cormorant Garamond";

    width: 100%;

    border: transparent;

    padding: 16px 0;

    margin-top: 13px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    background: #e2836a;

}



.contact-two .booking-input-box h4 {

    color: #fff;

    font-size: 20px;

    font-family: "Cormorant Garamond";

    font-weight: 500;

    line-height: 28px;

}

.wpcf7 form .wpcf7-response-output {

    color: rgba(255,255,255,0.50);

}

.wpcf7 form.sent .wpcf7-response-output {

    border-color: #e2836a;

}



.booking-form-02 {

    background: rgba(0,0,0,0.40);

    overflow: hidden;

    padding: 30px 44px 20px;

}

/*contact three*/

.main-contact.style_three .booking-input-box {

    position: relative;

    display: inline-block;

    background-color: #272727;

    padding: 22px 19px 10px;

    width: 20%;

    margin-right: 7px;

}

.main-contact.style_three .booking-input-box p {

    margin: 0;

}

.main-contact.style_three .booking-input-box h4 {

    line-height: 14px;

    margin-left: 0;

    opacity: 0.302;

    font-size: 15px;

    color: #fefefe;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: uppercase;

    margin-bottom: 2px;

    margin: 0 0 5px;

}

.main-contact.style_three .booking-input-box:before {

    display:none;

}

.main-contact.style_three .booking-input-box input::placeholder {

    color: #fff!important;

    font-size: 22px;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: capitalize;

}

.main-contact.style_three .booking-content {

    text-align: center;

}

.main-contact.style_three .booking-content p {

    text-align: center;

    font-size: 24px;

    color: #acacac;

    font-weight: 500;

    font-style: italic;

    font-family: "Cormorant Garamond";

    margin: 0;

    padding: 54px 0 0;

}

.main-contact.style_three .booking-button input.wpcf7-submit {

    position: relative;

    z-index: 1;

    transition: 0.5s;

    background-color: #e2836a;

    border: transparent;

    padding: 37px 51px;

    font-size: 17px;

    color: #fefefe;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: uppercase;

}

.main-contact.style_three .booking-button {

    position: absolute;

    right: -66px;

    top: 0;

    display: inline-block;

    z-index: 22;

}

/*style five*/



.main-contact.style_five {

    background: #F7F6F2;

    padding: 35px 46px 12px;

}

.main-contact.style_five .booking-input-box:before {

    opacity: 0.3;

}

.main-contact.style_five .booking-input-box h4 {

    color: #616161;

}

.main-contact.style_five .booking-input-box input {

    color: #1e1e1e;

}

.main-contact.style_five .booking-input-box select {

    color: #1e1e1e;

}

.main-contact.style_five .booking-button {

    right: -28px;

    top: 46px;

}

.main-contact.style_five input[type="date"]::-webkit-calendar-picker-indicator {

    filter: brightness(1.3) invert(15);

}



/*main subscribe*/





.main_subscribe form#mc4wp-form-1 {

    position: relative;

}

.main_subscribe .mc4wp-form-fields {

    position: relative;

}

.main_subscribe input[type="email"] {

    width: 100%;

    padding: 12px 20px;

    margin: 0 0 79px;

    display: inline-block;

    border: 1px solid #ccc;

    box-sizing: border-box;

    outline: 0;

    background: #fff;

    height: 60px;

}

.main_subscribe p.mailchimp-form button {

    background: #e2836a;

    color: #fff;

    padding: 0 19px;

    position: absolute;

    right: inherit;

    top: 77px;

    z-index: 1;

    height: 60px;

    left: 0;

    width: 100%;

}



/*start Subscribe section*/



.mc4wp-form-fields input[type="email"] {

    background: transparent;

    text-align: left;

    height: 64px;

    background-color: #ffffff;

    width: 81%;

    border: transparent;

    border-radius: 30px 0 0 30px;

    padding: 0 36px;

    outline: 0;

}

.mc4wp-form-fields button {

    background-color: #0a132e;

    padding: 20px 24px;

    border: transparent;

    margin-top: 0;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    border-radius: 0;

    display: inline-block;

    position: absolute;

    top: 0;

}

.mc4wp-form-fields input[type="email"]::placeholder {

    color: #acacac!important;

}







.mc4wp-form-fields p {

    margin: 0;

    position: relative;

}

input[type="email"]::placeholder {

    font-size: 16px;

    color: #232323!important;

}

p.mailchimp-form button {

    transition: all 0.4s ease 0s;

    border: medium none;

    border-radius: 0;

    background: #e2836a;

    color: #fff;

    font-weight: 500;

    text-align: center;

    padding: 0 19px;

    position: absolute;

    right: 4px;

    top: 4px;

    display: inline-block;

    z-index: 1;

    height: 86%;

}

p.mailchimp-form button:hover {

    background: #e2836a;

    color: #fff;

}

.mc4wp-alert.mc4wp-notice {

    color: #fff;

}

/*form_two*/

.form_two input[type="email"]{

   background: rgba(255,255,255,0.10196078431372549);

    color: #fff;

    border-radius: 5px; 

}

.form_two p.mailchimp-form button {

    border-radius: 0 5px 5px 0;

}

.form_two input[type="email"]::placeholder {

    color: #a8a8b3!important;

}

  /*start sidebar section*/

.navSidebar-button span {

    display: block;

    border-top: 2px solid #0a0a0a;

    margin: 4px 3px;

    width: 22px;

}

  .navSidebar-button span.line3 {

    width: 10px;

    transition: .5s;

  }

  .sidebar:hover .navSidebar-button span.line3{

      width:22px;

  }

  .xs-sidebar-group .dt-overlay {

	/* left: 100%; */

	top: 0;

	position: fixed;

	z-index: 9999;

	height: 100%;

	opacity: 0;

	width: 100%;

	visibility: hidden;

	-webkit-transition: all 0.4s ease-in 0.8s;

	-o-transition: all 0.4s ease-in 0.8s;

	transition: all 0.4s ease-in 0.8s;

	right: 0;

	left: 0;

}

  .sidebar-logo .main_sticky_l {

    display: none;

  }



.sidebar-info-contents {

	margin-top: 40px;

}

.rpwwt-widget ul li {

    margin: 0 0 0px !important;

}

.xs-sidebar-group .widget-top {

    position: absolute;

    top: 20px;

    right: 25px;

    color: #fff;

    opacity: 1;

    font-size: 20px;

    background: #e2836a;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

}

.widget-top:hover .bar-close {

	transform: rotate(180deg);

    color: #181818;

}

.xs-sidebar-group .widget-top .bar-close {

    display: inline-flex;

    transition: .2s;

    color: #fff;

	align-items:center;

	justify-content:center

}

  .dt-sidebar-widget {

    position: fixed;

    right: -100%;

    top: 0;

    bottom: 0;

    width: 100%;

    max-width: 360px;

    z-index: 999999;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    background-color: #272727;

    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    visibility: hidden;

    opacity: 0;

  }

  .xs-sidebar-group.isActive .dt-overlay {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.8s ease-out 0s;

    -o-transition: all 0.8s ease-out 0s;

    transition: all 0.8s ease-out 0s;

  }

  .xs-sidebar-group.isActive .dt-sidebar-widget {

    opacity: 1;

    visibility: visible;

    right: 0;

    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    background: #fff;

  }

  .sidebar-textwidget {

    padding: 40px;

  }

  .close-side-widget {

    color: #edc701;

    font-size: rem(15px);

    display: block;

  }

  .sidebar-container {

    position: relative;

    top: 150px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-in 0.3s;

    -o-transition: all 0.3s ease-in 0.3s;

    transition: all 0.3s ease-in 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    overflow: hidden;

}

  .xs-sidebar-group.isActive .sidebar-container {

    top: 0px;

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 1s ease-out 1.2s;

    -o-transition: all 1s ease-out 1.2s;

    transition: all 1s ease-out 1.2s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

  }

  .dt-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0.5;

    z-index: 0;

  }

  

  

  

  #mega-menu-wrap-menu-1 {

    display: inline-block !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    width: 772px;

}

ul.mega-sub-menu {

    box-shadow: 0 0 4px rgb(0 0 0 / 10%) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    box-shadow: 0 0 5px rgba(0,0,0,0.10);

    padding: 30px 15px 30px 15px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    width: 678px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    left: 9px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    line-height: 100px;

    height: 100px;

}

.elementor-position-left .elementor-icon-box-icon {

    margin-top: 15px !important;

}

.transprent-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #fff;

}

.transprent-menu .hbg2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #fff !important;

}

.transprent-menu .hbg2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #232323;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {

    padding: 10px 15px 10px 15px;

}  

#mega-menu-wrap-menu-1 {

    background: rgba(255, 255, 255, 0.0) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {

    background: rgba(255, 255, 255, 0.0) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {

    background: rgba(255, 255, 255, 0.0) !important;

}

.spaclub-main-menu.transprent-menu.style-two .row.header-bg #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #1e1e1e;

}

.transprent-menu .row.header-bg #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #1e1e1e !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    padding: 0px 10px 0px 10px;

}

/* .bt-black {

    background: rgb(0,0,0,0.5)!important;

} */

.close {



}

/* Sidebar End */

/*     body.dark {

    background-color: #000!important;

     color: #fff; 

    position: relative;

    z-index: 99;

}*/

.mc4wp-alert.mc4wp-error p a {

    color: #fff;

}

.mc4wp-alert.mc4wp-error p {

    color: #fff;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {

    right: 100% !important;

    left: inherit !important;

}



.brand-item { display: flex; justify-content: center; align-items: center; }
.fa { font: normal normal normal 14px/1 FontAwesome !important; }

.noptin-inpost-main-wrapper .noptin-form-fields { align-items: center; }
.noptin-inpost-main-wrapper .noptin-optin-form-wrapper { margin-bottom: 0; margin-top: 20px; max-width: 100% !important; min-height: 0 !important; }
.noptin-optin-form-wrapper { background: none !important; }
.noptin-text.noptin-form-field.noptin-form-field__has-no-placeholder { height: 54px !important; background: #fff; border-radius: 5px; }
.noptin-optin-form-wrapper { border: none !important; }
.noptin-form-header { display: none; }
.noptin-form-note { display: none; }
.noptin-form-footer { padding: 0 !important; }

.noptin-form-footer .noptin-form-submit { display:inline-block; text-align:center; text-transform:none; vertical-align:middle; padding: 14px 25px; border: none; }





/*============================================================
New Css
===========================================================*/

/*--Project Button--*/
.project-button a {display: inline-block; font-size: 16px; color: #fefefe; font-weight: bold; background: var(--primary-color);  padding: 14px 41px;
    border-radius: 30px; position: relative; z-index: 1; border: 1px solid var(--primary-color); }
.project-button a:hover{ color:var(--primary-color); }
.project-button a:before{ position: absolute; content: "";  width:0; height: 100%; left: 50%; top: 0; background:#fff; z-index: -1;
    transition: 0.5s; border-radius: 30px; }
.project-button a:hover:before {  width: 100%; left: 0; }
.project-button i {display: inline-block; font-size: 16px; position: relative; left: 5px; transform: rotate(-59deg); }

.ao-bking-con-btn button { background:#000; font-size: 18px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 8px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s; width: 100%; overflow: hidden;}
.ao-bking-con-btn button:hover {color: #000;}
.ao-bking-con-btn button:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}
.ao-bking-con-btn button:hover:before{ width:100%; left:0;}







.ao-banner3-area { background-image:url(../images/home-3/bg.jpg); padding-top:100px; }

.ao-banner3-left { display: flex; flex-wrap: wrap; align-content: space-between; }
.ao-top-banner-title { font-size: 64px; line-height: 1.2; color: #222; font-family: "Outfit", serif; font-optical-sizing: auto; font-weight:300; }
.ao-top-banner-title b { color:#E9A578; font-weight:700; }
.project-button.btn-square a { border-radius:5px; background-color:#E9A578; }
.project-button a::before { border-radius: 5px; }

.ao-top-banner-num { font-size:20px; }
.ao-top-banner-num strong { font-size:40px; display:block; margin-bottom:10px; }

.ao-banner3-right-pic { margin-left: -150px; max-width: 660px; height:670px; display: flex; justify-content: center; align-items: flex-end; }
.ao-banner3-right-pic img { max-width:inherit; min-width:100%;  } 
.ao-banner3-right-text { display: flex; align-items: center; font-size: 20px; color: #222; }

.ao-banner3-right { display:flex; }
.ao-banner3-right-text-box { display:flex; align-items:center; font-size: 20px; color: #222; margin-left:-40px; }

.ao-banner3-left-bot { padding-bottom: 50px; }
.ao-top-banner-num { margin-bottom: 40px; }
.ao-top-banner-text { font-size: 20px; color: #000; margin-bottom: 20px; }
.ao-top-banner-num { font-size: 20px; color: #222; }


@media only screen and (max-width:1320px) {
.ao-banner3-right-pic { margin-left: -180px; max-width:550px; }
}
@media only screen and (max-width:991px) {
.ao-banner3-right-pic { height:auto; }
.ao-banner3-left-top { width: 100%; margin-bottom: 30px; }

.ao-banner3-left-bot { padding-bottom: 0px; width: 100%; display: flex; }
.ao-top-banner-num { width:50%; }
.ao-banner3-right-pic { margin-left: 0; max-width: 55%; }
.ao-banner3-right-text { width:30%; }
.ao-banner3-right-text-box { margin-left: 0; }

}
@media only screen and (max-width:767px) {
.ao-banner3-right-pic { margin-left: 0; max-width: 55%; }
.ao-banner3-right-text { width:45%; }
.ao-banner3-right-text-box { font-size: 16px; }
.ao-top-banner-title {   margin-bottom: 15px;  }
}
@media only screen and (max-width:575px) {
.ao-banner3-right { display: flex; flex-wrap: wrap; flex-direction: column-reverse;  }
.ao-banner3-right-pic { margin-left: 0; max-width: 100%; }
.ao-banner3-right-text { width: 100%; }
}







/*================================================================================================================
New Css Start
=================================================================================================================*/

/*Our Best Services*/
.ao-ob-services-wrap{background-color:transparent; padding:0px 0px 0px;} 
.ao-ob-services-wrap .section-title2{margin-bottom: 60px;}
.ao-ob-services-wrap .section-title2 h4{color: #000; font-size: 30px;}
.ao-ob-services-wrap .section-title2 h1{color: #000; font-size: 50px;}
.ao-ob-services-content-left{padding-right: 60px;}
.ao-ob-services-content-right{padding-left: 60px;}

.ao-ob-services-content .ao-ob-services-bx{border-bottom: 1px solid #ddd; position: relative; padding-bottom: 30px; margin-bottom: 30px; position: relative; padding-right: 100px;}
.ao-ob-services-bx .ao-ob-service-title{font-size: 24px; color: #000; margin: 0px 0px 20px 0px;}
.ao-ob-services-bx p{margin-bottom: 0px;}
.ao-ob-services-bx .ao-ob-service-price{font-size: 24px; font-weight: 500; color: #000; position: absolute; right: 0px; top: 0px;}

@media only screen and (max-width:767px) { 

    .ao-ob-services-content-left{padding-right:0px;}
    .ao-ob-services-content-right{padding-left:0px;}

}





/*Pricing section*/
.ao-pricing-pln-wrap{background-color: #fff; padding: 120px 0px 90px;}
.ao-pricing-pln-wrap .section-title2{margin-bottom: 60px;}
.ao-pricing-pln-wrap .section-title2 h4{color: #000; font-size: 30px;}
.ao-pricing-pln-wrap .section-title2 h1{color: #000; font-size: 50px;}

.ao-pricing-pln-bx{text-align: center; padding: 70px 50px; border-radius: 20px; transition: 0.5s;}
.ao-pricing-pln-bx .ao-pricing-pln-text{font-size: 30px; color: #000; margin: 0px 0px 20px 0px;}
.ao-pricing-pln-bx .ao-pricing-pln-list{list-style: none; margin: 0px 0px 40px 0px; padding: 0px;}
.ao-pricing-pln-bx .ao-pricing-pln-list li{position: relative; margin-bottom: 15px; padding-bottom: 15px; font-size: 16px;}
.ao-pricing-pln-bx .ao-pricing-pln-list li:after{content: ''; width: 155px; height: 1px; background-color: #bbb; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%);}
.ao-pricing-pln-bx .ao-pricing-pln-list li span{display: inline-block; }

.ao-pricing-pln-circle{display: flex; justify-content: center;}
.ao-pricing-pln-circle .ao-pricing-plan-circle-bx{width: 145px; height: 145px; border-radius: 50%; display:flex; justify-content: center; flex-direction: column; background-color: #f5f5f5;  transition: 0.5s;}

.ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-price{font-size: 48px; color: #000;}
.ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-month{font-size: 18px; color: #000;}

.ao-pricing-pln-bx:hover,
.ao-pricing-pln-bx.active{background-image: url(../images/home-3/pricing-bg.jpg); background-size: cover;}

.ao-pricing-pln-bx:hover .ao-pricing-pln-circle .ao-pricing-plan-circle-bx{background-color: #000;}
.ao-pricing-pln-bx:hover .ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-price{color: #fff;}
.ao-pricing-pln-bx:hover .ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-month{color: #fff;}

.ao-pricing-pln-bx.active .ao-pricing-pln-circle .ao-pricing-plan-circle-bx{background-color: #000;}
.ao-pricing-pln-bx.active .ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-price{color: #fff;}
.ao-pricing-pln-bx.active .ao-pricing-pln-circle .ao-pricing-plan-circle-bx .per-month{color: #fff;}


/*Appointment Section*/
.ao-appoint-section-wrap{background-color:transparent; padding:0px 0px 0px;}
.ao-appoint-section-wrap .section-title2{margin-bottom: 60px;}
.ao-appoint-section-wrap .section-title2 h4{color: #000; font-size: 30px;}
.ao-appoint-section-wrap .section-title2 h1{color: #000; font-size: 50px; margin-bottom: 20px;}
.ao-appoint-section-wrap .section-title2 p{color: #555; font-size: 24px;}

.ao-appointment-fm-bx .ao-appointment-fm-input label{font-size: 18px; color: #000; display: block; margin-bottom: 5px;}
.ao-appointment-fm-bx .ao-appointment-fm-input input { background:transparent!important; border:1px solid #000; color:#000; outline:0;  width: 100%;  height: 58px;  margin-bottom: 30px;  padding: 0 20px; border-radius:none; }
.ao-appointment-fm-bx .ao-appointment-fm-input select { background:transparent!important; border:1px solid #000; color:#000; outline:0;  width: 100%;  height: 58px;  margin-bottom: 30px;  padding: 0 20px; }


.ao-appointment-fm-input button { background:#000; font-size: 14px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 8px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s;}

.ao-appointment-fm-input button:hover {color: #000;}
.ao-appointment-fm-input button:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}

.ao-appointment-fm-input button:hover:before{ width:100%; left:0;}


.ao-appoint-section-right{margin: 0px 20px 20px 50px;}
.ao-appoint-media{position: relative;z-index: 1;}
.ao-appoint-media::after{ border: 1px solid #000;  content: '';position: absolute; z-index: -1; top: 20px; right: -20px;  bottom: -20px; left: 60px;}
.ao-appoint-media .large-media{height: 786px; object-fit: cover; object-position: center center; width: 100%;}
.ao-appoint-media .ao-appoint-media-info{width: 230px; padding: 20px; background-color: #000; position: absolute; right: 20px; bottom: 20px; text-align: center;}

.ao-appoint-media .ao-appoint-media-info .ao-appoint-media-title{color: #fff; margin-bottom: 10px;}
.ao-appoint-media .ao-appoint-media-info p{color: #fff; margin-bottom: 0px;}
.ao-appoint-media .ao-appoint-media-info .sm-media{width: 80px; margin-bottom: 10px;}

@media only screen and (max-width:767px) {  
.ao-appoint-section-right { margin:30px 20px 20px 0px;}
}
@media only screen and (max-width:575px) {  
.ao-appoint-media .ao-appoint-media-info { width: auto; right: 10px; bottom: 15px; }
.ao-appoint-media .ao-appoint-media-info .sm-media { width: 40px; margin-bottom: 0; }
.ao-appoint-media .ao-appoint-media-info .ao-appoint-media-title { font-size: 22px; margin: 0px; }


 }


/*Marquee Section*/
.text-section-dark { position: relative; z-index: 1; padding: 50px 0 50px; }

.text-section-dark .inner-container { max-width: 1920px; margin: 0 auto; background-color: #000; }

.text-section-dark .marquee { position: relative; --duration: 30s; --gap: 0px; display: -webkit-box; display: -ms-flexbox;  display: flex;
    overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap:0px; }

.text-section-dark .marquee-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 0;
    min-width: 87%;
    -webkit-animation: scroll 30s linear infinite;
    animation: scroll 30s linear infinite;
}

.text-section-dark .marquee-block .content-box {
    position: relative;
    margin-right:0px;
    padding: 0px 48px;
    background-color: #000;
}

.text-section-dark .marquee-block .content-box:last-child {
    margin-right:0px;
}

.text-section-dark .marquee-block .content-box:last-child::before {
    display: none;
}

.text-section-dark .marquee-block .content-box .title{
    margin:0;
}

.text-section-dark .marquee-block .content-box h6.title {
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.text-section-dark .marquee-block .content-box h6.title img {
    position: relative;
    left: -49px;
  }

@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
}
}

/*Booking Form*/
.ao-bking-section-wrap { background-color: #fff; padding:0px; }
.ao-bking-section { border-radius: 10px; overflow: hidden; }

.ao-bking-section-left { padding:75px 60px; }

.ao-bking-section-left .section-title2{margin-bottom: 60px;}
.ao-bking-section-left .section-title2 h4{color: #fff; font-size: 14px; text-transform: uppercase;}
.ao-bking-section-left .section-title2 h1{color: #fff; font-size: 50px; margin-bottom: 20px;}

.ao-bking-fm-bx .ao-bking-fm-input input { background: transparent !important; border: 1px solid rgba(226,239,232,0.2); color: #000;  outline: 0;  width: 100%;  height: 40px;  margin-bottom: 30px;  padding: 0 20px;
}

.ao-bking-fm-input button { background:#e9a578; font-size: 14px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 0px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s; width: 100%;}
.ao-bking-fm-input button:hover {color: #000;}
.ao-bking-fm-input button:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}
.ao-bking-fm-input button:hover:before{ width:100%; left:0;}


.ao-bking-con-btn a { background:#000; font-size: 18px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 8px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s; width: 100%; overflow: hidden;}
.ao-bking-con-btn a:hover {color: #000;}
.ao-bking-con-btn a:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}
.ao-bking-con-btn a:hover:before{ width:100%; left:0;}

.ao-bking-con-btn button { background:#000; font-size: 18px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 8px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s; width: 100%; overflow: hidden;}
.ao-bking-con-btn button:hover {color: #000;}
.ao-bking-con-btn button:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}
.ao-bking-con-btn button:hover:before{ width:100%; left:0;}



.ao-bking-fm-input input::placeholder{
    color: #acacac;
}

.ao-bking-fm-input select {
    background: transparent !important;
    border: 1px solid #acacac4f;
    color: #acacac;
    outline: 0;
    width: 100%;
    height: 40px;
    position: relative;
    padding: 0 20px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.ao-bking-fm-input textarea {
    background: transparent !important;
    border: 1px solid #acacac4f;
    color: #acacac;
    outline: 0;
    width: 100%;
    height: 80px;
    position: relative;
    padding: 10px 20px;
    margin-bottom: 15px
}

#spaclub_appointment__form > .row >.ao-bking-fm-input {
    width:100%;
    padding: 10px 15px;
    margin-bottom: 15px
}

.ao-bking-fm-input textarea::placeholder{
    color: #acacac;
}

.ao-bking-section-right{padding:75px 10px;}
.ao-bking-section-right .section-title2{margin-bottom: 60px; text-align: center; padding: 0px 50px;}
.ao-bking-section-right .section-title2 h4{color: #332e28; font-size: 14px; text-transform: uppercase;}
.ao-bking-section-right .section-title2 h1{color: #332e28; font-size: 50px; margin-bottom: 20px;}
.ao-bking-section-right .section-title2 p{color: #332e28; font-size: 16px; padding: 0px 50px;}


.ao-bking-section-left-clr{ background-color: #1e1b1a;}
.ao-bking-section-right-clr{background-color: #edb793;}


.ao-bking-contact-info{text-align: center; padding: 0px 50px;border-right: 1px solid #b38d72;}
.ao-bking-contact-info .ao-bking-con-title{font-size: 28px; color: #332e28; border-bottom: 1px solid #b38d72; padding-bottom:26px; margin-bottom: 26px;}
.ao-bking-contact-info ul{margin:0px 0px 30px 0px;}
.ao-bking-contact-info ul li{display: block; color: #332e28; font-size: 16px; text-transform: uppercase; display: block; margin-bottom: 15px;}
.ao-bking-con-btn button { background:#000; font-size: 18px;text-transform: uppercase; color: #ffffff;  font-weight: 500;   border-radius: 8px; border: transparent;  padding: 14px 35px; margin-top: 13px; position:relative;  z-index:1; transition:0.5s; width: 100%; overflow: hidden;}
.ao-bking-con-btn button:hover {color: #000;}
.ao-bking-con-btn button:before{ position:absolute; content:""; width:0; height:100%;left:50%; top:0;  background:#f5f5f6; z-index:-1; transition:0.5s;}
.ao-bking-con-btn button:hover:before{ width:100%; left:0;}
.ao-bking-section-right > .row [class*='col-']:last-child .ao-bking-contact-info{border: none;}

@media only screen and (max-width:1200px) {

.ao-bking-section-left { padding: 30px 10px; } 
.ao-bking-section-right .section-title2 { margin-bottom: 60px; text-align: center; padding: 0px 15px 0px 0px; }
.ao-bking-section-right .section-title2 p { color: #332e28; font-size: 16px; padding: 0px 0px; }
.ao-bking-contact-info { padding: 0px 0px; border-right: none; }
.ao-bking-section .row { margin:0px; } 
.ao-bking-con-btn a {  font-size: 18px; }

}

@media only screen and (max-width:991px) {
.ao-bking-section > .row { margin: 0px; display: block; }
.ao-bking-section-left-clr { width: 100%;  max-width: 100%; }
.ao-bking-section-right-clr {background-color: #edb793; max-width: 100%; }
.ao-bking-contact-info { margin-bottom: 30px; }

}

@media only screen and (max-width:767px) {  
.ao-bking-fm-bx { margin: 0px -12px; }
}




.ao-head-section  { margin-bottom:40px; }
.ao-head-section h2 { font-family:Outfit; font-size:48px; font-weight:400; color:#222; margin:0px; }
.ao-head-section p { font-family:Outfit; font-size:20px; font-weight:400; color:#555; margin:0px; }


.ao-our-team1-wrap { padding: 120px 0px; }
.ao-our-team1-box { position: relative; overflow: hidden; margin-bottom:30px;  }
.ao-our-team1-pic { position: relative; overflow: hidden; text-align:center; }
/* .ao-our-team1-pic img { max-width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius:0; } */
.ao-our-team1-info { position:absolute; bottom:-100%; left: 0px; width: 100%; padding:20px; background:#1e1b1a; transition: all 0.5s linear;  }
.ao-our-team1-box:hover .ao-our-team1-info { position:absolute; bottom:0px; }
.ao-our-team1-box:hover .ao-our-team1-name { font-family:Outfit; font-size:24px; font-weight:400; color:#fff; margin:0px; }
.ao-our-team1-box:hover .ao-our-team1-job { font-family:Outfit; font-size:18px; font-weight:400; color:#fff; margin:0px; }

.ao-our-team2-wrap { padding: 120px 0px; }
.ao-our-team2-box { position: relative; overflow: hidden; margin-bottom:30px;  }
.ao-our-team2-pic { position: relative; overflow: hidden; margin-bottom:20px; }
.ao-our-team2-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius:0; }
.ao-our-team2-info { width: 100%; padding:20px; background:#F5F5F5; transition: all 0.5s linear; }
.ao-our-team2-box .ao-our-team2-name { font-family:Outfit; font-size:24px; font-weight:400; color:#222; margin:0px; }
.ao-our-team2-box .ao-our-team2-job { font-family:Outfit; font-size:18px; font-weight:400; color:#555; margin:0px; }


.ao-our-team3-wrap { padding: 120px 0px; }
.ao-our-team3-box { position: relative; overflow: hidden; margin-bottom:30px;  }
.ao-our-team3-pic { position: relative; overflow: hidden; margin-bottom:0px; }
.ao-our-team3-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius:0; }
.ao-our-team3-info { position:absolute; left:0px; bottom:0px; width:calc(100% - 40px); padding:15px 20px; background:#F5F5F5; transition: all 0.5s linear; margin:0px 20px 40px; }
.ao-our-team3-box .ao-our-team3-name { font-family:Outfit; font-size:24px; font-weight:400; color:#222; margin:0px; }
.ao-our-team3-box .ao-our-team3-job { font-family:Outfit; font-size:18px; font-weight:400; color:#555; margin:0px; }

@media only screen and (max-width:767px) {  
.ao-our-team3-pic img { max-width:max-content; height:auto; border-radius:0; }
}



/*Marquee Css*/
.ao-marquee-slide-bx-wrap .list-wrpaaer{height: 70px;}
.ao-marquee-slide-bx-wrap #marquee-horizontal { margin:0px; display: flex;align-items: center; list-style:none; }
.ao-marquee-slide-bx-wrap #marquee-horizontal > li { font-size:16px; line-height: 70px; color:#fff; position:relative; white-space:nowrap; }
.ao-marquee-slide-bx-wrap #marquee-horizontal > li .ao-marquee-slide-bx:after { content:""; position:absolute; top:5px; left:-20px;background-image: url(../images/home-3/mar-imag.png); background-repeat: no-repeat; height: 60px; width: 41px; } 

.ao-marquee-slide-bx{display: inline-flex;padding: 0 50px; background: #000; border-radius: 10px;}


/*Testimonial Section*/
.ao-testimonial-n3-wrap{background-color: #fff; padding: 120px 0px 90px;}
.section-title-columst1-wrap{margin-bottom: 50px;}
.section-title-columst1 h1{color: #000; font-size: 50px; margin-bottom: 20px;}
.section-title-columst1-info p{color: #000; font-size: 20px; margin-bottom: 0px;}

.ao-testimonial-n3-slider-section { overflow: hidden; margin-left: 50px; margin-right:-15vw}
.ao-testimonial-n3-bx { background-color: #e6e6e6; padding: 30px;}
.ao-testimonial-n3-bx .ao-testimonial-n3-title{font-size: 20px; margin: 0px 0px 10px 0px;}
.ao-testimonial-n3-bx .ao-testimonial-n3-author{display: flex; align-items: center; margin-bottom: 30px;}
.ao-testimonial-n3-bx .ao-testimonial-n3-author img{width: 72px; height: 72px; min-width: 72px; border-radius: 50%; margin-right: 20px;}
.ao-testimonial-n3-bx .ao-testimonial-n3-author span{color: #000; font-size: 20px;}

@media only screen and (max-width:767px) {  
.ao-testimonial-n3-slider-section { overflow: hidden; margin-left: 0;  margin-right: 0; padding: 0px 15px;  }
}



/*Verticle Slider*/
.v-swiper-main-wrap{background-color: #fff;}
.v-swiper-left-section{background-image: url(../images/home-3/v-testimonial-bg.jpg); background-repeat: repeat; padding: 60px 0px 60px;}
.v-swiper-outer { max-width: 648px; margin-left: auto; padding: 0px 40px 0px 12px;}

.swiper-container-style, .v-swiper-container {width: 100%; height:600px; overflow:hidden;}
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function : linear;}

.ao-v-slide-bx {margin:30px 0px; border-bottom: 1px solid #050505; padding-bottom: 20px;}
.ao-v-slide-bx .ao-v-slide-bx-title{font-size: 20px; margin: 0px 0px 10px 0px;}
.ao-v-slide-bx .ao-v-slide-bx-author{display: flex; align-items: center; margin-bottom: 30px;}
.ao-v-slide-bx .ao-v-slide-bx-author img{width: 72px; height: 72px; min-width: 72px; border-radius: 50%; margin-right: 20px;}
.ao-v-slide-bx .ao-v-slide-bx-author span{color: #000; font-size: 20px;}
.ao-v-slide-bx .ao-v-slide-bx-info p{color: #000; font-size: 14px; margin-bottom: 0px;}

.v-swiper-right-section{max-width: 648px; margin-right: auto; padding: 0px 0px 0px 40px; display: flex; align-items: center; height: 100%;}
.v-swiper-right-section-inner .v-swiper-right-title{color: #000; font-size: 50px; margin-bottom: 20px;}
.v-swiper-right-section-inner p{font-size: 18px;}

@media only screen and (max-width:767px) { 

.v-swiper-outer { max-width: 100%; margin-left: 0; padding: 0px 30px 0px 30px; }

}

@media only screen and (max-width:575px) { 

.swiper-container-style, 
.v-swiper-container {width: 100%; height:800px; overflow:hidden;}
    
}


/*Team Section*/
.ao-v-team-wrap{background-color: #fff; padding: 120px 0px 90px;}
.ao-section-head-n3{margin-bottom:20px;}

.ao-section-head-title-n3 .ao-title-n3{font-size: 40px; color: #000; margin-bottom: 20px; margin-top: 0px;}
.ao-section-head-title-n3 .ao-title-n3 span{color: #1CC1A6; font-weight: 700; font-size: 60px;}

.ao-section-head-title-n3  p{font-size: 20px; color: #000; margin:0px; }

.ao-section-head-info-n3 {text-align: right; overflow: hidden;}
.ao-section-head-info-n3 .ao-section-head-info-n3-title{font-size: 32px; color: #000; font-weight: 600; display: inline-block; position: relative; margin-top: 0px; }
.ao-section-head-info-n3 .ao-section-head-info-n3-title:after{
    content: '';
    position: absolute;
    width: 1024px;
    height: 1px;
    background-color: #000;
    top:50%;
    transform: translateY(-50%);
    right: 110%;
}


.ao-team-n3-wrap { background-color: #f2f2f2; }


.ao-team-n3-bx .ao-team-n3-bx-media img{width: 100%; border-radius: 20px;}
.ao-team-n3-bx .ao-team-n3-bx-info{text-align: center; padding: 50px; height: 500px; display: flex; flex-direction: column; justify-content: center;}
.ao-team-n3-bx .ao-team-n3-bx-info .ao-team-n3-title{font-size: 36px; color: #000; font-weight: 800; margin: 0px 0px 12px 0px;}
.ao-team-n3-bx .ao-team-n3-bx-info .ao-team-n3-subtitle{font-size: 24px; color: #1CC1A6; display: block; margin-bottom: 20px;}
.ao-team-n3-bx .ao-team-n3-bx-info p{font-size: 24px; color: #000; margin-bottom: 30px;}

.ao-team-n3-bx .ao-team-n3-bx-info .ao-team-n3-social{margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center;}
.ao-team-n3-bx .ao-team-n3-bx-info .ao-team-n3-social li a{padding: 0px 10px;}


.ao-team-n3-wrap > .row [class*='col-']:nth-child(even) .ao-team-n3-bx{display: flex; flex-direction: column-reverse;}



.ao-appointment-form-wrap { background:#e8e8e8; padding:120px 0px; }
.ao-appoint1-media { background:#ddd; border-radius:20px; overflow:hidden; }
.ao-appoint1-media { background:#ddd; border-radius:20px; }
.ao-appoint1-form { background:#ddd; border-radius:10px; padding:35px; }
.ao-appoint1-form .ao-form-control { width:100%; height: 54px; }
.ao-appoint1-form .mb-40 { margin-bottom:40px; }
.ao-appoint1-form .ao-form-textarea { height:200px; }
.ao-appoint1-form .site-button-1 { width:100%; }



.site-button-1 { outline: none; color: #fff; padding: 14px 30px; letter-spacing: 1px; position: relative;
    cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border: none; font-size: 16px;
    transition: 0.5s all ease; border-radius:10px;font-weight: 600; background:#1dc1a6; }
.site-button-1:hover { background:#1dc1a6; }


/*Testimonial Section*/
.ao-testimonial-n3-wrap{background-color: #fff; padding: 120px 0px 90px;}
.section-title-columst1-wrap { margin-bottom: 50px;}
.section-title-columst1 h1  { color: #000; font-size: 50px; margin-bottom: 20px;}
.section-title-columst1-info p { color: #000; font-size: 20px; margin-bottom: 0px;}

.ao-testimonial-n4-slider-section{overflow: hidden; margin-left: 50px; }
.ao-testimonial-n4-bx { background-color: #e6e6e6; padding: 30px;}
.ao-testimonial-n4-bx .ao-testimonial-n4-title{font-size: 20px; margin: 0px 0px 10px 0px;}
.ao-testimonial-n4-bx .ao-testimonial-n4-author{display: flex; align-items: center; margin-bottom: 30px;}
.ao-testimonial-n4-bx .ao-testimonial-n4-author img{width: 72px; height: 72px; min-width: 72px; border-radius: 50%; margin-right: 20px;}
.ao-testimonial-n4-bx .ao-testimonial-n4-author span{color: #000; font-size: 20px;}


/*01 Css Start======================================*/

/*ready to get section*/
.ao-ready-get-section-wrap {background-image:url(../images/home-3/black-pattern.jpg); padding:0px;}

.ao-ready-get-section > .row{display: flex; flex-wrap: wrap; align-items: center;}

.ao-ready-get-section-info .ao-ready-get-section-title{font-size: 40px; color: #fff; margin: 0px 0px 30px 0px;}
.ao-ready-get-section-info p{font-size: 20px; color: #fff; margin-bottom: 30px;}

.ao-n3-social{margin: 0px; padding: 0px; display: flex; align-items: center;}
.ao-n3-social li a{padding: 0px 30px 0px 0px; display: inline-block;}
.ao-n3-social li a img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7480%) hue-rotate(153deg) brightness(107%) contrast(107%);}


.ao-ready-get-section-right{position: relative; z-index: 1; margin-left: 30px;}
.ao-ready-get-section-right .ao-ready-get-form-bg{position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}


.ao-ready-get-form{padding: 40px; border-radius: 20px; background-color: rgba(226, 239, 232, 0.12); position: relative; backdrop-filter: blur(10px); margin-left: 145px;}
.ao-ready-get-form .ao-ready-get-form-title{color: #fff; font-size: 32px; margin: 0px 0px 30px 0px;}
.ao-ready-get-form-input{margin-bottom: 20px; }
.ao-ready-get-form-input input{height:52px; font-size: 20px; color: #fff; border: none; border-radius: 10px; padding: 0px 20px; width: 100%;
background-color: rgba(255,255,255,0.1);}
.ao-ready-get-form-button button{background-color: #E0204F; font-size: 20px; color: #fff; border-radius: 10px; border: none; padding: 14px 35px; position: relative; z-index: 1; transition: 0.5s; display: block; width: 100%;}
.ao-ready-get-form-button button:hover{color: #E0204F; background-color: #fff;}
.ao-ready-get-form-input input::placeholder{font-size: 20px;color:rgba(255,255,255,0.8);font-weight: 400;}


@media only screen and (max-width:767px){
    .ao-ready-get-form{margin-left: 0px;}
    .ao-ready-get-section-right{margin-left: 0px;}
    .ao-ready-get-section-right .ao-ready-get-form-bg {position: relative; left: 30px; top: auto; transform: inherit; bottom: -70px; margin-top: -40px;}
}
@media only screen and (max-width:480px){
    .ao-ready-get-section-right .ao-ready-get-form-bg {width: calc(100% - 30px)}
}


/*Team Style 3*/

.ao-team-st3-wrap{background-image:url(../images/home-3/black-pattern.jpg); padding:0px 0px 90px;}

.section-title-columst2-wrap{margin-bottom: 50px;}
.section-title-columst2-wrap > .row{display: flex; align-items: end;}
.section-title-columst2 h4{color: #fff; font-size: 30px; margin: 0px 0px 20px 0px;}
.section-title-columst2 h1{color: #fff; font-size: 50px; margin:0px;}
.section-title-columst2-info p{color: #fff; font-size: 20px; margin-bottom: 0px;}

.ao-team-st3-bx .ao-team-st3-bx-media{margin-bottom: 30px; border: 3px solid #fff; border-radius: 20px; overflow: hidden;}
.ao-team-st3-bx .ao-team-st3-bx-media img{width: 100%; cursor: pointer;}
.ao-team-st3-bx .ao-team-st3-bx-info{display: flex; flex-direction: column;}
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-n3-title{font-size: 24px; color: #fff; font-weight: 800; margin: 0px 0px 12px 0px;}
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-st3-bx-info-inr{font-size: 24px; color: #fff; margin-bottom: 0px;}
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-st3-bx-info-inr span{padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff;}
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-st3-bx-info-inr span:last-child{padding-right: 0px; margin-right: 0px; border-right: 0px;}

.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-n3-social { margin:30px 0px 0px 0px; padding: 0px; display: flex; align-items: center; list-style-type:none; }
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-n3-social li a { margin: 0px 20px 0px 0px; color:#fff; display: inline-block;}
.ao-team-st3-bx .ao-team-st3-bx-info .ao-team-n3-social li a  img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7480%) hue-rotate(153deg) brightness(107%) contrast(107%);}


.arrow-slide-btn .owl-nav{display: flex; justify-content: center;}
.arrow-slide-btn.owl-carousel .owl-nav .owl-next,
.arrow-slide-btn.owl-carousel .owl-nav .owl-prev{width: 44px; height: 44px; background-color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; margin: 0px 2px;}

.arrow-slide-btn.owl-carousel .owl-nav .owl-next:hover,
.arrow-slide-btn.owl-carousel .owl-nav .owl-prev:hover{background-color: #484848; color: #fff;}

.arrow-slide-btn.arrow-slide-btn-mid-center.owl-carousel .owl-nav .owl-next{position: absolute; right: -22px; top: 130px;}
.arrow-slide-btn.arrow-slide-btn-mid-center.owl-carousel .owl-nav .owl-prev{position: absolute; left: -22px; top: 130px;}








.sf-icon-tagg .elementor-icon-box-wrapper { display:flex; align-items:center; }
.sf-icon-tagg .elementor-icon-box-wrapper .elementor-icon-box-icon { margin:0px 15px 0px 0px !important; }
.sf-icon-tagg .elementor-icon-box-wrapper .elementor-icon-box-title { margin:0px 0px 0px 0px !important; }


.form-area.contact-two .buttons input { background:var(--primary-color); }
.form-area.contact-two .buttons input:hover { background:#fff; color:var(--primary-color); }
.dreamit-button .button { border: var(--primary-color); }
.spaclub-main-menu.main.menu a.dtbtn:hover { color:var(--primary-color); }
   
/*Cliet isssue*/

.transprent-menu a.dtbtn { border-color:var(--primary-color); color: #fff; }
.top-right-menu span::before { background:var(--primary-color); }
.service_item.style_one .sap-details-button a { background:var(--primary-color); }
.nav-btn.navSidebar-button i { background:var(--primary-color); }
#scrollUp, #scrollUp:hover { background:var(--primary-color); }
.spaclub-main-menu.transprent-menu a.dtbtn:hover { border-color:var(--primary-color); color:var(--primary-color); }


.ao-team-n3-bx.team-bottom-image { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }

.ao-appoint1-form .mb-40 { margin-bottom: 20px; } 


.ao-tw-fte-news-l-wrap{max-width: 856px;}
.ao-tw-fte-news-l-wrap .ao-tw-fte-news-l-content{display: flex; border: 1px solid #fff; border-radius: 50px; position: relative; padding: 5px;}
.ao-tw-fte-news-l-wrap input{background-color: transparent; border: 0px; width: 100%; font-size: 14px; font-weight: 500; padding: 0px 30px; color: #fff;}
.ao-tw-fte-news-l-wrap input:focus{outline: none !important;}
.ao-tw-fte-news-l-wrap input::placeholder{color: #fff;}
.ao-tw-fte-news-l-wrap button{border-radius: 100px; text-transform: uppercase; background-color: #FD866E; padding: 12.5px 35px !important; border: none; font-family: "Baskervville", serif; font-size: 14px; color: #fff; cursor: pointer;}

































.owl-carousel .owl-item .teasti-quote-icon img { display: block; width: auto;}
.owl-carousel .owl-item .feature-box-icon img { display: block; width: auto;}




/* All Themes Styles */


.ft-reveal { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: flex; visibility: hidden; overflow: hidden; }
.ft-reveal img {  animation: 0.5s ease-in-out; }
.ft-image-anime { position: relative; overflow: hidden; overflow-x: hidden !important; }
.ft-image-anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.ft-image-anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { border: 1px solid #B09557; background: #B09557; color: #ffffff; }
.ui-datepicker-title select { border: 1px solid #B09557; }
.ui-widget.ui-widget-content { border-color: #B09557 !important; }


/* All Themes Styles End */


/* ============================== */
/* THEME 4 */
/* ============================== */

/* Theme 4 Styles */
.theme-4 {
    font-family: "Outfit", sans-serif;
    color: #737373;
    overflow-x: hidden;
}

.theme-4 .ft-outfit {
    font-family: "Outfit", sans-serif;
}

.theme-4 .ft-baskervville {
    font-family: "Baskervville", serif;
}

.theme-4 .ft-btn-main {
    font-weight: 500;
    transition: 0.5s ease-in-out !important;
    font-size: 14px;
    padding: 16px 48px;
    border-radius: 12px;
    color: #FFFFFF;
    background-color: #738B69;
    border: 1px solid #738B69 !important;
}

.theme-4 .ft-fs-text,
.theme-4 .ft-fc-text,
.theme-4 .ft-db-text,
.theme-4 .ft-db-off {
    color: #ffffff;
}

.theme-4 .ft-btn-main:hover {
    color: #ffffff;
    background-color: #4a5d42;
}

.theme-4 .ft-page-desc {
    font-size: 14px;
    text-transform: uppercase;
    color: #738B69;
}

.theme-4 .ft-page-title {
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}

.theme-4 .fpt-dark {
    color: #151515;
}

.theme-4 .ft-text-dark {
    color: #151515;
}

.theme-4 .ft-sec-grid .ft-page-title {
    color: #151515;
}

/* Theme 1 Styles End */

/* Header Starts */
.theme-4 .ft-header {
    position: relative;
    background-image: url(../img/header-bg.png);
    background-size: cover;
    background-position: top center;
}

.theme-4 .ft-header .navbar {
    position: relative;
    z-index: 999;
    background-color: #ffffff !important;
}

.theme-4 .ft-search-box .form-control {
    border: 1px solid #151515;
    color: #ffffff;
    background-color: #252525;
}

.theme-4 .ft-search-box .form-control::placeholder {
    color: #ffffff;
}

.theme-4 .ft-search-box {
    position: absolute;
    top: 100%;
    right: 10px;
    display: none;
    width: 250px;
    background: #151515;
    border: 1px solid #151515;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.theme-4 .ft-nav-btn {
    background-color: #ffffff !important;
    border: 1px solid #738B69 !important;
    border-radius: 12px;
    padding: 18px 30px;
    font-size: 14px;
    font-weight: 500;
    color: #738B69 !important;
    line-height: 129%;
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-hb-text {
    color: #ffffff;
}

.theme-4 .ft-nav-btn:hover {
    background-color: #738B69 !important;
    color: #ffffff !important;
}

.theme-4 .ft-header .nav-link {
    padding: 8px 24px !important;
    transition: 0.3s ease-in-out;
    color: #000000;
}

.theme-4 .ft-header .nav-link:hover {
    color: #738B69 !important;
}

.theme-4 .ft-header .navbar-toggler {
    border-radius: 0;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.theme-4 .ft-header .navbar-toggler svg {
    height: 24px;
    width: 24px;
}

/* Header Ends */

/* Hero Section Starts */

.theme-4 .ft-header {
    display: flex;
    flex-direction: column;
}

.theme-4 .ft-hero-content {
    background-color: #F0EFEB;
}

.theme-4 .ft-hero-content .ft-page-title {
    text-transform: uppercase;
}

.theme-4 .ft-hero-leaves {
    width: 200px;
    position: absolute;
    padding: 0;
    top: 10px;
    left: -40px;
}

/* Hero Section Ends */

/* Footer Starts */

.theme-4 .ft-footer {
    background-color: #0D0126;
}

.theme-4 .ft-footer-left {
    background-color: #738B69;
    padding: 32px 24px;
}

.theme-4 .ft-fl-logo {
    height: 25px;
}

.theme-4 .ft-fl-title {
    color: #ffffff;
    font-size: 28px;
}

.theme-4 .ft-footer-contact {
    color: #ffffff;
    line-height: 130%;
}

.theme-4 .ft-footer-gallery {
    column-gap: 16px;
    row-gap: 12px;
}

.theme-4 .ft-fg-cont {
    flex-basis: 120px;
    flex-grow: 1;
}

.theme-4 .ft-fg-img {
    height: 130px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.theme-4 .ft-fb-title {
    font-size: 32px;
}

.theme-4 .ft-fn-btn {
    border-radius: 100px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    padding: 12.5px 35px !important;
}

.theme-4 .ft-fn-inp {
    font-weight: 400 !important;
    font-family: "Outfit", sans-serif;
    background-color: transparent !important;
    font-size: 16px !important;
    box-shadow: none !important;
    border-radius: 100px !important;
    border: 1px solid #ffffff !important;
    padding: 17px 160px 17px 36px !important;
    color: #ffffff !important;
}

.theme-4 .ft-fn-inp::placeholder {
    color: #ffffff !important;
}

.theme-4 .ft-footer-icon {
    cursor: pointer;
}

.theme-4 .ft-footer-icon circle,
.theme-4 .ft-footer-icon path {
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-footer-icon circle {
    stroke: #ffffff;
    fill: transparent;
}

.theme-4 .ft-footer-icon path {
    fill: #ffffff;
}

.theme-4 .ft-footer-links-bottom .ft-footer-icon circle {
    stroke: #ffffff;
    fill: #ffffff;
}

.theme-4 .ft-footer-links-bottom .ft-footer-icon path {
    fill: #738B69;
}

.theme-4 .ft-footer-icon:hover circle {
    stroke: #ffffff;
    fill: #ffffff;
}

.theme-4 .ft-f-title {
    color: #ffffff;
    font-weight: 400;
}

.theme-4 .ft-footer-links a {
    color: #ffffff;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-fb-title {
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 4px;
}

.theme-4 .ft-footer-links a:hover {
    color: #738B69 !important;
}

.theme-4 .ft-footer-icon:hover path {
    fill: #738B69;
}

/* Footer Ends */

/* Sessions Section Starts */


.theme-4 .ft-sec-sessions .ft-leaf-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 115px;
}


.theme-4 .ft-sec-sessions .ft-leaf-2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95px;
}

.theme-4 .ft-sec-sessions .ft-page-title {
    color: #151515;
}

.theme-4 .ft-sessions-list {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.theme-4 .ft-sl-item {
    padding-top: 40px;
    border-top: 1px solid #BFBFBF;
}


/* Sessions Section Ends */


/* Nurturing Section Starts */
.theme-4 .ft-sn-box {
    background-color: #F0EFEB;
    border-radius: 40px;
    padding: 50px 40px;
    position: relative;
}

.theme-4 .ft-sec-nurturing .ft-page-title {
    color: #151515;
}

.theme-4 .ft-snb-grid {
    height: 590px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 18px;
}

.theme-4 .ft-snb-div1 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
}

.theme-4 .ft-snb-div2 {
    grid-column: span 2 / span 2;
    grid-row: span 4 / span 4;
    grid-column-start: 4;
}

.theme-4 .ft-snb-div3 {
    grid-column: span 3 / span 3;
    grid-row-start: 4;
}

.theme-4 .ft-snb-div3 {
    grid-row-start: 4;
}

.theme-4 .ft-snb-img {
    object-position: top center;
    width: 100%;
    border-radius: 22px;
    height: 100%;
    object-fit: cover;
}

.theme-4 .ft-snbn-blob {
    position: relative;
    width: 90px;
}

.theme-4 .ft-snbn-text-1 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 800;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.theme-4 .ft-snbn-text-2 {
    font-size: 20px;
    color: #151515;
}

.theme-4 .ft-btn-snb {
    border-color: #0D0126;
    background-color: #0D0126;
}

.theme-4 .ft-btn-snb:hover {
    border-color: #0D0126;
    color: #0D0126;
    background-color: #ffffff;
}

.theme-4 .ft-snb-flower {
    width: 210px;
    position: absolute;
    z-index: 1;
    left: 12px;
    top: -30px;
}

.theme-4 .ft-ss-service {
    position: relative;
}

.theme-4 .ft-ss-leaf-1 {
    width: 215px;
    position: absolute;
    left: -10px;
    top: 0;
    transform: translateY(-60%);
}

.theme-4 .ft-ss-leaf-2 {
    width: 215px;
    position: absolute;
    right: -10px;
    top: 0;
    transform: translateY(-60%);
}

/* Nurturing Section Ends */


/* Services Section Starts */

.theme-4 .ft-sec-services .ft-page-title {
    color: #151515;
}

.theme-4 .ft-ss-service {
    text-align: center;
}

.theme-4 .ft-ss-text-1 {
    font-size: 24px;
    color: #151515;
}

.theme-4 .ft-ss-img {
    width: 100%;
}

/* Services Section Ends */

/* Treatments Section Starts */
.theme-4 .ft-sec-treatments {
    background-color: #0D0126;
    padding: 44px 0 0;
    margin-top: 225px;
}

.theme-4 .ft-sec-treatments .ft-page-title {
    color: #ffffff;
}

.theme-4 .ft-st-text-1 {
    font-size: 32px;
    line-height: 130%;
    color: #151515;
}

.theme-4 .ft-st-list-item {
    gap: 12px;
}

.theme-4 .ft-st-list {
    gap: 24px;
    color: #ffffff;
    font-size: 16px;
}


.theme-4 .ft-st-woman-cont {
    width: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.theme-4 .ft-st-woman-img {
    width: 100%;
}

/* Treatments Section Ends */



/* Testimonials Section Starts */
.theme-4 .ft-st-box-1 {
    padding: 50px;
    border-radius: 32px;
    background-color: #738B69;
}

.theme-4 .ft-sec-testimonials .ft-page-title,
.theme-4 .ft-sec-testimonials .ft-page-desc {
    color: #ffffff;
}

.theme-4 .ft-st-img {
    border-radius: 32px;
}

.theme-4 .ft-st-box-2 {
    padding: 32px 26px;
    border-radius: 40px;
    background-color: #0D0126;
    position: absolute;
    width: 465px;
    right: 50px;
    top: 50px;
    z-index: 1;
    max-width: 100%;
}

.theme-4 .ft-str-user-img {
    height: 100px;
    width: 100px;
    border-radius: 22px;
    object-fit: cover;

}

.theme-4 .ft-str-user-review {
    color: #ffffff;
}

.theme-4 .ft-str-user-name {
    font-size: 24px;
    color: #ffffff;
}

.theme-4 .ft-str-leaf {
    height: 130px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-40%, -40%);
}

/* Testimonials Section Ends */

/* Blogs Section Starts */

.theme-4 .ft-page-title {
    color: #151515;
}

.theme-4 .ft-hp-img {
    width: 100%;
    aspect-ratio: 40/28;
    border-radius: 30px;
    object-fit: cover;
}

.theme-4 .ft-hp-line {
    width: 3px;
    background-color: #738B69;
}

.theme-4 .ft-home-post:nth-child(2) .ft-hp-img {
    aspect-ratio: 40/36;
}

.theme-4 .ft-hp-title {
    color: #151515;
    font-size: 24px;
}

/* Blogs Section Ends */

/* Contact Section Starts */

.theme-4 .ft-sec-contact .ft-page-title {
    color: #151515;
}

.theme-4 .ft-sc-box-1 {
    background-color: #F7F6F2;
    border-radius: 60px;
}

.theme-4 .ft-scb-contacts {
    gap: 20px;
}

.theme-4 .ft-scb-contact {
    gap: 20px;
}

.theme-4 .ft-scb-border {
    height: 1px;
    background-color: rgba(176, 149, 87, 0.25);
}

.theme-4 .ft-scbc-label,
.theme-4 .ft-scbc-value {
    line-height: 130%;
}


.theme-4 .ft-scbc-label {
    font-size: 16px;
    color: #777777;
}

.theme-4 .ft-scb-icon {
    border: 1px solid transparent;
    border-radius: 100px;
    transition: 0.5s ease-in-out;
}


.theme-4 .ft-scb-contact:hover .ft-scb-icon {
    border: 1px solid #151515;
}

.theme-4 .ft-scbc-value {
    font-size: 22px;
    color: #272727;
    font-weight: 500;
    text-decoration: none;
}

.theme-4 .ft-sc-form-box .ft-page-title {
    color: #ffffff;
}

.theme-4 .ft-sc-form-box {
    padding: 52px 48px;
    background-color: #738B69;
    border-radius: 30px;
}

.theme-4 .ft-sc-inp {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: none !important;
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 0 !important;
}
.theme-4 textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background: transparent;
    padding-left: 25px;
    padding-top: 20px;
    height: 135px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 30px;
    color: #fff;
    transition: .5s;
  }

.ft-sc-form-box .ft-sc-row .col-12 p { margin:0px; }

.theme-4 .ft-sc-inp::placeholder {
    color: rgba(255, 255, 255, 0.46);
}

.theme-4 .ft-sc-form-box .ft-sc-btn {
    width: 100%;
    border-color: #000000;
    background-color: #000000;
}

.theme-4 .ft-sc-form-box .ft-sc-btn:hover {
    background-color: #738B69;
    border-color: #000000 !important;
}

/* Contact Section Ends */

/* Team Section Starts */

.theme-4 .ft-page-title {
    color: #151515;
}

.theme-4 .ft-stm-card {
    padding: 5px 5px 20px 5px;
    border-radius: 25px;
    background-color: #F0EFEB;
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-stm-name {
    font-size: 16px;
    font-weight: 700;
    color: #0D0127;
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-stm-designation {
    font-size: 14px;
    font-weight: 500;
    color: #738B69;
    transition: 0.5s ease-in-out;
}

.theme-4 .ft-stm-img {
    width: 100%;
    aspect-ratio: 7/9;
    border-radius: 25px;
    object-fit: cover;
}

.theme-4 .ft-stm-card:hover {
    background-color: #0D0126;
}


.theme-4 .ft-stm-card:hover .ft-stm-name,
.theme-4 .ft-stm-card:hover .ft-stm-designation {
    color: #ffffff;
}

/* Team Section Ends */
@media (max-width: 1200px) {
    .theme-4 .ft-grid-parent {
        height: 575px;
    }

    .theme-4 .ft-snb-grid {
        height: 800px;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }

    .theme-4 .ft-snb-div1 {
        grid-column: span 3 / span 3;
        grid-row: span 4 / span 4;
    }

    .theme-4 .ft-snb-div2 {
        grid-column: span 2 / span 2;
        grid-row: span 4 / span 4;
        grid-column-start: 4;
    }

    .theme-4 .ft-snb-div3 {
        grid-column: span 5 / span 5;
        grid-row-start: 5;
    }


    .theme-4 .ft-st-woman-cont {
        width: 400px;
    }

    .theme-4 .ft-st-box-2 {
        margin: 40px auto 0;
        position: relative;
        top: unset;
        right: unset;
    }

    .theme-4 .ft-st-img {
        height: 400px;
        object-fit: cover;
    }
}

@media (max-width: 992px) {

    .theme-4 .ft-scg-img {
        aspect-ratio: 1/1;
        height: auto;
    }

    .theme-4 .ft-hb-text-3 {
        font-size: 90px;
    }

    .theme-4 .ft-grid-parent {
        transform: unset;
        height: auto;
        grid-template-columns: repeat(2, 1fr);
        /* Change to 2 columns */
    }


    .theme-4 .ft-gp-div5 {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row: span 2;
    }

    .theme-4 .ft-gp-div6,
    .theme-4 .ft-gp-div7 {
        grid-column: span 1;
        grid-row: span 2;
        grid-column-start: auto;
    }

    .theme-4 .ft-gp-div7 {
        grid-column-start: 2;
    }

    .theme-4 .ft-gp-div8,
    .theme-4 .ft-gp-div9 {
        grid-column: span 1;
        grid-row: span 2;
        grid-column-start: auto;
    }

    .theme-4 .ft-gp-div9 {
        grid-column-start: 2;
    }

    .theme-4 .ft-header .navbar-nav {
        padding: 20px 0;
    }

    .theme-4 .ft-header .nav-link {
        padding: 8px 0 !important;
    }

    .theme-4 .ft-header .navbar-collapse {
        position: absolute;
        top: 85px;
        left: 50%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        transform: translateX(-50%);
        border-bottom: 5px solid #B09557;
    }

    .theme-4 .ft-search-box {
        right: unset;
        left: 0;
    }

    .theme-4 .ft-hp-img {
        aspect-ratio: 40/28 !important;
    }

    .theme-4 .ft-sc-info-box {
        border-radius: 20px 20px 0 0;
    }

    .theme-4 .ft-sc-ib-inner {
        border-radius: 20px 20px 0 0;
    }

    .theme-4 .ft-hero-leaves {
        width: 100px;
        left: -10px;
        top: 5px;
    }

    .theme-4 .ft-sec-treatments {
        padding: 400px 0 0;
        margin-top: 150px;
    }

    .theme-4 .ft-st-woman-cont {
        width: 400px;
        left: 50%;
        max-width: 100%;
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {

    .theme-4 .ft-hb-text-3 {
        font-size: 65px;
    }

    .theme-4 .ft-page-title {
        font-size: 38px;
    }

    .theme-4 .tab-pane .ft-page-title {
        gap: 12px;
    }

    .theme-4 .ft-snb-grid {
        height: 500px;
    }

    .theme-4 .ft-sn-box {
        padding: 30px 20px;
    }

    .theme-4 .ft-snb-flower {
        width: 150px;
    }
}

@media (max-width: 576px) {

    .theme-4 .ft-hb-text-3 {
        font-size: 48px;
    }

    .theme-4 .ft-page-title {
        font-size: 32px;
    }

    .theme-4 .ft-si-cont img {
        height: 980px;
    }

    .theme-4 .ft-discount-box {
        padding: 32px 24px;
    }

    .theme-4 .ft-video {
        height: 300px;
    }

    .theme-4 .ft-vid-play {
        height: 80px;
        width: 80px;
    }

    .theme-4 .ft-sc-form-box {
        padding: 30px 20px;
    }

    .theme-4 .ft-hero-leaves {
        left: 0px;
        top: 5px;
    }


    .theme-4 .ft-sec-sessions .ft-leaf-1 {
        top: -30px;
        width: 100px;
    }


    .theme-4 .ft-sec-sessions .ft-leaf-2 {
        bottom: -40px;
        width: 75px;
    }

    .theme-4 .ft-snb-numbers {
        flex-direction: column;
        width: fit-content;
    }

    .theme-4 .ft-ss-leaf-1,
    .theme-4 .ft-ss-leaf-2 {
        width: 50%;
    }

    .theme-4 .ft-st-box-1 {
        padding: 30px 20px;
    }
}

/* ============================== */
/* THEME 5 */
/* ============================== */

/* Theme 5 Styles */
.theme-5 {
    font-family: "Outfit", sans-serif;
    color: #737373;
/*     overflow-x: hidden; */
}

.theme-5 .ft-outfit {
    font-family: "Outfit", sans-serif;
}

.theme-5 .ft-baskervville {
    font-family: "Baskervville", serif;
}

.theme-5 .ft-btn-main {
    font-weight: 500;
    transition: 0.5s ease-in-out !important;
    font-size: 14px;
    padding: 16px 48px;
    border-radius: 12px;
    color: #FFFFFF;
    background-color: #716FCD;
    border: 1px solid #716FCD !important;
}

.theme-5 .ft-fs-text,
.theme-5 .ft-fc-text,
.theme-5 .ft-db-text,
.theme-5 .ft-db-off {
    color: #ffffff;
}

.theme-5 .ft-btn-main:hover {
    color: #716FCD;
    background-color: #ffffff;
}

.theme-5 .ft-page-desc {
    font-size: 14px;
    text-transform: uppercase;
    color: #FD866E;
}

.theme-5 .ft-page-title {
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}

.theme-5 .fpt-dark {
    color: #151515;
}

.theme-5 .ft-text-dark {
    color: #151515;
}

.theme-5 .ft-sec-grid .ft-page-title {
    color: #151515;
}

/* Theme 1 Styles End */

/* Header Starts */
.theme-5 .ft-header {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: top center;
}

.theme-5 .ft-header .navbar {
    position: relative;
    z-index: 999;
    background-color: #ffffff !important;
}

.theme-5 .ft-search-box .form-control {
    border: 1px solid #151515;
    color: #ffffff;
    background-color: #252525;
}

.theme-5 .ft-search-box .form-control::placeholder {
    color: #ffffff;
}

.theme-5 .ft-search-box {
    position: absolute;
    top: 100%;
    right: 10px;
    display: none;
    width: 250px;
    background: #151515;
    border: 1px solid #151515;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.theme-5 .ft-nav-btn {
    background-color: #ffffff !important;
    border: 1px solid #716FCD !important;
    border-radius: 12px;
    padding: 18px 30px;
    font-size: 14px;
    font-weight: 500;
    color: #716FCD !important;
    line-height: 129%;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-hb-text {
    color: #ffffff;
}

.theme-5 .ft-nav-btn:hover {
    background-color: #716FCD !important;
    color: #ffffff !important;
}

.theme-5 .ft-header .nav-link {
    padding: 8px 24px !important;
    transition: 0.3s ease-in-out;
    color: #000000;
}

.theme-5 .ft-header .nav-link:hover {
    color: #716FCD !important;
}

.theme-5 .ft-header .navbar-toggler {
    border-radius: 0;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.theme-5 .ft-header .navbar-toggler svg {
    height: 24px;
    width: 24px;
}

/* Header Ends */

/* Hero Section Starts */

.theme-5 .ft-hero-content {
    height: 920px;
    background-color: transparent;
    background-image: url(../img/t5-hero-bg.png);
    background-size: cover;
    background-position: bottom center;
}

.theme-5 .ft-header .ft-page-title {
    text-transform: uppercase;
    color: #ffffff;
}

.theme-5 .ft-hc-text {
    color: #ffffff;
}

.theme-5 .ft-hc-img-cont {
    width: 600px;
    max-width: 100%;
}

.theme-5 .ft-hc-img {
    width: 100%;
    border-radius: 0 0 116px 243px;
    margin-left: 50px;
    margin-bottom: 0px;
}

/* Hero Section Ends */

/* Footer Starts */

.theme-5 .ft-footer {
    background-color: #0D0126;
}

.theme-5 .ft-footer-left {
    background-color: #FD866E;
    padding: 32px 24px;
}

.theme-5 .ft-fl-logo {
    height: 25px;
}

.theme-5 .ft-fl-title {
    color: #ffffff;
    font-size: 28px;
}

.theme-5 .ft-footer-contact {
    color: #ffffff;
    line-height: 130%;
}

.theme-5 .ft-footer-gallery {
    column-gap: 16px;
    row-gap: 12px;
}

.theme-5 .ft-fg-cont {
    flex-basis: 120px;
    flex-grow: 1;
}

.theme-5 .ft-fg-img {
    height: 130px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.theme-5 .ft-fb-title {
    font-size: 32px;
}

.theme-5 .ft-fn-btn {
    border-radius: 100px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background-color: #FD866E;
    padding: 12.5px 35px !important;
}

.theme-5 .ft-fn-inp {
    font-weight: 400 !important;
    font-family: "Outfit", sans-serif;
    background-color: transparent !important;
    font-size: 16px !important;
    box-shadow: none !important;
    border-radius: 100px !important;
    border: 1px solid #ffffff !important;
    padding: 17px 160px 17px 36px !important;
    color: #ffffff !important;
}

.theme-5 .ft-fn-inp::placeholder {
    color: #ffffff !important;
}

.theme-5 .ft-footer-icon {
    cursor: pointer;
}

.theme-5 .ft-footer-icon circle,
.theme-5 .ft-footer-icon path {
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-footer-icon circle {
    stroke: #ffffff;
    fill: transparent;
}

.theme-5 .ft-footer-icon path {
    fill: #ffffff;
}

.theme-5 .ft-footer-links-bottom .ft-footer-icon circle {
    stroke: #ffffff;
    fill: #ffffff;
}

.theme-5 .ft-footer-links-bottom .ft-footer-icon path {
    fill: #FD866E;
}

.theme-5 .ft-footer-icon:hover circle {
    stroke: #ffffff;
    fill: #ffffff;
}

.theme-5 .ft-f-title {
    color: #ffffff;
    font-weight: 400;
}

.theme-5 .ft-footer-links a {
    color: #ffffff;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-fb-title {
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 4px;
}

.theme-5 .ft-footer-links a:hover {
    color: #FD866E !important;
}

.theme-5 .ft-footer-icon:hover path {
    fill: #FD866E;
}

/* Footer Ends */

/* Featured Section Starts */
.theme-5 .ft-sec-featured .ft-page-title {
    color: #151515;
}

.theme-5 .ft-sec-featured {
    background-image: url(../img/t5-featured-bg.png);
    padding: 250px 0 100px;
    background-size: cover;
    background-position: right bottom;
    margin-top: -200px;
    position: relative;
    z-index: 1;
}

.theme-5 .ft-sf-text-1 {
    font-size: 24px;
    color: #151515;
}

.theme-5 .ft-hero-leaf {
    height: 180px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(50%);
}

/* Featured Section Ends */

/* Marquee Section */

.theme-5 .ft-sec-marquee {
    background-color: #FD866E;
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
}

/* Marquee Section Ends */

/* Immerse Section Starts */

.theme-5 .ft-sil-img-cont {
    width: 100%;
}

.theme-5 .ft-sil-img {
    width: 100%;
}

.theme-5 .ft-sil-play {
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.theme-5 .ft-sil-play path {
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-sil-play:hover .ft-sil-play-1 {
    fill: #716FCD;
}

.theme-5 .ft-sil-play:hover .ft-sil-play-3 {
    fill: #ffffff;
}

.theme-5 .ft-sil-leaf {
    height: auto;
    object-fit: contain;
    width: 100px;
}

.theme-5 .ft-sec-immerse .ft-page-title {
    color: #151515;
}

.theme-5 .ft-sil-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.theme-5 .ft-sir-img {
    border-radius: 300px;
}

.theme-5 .ft-sir-flower {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Immerse Section Ends */

/* Big Section Starts */

.theme-5 .ft-sec-big {
    position: relative;
    background-color: #F5F0ED;
}

.theme-5 .ft-sec-big .ft-page-title {
    color: #151515;
}

.theme-5 .ft-snbn-blob {
    position: relative;
    width: 90px;
}

.theme-5 .ft-snbn-text-1 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 800;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.theme-5 .ft-snbn-text-2 {
    font-size: 20px;
    color: #151515;
}

.theme-5 .ft-sb-img-2 {
    width: 100%;
    border-radius: 999px;
}

.theme-5 .ft-sb-leaf {
    position: absolute;
    right: 0;
    top: 0;
    width: 215px;
    max-width: 30%;
    transform: translateY(-50%);
}

.theme-5 .ft-sb-line-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 530px;
    max-width: calc(100% - 100px);
    transform: translateY(-10%);
}

.theme-5 .ft-sb-line-2 {
    position: absolute;
    right: 0;
    top: 60%;
    width: 450px;
    max-width: calc(100% - 100px);
    transform: translateY(-10%);
}

.theme-5 .ft-sb-flower-1 {
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 70px;
    max-width: 30%;
}

.theme-5 .ft-sb-flower-2 {
    position: absolute;
    left: 30%;
    bottom: 5%;
    width: 70px;
    max-width: 30%;
}

/* Big Section Ends */

/* Testimonials Section Starts */
.theme-5 .ft-st-box-1 {
    padding: 50px;
    border-radius: 32px;
    background-color: #716FCD;
}

.theme-5 .ft-sec-testimonials .ft-page-title,
.theme-5 .ft-sec-testimonials .ft-page-desc {
    color: #ffffff;
}

.theme-5 .ft-st-img {
    border-radius: 32px;
}

.theme-5 .ft-st-box-2 {
    padding: 32px 26px;
    border-radius: 40px;
    background-color: #0D0126;
    position: absolute;
    width: 465px;
    right: 50px;
    top: 50px;
    z-index: 1;
    max-width: 100%;
}

.theme-5 .ft-str-user-img {
    height: 100px;
    width: 100px;
    border-radius: 22px;
    object-fit: cover;

}

.theme-5 .ft-str-user-review {
    color: #ffffff;
}

.theme-5 .ft-str-user-name {
    font-size: 24px;
    color: #ffffff;
}

.theme-5 .ft-str-leaf {
    height: 130px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-40%, -40%);
}

/* Testimonials Section Ends */

/* Contact Section Starts */

.theme-5 .ft-sec-contact .ft-page-title {
    color: #151515;
}

.theme-5 .ft-sc-box-1 {
    background-color: #F7F6F2;
    border-radius: 60px;
}

.theme-5 .ft-scb-contacts {
    gap: 20px;
}

.theme-5 .ft-scb-contact {
    gap: 20px;
}

.theme-5 .ft-scb-border {
    height: 1px;
    background-color: rgba(176, 149, 87, 0.25);
}

.theme-5 .ft-scbc-label,
.theme-5 .ft-scbc-value {
    line-height: 130%;
}


.theme-5 .ft-scbc-label {
    font-size: 16px;
    color: #777777;
}

.theme-5 .ft-scb-icon {
    border: 1px solid transparent;
    border-radius: 100px;
    transition: 0.5s ease-in-out;
}


.theme-5 .ft-scb-contact:hover .ft-scb-icon {
    border: 1px solid #151515;
}

.theme-5 .ft-scbc-value {
    font-size: 22px;
    color: #272727;
    font-weight: 500;
    text-decoration: none;
}

.theme-5 .ft-sc-form-box .ft-page-title {
    color: #ffffff;
}

.theme-5 .ft-sc-form-box {
    padding: 52px 48px;
    background-color: #706FCD;
    border-radius: 30px;
}

.theme-5 .ft-sc-inp {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: none !important;
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 0 !important;
}

.theme-5 .ft-sc-inp::placeholder {
    color: rgba(255, 255, 255, 0.46);
}

.theme-5 .ft-sc-form-box .ft-sc-btn {
    width: 100%;
    border-color: #FE866E;
    background-color: #FE866E;
}

.theme-5 .ft-sc-form-box .ft-sc-btn:hover {
    color: #FE866E;
    background-color: #ffffff;
    border-color: #FE866E !important;
}

.theme-5 .ft-stm-card {
    padding: 5px 5px 20px 5px;
    border-radius: 25px;
    background-color: #F0EFEB;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-name {
    font-size: 16px;
    font-weight: 700;
    color: #0D0127;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-designation {
    font-size: 14px;
    font-weight: 500;
    color: #738B69;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-img {
    width: 100%;
    aspect-ratio: 7/9;
    border-radius: 25px;
    object-fit: cover;
}

.theme-5 .ft-stm-card:hover {
    background-color: #0D0126;
}


.theme-5 .ft-stm-card:hover .ft-stm-name,
.theme-5 .ft-stm-card:hover .ft-stm-designation {
    color: #ffffff;
}

/* Contact Section Ends */

/* Team Section Starts */

.theme-5 .ft-page-title {
    color: #151515;
}

.theme-5 .ft-stm-card {
    padding: 5px 5px 20px 5px;
    border-radius: 25px;
    background-color: #F0EFEB;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-name {
    font-size: 16px;
    font-weight: 700;
    color: #0D0127;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-designation {
    font-size: 14px;
    font-weight: 500;
    color: #738B69;
    transition: 0.5s ease-in-out;
}

.theme-5 .ft-stm-img {
    width: 100%;
    aspect-ratio: 7/9;
    border-radius: 25px;
    object-fit: cover;
}

.theme-5 .ft-stm-card:hover {
    background-color: #0D0126;
}


.theme-5 .ft-stm-card:hover .ft-stm-name,
.theme-5 .ft-stm-card:hover .ft-stm-designation {
    color: #ffffff;
}

/* Team Section Ends */
/* Blogs Section Starts */

.theme-5 .ft-page-title {
    color: #151515;
}

.theme-5 .ft-hp-img {
    width: 100%;
    aspect-ratio: 40/28;
    border-radius: 30px;
    object-fit: cover;
}

.theme-5 .ft-hp-line {
    width: 3px;
    background-color: #738B69;
}

.theme-5 .ft-home-post:nth-child(2) .ft-hp-img {
    aspect-ratio: 40/36;
}

.theme-5 .ft-hp-title {
    overflow-x: hidden;
    color: #151515;
    font-size: 24px;
}

/* Blogs Section Ends */

@media (max-width: 1200px) {
    .theme-5 .ft-hero-content {
        background-image: linear-gradient(to right, rgba(17, 17, 74, 1), rgba(17, 17, 74, 0)), url(../img/t5-hero-bg.avif);
        height: auto;
    }

    .theme-5 .ft-hc-img {
        border-radius: 0;
        margin-left: 0;
    }

    .theme-5 .ft-sec-featured {
        margin-top: 0;
    }

    .theme-5 .ft-sec-featured {
        padding: 80px 0;
    }

    .theme-5 .ft-hero-leaf {
        transform: translateY(0%);
    }

    .theme-5 .ft-grid-parent {
        height: 575px;
    }

    .theme-5 .ft-snb-grid {
        height: 800px;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }

    .theme-5 .ft-snb-div1 {
        grid-column: span 3 / span 3;
        grid-row: span 4 / span 4;
    }

    .theme-5 .ft-snb-div2 {
        grid-column: span 2 / span 2;
        grid-row: span 4 / span 4;
        grid-column-start: 4;
    }

    .theme-5 .ft-snb-div3 {
        grid-column: span 5 / span 5;
        grid-row-start: 5;
    }


    .theme-5 .ft-st-woman-cont {
        width: 400px;
    }

    .theme-5 .ft-st-box-2 {
        margin: 40px auto 0;
        position: relative;
        top: unset;
        right: unset;
    }

    .theme-5 .ft-st-img {
        height: 400px;
        object-fit: cover;
    }
}

@media (max-width: 992px) {

    .theme-5 .ft-scg-img {
        aspect-ratio: 1/1;
        height: auto;
    }

    .theme-5 .ft-hb-text-3 {
        font-size: 90px;
    }

    .theme-5 .ft-grid-parent {
        transform: unset;
        height: auto;
        grid-template-columns: repeat(2, 1fr);
        /* Change to 2 columns */
    }


    .theme-5 .ft-gp-div5 {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row: span 2;
    }

    .theme-5 .ft-gp-div6,
    .theme-5 .ft-gp-div7 {
        grid-column: span 1;
        grid-row: span 2;
        grid-column-start: auto;
    }

    .theme-5 .ft-gp-div7 {
        grid-column-start: 2;
    }

    .theme-5 .ft-gp-div8,
    .theme-5 .ft-gp-div9 {
        grid-column: span 1;
        grid-row: span 2;
        grid-column-start: auto;
    }

    .theme-5 .ft-gp-div9 {
        grid-column-start: 2;
    }

    .theme-5 .ft-header .navbar-nav {
        padding: 20px 0;
    }

    .theme-5 .ft-header .nav-link {
        padding: 8px 0 !important;
    }

    .theme-5 .ft-header .navbar-collapse {
        position: absolute;
        top: 85px;
        left: 50%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        transform: translateX(-50%);
        border-bottom: 5px solid #B09557;
    }

    .theme-5 .ft-search-box {
        right: unset;
        left: 0;
    }

    .theme-5 .ft-hp-img {
        aspect-ratio: 40/28 !important;
    }

    .theme-5 .ft-sc-info-box {
        border-radius: 20px 20px 0 0;
    }

    .theme-5 .ft-sc-ib-inner {
        border-radius: 20px 20px 0 0;
    }

    .theme-5 .ft-hero-leaves {
        width: 100px;
        left: -10px;
        top: 5px;
    }

    .theme-5 .ft-sec-treatments {
        padding: 400px 0 0;
        margin-top: 150px;
    }

    .theme-5 .ft-sb-flower-1 {
        bottom: 00%;
        left: unset;
        right: 50%;
        transform: translateX(50%);
    }

    .theme-5 .ft-sb-flower-2 {
        bottom: 50%;
        left: unset;
        right: 0;
    }

    .theme-5 .ft-sb-line-2 {
        bottom: 0;
        top: unset;
    }

    .theme-5 .ft-st-woman-cont {
        width: 400px;
        left: 50%;
        max-width: 100%;
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {

    .theme-5 .ft-hb-text-3 {
        font-size: 65px;
    }

    .theme-5 .ft-page-title {
        font-size: 38px;
    }

    .theme-5 .tab-pane .ft-page-title {
        gap: 12px;
    }

    .theme-5 .ft-snb-grid {
        height: 500px;
    }

    .theme-5 .ft-sn-box {
        padding: 30px 20px;
    }

    .theme-5 .ft-snb-flower {
        width: 150px;
    }
}

@media (max-width: 576px) {

    .theme-5 .ft-hb-text-3 {
        font-size: 48px;
    }

    .theme-5 .ft-page-title {
        font-size: 32px;
    }

    .theme-5 .ft-si-cont img {
        height: 980px;
    }

    .theme-5 .ft-discount-box {
        padding: 32px 24px;
    }

    .theme-5 .ft-video {
        height: 300px;
    }

    .theme-5 .ft-vid-play {
        height: 80px;
        width: 80px;
    }

    .theme-5 .ft-sc-form-box {
        padding: 30px 20px;
    }

    .theme-5 .ft-hero-leaves {
        left: 0px;
        top: 5px;
    }


    .theme-5 .ft-sec-sessions .ft-leaf-1 {
        top: -30px;
        width: 100px;
    }


    .theme-5 .ft-sec-sessions .ft-leaf-2 {
        bottom: -40px;
        width: 75px;
    }

    .theme-5 .ft-snb-numbers {
        flex-direction: column;
        width: fit-content;
    }
	
	
	
	
	

    .theme-5 .ft-ss-leaf-1,
    .theme-5 .ft-ss-leaf-2 {
        width: 50%;
    }

    .theme-5 .ft-st-box-1 {
        padding: 30px 20px;
    }
}

.theme-5 .ft-sec-immerse .ft-page-title {
    margin-bottom: 20px;
  }
.theme-5 .ft-sec-immerse .abt-right-desc {
    margin-bottom:30px;
  }
  

.ao-icon-r-margin .elementor-icon-wrapper{
	display:flex;
	justify-content:center;
}


.theme-4 .ft-home-posts .ft-hp-top { margin-bottom:20px; }
.theme-4 .ft-home-posts .ft-hp-title { color: #151515; font-size: 24px; padding-left: 10px; margin: 0;  margin-bottom: 0px; }

.ao-foo-heading span { color:#1cc1a6; }

.wh-we-provide-heading { margin-bottom:30px !important; } 
.ao-what-we-col { margin-bottom:30px; }
.ao-what-we-title { margin-bottom: 10px !important; }
.ao-what-we-icon { margin-right:10px; }


.theme-5 .mb-0.abt-right-desc { margin-bottom: 20px !important; }

.theme-5 .d-flex.flex-column.gap-3.abt-top-part .top-abt-desc { margin-bottom:30px !important; }

.theme-5 .mb-0.bot-abt-desc { margin-bottom: 20px !important; }

.theme-4 .ft-ss-service .ft-ss-top { margin-bottom:25px; }

.theme-4 .ft-sc-form-box .ft-sc-inp::placeholder { color:#fff; opacity: 1; }
.theme-4 .wpcf7-form-control.form-control::placeholder  { color:#fff !important; opacity: 1; }
.theme-4 .wpcf7-form-control.wpcf7-text.form-control.ft-sc-inp::placeholder  { color:#fff !important; opacity: 1; }


.ao-ready-get-form input[type="text"]::placeholder { color:#fff !important;; opacity: 1; }
.ao-ready-get-form select::placeholder { color:#fff !important;; opacity: 1; }
.ao-ready-get-form .form-control::placeholder { color:#fff !important;; opacity: 1; }

.ao-ready-get-form #service_id { height: 52px; font-size: 20px; color: #fff; border: none; border-radius: 10px; padding: 0px 20px; width: 100%;
    background-color: rgba(255,255,255,0.1); }

.ao-bking-fm-bx .ao-bking-fm-input input::placeholder { color:#fff !important;; opacity: 1; }
.ao-bking-fm-bx .ao-bking-fm-input select::placeholder { color:#fff !important;; opacity: 1; }
.ao-bking-fm-bx .ao-bking-fm-input textarea::placeholder { color:#fff !important;; opacity: 1; }

.ao-appointment-fm-bx input::placeholder { color:#555 !important;; opacity: 1; }
.ao-appointment-fm-bx select::placeholder { color:#555 !important;; opacity: 1; }
.ao-appointment-fm-bx textarea::placeholder { color:#555 !important;; opacity: 1; }