/**** General Styles***

font-family: "Roboto", sans-serif; 
font-family: "Ubuntu", sans-serif; 
font-family: "Inter", sans-serif;
font-family: "Jost", sans-serif;
*/
body{ font-family: "Inter", sans-serif; font-size: 15px; line-height: 26px; color: #3e445a; font-weight: 400; }
ul {padding:0px;margin:0px; list-style:none;}
li {padding:0px; margin:0px; list-style:none;}
a { outline:none; color:#ea543c; text-decoration:none; }
a img {border: 0;}
p { padding:0px; margin:0px;}
ol li {list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em;}
img { max-width:100%;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;   margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;  margin-left: auto;  margin-right: auto}
b,strong{font-weight: bold;}
ul{padding: 0px; margin: 0px;}
a,button, input[type=submit]{ transition: all ease 0.3s;font-family: "Jost", sans-serif; }
a:hover{text-decoration: none; color: #086191; }
img{max-width: 100%;height: auto;}
@media (min-width: 1300px){.container{max-width: 1200px;}}
h1,h2,h3,h4,h5,h6{ font-weight:400; font-family: "Jost", sans-serif; color:#202435; }
h5,h6{ font-weight:500;}
h1{font-size: 48px;line-height: 54px; }
h2{font-size: 40px; line-height: 50px; }
h3{font-size: 34px;line-height: 40px;}
h4{font-size: 24px;line-height: 36px;}
p{margin-bottom: 1em;}
p:last-child{margin-bottom: 0px;}

/***Header***/
header.header { background:#2a0803; position: sticky; top: 0px; display: inline-block;width: 100%; z-index:9; padding:15px 0px;   }
.logo img{ transition: all 0.3s ease;    max-width: 180px; } 
.header_top_menu,.social_icons{display:inline-block;}
.social_icons li:last-child{border-right: none;}
.header{transition: all 0.3s ease; }
.navbar-nav > li{ display: inline-block; }
.navbar-nav > li > a{color:#fff; font-family: "Jost", sans-serif;   display: block; padding: 18px 20px; line-height: 1;transition: all 0.3s ease;  }
 .menu-item-has-children i{ margin-left: 8px; }
.main_menu{display: inline-block;}
.menu_container a{color:#000000;transition: all 0.3s ease;}
.navbar-nav > li > a{position: relative;text-transform: uppercase;letter-spacing: 1px;font-size: 15px;}
.navbutton{display: none;}
.sticky_header{/* position: fixed;top: 0px; left: 0px;*/ width: 100%; z-index: 9999; background: #fff; box-shadow: 0px 3px 10px rgb(0 0 0 / 11%); }
.sticky_header .logo img{ height: 80px; }
header .close{opacity: 1;} 

.xoo-wsc-cart-trigger{ transition: all ease 0.3s; display: inline-block; border-radius: 50%; color:#222; width:45px; height:45px; line-height:45px; text-align:center; }
.xoo-wsc-cart-trigger:hover{  }
.btn-header-right a{ color:#fff; vertical-align: top; }
.scrollToTop { position: fixed;bottom: 0px;right: 0px;left: 0px; margin: 0 auto; display: none; background: #ea543c; transition: all ease 0.3s; color: #fff; width: 65px; height: 35px; line-height: 40px; text-align: center; border-radius: 50px 50px 0px 0px;  }
.scrollToTop:hover{  background: #ea543c; color:#fff; }
.xoo-wsc-sc-cont{ display:inline-block; }
.xoo-wsc-cart-trigger{ height: 40px; line-height: 40px; }
.xoo-wsc-sc-bki{ color:#fff; }
.xoo-wsc-sc-count{ background-color: #f9aa0b; }
.xoo-wsc-sc-subt{ display:none!important; }

/**Banner**/
.product_innner_list{ margin-top:30px; }
.bannerinner{ padding:128px 0px 140px 0px;  min-height:660px;background: rgb(2 2 2 / 40%);  }
.banner .slick-prev,.banner .slick-next{ transition:all 0.3s ease; opacity:0 }
.banner:hover .slick-prev,.banner:hover .slick-next{ opacity:1 }
.banner .slick-prev{ position: absolute; z-index: 99; cursor: pointer; top: calc(50% - 20px); left: 20px; width: 50px; height: 50px; background: rgb(241 173 9 / 82%); color: #fff; font-size: 20px;text-align: center; line-height: 50px; border-radius: 50%; } 
.banner .slick-next{ position: absolute; z-index: 99; cursor: pointer; top: calc(50% - 20px); right: 20px; width: 50px; height: 50px; background: rgb(241 173 9 / 82%); color: #fff; font-size: 20px;text-align: center; line-height: 50px; border-radius: 50%; } 
.banner .slick-prev:hover,.banner .slick-next:hover{ background:#ea543c; }
.bannerinner h2{ margin-bottom: 20px; }
.banner .btn{margin-top: 30px;}
.bannerinner p{max-width: 630px; font-weight:500;}
.btn{color: #fff; background: #ea543c;font-family: "Jost", sans-serif;  font-size: 16px; padding: 14px 32px; border:2px solid #ea543c; line-height: 1; border-radius: 8px; text-align: center; transition: all 0.4s ease; }
.btn:hover{ background:  #f7ac0a; border-color: #f7ac0a;  color:#ffffff; }
.animatable { visibility: hidden; animation-play-state: paused;}
.animated { visibility: visible; animation-fill-mode: both; animation-duration: 1s;  animation-play-state: running; }
@keyframes fadeInUp {0% {  opacity: 0; transform: translateY(120px);}100% { opacity: 1;  transform: translateY(0); } }
.slick-active .fadeInUp.anim1 {animation-name: fadeInUp; animation-delay: 0.1s; }
.slick-active .fadeInUp.anim2 {animation-name: fadeInUp; animation-delay: 0.2s; }
.slick-active .fadeInUp.anim3 {animation-name: fadeInUp; animation-delay: 0.3s; }
.slick-active .fadeInUp.anim4 {animation-name: fadeInUp; animation-delay: 0.4s; }
.slick-active .fadeInUp.anim5 {animation-name: fadeInUp; animation-delay: 0.5s; }
.slick-active  .fadeInUp.anim6 {animation-name: fadeInUp; animation-delay: 0.6s; }
.max_banner h2,.max_banner p{ color:#fff; }
 
/** About **/
.about_home{ padding-top: 40px; }
.about_home  .about_home_inner,.treatment_home .treatment_home_inner{ max-width:560px; margin-top:70px; }
 
/**Contact**/
.contact_home{display: flex; background: #f6f2eb; align-items:center; }
.contact_map,.contact_information{ width:50%; }
.contact_map iframe{ width:100%; height:650px; }
.contact_information { padding-right:90px; padding-left:110px; padding-top:140px; padding-bottom:90px; }
.contact_innner{ width:590px; max-width:100%; }
.contact_innner li{ position:relative; padding-left:60px; margin-bottom:35px; }
.contact_innner li i{ position:absolute; top:7px; left: 0px; width:40px; height:40px; text-align:center; line-height:40px; background:#ea543c; color:#fff; border-radius:50%;  }
.contact_innner li:last-child{ width:100%;  }
.contact_innner li:nth-child(1){display:inline-block;}
.contact_innner li:nth-child(2){display:inline-block; float: right;}
.contact_innner h4{ font-weight:700; margin-bottom: 0px;}
.contact_innner li a{color: #000;}

.contactForm input,.contactForm textarea{ padding:16px 24px; border-radius: 0px; margin-bottom:24px; width:100%; line-height:28px; font-size:18px; border:1px solid #DBDBDB; }
.contactForm textarea{ max-height:202px; resize:none; }
.contactForm .btn{ width:290px;border-radius: 40px; }
.contactForm input:focus,.contactForm textarea:focus{ outline:none; border:1px solid #0b7697; }



/**Footer**/
.footer_top{ background:#f3f0fd; padding:20px 0px 20px 0px; }
.fature_box{text-align: center; padding: 20px 0px 30px 0px;}
.fature_box img{ max-width:60px; margin-bottom: 15px; }
.fature_box h5{ margin-bottom:15px; }
footer{ background:#2a0803; color:#fff; padding-top:40px; padding-bottom:34px;  }
footer .footer-menu li a{color: #fff;}
footer .footer-menu li a:hover{ color:#f7ac0a; text-decoration:underline; }
.footer_logo{ margin-bottom:20px; display:inline-block; }
.footer_logo img{ max-width:180px; }
.contact_infos li{ margin-bottom:15px; position:relative; }
.contact_infos li a{ display:block; color:#fff; }
.contact_infos li a i{ background:rgba(255, 255, 255, 0.2); margin-right: 10px; border-radius: 50%; width: 40px; line-height: 40px; height: 40px; text-align: center; color: #fff; border:1px solid rgba(255, 255, 255, 0.4); }
footer .footer-menu li{margin-bottom: 15px;}
footer h5{ margin-bottom:15px; color:#fff; }
.payment_options img{ max-width:180px; opacity: 0.6;   height: auto; }
.category_container h3{ margin-bottom:35px; text-align:center; }
.border_footer{ height:1px; background:rgb(255 255 255 / 26%); margin-top:30px; margin-bottom:35px; }
.footer-logo img{ max-width:200px }
.copy_rights{ color:rgb(255 255 255 / 50%); }
.overlay-outer { border-radius: 20px; position: relative;width: 100%; margin: auto;overflow: hidden; border:1px solid #eee; }
.overlay {background: rgb(92 59 176 / 72%);position: absolute;z-index: 2; height: 100%;width: 100%; left: 0;top: 0;bottom: 0; right: 0; opacity: 0; transition: all 0.4s ease-in-out 0s;}
.overlay-outer a:hover .overlay { opacity: 1; }
.content-details{position: relative; z-index: 3;}
.content-details { position: absolute;text-align: center;  padding-left: 1em; padding-right: 1em;  width: 100%;top: 50%; left: 50%; opacity: 0;transform: translate(-50%, -50%);transition: all 0.3s ease-in-out 0s;}
.overlay-outer:hover .content-details {top: 50%; left: 50%; opacity: 1;}
.content-details h3 { color: #fff; font-size: 20px; }
.fadeIn_bottom { top: 80%;}
.category_container{ padding:30px 0px; }
.category_list .slick-nextbtn { position: absolute;background: #f7ac0a; color: #fff;  width: 40px;height: 40px;  border: none; top: 40%; right: -10px; cursor: pointer; border-radius: 50%; box-shadow: 0 0 7px rgba(0, 0, 0, .3); z-index: 9;}
.category_list .slick-prevbtn { z-index: 9; position: absolute; background: #f7ac0a;color: #fff;width: 40px; height: 40px; border: none; top: 40%; left: -10px;cursor: pointer;border-radius: 50%;box-shadow: 0 0 7px rgba(0, 0, 0, .3);z-index: 9;}
.category_list .slick-dots { display: flex;justify-content: center;margin: 0;padding: 1rem 0; list-style-type: none;}
.category_list .slick-dots li { margin: 0 0.25rem;}
.category_list .slick-dots button { opacity: 0.7; display: block;width: 10px; height: 10px;padding: 0;border: none;border-radius: 100%;background-color: #5b3bad ; text-indent: -9999px;}
.category_list .slick-dots li.slick-active button { opacity: 1; background-color: #f8ab09;}
.category_list .slick-slide { margin: 0 8px;}
.category_list .slick-list { margin: 0 -8px; }
.category_list .slick-slide .overlay-outer img{ height:240px; object-fit:cover; width:100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transform: scale(1); -webkit-transform: scale(1); }
.category_list .slick-slide .overlay-outer:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1); }
.lignt_bg_inner { background: #f3f0fd; border-radius: 0px 60px 0px 0px; overflow: hidden; }
.light_inner_content { padding: 60px 40px 60px 0px; }
.regularprice{ color:red; text-decoration: line-through; font-size:20px; font-weight:600; }
.sellprice{ color:green; font-size:20px; font-weight:600; }
.product_container{padding: 80px 0px 30px 0px;}
.product_list .slick-nextbtn { position: absolute;background: #f7ac0a; color: #fff;  width: 40px;height: 40px;  border: none; top: 40%; right: 0px; cursor: pointer; border-radius: 50%; box-shadow: 0 0 7px rgba(0, 0, 0, .3); z-index: 9;}
.product_list .slick-prevbtn { z-index: 9; position: absolute; background: #f7ac0a;color: #fff;width: 40px; height: 40px; border: none; top: 40%; left: 0px;cursor: pointer;border-radius: 50%;box-shadow: 0 0 7px rgba(0, 0, 0, .3);z-index: 9;}
.product_list .slick-dots { display: flex;justify-content: center;margin: 0;padding: 1rem 0; list-style-type: none;}
.product_list .slick-dots li { margin: 0 0.25rem;}
.product_list .slick-dots button { opacity: 0.7; display: block;width: 10px; height: 10px;padding: 0;border: none;border-radius: 100%;background-color: #5b3bad ; text-indent: -9999px;}
.product_list .slick-dots li.slick-active button { opacity: 1; background-color: #f8ab09;}
/*.product_list .slick-slide { margin: 0 5px;}
.product_list .slick-list { margin: 0 -5px; }*/
.product_box img{ width:100%; transition: all 0.5s ease; }
.product_box:hover img{ width:100%; transition: all 0.5s ease; transform: scale(1.1) }
.product_box_image{ overflow:hidden; }
.product_model{ position:relative;  margin-top:35px; border-radius: 7px; overflow:hidden; }
.product_model:before{ content: '';position: absolute;width: 100%;height: 100%; top: 0; left: 0;border: 1px solid #edeef5; border-radius: 7px; pointer-events: none;  }
.product_list{ border:1px solid #edeef5; }
.product_item{ padding:20px; border-right:1px solid #edeef5; border-bottom: 1px solid #edeef5; }
.product_list .slick-track{ display: flex !important; }
.product_list .slick-slide{ height: inherit !important; }
.product_inner_content{ padding-top:20px; }
.product_inner_content h5{ font-size:16px; margin-bottom:15px; }
.product_inner_content h6 { color:green;  text-decoration:none; margin-bottom:15px; }
.product_inner_content h6 del,.price del{ color:red; font-size:16px; font-weight: 500;  font-family: "Jost", sans-serif;}
.product_inner_content h6 ins,.price ins{ color:green; font-size:16px; font-weight: 500;  text-decoration:none; font-family: "Jost", sans-serif;}
.add_to_cart_button { border:1px solid #ea543c!important; background: none!important; line-height: 26px!important; transition: all ease 0.3s!important; font-size: 16px!important; font-family: "Jost", sans-serif!important;border-radius: 30px!important;  font-weight: 500!important;  color:#ea543c!important; padding:4px 12px 6px 12px!important; display:block!important; text-align:center!important;  }
.add_to_cart_button:hover{ background:#ea543c!important; color:#fff!important;  }
.product_box_image{ min-height: 196px; }
.product_model .row{ margin-right: -20px; margin-left: -20px; }
.wc-block-components-address-card .wc-block-components-address-card__edit{  background: #ea543c; color:#fff; padding: 4px 20px; line-height: 1.1;  border:1px solid #ea543c; transition:all ease 0.3s;  }
.wc-block-components-address-card .wc-block-components-address-card__edit:hover{  text-decoration:none;  background: #fff; color:#ea543c;  }

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],.wc-blocks-components-select .wc-blocks-components-select__select {      border: 1px solid #ccc; }
.innner_page,.single_woocommerece{ padding:40px 0px 90px 0px; }
.innner_page .product_model{ padding: 0px 20px; margin-top:20px; }
.breadcrumbs{margin-bottom: 50px;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ background: #ea543c; color: #fff; font-weight: 600; min-width: 40px; line-height: 40px; padding: 0px; margin: 0 5px; border: none; border-radius: 50%; transition:all 0.3s ease; }
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li,.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul{margin-top:30px;}
.slick_item_thumb{ display: block; text-align: center; }
.slick_item_thumb{ display: flex; align-items: center; justify-content: center; width: 97px; height: 97px; text-align:center;  border-radius: 5px;background: #E5E5E5; }
.slick_item_thumb img{ display:inline-block; margin-top:10px; }
.faq_content2 h2{ display:none!important; }
.product_meta{ margin-top:35px; }
.faq_secs{ margin-top: 40px; border-top: 1px solid rgba(64, 61, 61, 0.12);} 
.faq_item{ border-bottom: 1px solid rgba(64, 61, 61, 0.12);  }
.categort_scroll { margin-top:50px;  }
.faq_header{ font-size: 14.297px; font-weight: bold; position: relative;  cursor: pointer; font-size:20px;color: #333; padding: 15px 40px 15px 0px; border-radius: 12px;  }
.faq_content{ padding:30px 0px 20px 0px;  border-top: 1px solid #eee; }
.faqs_section h2{ text-align:center;  color: #0a264e; margin-bottom:60px; }
.faq_header .accordsuffix{ position:absolute; top:15px; border-radius: 50%; width: 24px; color: #fff; text-align: center; height: 24px; background: #ea543c; font-size:12px; right:8px; }
.faq_content ul li{ list-style:disc; margin-left:16px; margin-bottom:10px; }
button:focus{ outline:none; }
.woocommerce-product-details__short-description{ margin-bottom:30px; }
.login-btn i{ margin-right:5px; }
.woocommerce .single_add_to_cart_button,body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { margin-top:3px!important; background:#ea543c!important; padding: 14px 25px!important; color:#fff!important; border:none!important;  }
.slick-track{ margin-left: 0px; }
.subbanner{ padding-top:60px; }
.wc-block-components-product-metadata{ display:none!important; }
.single_woocommerece{ padding-bottom:0px; }


/***Mobile Responsive***/
@media(min-width: 1200px){
.navbar-nav > li > a{ display: block;  }
.navbar-nav li.has-sub-nav {position: relative; }
.navbar-nav > li ul {left:20px;float:left;width: 100%;text-align: left;position: absolute;width: 250px;background:#fff; z-index: 9;opacity: 0;top: 150%;visibility: hidden;-webkit-transition: all .15s ease; -moz-transition: all .15s ease;-ms-transition: all .15s ease;-o-transition:all .15s ease;transition: all .15s ease; }
.navbar-nav li:hover ul { opacity: 1;top: 100%;visibility: visible;}
.navbar-nav  li  > ul > li > a{padding: 4px 15px; display: block; color: #000; font-size:16px; line-height:1.3; }
.navbar-nav  li > ul > li:hover a{color: #333; }
.main_menu{display: inline-block!important;}
.navbar-nav{ flex-direction: row; align-items: center; }
.navbar{ justify-content: center;  }
.navbar-nav > li.has-sub-nav > a{ /*padding-right: 25px; */}
.has-sub-nav{ /*background-image: url(images/dsub_menu.png);*/ background-position:96% 23px; background-size: 14px; background-repeat:no-repeat;}
.has-sub-nav a i{margin-left: 5px; position: relative; top: 2px; font-size: 16px;}
.navbar-nav > li > a:hover,.navbar-nav > li.current-menu-item > a{ color:#f7ac0a; }
 .get_intouch{ text-align:right; }


}

@media(min-width: 1500px){
.container{/*max-width: 1440px;*/}


}

@media(max-width: 1500px){ 
h1{font-size: 42px;line-height: 52px; }
h2{font-size: 36px; line-height: 42px; }
h3{font-size: 30px;line-height: 36px;}
h4{font-size: 24px;line-height: 36px;}

body{font-size: 14px;line-height: 26px;}

.navbar-nav > li > a{  }
.bannerinner{ padding: 110px  0px; min-height:540px; }
.contact_information { padding-right:60px; padding-left:60px; padding-top:80px; padding-bottom:70px; }
.treatment_home{padding-top: 90px;}
.quote_home{padding: 100px 0px;}
.quote_inner p{ font-size:24px; line-height:40px; }
.image_Section img{ min-height: 600px;  }
.content_Section{  padding-right:60px; padding-left:60px; padding-top:80px; padding-bottom:70px; }
.inner_bannner{ padding:100px 0px; }

}


@media(max-width: 1199px){
 body{font-size: 13px;line-height: 24px;}
.xoo-wsc-sc-bki { font-size: 20px; }

.main_menu{ display: none; }
.navbar-nav > li.has-sub-nav a { width: 100%; text-align: left;}
.navbar-nav{flex-direction: column;}
.navbar-nav > li > a { display: inline-block; font-size: 16px;display: block;}
.navbar { padding: 0;}
.sidebar_open:before{content:'';position:fixed;top:0;left:0;right:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;z-index:8}
.mobilemenu_icon{ height:35px; border-radius: 50%; text-align: center; display: flex;flex-direction: column; align-items: center; justify-content: center; float: right; width: 40px; margin-left: 10px; overflow:hidden; cursor:pointer; vertical-align: top;  position: relative;  }
.navbar_line{height:2px; background-color: #fff; display:inline-block; width:25px; padding-top: 2px; margin-bottom:5px; }
 
.sidebar_open .mobilemenu_icon{background: transparent;}
.sidebar_open .navbar_line{left:100%; }
.sidebar_open .navbar_line2{left:100%;}
.sidebar_open .navbar_line3{left:100%; }
.mobilemenu_icon_open{width:25px;height:25px; top: 15px; right: 15px; position:absolute;background-size:cover; z-index: 99; overflow:hidden; }
.navbarclose_line1{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.navbarclose_line2{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.sidebar_open .navbarclose_line1{transform: rotate(-136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbarclose_line2{transform: rotate(136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbar-header{ right:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-header{overflow: auto;}
.sidebar_open{ overflow:hidden}
.navbar-header { float: none; position: fixed; height: 100%; z-index:999999;background: #ea543c;width:280px;  top:0; right: -100%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-nav {text-align: left; padding-top: 50px;}
.navbar-nav > li.has-sub-nav a{ width:100%;text-align: left;}
.navbar-nav > li.has-sub-nav.mega_menu{ background-image: none}
.navbar-nav > li.has-sub-nav.mega_menu  a{ width:100%}
.navbar-nav > li {width: 100%;display: block;text-align: left; border-bottom: solid 1px rgb(246 246 255 / 40%);}
.navbar-nav > li > a { padding: 10px;margin:0;}
.navbar-nav > li > a:hover { background: #000000; color: #fff; text-decoration: none;}
.navbar-nav > li > a {display: block; padding: 15px 20px; color: #fff; }
.navbar-nav > li > ul > li {border-bottom:solid 1px rgb(246 246 255 / 40%);}
.navbar-nav > li > ul > li:last-child{border-bottom: none;}
.navbar-nav > li > ul > li > a {text-transform: capitalize; font-size:16px; font-weight: 400; padding: 10px 0;    display: block; color: #fff;}
.navbar-nav > li > ul {position: relative;width: 100%; top:0; left:0;background: rgba(0, 0, 0, 0.4); display: none}
.navbar-nav > li:hover{color:#ffcc2a;}
.navbar-nav > li > ul li { padding-left: 15px; }
.navbar-nav > li {padding: 0px 0px 0 0px;}
.navbar-nav > li:hover > a { color: #fff; }
.navbar-nav > li.current-menu-item > a { color: #fff; }
.navbar-nav > li:after {bottom: -1px;}
.navbar-nav > li:hover:after{ display: none}
.has-sub-nav{ position:relative; }
.has-sub-nav a i{ position:absolute; right:0px;  height:45px; width:45px; z-index:999;  background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 45px; top:0px; }
.navbar-nav > li.current_page_item > a:after{display: none;}
.main_menu .sub-menu{display: none;}

.bannerinner{ padding: 90px  0px; min-height:490px; }
.banner .btn{margin-top: 20px;}
.get_intouch{ display:none;  }
.navbar-nav > li:last-child{ display:inline-block; }
.inner_bannner{ padding:80px 0px; }


}

@media(max-width: 991px){
h1{font-size: 36px;line-height: 42px; }
h2{font-size: 32px;line-height: 38px; }
h3{font-size: 26px;line-height: 32px;}
h4{font-size: 20px;line-height: 30px;}

.bannerinner{ padding: 80px  0px; min-height:460px; background: rgb(18 17 20 / 60%); }
.about_home{ padding-bottom:70px;  }
.about_home .about_home_inner, .treatment_home .treatment_home_inner{display: block; margin:0 auto; margin-top: 35px; }
.treatment_home{padding-bottom: 70px;}
.treatment_home .col-lg-6:has(img){ order:1; }
.treatment_home .col-lg-6:has(div){ order:2;  }
.quote_home{padding: 80px 0px;}
.quote_inner p{ font-size:20px; line-height:35px; margin-bottom:35px; }
.contact_home{ display:block; }
.contact_map, .contact_information{width: 100%;}
.contact_map iframe{height: 500px;}
 footer nav{text-align: left;margin-top: 45px;} 
.about_row{ width:600px; max-width:100%; margin:0 auto; padding: 70px 0px;  display:block; }
.image_Section, .content_Section{width: 100%; }
.content_Section{padding:0px;  padding-top: 40px;}
.about_row:nth-child(even){    }
.about_row h2{margin-bottom: 20px;}
.image_Section img{height: auto; min-height: auto;}
.about_row:nth-child(even) .content_Section .content_inner{float: none;}
.inner_bannner{ padding:70px 0px; }
.product_container { padding: 60px 0px;}
.subbanner {  padding-top: 50px; }

}

@media(max-width: 767px){
h1{font-size: 32px;line-height: 40px; }
h2{font-size: 26px;line-height: 32px; }
h3{font-size: 24px;line-height: 30px;}
h4{font-size: 18px;line-height: 28px;}

.bannerinner{ padding: 70px  0px; min-height:420px; }
 .max_banner{ max-width:400px; }
footer nav ul li a{padding: 0px 15px;}
.quote_home{padding: 70px 0px;}
.about_row h2{margin-bottom: 15px;}
.about_row{ padding:60px 40px; }
.inner_bannner{ padding:60px 0px; }

.light_inner_content { padding: 30px 20px;}
.lignt_bg_inner {  border-radius: 20px 20px 0px 0px; }
.product_container { padding: 50px 0px;}
header.header{ padding:7px 0px;  }
.breadcrumbs { margin-bottom: 30px; }

}

@media(max-width: 580px){  
h1{font-size: 30px;line-height: 36px;}
h2{font-size: 24px;line-height: 30px;}
h3{font-size: 20px;line-height: 26px;}
h4{font-size: 18px;line-height: 24px;}

.bannerinner{ padding: 60px  0px;  }
.contact_innner li:nth-child(2){float: none;}
.contact_map iframe{height: 360px;}
.max_banner{ max-width:320px; }
.contact_information { padding-right:30px; padding-left:30px; padding-top:60px; padding-bottom:25px; }
footer{padding-top: 50px;}
footer nav ul li:first-child a{padding-left: 0px;}
.border_footer{margin-top: 30px;margin-bottom: 25px;}
footer nav ul li a{ padding: 0px 12px; font-size: 15px; }
.quote_home{padding: 60px 0px;}
.about_row{ padding:50px 30px; }
.inner_bannner{ padding:50px 0px; }

.category_list .slick-nextbtn {right: 0px; }
.category_list .slick-prevbtn { left: 0px; }

.product_list .slick-nextbtn {right: 0px; }
.product_list .slick-prevbtn { left: 0px; }
.faq_secs{margin-top:20px; }

}

@media(max-width: 380px){  
.bannerinner{ padding: 50px  0px; min-height:350px; } 
.contact_map iframe{height: 280px;}
footer nav ul li{display: block; border-right: none; padding: 10px 0px; border-top: 1px solid #fff;}
footer nav ul li a{padding: 0px; }
.border_footer{margin-top: 0px;}
.contact_information { padding-right:30px; padding-left:30px; padding-top:50px; padding-bottom:15px; }
.xoo-wsc-cart-trigger{ display:none; }
.btn-header-right a{ line-height: 45px; }
.subbanner {  padding-top: 40px; }
.xoo-wsc-sc-cont{ display:none;  }
.mobilemenu_icon {height: 45px;}
	
.checkout-btn{ width:200px; margin:5px 0px; text-align:center; max-width:85%; }
	.modern-shop-container + div > a{ width:240px; margin:5px 0px; text-align:center; }
	
}


/*
Theme Name: Custom WooCommerce Shop
Template: storefront
Version: 1.0
*/

/* Base Styles */
:root { --primary-color: #3a3a3a; --secondary-color: #007cba; --light-gray: #f8f9fa; }
.header-cart-info { display: flex; align-items: center; gap: 20px; padding: 15px 0; background: var(--light-gray); justify-content: flex-end; padding-right: 30px; }
.cart-summary-btn, .checkout-btn { padding: 8px 20px; border-radius: 4px; text-decoration: none; font-weight: 600; }
.cart-summary-btn { background: var(--primary-color); color: white; }
.checkout-btn { background: var(--secondary-color); color: white; }
.cart-count-badge { background: #ff0000; color: white; border-radius: 50%; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 30px; }
.product-card { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; transition: transform 0.3s; background: white; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.product-image-container { width: 100%; height: 200px; overflow: hidden; }
.product-image-container img { width: 100%; height: 100%; object-fit: cover; }
.product-content { padding: 20px; }
.product-title { font-size: 18px; margin-bottom: 10px; color: var(--primary-color); }
.product-price { font-size: 22px; font-weight: bold; color: var(--secondary-color); margin-bottom: 15px; }
.quantity-control { margin: 15px 0; }
.quantity-input { width: 80px; padding: 8px; border: 1px solid #ddd; border-radius: 4px; text-align: center; }
.product-total { font-size: 20px; font-weight: bold; color: #27ae60; padding: 10px 0; border-top: 2px solid #f0f0f0; margin-top: 15px; }
.side-cart-panel { position: fixed; top: 0; right: -400px; width: 380px; height: 100vh; background: white; box-shadow: -5px 0 15px rgba(0,0,0,0.1); transition: right 0.3s ease; z-index: 9999; padding: 20px; overflow-y: auto; }
.side-cart-panel.active { right: 0; }
.cart-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 9998; }
.cart-overlay.active { display: block; }
.cart-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom: 20px; }
.close-cart { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; }
.cart-items { margin-bottom: 20px; }
.cart-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #eee; }
.cart-item-info { flex: 1; }
.cart-item-title { font-weight: 600; margin-bottom: 5px; }
.cart-item-price { color: var(--secondary-color); }
.cart-item-remove { color: #ff0000; background: none; border: none; cursor: pointer; font-size: 14px; }
.cart-footer { padding-top: 20px; border-top: 2px solid #eee; }
.cart-total { font-size: 24px; font-weight: bold; color: var(--primary-color); margin-bottom: 20px; }
.checkout-form-simple { max-width: 600px; margin: 0 auto; padding: 30px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: 600; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; }
.category-header { padding: 20px 30px; background: linear-gradient(135deg, #2a0803 0%, #764ba2 100%); color: white; margin-bottom: 30px; }
.category-title { font-size: 32px; font-weight: 700; margin: 0; }
:root { --primary-color: #ea543c; --primary-dark: #2a0803; --secondary-color: #6c757d; --success-color: #10b981; --danger-color: #ef4444; --border-color: #e5e7eb; --bg-color: #f9fafb; --text-color: #1f2937; --card-bg: #ffffff; --shadow: 0 1px 3px rgba(0,0,0,0.1); --shadow-lg: 0 10px 25px rgba(0,0,0,0.1); }
* { box-sizing: border-box; }
.checkout-btn{ display:inline-block; margin-left:6px; }
.sticky-cart-bar { position: relative; top: 0; left: 0; right: 0; background: var(--card-bg); border: 1px solid var(--border-color); padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: var(--shadow); }
.cart-summary-compact { display: flex; align-items: center; gap: 20px; }
.cart-stat { display: flex; flex-direction: column; align-items: flex-start; }
.cart-stat-label { font-size: 0.75rem; color: var(--secondary-color); margin-bottom: 2px; }
.cart-stat-value { font-size: 1.1rem; font-weight: 700; color: var(--primary-color); }
.checkout-btn { background: var(--primary-color); color: white; border: none; padding: 8px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.checkout-btn:hover { background: #f7ac0a; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3); }
.modern-shop-container { max-width: 1200px; margin: 0 auto; padding-top: 20px; }
.page-title { font-size: 1.8rem; margin-bottom: 25px; color: var(--text-color); text-align: center; font-weight: 700; }
.category-group { margin-bottom: 30px; background: var(--card-bg); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); }
.category-header { background: linear-gradient(135deg, var(--primary-color), #2a0803); color: white; padding: 15px 20px; margin: 0; font-size: 1.1rem; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.category-count { background: rgba(255,255,255,0.2); padding: 3px 10px; border-radius: 12px; font-size: 0.8rem; font-weight: normal; line-height: 24px; }
.products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 15px; }
.product-card-compact { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 12px; display: flex; gap: 12px; transition: all 0.3s ease; position: relative; min-height: 130px; }
.product-card-compact:hover { border-color: var(--primary-color); box-shadow: 0 5px 15px rgba(74, 108, 247, 0.1); transform: translateY(-2px); }

.product-card-compact:hover .product-image-compact{transform: scale(1.1);}
.products-grid .product-image-compact { width: 100px; overflow:hidden; height: 100px; object-fit: cover; border-radius: 8px; border: 1px solid #f0f0f0; flex-shrink: 0; transition: all 0.5s ease; }
.product-details-compact { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.product-name-compact { font-size: 0.95rem; font-weight: 600; color: var(--text-color); margin-bottom: 0px; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product-price-compact { font-size: 1.1rem; font-weight: 700; color: var(--primary-color);   }
.quantity-control-compact { display: flex; align-items: center; gap: 10px; margin-top: auto; }
.quantity-label { font-size: 0.85rem; color: var(--secondary-color); white-space: nowrap; }
.qty-input-compact { width: 60px; padding: 6px; border: 1px solid var(--border-color); border-radius: 6px; text-align: center; font-size: 0.9rem; font-weight: 600; -moz-appearance: textfield; background: var(--bg-color); }
.qty-input-compact::-webkit-outer-spin-button, .qty-input-compact::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty-input-compact:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1); }
.row-total-compact { margin-left: auto; text-align: right; min-width: 80px; }
.row-total-label { font-size: 0.75rem; color: var(--secondary-color); margin-bottom: 3px;}
.row-total-value { font-size: 1.1rem; font-weight: 700; color: var(--text-color); }
.checkout-side-panel { position: fixed; top: 0; right: -400px; width: 380px; height: 100vh; background: var(--card-bg); box-shadow: var(--shadow-lg); z-index: 1001; transition: right 0.3s ease; overflow-y: auto; }
.checkout-side-panel.open { right: 0; }
.panel-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.panel-overlay.show { opacity: 1; visibility: visible; }
.panel-header { padding: 20px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; background: var(--primary-color); color: white; }
.panel-title { font-size: 1.3rem; font-weight: 600; margin: 0; }
.close-panel { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.close-panel:hover { background: rgba(255,255,255,0.1); }
.panel-content { padding: 20px; }
.checkout-form-compact { padding-top: 10px; }
.form-group-compact { margin-bottom: 15px; }
.form-label-compact { display: block; font-size: 0.9rem; font-weight: 500; margin-bottom: 6px; color: var(--text-color); }
.form-input-compact { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 0.95rem; background: var(--bg-color); transition: all 0.2s; }
.form-input-compact:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1); }
.form-row { display: flex; gap: 15px; }
.form-row .form-group-compact { flex: 1; }
.place-order-btn { width: 100%; padding: 14px; background: var(--success-color); color: white; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.2s; margin-top: 20px; }
.place-order-btn:hover { background: #0da271; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3); }
.place-order-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.quick-checkout-icon { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; cursor: pointer; z-index: 999; box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3); transition: all 0.3s ease; }
.quick-checkout-icon:hover { background: var(--primary-dark); transform: scale(1.1); box-shadow: 0 6px 20px rgba(74, 108, 247, 0.4); }
.cart-badge { position: absolute; top: -5px; right: -5px; background: var(--danger-color); color: white; font-size: 0.7rem; font-weight: 600; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.message { padding: 12px 15px; border-radius: 8px; margin-bottom: 15px; font-size: 0.9rem; }
.message-success { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.message-error { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.empty-cart-message { text-align: center; padding: 40px 20px; color: var(--secondary-color); font-style: italic; }
.loading { opacity: 0.7; pointer-events: none; position: relative; }
.loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border: 2px solid #f3f3f3; border-top: 2px solid var(--primary-color); border-radius: 50%; animation: spin 1s linear infinite; transform: translate(-50%, -50%); }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
.coupon, .checkout_coupon { display: none !important; }
.shipping-calculator-form { display: none !important; }
#shipping_method, .shipping_method { display: none !important; }
.wc_payment_methods, .payment_methods { display: none !important; }
.cart_btn{ display: inline-block; background: rgba(255, 255, 255, 0.2); border-radius: 5px; padding:3px 4px 3px 10px; line-height:24px; }
.cart_btn span{ display: inline-block; margin-left: 6px; font-weight: 600; text-align: center; font-size: 13px; background: #f7ac0a; border-radius:4px; width:24px; line-height:24px; }
.cart_btn:hover{ background:var(--primary-color); }
.product-price-compact{ color:green; font-size: 14px; }
.product-price-compact del{ color:red; }
.product-price-compact ins{ color:green; text-decoration:none; }
.row-total-value{ color:var(--primary-color); }
.fixed-cart-icon { position: fixed; bottom: 30px; right: 30px; z-index: 9998; transition: all 0.3s ease; }
.fixed-cart-icon .cart-icon-link { display: block; width: 60px; height: 60px; background: linear-gradient(135deg, #4a6cf7 0%, #ea543c 100%); border-radius: 50%; box-shadow: 0 4px 15px rgba(106, 17, 203, 0.4); text-align: center; line-height: 60px; position: relative; transition: all 0.3s ease; }
.fixed-cart-icon .cart-icon-link:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(106, 17, 203, 0.5); }
.fixed-cart-icon .cart-icon { display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.fixed-cart-icon .cart-count { position: absolute; top: -5px; right: -5px; background: #ff4757; color: white; font-size: 12px; font-weight: bold; min-width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; padding: 0 5px; border: 2px solid white; }
.woocommerce-side-cart-container { position: fixed; top: 0; right: -450px; width: 100%; max-width: 450px; height: 100%; background: white; z-index: 9999; box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1); transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: flex; flex-direction: column; }
.woocommerce-side-cart-container.active { right: 0; }
.side-cart-header { padding: 20px 25px; background: linear-gradient(135deg, #4a6cf7 0%, #ea543c 100%); color: white; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
.side-cart-title { margin: 0; font-size: 1.5rem; font-weight: 600; color: white; }
.side-cart-close { background: none; border: none; color: white; font-size: 2rem; line-height: 1; cursor: pointer; padding: 0; width: 30px; height: 30px; transition: transform 0.2s; }
.side-cart-close:hover { transform: scale(1.1); }
.side-cart-content { flex: 1; overflow-y: auto; padding: 20px; }
.side-cart-footer { padding: 20px; border-top: 1px solid #eee; background: #f9f9f9; flex-shrink: 0; }
.side-cart-total { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 1.2rem; font-weight: 600; color: #333; }
.side-cart-total strong { font-weight: 600; }
.side-cart-amount { color: #4a6cf7; }
.side-cart-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.side-cart-buttons .button { display: block; text-align: center; padding: 12px 15px; border-radius: 5px; font-weight: 500; text-decoration: none; transition: all 0.3s; }
.side-cart-buttons .view-cart-btn { background: white; color: #4a6cf7; border: 2px solid #4a6cf7; }
.side-cart-buttons .view-cart-btn:hover { background: #f5f7ff; color: #4a6cf7; }
.side-cart-buttons .checkout-btn { background: linear-gradient(135deg, #4a6cf7 0%, #ea543c 100%); color: white; border: none; }
.side-cart-buttons .checkout-btn:hover { opacity: 0.9; color: white; }
.woocommerce-side-cart-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9997; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.woocommerce-side-cart-overlay.active { opacity: 1; visibility: visible; }
.side-cart-loading { display: none; text-align: center; padding: 20px; }
.side-cart-loading.active { display: block; }
.side-cart-loading .spinner { width: 40px; height: 40px; margin: 0 auto 10px; border: 4px solid #f3f3f3; border-top: 4px solid #4a6cf7; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.product_innner_list{ margin-bottom:30px; }
.wc-block-cart-item__remove-link{ color:red; }
.lignt_bg{ margin-bottom:60px; }
.product-details-compact p{ margin-bottom:0px; line-height:24px; }

/* Media Queries */
@media (max-width: 1024px) { .product-grid { grid-template-columns: repeat(2, 1fr); padding: 20px; } }
@media (max-width: 768px) { .product-grid { grid-template-columns: 1fr; padding: 15px; } }
@media (max-width: 768px) { .side-cart-panel { width: 100%; right: -100%; } }
@media (max-width: 768px) { .header-cart-info { justify-content: center; padding: 10px; } }
@media (max-width: 768px) { .checkout-form-simple { padding: 15px; } }
@media (max-width: 768px) { .category-header { padding: 15px; } }
@media (max-width: 768px) { .category-title { font-size: 24px; } }
@media (max-width: 768px) { .sticky-cart-bar { padding: 8px 15px; } }
@media (max-width: 768px) { .cart-summary-compact { gap: 15px; } }
@media (max-width: 768px) { .cart-stat-value { font-size: 1rem; } }
@media (max-width: 768px) { .checkout-btn { padding: 6px 15px; font-size: 0.9rem; } }
@media (max-width: 768px) { .modern-shop-container { padding: 15px; } }
@media (max-width: 768px) { .products-grid { grid-template-columns: 1fr; gap: 12px; padding: 12px; } }
@media (max-width: 768px) { .product-card-compact { padding: 10px; } }
@media (max-width: 768px) { .product-image-compact { width: 90px; height: 90px; } }
@media (max-width: 768px) { .checkout-side-panel { width: 100%; right: -100%; } }
@media (max-width: 768px) { .quick-checkout-icon { bottom: 20px; right: 20px; width: 50px; height: 50px; font-size: 1.3rem; } }
@media (max-width: 768px) { .panel-header { padding: 15px; } }
@media (max-width: 768px) { .panel-content { padding: 15px; } }
@media (max-width: 768px) { .woocommerce-side-cart-container { max-width: 100%; right: -100%; } }
@media (max-width: 768px) { .fixed-cart-icon { bottom: 20px; right: 20px; } }
@media (max-width: 768px) { .fixed-cart-icon .cart-icon-link { width: 50px; height: 50px; line-height: 50px; } }
@media (max-width: 768px) { .side-cart-buttons { grid-template-columns: 1fr; } }
/*@media (max-width: 480px) { .product-card-compact { flex-direction: column; min-height: auto; } }*/
/*@media (max-width: 480px) { .product-image-compact { width: 100%; height: 150px; object-fit: cover; } }*/
@media (max-width: 480px) { .quantity-control-compact {margin-top: 0px;} .product-price-compact{ margin-bottom:0px; }   }
@media (max-width: 480px) { .row-total-compact { margin-left: 0; text-align: left; margin-top: 10px; } }
@media (max-width: 480px) { .form-row { flex-direction: column; gap: 0; } }
@media (min-width: 1200px) { .products-grid { grid-template-columns: repeat(3, 1fr); } }

.sticky-button{ position:relative;  }
.sticky-button .count_cart{ position:absolute; right:90%; font-size: 14px; border-radius: 50%; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); top:0px; width: 30px; height: 30px; line-height: 30px; display: inline-block;  background:#f7ac0a; color:#fff; }
.btn i{ margin-right:8px; }
/* Sticky Side Buttons Container */
        .sticky-buttons-container {
            position: fixed;
            bottom: 40px;
            right: 20px;
            /*transform: translateY(-50%);*/
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 7;
        }
        
        /* Left side buttons option */
        .sticky-buttons-left {
            left: 20px;
            right: auto;
        }
        
        /* Button styles */
        .sticky-button {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
            font-size: 1.5rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            position: relative;
        }
        
        .sticky-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        
        /* Individual button colors */
        .sticky-button.home {
            background-color: #ea543c;
            color: white;
        }
        
        .sticky-button.info {
            background-color: #2575fc;
            color: white;
        }
        
        .sticky-button.contact {
            background-color: #00b09b;
            color: white;
        }
        
        .sticky-button.share {
            background-color: #ff8a00;
            color: white;
        }
        
        .sticky-button.settings {
            background-color: #8e2de2;
            color: white;
        }
        
        .sticky-button.up {
            background-color: #ff416c;
            color: white;
        }
        
        /* Tooltip */
        .sticky-button .tooltip {
            position: absolute;
            right: 70px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #000;
            color: white;
            padding: 8px 15px;
            border-radius: 5px;
            font-size: 0.9rem;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        }
        
        .sticky-button .tooltip:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 100%;
            transform: translateY(-50%);
            border-width: 6px;
            border-style: solid;
            border-color: transparent transparent transparent #000;
        }
        
        .sticky-button:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }
        
        /* Left side buttons tooltip positioning */
        .sticky-buttons-left .sticky-button .tooltip {
            left: 70px;
            right: auto;
        }
        
        .sticky-buttons-left .sticky-button .tooltip:after {
            left: auto;
            right: 100%;
            border-color: transparent #333 transparent transparent;
        }
        
        /* Toggle switch for left/right positioning */
        .toggle-container {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 30px 0;
            gap: 15px;
        }
        
        .toggle-label {
            font-weight: 600;
            color: #555;
        }
        
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 30px;
        }
        
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #2575fc;
            transition: .4s;
            border-radius: 34px;
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        
    
        
        .slider-text {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0.7rem;
            font-weight: bold;
            color: white;
        }
        
        .left-text {
            left: 8px;
        }
        
        .right-text {
            right: 8px;
        }
        
        /* Mobile responsiveness */
        @media (max-width: 992px) {
             
            
            .sticky-buttons-container {
                right: 10px; gap:10px;
            }
            
            .sticky-buttons-left {
                left: 10px;
            }
        }
        
        @media (max-width: 768px) {
            .sticky-button {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
            
            .sticky-button .tooltip {
                font-size: 0.8rem;
                padding: 6px 12px;
                right: 60px;
            }
            
            .sticky-buttons-left .sticky-button .tooltip {
                left: 60px;
            }
            
            
        }


/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 20px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.whatsapp-float:hover {
  background-color: #128C7E;
  transform: scale(1.1);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
}

.whatsapp-float:active {
  transform: scale(0.95);
}

/* WhatsApp Icon using CSS */
.whatsapp-icon {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Optional: Tooltip on hover */
.whatsapp-float::after {
  content: 'Chat with us';
  position: absolute;
  left: 102%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.whatsapp-float:hover::after {
  opacity: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
  .whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  
  .whatsapp-icon {
    width: 25px;
    height: 25px;
  }
  
  .whatsapp-float::after {
    font-size: 12px;
    padding: 6px 10px;
    left: 100%;
  }
}


.whatsapp-float i {
  font-size: 35px;
  margin-top: 3px;
}

@media (max-width: 768px) {
  .whatsapp-float i {
    font-size: 28px;
  }
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.whatsapp-float {
  animation: pulse 2s infinite;
}