@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

:root {--headerFonts: 'Cormorant Upright', serif ;--bodyFonts: 'Noto Sans', sans-serif ;--mainColor: #6b5c4c ;--titleColor: #620b0b ;--bodyColor: #4e4d4c ;--whiteColor: #ffffff ;--fontSize: 17px ;--transition: 0.5s}
body {padding: 0 ;margin: 0 ;line-height: 1.6 ;font-weight: 400 ;font-size: var(--fontSize) ;font-family: var(--bodyFonts)}
p {color: #222 ;margin-bottom: 10px;font-weight:300}
p:last-child {margin-bottom: 0}

a {display: inline-block ;-webkit-transition: var(--transition) ;transition: var(--transition) ;text-decoration: none;color:#b40901}
a:hover,
a:focus {text-decoration: none}

button {outline: 0 ;border: none}

button:focus {outline: 0 ;border: 0}

h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 700 ;color: #620b0b ;line-height: 1.4 ;font-family: var(--headerFonts)}

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

img {max-width: 100%}

.sticky{position: sticky;}

.big-text{font-size: 20px;font-style: italic;font-weight: 300;color:#492c2b;margin:20px 0 ;}

.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-30 { top: 30px; }
.top-35 { top: 35px; }
.top-40 { top: 40px; }
.top-45 { top: 45px; }
.top-50 { top: 50px; }
.top-55 { top: 55px; }
.top-60 { top: 60px; }
.top-65 { top: 65px; }
.top-70 { top: 70px; }
.top-75 { top: 75px; }
.top-80 { top: 80px; }
.top-85 { top: 85px; }
.top-90 { top: 90px; }
.top-95 { top: 95px; }
.top-100 { top: 100px; }

/* Padding Top */
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-75 { padding-top: 75px; }
.pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; }
.pt-90 { padding-top: 90px; }
.pt-95 { padding-top: 95px; }
.pt-100 { padding-top: 100px; }

/* Padding Bottom */
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-75 { padding-bottom: 75px; }
.pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; }
.pb-90 { padding-bottom: 90px; }
.pb-95 { padding-bottom: 95px; }
.pb-100 { padding-bottom: 100px; }

/* Padding Left */
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
.pl-65 { padding-left: 65px; }
.pl-70 { padding-left: 70px; }
.pl-75 { padding-left: 75px; }
.pl-80 { padding-left: 80px; }
.pl-85 { padding-left: 85px; }
.pl-90 { padding-left: 90px; }
.pl-95 { padding-left: 95px; }
.pl-100 { padding-left: 100px; }

/* Padding Right */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }
.pr-65 { padding-right: 65px; }
.pr-70 { padding-right: 70px; }
.pr-75 { padding-right: 75px; }
.pr-80 { padding-right: 80px; }
.pr-85 { padding-right: 85px; }
.pr-90 { padding-right: 90px; }
.pr-95 { padding-right: 95px; }
.pr-100 { padding-right: 100px; }

/* Margin Top */
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }

/* Margin Bottom */
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }

/* Margin Left */
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }
.ml-65 { margin-left: 65px; }
.ml-70 { margin-left: 70px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-85 { margin-left: 85px; }
.ml-90 { margin-left: 90px; }
.ml-95 { margin-left: 95px; }
.ml-100 { margin-left: 100px; }

/* Margin Right */
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }
.mr-65 { margin-right: 65px; }
.mr-70 { margin-right: 70px; }
.mr-75 { margin-right: 75px; }
.mr-80 { margin-right: 80px; }
.mr-85 { margin-right: 85px; }
.mr-90 { margin-right: 90px; }
.mr-95 { margin-right: 95px; }
.mr-100 { margin-right: 100px; }


.z-50{z-index:50;}
.side-bar-area {position: sticky;top:30px}


.fontWeight100{font-weight:100;}
.fontWeight200{font-weight:200;}
.fontWeight300{font-weight:300;}
.fontWeight400{font-weight:400;}
.fontWeight500{font-weight:500;}
.fontWeight600{font-weight:600;}
.fontWeight700{font-weight:700;}
.fontWeight800{font-weight:800;}
.fontWeight900{font-weight:900;}

.border-radius-5 {border-radius: 5px !important}
.border-radius-50 {border-radius: 50px !important}
.border-radius-0 {border-radius: 0 !important}
.border-radius-0 img {border-radius: 0 !important}



.box-shadow {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .06) ;box-shadow: 0 0 15px rgba(0, 0, 0, .06)}


.container{padding: 0 20px;width:100%;max-width: 1500px;}

.primary-btn{background:#b40901;color:#fff;border-radius: 5px;line-height: 1.5;transition: all 0.3s ease-in-out;}
.primary-btn:hover{background:#620b0b;color:#fff;}
.secondary-btn{background:#620b0b;color:#fff;border-radius: 5px;line-height: 1.5;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.secondary-btn:hover{background:#b40901;color:#fff;}

.small-btn{padding: 10px 20px;font-size: 12px;}
.normal-btn{padding:12px 30px;font-size: 16px;}
.large-btn{padding: 16px 30px;font-size: 18px;}

.tracking-normal	{letter-spacing: 0em;}
.tracking-wide	{letter-spacing: .5px;}
.tracking-wider	{letter-spacing: 1px;}
.tracking-widest{letter-spacing: 1.5px;}


.top-header {padding: 5px;position: relative;z-index: 5;background-color: #300202;text-align: center;position: sticky;top:0; z-index: 9999;}
.top-header .no-info{color:#fff;text-transform: uppercase;font-size: 14px;font-weight:500;}
.top-header .no-info a{margin-left:10px;border-bottom:solid 1px #fff;padding: 0 10px;}
.top-header .no-info a:focus{outline: none;}
.top-header .no-info a:hover{color:#a87b7b;border-bottom:solid 1px #a87b7b}


.heading-wrap{position:relative}
.heading-wrap .icon{margin:15px 0}
.heading-wrap h2{font-size:65px;line-height: 60px;font-weight: 300;}
.heading-wrap h3{font-size:45px;line-height: 40px;font-weight: 300;}
.heading-wrap .tagline{color: var(--whiteColor) ;margin-bottom:20px ;background:#620b0b ;padding:5px 15px ;border-radius:3px; ;display: inline-block ;text-transform: uppercase ;font-size: 12px ;letter-spacing: 2px;}
.heading-wrap .background-text{ font-family: "Pinyon Script", cursive;color:#ad393912;font-size:8vw;position:absolute;top:-60px;left:50%;transform:translateX(-50%)}
.heading-wrap .default-btn{background:none;border:solid 1px #000;color:#000;padding:5px 40px;;margin-top:20px;position: relative;z-index: 9;}
.heading-wrap .default-btn:hover{background:#b40901;color:#fff}

.logo-wrap{width: 100%; max-width: 130px;}

.heading-wrap.dark h2{color:#fff}
.heading-wrap.dark h3{color:#fff}
.heading-wrap.dark .tagline{color: #620b0b ;background:var(--whiteColor) ;font-weight:600}
.heading-wrap.dark .background-text{color:#ffffff1c}
.heading-wrap.dark .default-btn{border:solid 1px #ffffff;color:#ffffff;}
.heading-wrap.dark .big-text{color:#e0cdcc;}


.navigation{background:#fffcfa ;}
.navigation ul.navbar-nav >li>a.nav-link {font-size:16px;color: #330808;position: relative;z-index: 1;padding: 0;margin:0 15px;font-weight:500}
.navigation ul.navbar-nav >li>a.nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navigation ul.navbar-nav >li>a.nav-link.active,
.navigation ul.navbar-nav >li>a.show>.nav-link{color:#b40901}

.mega-menu .megaMenuContainer .tab-content .menu-img{position:absolute;bottom:-100px;right:-80px;transform:rotate(-30deg);width:300px}
.mega-menu {position: absolute;left: 0;top: 100%;width: 100%;z-index: 999;opacity:0;visibility: hidden;padding:5px 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mega-menu .megaMenuContainer {background-color: #ffffff;box-shadow: 0 8px 50px rgb(0 0 0 / 8%);display: flex;}
.mega-menu .tab-panel {display: none;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mega-menu .tab-panel.active {display: flex;}
.mega-menu .mega-column{display: flex; flex-wrap:wrap;width: 100%;z-index:99;position:relative;}
.mega-menu .mega-column div{width:20%;padding:0 20px}
.nav-item:hover .mega-menu {opacity:1;visibility: visible;}
.mega-menu .megaMenuContainer .tab-list{width:100%;max-width:250px;background:#fffaf9;border-right:solid 1px #faefed;padding:10px 0}
.mega-menu .megaMenuContainer .tab-list img{width:30px;margin-right:15px;}
.mega-menu .megaMenuContainer .tab-list li a{padding:15px 20px;font-weight:500;color:#620b0b;display:block}
.mega-menu .megaMenuContainer .tab-list li.active{background:#faefed;position:relative;}
.mega-menu .megaMenuContainer .tab-list li.active:after{content:'';display:inline-block;display:inline-block;width:5px;height:100%;background:#b40901;position:absolute;top:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mega-menu .megaMenuContainer .tab-content{padding:20px 10px;position:relative;width:100%;overflow:hidden}
.mega-menu .megaMenuContainer .tab-content a{font-size:14px;color:#330808;position:relative;padding:8px 12px;}
.mega-menu .megaMenuContainer .tab-content a:hover{color:#b40901}
.mega-menu .megaMenuContainer .tab-content a:after{content:'';width:5px;height:5px;border-radius:10px;background:#b40901;display:inline-block;position:absolute;left:0;top:16px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mega-menu .megaMenuContainer .tab-content a:hover:after{width:8px;height:8px;top:15px;left:-2px}

.navigation .dropdown-menu{border:0;box-shadow: 0 8px 50px rgb(0 0 0 / 8%);;display:block;padding:12px;width:100%;max-width:200px;font-size:12px;opacity:0;visibility:hidden;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;top:100%}
.navigation ul.navbar-nav .nav-item:hover .dropdown-menu{opacity:1;visibility:visible}
.navigation .dropdown-menu li a{font-size: 14px;color: #330808;position: relative;padding: 8px 12px;}
.navigation .dropdown-menu li a:hover{font-size: 14px;color: #b40901;}
.navigation .dropdown-menu li a:after{content:'';width:5px;height:5px;border-radius:10px;background:#b40901;display:inline-block;position:absolute;left:0;top:16px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.navigation .dropdown-menu li a:hover:after{width:8px;height:8px;top:15px;left:-2px}

.banner-area {background:#fffcfa ;overflow: hidden ;position: relative ;z-index: 1 ;padding-top: 30px;}
.banner-area .owl-nav {margin-top: 0 ;overflow: hidden}
.banner-area .owl-nav .owl-prev {position: absolute ;z-index: 5 ;top: 50% ;-webkit-transform: translateY(-50%) ;transform: translateY(-50%) ;left: -3% ;width: 50px ;height: 50px ;line-height: 58px !important ;background-color: var(--whiteColor) !important ;color: var(--bodyColor) !important ;border-radius: 50% ;text-align: center ;font-size: 18px !important}
.banner-area .owl-nav .owl-prev:hover {color: var(--mainColor) !important}
.banner-area .owl-nav .owl-next {position: absolute ;z-index: 5 ;top: 50% ;-webkit-transform: translateY(-50%) ;transform: translateY(-50%) ;right: -106.5% ;width: 50px ;height: 50px ;line-height: 58px !important ;background-color: var(--whiteColor) !important ;color: var(--bodyColor) !important ;border-radius: 50% ;text-align: center ;font-size: 18px !important}
.banner-area .owl-nav .owl-next:hover {color: var(--mainColor) !important}
.banner-area .banner-wrapper {position: relative;}
.banner-area .banner-wrapper .flower-shape img{position: absolute; top: 0px;right: -80px;max-width: 300px;}

.banner-area .banner-wrapper .banner-vector{height:500px;width:450px;border-top-left-radius:800px;border-top-right-radius:800px;overflow: hidden;border: dashed 1px #440202;position: relative;bottom: -20px;margin:0 auto;}
.banner-area .banner-wrapper .banner-vector img{width:100%;height:100%;object-fit: cover;}
.banner-area .banner-content {max-width:720px ;}
.banner-area .banner-content span {color: var(--whiteColor) ;margin-bottom: 10px ;background:#b40901 ;padding:5px 15px ;border-radius:3px; ;display: inline-block ;text-transform: uppercase ;font-size: 12px ;letter-spacing: 2px;;}
.banner-area .banner-content h1 {max-width:650px;font-size:70px ;color: #000 ;margin-bottom: 20px ;line-height: 1}
.banner-area .banner-content p {margin:40px 0px ;font-size: 20px ;max-width: 95% ;font-weight:300 ;color:#333}

.animationBounce {-webkit-animation: movebounce 10s linear infinite ;animation: movebounce 10s linear infinite}

.testimonial-area .col-lg-4.col-md-6{margin-bottom:25px;}
.testimonial-area .testimonial-item{text-align:center;border:solid 1px #444;height:100%;padding:40px;position:relative}
.testimonial-area .testimonial-item img{border-radius:50%;border:solid 1px #444;padding:10px;margin-bottom:20px;}
.testimonial-area .testimonial-item .rating{position:absolute;background:#b40901;width:100%;left:0;bottom:0;color:#ffc107;padding:2px 0}


.inner-header{background:#300202;padding: 26px 0;position: relative;}
.inner-header .background-img{position: absolute;width:100%;height: 100%;object-fit: cover;top:0;opacity: .1;}
.inner-header .heading-wrap{max-width:80%}
.inner-header .tagline{margin-bottom:10px;}
.inner-header h1{color:#fff;font-size:50px;font-weight:300;line-height:50px;}
.inner-header .text{color:#fff;margin-top:20px;line-height:30px;}
.inner-header input,
.inner-header input:focus{background:#b40a0113;border:solid 1px #ffffffbb;color: #ffffff98 !important;height:50px}
.inner-header input:focus{box-shadow: none;}
.inner-header input::placeholder {color:#ffffffe1;}


.appointmentFormarea .appointmentForm{background: #300202;overflow: hidden;}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap .form-control-wrap.form-heading{max-width:190px;margin-right:20px;position: relative;z-index: 9;}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap {display: flex;gap:20px;align-items: center;}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap .form-control-wrap.form-heading:before{content:'';border-top:solid 10px transparent;border-bottom:solid 10px transparent;border-left:solid 12px #b40901;position: absolute;right:-12px;top:50%;transform: translateY(-50%);}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap .form-control-wrap.form-heading:after{content:'';width:200vh;height:150vh;background: #b40901;display: inline-block;position: absolute;top:50%;left:-200vh;margin-left:190px;;z-index: 1;transform: translateY(-50%);}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap .form-control-wrap.btnWrap button{height: 50px;padding: 0;padding: 0 20px;}
.appointmentFormarea .appointmentForm .appointmentFormInnerWrap .form-control-wrap {width: 100%;}
.appointmentFormarea .appointmentForm input{margin: 0}

.appointmentForm h3{color:#fff;line-height: 20px;font-family: 'Noto Sans', sans-serif;font-size:20px;line-height:30px;font-weight:500;position: relative;z-index: 9;margin:0}
.appointmentForm input{height:50px;margin:30px 0}
.appointmentForm input,
.appointmentForm input:focus{background:#b40a0113;border:solid 1px #ffffff42;color: #ffffff98 !important;}
.appointmentForm input:focus{box-shadow: none;}
.appointmentForm input::placeholder {color:#ffffff98;}
.appointmentForm .appointmentFormInnerWrap .form-control-wrap.btnWrap{width:auto; white-space: nowrap;}

.inner-header .appointmentFormInnerWrap .form-control-wrap.btnWrap{width:auto; white-space: nowrap;text-align: center;} 
.inner-header .appointmentFormInnerWrap{background:#b40901;padding:20px;margin-bottom:-70px;position:relative}
.inner-header .appointmentFormInnerWrap h3{color:#fff;}
.inner-header .appointmentFormInnerWrap:after{content:'';display:inline-block;position:absolute;bottom:0;left:-20px;;border-top:solid 0px transparent;border-bottom:solid 20px transparent;border-right:solid 20px #980b05}
.inner-header .appointmentFormInnerWrap:before{content:'';display:inline-block;position:absolute;bottom:0;right:-20px;;border-top:solid 0px transparent;border-bottom:solid 20px transparent;border-left:solid 20px #980b05}

.booking-area .appointmentForm{max-width:500px;margin:0px auto 0;text-align:center;border-radius:5px;}
.booking-area .appointmentForm .form-heading{display: none;}
.booking-area .form-control-wrap.btnWrap{text-align: center;}

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  border-radius: 4px;
  margin-right: 2px;
  opacity:1;
  filter: invert(.6);
}





.about-shape .shape2 {position: absolute ;bottom: 0 ;right: 0 ;-webkit-animation: moveleftbounce 7s linear infinite ;animation: moveleftbounce 7s linear infinite;opacity: .5}

.about-content {max-width:1000px;margin:0 auto;padding: 0 20px;}
.productLogoWrap{border-right:solid 1px #f2f2f2;margin-top:50px;}
.productLogoWrap .clientLogoBox{border-left:solid 1px #f2f2f2;height:120px;padding: 10px;text-align: center;}
.productLogoWrap .clientLogoBox img{object-fit: contain;width:auto;height:60px;margin:0 auto}
.productLogoWrap .clientLogoBox p{text-transform: uppercase;font-size: 13px;font-weight: 500;margin-top:10px;background:#fffcfa;border: dashed 1px #f3e8df;padding: 5px;}

.our-service-area{background:#fffcfa;border-top:solid 1px #f3e8df;}
.our-service-area .service-image{height: 400px;overflow: hidden;}
.our-service-area .service-image img{width:100%;height:100%;object-fit:cover;top:0}
.our-service-area .service-info{padding:40px;}

.column-block{margin:30px 0}
.column-block:last-child{margin-bottom: 0;}
.column-block h3{font-family: 'Noto Sans';font-weight:400;}
.column-block ul.list li{position: relative;padding-left:25px;margin:10px 0;font-size: 15px;}
.column-block ul.list li i{position: absolute;left:0;top:0px;}
.column-block .blog-preview-img{margin:20px 0}
.column-block blockquote {position: relative ;z-index: 1 ;margin-bottom: 30px ;margin-top: 30px ;background-color: #fffcfa ;padding:20px 30px;border-left:solid 5px #b40901}
.column-block blockquote p {font-size:24px ;font-weight:400 ;margin: 0 ;color: #620b0b ;font-family: var(--headerFonts)}

.index-section-list ul li {display: inline-block;}
.index-section-list ul li a{border: dashed 1px #30020244;padding:8px 20px;font-size: 14px; margin:7px 5px;background:#fffcfa}
.index-section-list ul li a:hover{background:#440202;color:#fff}


.team-area .team-card{background:#fffcfa;border:solid 1px #300202;color:#fff;}
.team-area .team-card .team-img{width:100%;height:300px;overflow:hidden;}
.team-area .team-card .team-img img{width:100%;height:100%;object-fit:cover}
.team-area .team-card .content {padding:20px}
.team-area .team-card h3{color:#620b0b;font-size:26px;font-weight:500}
.team-area .team-card span{display:block;color:#aa9f9f;font-size:14px;}
.team-area .team-card .social-links{padding:0;margin:-20px;margin-top:20px;background:#b40901;padding:10px}
.team-area .team-card .social-links li{display:inline;margin:5px}
.team-area .team-card .social-links a{display:inline;width:30px;height:30px;line-height:30px;display:inline-block;border:solid 1px #fff;color:#fff;font-size:14px;border-radius:50px;}
.team-area .team-card .social-links a:hover{background:#fff;color:#b40901}


.booking-area {position: relative ;z-index: 1;background: #300202; padding: 80px 0;overflow: hidden;}
.booking-area .vector-img {position: absolute ;z-index: -1 ;bottom:-10% ;left:-5% ;right: 0;opacity: .1;max-width: 600px;}
.booking-area .vector-img img {-webkit-animation: moveleftbounce 7s linear infinite ;animation: moveleftbounce 7s linear infinite}
.booking-area .vector-img.vector-img1 {position: absolute ;z-index: -1 ;bottom:-10% ;left:105%; opacity: .1;max-width: 600px;margin-left:-600px;transform:rotateY(180deg);}




.map-area{background: #fffcfa;padding: 70px 0;    border-top: solid 1px #f3e8df;position: relative;overflow: hidden;}
.map-area .location-wrap{border:solid 1px #dad5d5;height:100%;box-shadow:0px 0px 10px #9999991a;border-radius:5px;transition:ease-in-out .3s all;overflow: hidden;}
.map-area .location-wrap .location-card, .map-area .location-wrap iframe{height:100%}
.map-area .location-wrap:hover{box-shadow:0px 0px 50px #99999940}
.map-area .location-wrap h3{font-family:'Noto Sans', sans-serif;font-weight:400;font-size:20px;color:#ffffff;background:#620b0b;;padding: 10px 20px;margin:0;}
.map-area .location-wrap h4{font-family:'Noto Sans', sans-serif;font-weight:400;font-size:16px;color:#000}
.map-area .location-wrap ul{margin:20px 0;padding:0;border-top:solid 1px #620b0b;border-bottom:solid 1px #620b0b;}
.map-area .location-wrap ul li{font-size:16px; margin:15px 0;list-style:none;}
.map-area .location-wrap ul i{font-size:11px;font-weight:200;width:25px;height:25px;line-height:25px;display:inline-block;border:solid 1px #620b0b;text-align:center;border-radius:20px;margin-right:10px;}
.map-area .location-wrap .phone{font-size:22px;color:#620b0b;margin:20px 0;}
.map-area .location-wrap .phone .no{font-weight:600}
.map-area .location-wrap .phone .no a:hover{color:#620b0b;text-decoration: underline;}
.map-area .location-wrap .add{background:#620b0b13;font-size:15px;padding:10px;}
.map-area .location-wrap .add a{color:#620b0b}
.map-area .location-info{padding:20px 20px 20px 0px;;}



.services-catagory {position: sticky;top: 40px;}
.services-catagory ul {padding: 0 ;margin: 0 ;list-style-type: none}
.services-catagory ul li {position: relative;margin-bottom:5px;border-bottom:dashed 1px #30020244;-webkit-transition:ease-in-out .3s all;transition:ease-in-out .3s all}
.services-catagory ul li:last-child {margin-bottom: 0}
.services-catagory ul li a {display:flex; align-items:center;color:#300202;position:relative;padding:6px 0;font-weight:400;z-index:1;width:100%}
.services-catagory ul li a i {font-size: 21px ;color: var(--bodyColor) ;position: relative;margin-right: 10px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.services-catagory ul li a:hover {color:#911439;}
.services-catagory ul li a:hover i{left:5px;}


.faq-accordion {margin:30px 0 0}
.faq-accordion .accordion {list-style-type: none ;padding-left: 0 ;margin-bottom: 0 ;border: none}
.faq-accordion .accordion .accordion-item {display: block ;margin-bottom: 15px ;border: none ;background-color: var(--whiteColor) ;padding:15px;border:solid 1px #f7e8e8}
.faq-accordion .accordion .accordion-item:last-child {margin-bottom: 0}
.faq-accordion .accordion .accordion-title {color: #620b0b ;text-decoration: none ;position: relative ;display: block ;font-size: 18px ;}
.faq-accordion .accordion .accordion-title i {position: absolute ;right: 0 ;top: 0 ;height: 30px ;line-height: 30px ;color: #620b0b ;text-align: center ;background-color: transparent}
.faq-accordion .accordion .accordion-title.active {color: var(--mainColor);border-bottom:solid 1px #f7e8e8;padding-bottom: 10px; }
.faq-accordion .accordion .accordion-title.active i {color: var(--mainColor)}
.faq-accordion .accordion .accordion-title.active i::before {content: "\f1af"}
.faq-accordion .accordion .accordion-content {display: none ;position: relative ;margin-top: 15px ;padding-bottom: 10px ;padding-right: 0 ;padding-left: 0}
.faq-accordion .accordion .accordion-content p {line-height: 1.8 ;font-size: 15px ;margin-bottom: 7px}
.faq-accordion .accordion .accordion-content p:last-child {margin-bottom: 0}
.faq-accordion .accordion .accordion-content.show {display: block}


.contact-info-card{border:solid 1px #eee;height:100%;padding:20px;border-radius:5px;;background:#fffcfa;text-align:center;border-bottom:solid 4px #b40901;}
.contact-info-card i{width:50px;height:50px;display:inline-block;background:#b40901;border-radius:50px;;color:#fff;font-size:20px;line-height:55px;margin-bottom:20px;}


.footer-bg {background-color: #140101;padding: 60px 0 40px;} 

.footer-widget,
.footer-widget a,
.footer-widget p{color:#c2c0c0}
.footer-widget a:hover{color:#b40901}
.footer-widget .footer-logo {margin-bottom: 20px}
.footer-widget h3 {margin-top: 0 ;font-size: 24px ;margin-bottom: 30px ;color:#e0d3d3}
.footer-widget p {margin-bottom: 25px}
.footer-widget .social-link {list-style-type: none ;margin: 0 ;padding: 0}
.footer-widget .social-link li {display: inline-block ;margin-right: 10px}
.footer-widget .social-link li:last-child {margin-right: 0}
.footer-widget .social-link li a {display: inline-block}
.footer-widget .social-link li a i {width: 45px ;height: 45px ;line-height: 45px ;border-radius: 50px ;text-align: center ;display: inline-block ;color: #fff ;border: 1px solid #b40901 ;background-color: transparent ;-webkit-transition: var(--transition) ;transition: var(--transition)}
.footer-widget .social-link li a:hover i {background-color: #b40901 ;color: #fff}
.footer-widget .salon-hours {margin: 0 ;padding: 0 ;list-style-type: none}
.footer-widget .salon-hours li {display: block;margin-bottom: 15px;;}
.footer-widget .salon-hours li:last-child {margin-bottom: 0}
.footer-widget .salon-hours li .content{border:solid 1px #620b0b;}
.footer-widget .salon-hours li .content h3 {font-size: 16px ;font-family: var(--bodyFonts) ;margin-bottom: 3px ;font-weight: 500;background: #620b0b;padding: 5px 10px;}
.footer-widget .salon-hours li .content span{padding: 10px;display: block;}
.footer-widget .footer-contact {list-style-type: none ;margin: 0 ;padding: 0}
.footer-widget .footer-contact li i {width: 40px ;height: 40px ;line-height: 45px;font-size:14px ;border-radius: 50px ;text-align: center ;display: inline-block ;flex-shrink: 0;color: #ffffff ;border: 1px solid #b40901 ;background-color: transparent ;-webkit-transition: var(--transition) ;transition: var(--transition)}
.footer-widget .footer-contact li{display: flex;margin-bottom: 15px;gap:10px;;}
.footer-widget .footer-contact li .content span a {color:#c2c0c0 ;-webkit-transition: var(--transition) ;transition: var(--transition)}
.footer-widget .footer-contact li:hover i {background-color: #b40901 ;color: #fff}
.footer-widget .footer-contact li:hover .content span a {color: var(--mainColor)}
.footer-widget .link-list{margin:0;}
.footer-widget .link-list li{font-size:15px;margin-bottom:15px;border-bottom:dashed 1px #c49593;padding-bottom:8px;}

.foot-quick-list{border-top:dashed 1px #ffffff34;padding-top:50px;margin-top:50px;}



.footer-area .quick-link-list li{display: inline-block;margin-right:20px;padding-left: 18px;;position: relative;;margin-bottom: 10px;}	
.footer-area .quick-link-list li:after{content:'';width:8px; height: 8px;border-radius: 10px;position: absolute;left:0;top:10px;background-color: #b40901;-webkit-transition: var(--transition) ;transition: var(--transition)}
.footer-area .quick-link-list li:hover:after{transform: scale(1.8);}

.copyright-area {background-color: #000000 ;padding: 15px 0}
.copy-right-text p {color:#fff ;margin-bottom: 0;font-size:14px;}
.copy-right-text p b {color:#b40901 ;font-weight: 500}



.go-top {position: fixed ;top: 50% ;right: 3% ;opacity: 0 ;cursor: pointer ;text-decoration: none ;color: var(--whiteColor) ;font-size: 16px ;font-weight: 700 ;text-align: center ;background: #b40901 ;border-radius: 0 ;width: 45px ;height: 45px ;line-height: 43px ;z-index: 100 ;-webkit-transition: .5s ;transition: .5s}
.go-top i {-webkit-transition: .5s ;transition: .5s ;vertical-align: middle}
.go-top:hover {background-color: #620b0b}
.go-top:hover i {-webkit-transform: translateY(-5px) ;transform: translateY(-5px)}
.go-top.active {top: 95% ;-webkit-transform: translateY(-95%) ;transform: translateY(-95%) ;opacity: 1 ;visibility: visible}


.gallery-area .tab-container .tab-buttons{display:flex; justify-items:center; justify-content:left;gap:15px;;margin:0 0 25px; white-space: pre;overflow-y: auto; padding-bottom:20px; }
.gallery-area .tab-container .tab-buttons .tab-button{background:none;border:solid 1px #ffebeb;border-radius:5px;font-size:13px;padding:3px 20px;color:#620b0b}
.gallery-area .tab-container .tab-buttons .tab-button.active,
.gallery-area .tab-container .tab-buttons .tab-button:hover{background:#b40901;color:#fff;}
.gallery-area .tab-container .tab-content .gallery-item{overflow: hidden;position: relative;}
.gallery-area .tab-container .tab-content .gallery-item img{width:100%;height:100%;-webkit-transition:ease-in-out .8s all;transition:ease-in-out .8s all;cursor: pointer;}
.gallery-area .tab-container .tab-content .gallery-item:hover img{transform: rotate(10deg) scale(1.2);}

.gallery-area .tab-container {width: 80%;margin: auto;min-height:500px;}
.gallery-area .tab-content {display: none;opacity: 0;transition: opacity 0.5s ease, visibility 0.5s ease;visibility: hidden;}
.gallery-area .tab-content.active {display: block;opacity: 1;visibility: visible;}
.gallery-area .gallery {display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-around;transition: opacity 0.5s ease;}
.gallery-area .gallery.loaded {opacity: 1;}
.gallery-area .gallery-item {flex: 1 1 calc(25% - 20px);box-sizing: border-box;}
.gallery-area .gallery-item img {width: 100%;height: auto;border-radius: 10px;}

/* Responsive Design */
@media (max-width: 992px) {
    .sticky{position:initial;}
}
@media (max-width: 768px) {
	.gallery-area .gallery-item {flex: 1 1 calc(50% - 20px);}
}

@media (max-width: 500px) {
	.gallery-area .gallery-item {flex: 1 1 calc(100% - 20px);}
}


 .whatsapp-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9999;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #25D366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	animation: breathe 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
	color: #fff;
	font-size: 24px;
	animation: beat 2s ease-in-out infinite;
	text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes rotate360 {
	50% {
		-webkit-transform: rotate(360deg) scale(.8) ;
		transform: rotate(360deg) scale(.8)
	}
}
@keyframes rotate360 {
	50% {
		-webkit-transform: rotate(360deg) scale(.8) ;
		transform: rotate(360deg) scale(.8)
	}
}
@-webkit-keyframes sping-round {
	0% {
		-webkit-transform-origin: 300% 50% ;
		transform-origin: 300% 50% ;
		-webkit-transform: rotate(0deg) ;
		transform: rotate(0deg)
	}
	50% {
		-webkit-transform-origin: 300% 50% ;
		transform-origin: 300% 50% ;
		-webkit-transform: rotate(360deg) ;
		transform: rotate(360deg)
	}
	50.1% {	
		-webkit-transform-origin: -300% 50% ;
		transform-origin: -300% 50% ;
		-webkit-transform: rotate(360deg) ;
		transform: rotate(360deg)
	}
	100% {	
		-webkit-transform-origin: -300% 50% ;
		transform-origin: -300% 50% ;
		-webkit-transform: rotate(0deg) ;
		transform: rotate(0deg)
	}
}

@keyframes sping-round {
	0% {
		-webkit-transform-origin: 300% 50% ;
		transform-origin: 300% 50% ;
		-webkit-transform: rotate(0deg) ;
		transform: rotate(0deg)
	}
	50% {
		-webkit-transform-origin: 300% 50% ;
		transform-origin: 300% 50% ;
		-webkit-transform: rotate(360deg) ;
		transform: rotate(360deg)
	}
	50.1% {	
		-webkit-transform-origin: -300% 50% ;
		transform-origin: -300% 50% ;
		-webkit-transform: rotate(360deg) ;
		transform: rotate(360deg)
	}
	100% {	
		-webkit-transform-origin: -300% 50% ;
		transform-origin: -300% 50% ;
		-webkit-transform: rotate(0deg) ;
		transform: rotate(0deg)
	}
}
@-webkit-keyframes rotate-in {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) ;
		transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}
	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) ;
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) ;
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}}
@keyframes rotate-in {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) ;
		transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}
	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) ;
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) ;
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}
@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1) ;
		transform: scale(1)
	}
	75% {
		-webkit-transform: scale(1.5) ;
		transform: scale(1.5) ;	opacity: 1
	}
	100% {
		-webkit-transform: scale(1.75) ;
		transform: scale(1.75) ;
		opacity: 0
	}
}
@keyframes ripple {
	0% {	
		-webkit-transform: scale(1) ;	
		transform: scale(1)
	}
	75% {	
		-webkit-transform: scale(1.5) ;	
		transform: scale(1.5) ;	opacity: 1
	}
	100% {	
		-webkit-transform: scale(1.75) ;
		transform: scale(1.75) ;
		opacity: 0
	}
}
@-webkit-keyframes moveleftbounce {
	0% {
		-webkit-transform: translateX(0px) ;
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(20px) ;
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0px) ;
		transform: translateX(0px)
	}
}
@keyframes moveleftbounce {
	0% {
		-webkit-transform: translateX(0px) ;
		transform: translateX(0px)
	}
	50% {
		-webkit-transform: translateX(20px) ;
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0px) ;
		transform: translateX(0px)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0 ;
		-webkit-transform: translateY(20px) ;
		transform: translateY(20px)
	}
	100% {
		opacity: 1 ;
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0 ;
		-webkit-transform: translateY(20px) ;
		transform: translateY(20px)
	}
	100% {
		opacity: 1 ;
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}
}
@-webkit-keyframes movebounce {
	0% {
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(15px) ;
		transform: translateY(15px)
	}
	100% {
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}
}
@keyframes movebounce {
	0% {
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(15px) ;
		transform: translateY(15px)
	}

	100% {
		-webkit-transform: translateY(0) ;
		transform: translateY(0)
	}
}


.modal {
	display: none; /* Hidden by default */
	position: fixed; 
	z-index: 99999	; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(8px); /* Apply a blur to the backdrop */
	transition: opacity 0.3s ease-in-out;
  }
  
  /* Modal Content Box */
  .modal-content {
	position: relative;
	margin: 10% auto;
	padding: 20px;
	width: 80%;
	max-width: 600px;
	background: white;
	border-radius: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	animation: fadeIn 0.5s;
  }
.modal-content h3{color:#000}
.modal-content input,.modal-content input:focus{background:none;border:solid 1px #999!important;color:#555!important;margin:20px 0}
.modal-content input::placeholder{color:#888!important}
  /* Close Button */
  .close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 30px;
	cursor: pointer;
	color: #333;
	font-size:20px;width:30px;height:30px;
	  border:solid 1px #333;text-align:center;border-radius:50px;
  }
  
  /* Button Styles */
  button {
	padding: 10px 20px;
	font-size: 16px;
	background: #3498db;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: ease-in-out 0.3s ease;
  }
  
  button:hover {
	background: #2980b9;
  }
  
  /* Animations */
  @keyframes fadeIn {
	from { opacity: 0; transform: scale(0.7); }
	to { opacity: 1; transform: scale(1); }
  }
  
  .modal.show {
	display: block;
	opacity: 1;
  }



.service-cartegory-area .service-item{border:solid 1px #620b0b3d;border-radius:5px;margin:15px 0;padding:20px;display: flex;align-items: center;justify-content: space-between;}
.service-cartegory-area .service-item h3{margin:15px 0 0;}
.service-cartegory-area .service-item{position:relative;overflow:hidden}
.service-cartegory-area .service-icon .hover-animation{position:absolute;left:0;top:0;transform:rotate(0deg) scale(0);opacity:.1;z-index:-9;transition:ease-in-out .5s all}
.service-cartegory-area .service-item:hover .hover-animation{transform:rotate(-45deg) scale(2);}
.service-cartegory-area .service-item:after{content:'';width:100%;height:3px;position:absolute;left:0;bottom:0;background: #b40901;transition:ease-in-out .5s all;transform:scale(0)}
.service-cartegory-area .service-item:hover:after{transform:scale(1)}

.service-cartegory-area .service-list ul li{display:inline-block;margin:10px;}
.service-cartegory-area .service-list ul li a{color:#777;position:relative;padding-left:20px;}
.service-cartegory-area .service-list ul li a:after{content:'';width:8px;height:8px;background:#b40901;display:inline-block;border-radius:10px;position:absolute;left:0;top:10px;transition:ease-in-out .2s all}
.service-cartegory-area .service-list ul li a:hover{color:#b40901;}
.service-cartegory-area .service-list ul li a:hover:after{transform:scale(2)}


.group-user span{font-size:18px;font-weight:600;margin-left:5px;color:#b40901}

.group-card{background:#fbf7f7;padding:20px 30px;border-radius:5px;border:dashed 1px #620b0b;}
.group-card .group-card-content{border-bottom:dashed 1px #620b0b;margin-bottom:25px;padding-bottom:25px;}
.group-card .group-card-content:last-child{margin-bottom:0;padding-bottom:0;border:0}


.service-card-wrap{display:flex;gap:2%;flex-wrap:wrap}
.service-card-wrap .service-card{width:18.2%;border:solid 1px #620b0b3d;border-radius:5px;margin:10px 0;overflow:hidden;transition:ease-in-out .2s all;position:relative}
.service-card-wrap .service-card .service-card-content{padding:20px;}
.service-card-wrap .service-card:hover{transform:scale(1.1);z-index:9;background:#b40901;}
.service-card-wrap .service-card:hover h4,
.service-card-wrap .service-card:hover p{color:#fff}

.offcanvas{z-index:99999}