@charset "UTF-8"; 
::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

* {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE & Edge */
}
.ql-toolbar.ql-snow{background-color: #e3d1e3!important;border-radius:10px 10px 0 0!important}
.ql-toolbar.ql-snow + .ql-container.ql-snow{border-radius: 0 0 10px 10px!important}
.category-icons{border-radius: 100%;margin:auto auto 10px auto}
.product-info{display: block;background-color: #c8a5c81f;padding:15px 20px;border-radius: 10px;margin:20px auto}
.product-info p{margin:auto;font-size: 14px;}
.swatch-element{display: inline-block;width: 80px;background-color: #c8a5c8;color:white;text-align: center;border-radius: 10px;cursor:pointer;transition:0.35s;margin:auto 5px 5px auto}
.swatch-element:hover{background-color: #741b75;}
.swatch-element input{display: none}
.swatch-element label{padding:10px;cursor:pointer}
.header-variants{margin:auto auto 10px auto}
.header-line{margin: auto auto 20px auto}
.header-line:last-child{margin:auto}
.selected-variants-to-display{margin:10px auto 15px auto}
.selected-variants-to-display span{background-color: #741b75;border-radius: 10px;padding:5px 10px;color:white;font-size: 12px}


.jGrowl-notification{background-color: #741b75!important;}
.jGrowl-notification .jGrowl-header{font-size: 14px!important;margin: auto auto 10px}
.jGrowl-notification .jGrowl-close{font-size: 15px!important;}
.jGrowl-notification .jGrowl-message{font-size: 15px;}
div.jGrowl div.jGrowl-notification .jGrowl-message > .col-md-8{text-align:center;}
div.jGrowl div.jGrowl-notification div.jGrowl-close{background:transparent;color:#b9b9b9;font-size:1.2em;height:30px;line-height:26;width:30px;text-align:center;top:0;right:0;left:auto;}
div.jGrowl div.jGrowl-notification div.jGrowl-close:hover{color:#b1181b;}
div.jGrowl div.jGrowl-notification div.jGrowl-close i.fa{color:#b9b9b9;vertical-align:top;line-height:26px;}
div.jGrowl div.jGrowl-notification div.jGrowl-close:hover i.fa{color:#b1181b;}
div.jGrowl div.jGrowl-notification .jGrowl-title{text-transform:none;font-size:13px;font-family:'Lato', sans-serif;font-style:none;color:#808080;}
div.jGrowl div.jGrowl-notification .jGrowl-title:hover{color:#a07936;}
div.jGrowl div.jGrowl-notification .jGrowl-note{font-size:1.5em;margin-bottom:10px;}
div.jGrowl div.jGrowl-notification .jGrowl-note a,
div.jGrowl div.jGrowl-notification .jGrowl-note{color:#000000;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer{width:417px;padding:20px;}
div.jGrowl div.jGrowl-closer{font-size:1.2em;font-weight:500;padding:10px 20px;text-transform:capitalize;}


/* div.jGrowl div.jGrowl-notification div.jGrowl-message{display:table;table-layout:fixed;width:100%;}
div.jGrowl div.jGrowl-notification div.jGrowl-message .col-md-8{display:table-cell;float:left;width:24%;}
div.jGrowl div.jGrowl-notification div.jGrowl-message .col-md-16{display:table-cell;vertical-align:text-top;}
div.jGrowl div.jGrowl-notification .jGrowl-note{margin-top:0;font-size:13px;} */



.review-panel{padding: 10px 20px;border:1px solid var(--tertiary);border-radius: 20px;margin:auto auto 10px auto}
.review-panel h4{font-size: 18px;color:var(--primary)}
.review-panel i{color:var(--primary);margin:auto auto 10px auto}
:root{--primary:#741b75; --secondary:#c8a5c8; --tertiary:#e3d1e3; --muted:#fdf3fd; --accent_old:#bd50c8; --accent:#580e5a; --dull:rgb(229,231,235);}
@font-face{font-family:"Solena"; src:url("../fonts/Solena-Regular.woff") format("woff"),url("../fonts/Solena-Regular.woff2") format("woff2"); font-weight:normal; font-style:normal;}
html,body{max-width:100%; overflow-x:hidden;}
body{--heading-font:"Great Vibes",cursive; --heading-font-weight:normal; --heading-color:var(--primary); --heading-line-height:1.24; --swiper-theme-color:#8c907e; --bs-body-font-family:"Open Sans",Roboto,sans-serif; --bs-body-font-size:16px; --bs-body-font-weight:400; --bs-body-line-height:1.6; color:#0f1113; overflow-x:hidden; letter-spacing:0.1px;}
ul{padding:0; margin:0;}
ul li{list-style-type:none;}
h1,.h1,h2,.h2,.h3,h3{font-family:var(--heading-font); font-weight:var(--heading-font-weight); color:var(--heading-color); line-height:var(--heading-line-height);}
h1.light,.h1,h2.light,.h2,h3.light,.h3,h4.light,.h4,h5.light,.h5,h6.light,.h6{color:var(--light-color);}
h1,h2,h3{margin-bottom:20px;}
h4,h5,h6{font-weight:400; /* font-family:var(--bs-body-font-family); */}
h1,.h1{font-size:50px;}
h2,.h2{font-size:42px;}
h3,.h3{font-size:34px;}
h4,.h4{font-size:30px; line-height:36px; font-weight:500;}
h5,.h5{font-size:22px; line-height:32px; font-weight:500; color: #000;}
h6,.h6{font-size:18px; line-height:30px; font-weight:500;}
a{text-decoration:none; color:var(--primary);}
strong,b{font-weight:600;}
/* Utility */

.list-disc ul li{list-style-type:disc;}
.border_10{border-radius:10px;}
.border-8{border-radius:10px;}
.borderBottom{border-bottom:1px solid var(--secondary);}
.py-6{padding-block:80px;}
.pb-6{padding-bottom:80px;}
.pt-6{padding-top:80px;}
.textPrimary{color:var(--primary);}

.card{
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--tertiary);
}

.swiper-slide.add-margin{margin:5px;padding:10px;border-radius:20px;border:1px solid var(--tertiary);cursor: pointer;}
/* .swiper-slide.swiper-slide-active{border-color:var(--primary)} */
button{
    outline: none;
}
input.item-quantity{border:none;background-color: transparent;text-align: center}
/* Dropdown */
.dropdown-menu{--bs-dropdown-border-radius:0; --bs-dropdown-border-width:0;}
.dropdown-item{--bs-dropdown-item-padding-y:0.25rem; --bs-dropdown-item-padding-x:1rem; --bs-dropdown-link-color:var(--bs-black); --bs-dropdown-item-border-radius:0;}
.dropdown-item.active,.dropdown-item:active{--bs-dropdown-link-active-color:var(--bs-light); --bs-dropdown-link-active-bg:var(--bs-black);}
/* list group */
.list-group-item{--bs-list-group-item-padding-x:0; --bs-list-group-border-width:0;}
/* Section Title */
.secTitle .pill{margin-bottom:14px;}
.overlay{position:relative;}
.overlay:before{position:absolute; content:""; width:100%; height:100%; background:var(--primary); inset:0; opacity:0.8; transition:all 0.3s; background-blend-mode:multiply;}
/* btn */
.myBtn{font-size:14px; font-weight:400; color:#ffffff; padding:10px 36px 10px 20px; background:var(--primary); border:none; border-radius:10px; position:relative; overflow:hidden; display:inline-block; z-index:1; white-space:nowrap; margin-top:1.5em; cursor:pointer;}
.myBtn:before{position:absolute; content:""; width:0; height:100%; background:var(--accent); left:0; top:0; z-index:-1; transition:all 0.3s;}
.myBtn:after{position:absolute; content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900; color:#ffffff; right:14px; top:50%; transform:translateY(-50%);}
.myBtn:hover:before{width:100%;}

.vMuted{font-size:14px; font-weight:400; color:#161515; padding:14px 20px; background:var(--tertiary); border-radius:0; position:relative; overflow:hidden; display:inline-block; z-index:1; transition:all 0.3s;}
.vMuted:hover{background:var(--secondary);}
.vMuted .icon{display:inline-block; width:var(--icon-size,18px); height:var(--icon-size,18px); vertical-align:middle; fill:none; stroke-width:var(--ICON-STROKE-WIDTH); stroke:currentColor;}
.myBtn.muted:before{content:"Join Now";}
/* Pill */
.pill{color:white;font-size:14px; display:inline-block; padding:2px 10px; border-radius:10px;
  background-color:#741b75;}
.pill.filled {
    background: var(--primary);
    color: #fff;
}
.filledBig{word-wrap:normal; padding:10px 30px; font-weight:400; font-size:15px; line-height:1; border-radius:10px; background-color:var(--secondary); color:#000;}
/* BAckground */
.bgMuted{background:var(--muted);}
.bgAccent{background:var(--tertiary);}
.pagination{--bs-pagination-active-bg:var(--bs-black); --bs-pagination-border-width:0; --bs-pagination-border-radius:0;}
/* breadcrumb */
.breadcrumb{--bs-breadcrumb-item-padding-x:1em;}
/* 1/2 Grid */
.myGrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); -moz-column-gap:20px; column-gap:20px; row-gap:40px; grid-template-columns:auto(minmax(400px),400);}
/* text colors */
.text-white{--heading-color:var(--bs-light); --bs-breadcrumb-item-active-color:var(--bs-light); --bs-breadcrumb-divider-color:var(--bs-light); --bs-link-color-rgb:var(--bs-light-rgb); --bs-link-hover-color-rgb:var(--bs-light-rgb);}
.text-white .nav-link{--bs-nav-link-color:var(--bs-light); --bs-nav-link-hover-color:var(--bs-light); --bs-nav-link-active-color:var(--bs-light); --bs-navbar-active-color:var(--bs-light);}
.textPrimary{color:var(--primary);}
/* accordion */
.accordion{--bs-accordion-border-width:0; --bs-accordion-border-radius:0; --bs-accordion-inner-border-radius:0; --bs-accordion-btn-padding-x:0; --bs-accordion-btn-padding-y:0.1rem; --bs-accordion-btn-color:var(--bs-dark); --bs-accordion-btn-bg:transparent; --bs-accordion-btn-focus-border-color:var(--bs-dark); --bs-accordion-btn-focus-box-shadow:none; --bs-accordion-body-padding-x:0; --bs-accordion-body-padding-y:0.1rem; --bs-accordion-active-color:transparent; --bs-accordion-active-bg:transparent;}
/* form control */
.form-control:focus{border-color:#ccc; box-shadow:0 0 0 0.25rem rgba(200,200,200,0.25);}
/* dark theme */
[data-bs-theme=dark] body{color-scheme:dark; --heading-color:#fff; --bs-link-color:#fff; --bs-link-hover-color:#fff; --bs-link-color-rgb:255,255,255; --bs-link-hover-color-rgb:255,255,255; --bs-body-color:#d1d1d1; --bs-body-bg:#111; --bs-body-bg-rgb:17,17,41;}
[data-bs-theme=dark] .dropdown-item{--bs-dropdown-link-color:var(--bs-light); --bs-dropdown-link-hover-color:var(--bs-white);}
[data-bs-theme=dark] .bg-white,[data-bs-theme=dark] .bg-light{--bs-bg-opacity:0.1;}
/* end of Bootstrap Color Theme */

/* preloader */

/* navbar */
.navbar > .container,.navbar > .container-fluid,.navbar > .container-lg,.navbar > .container-md,.navbar > .container-sm,.navbar > .container-xl,.navbar > .container-xxl{display:unset;}
.navbar .navbar-toggler{padding:4px;}
#navbar{transition:all 0.3s ease-in-out;}
.nav2{background-color:var(--tertiary);}
#navbar.scrolled{background:rgb(255,255,255); box-shadow:0 4px 30px rgba(0,0,0,0.1);}
/* slideshow */
.slideshow{overflow:hidden;}
/* .slideshow .swiper-slide{background-position-x:-300px; transition:background-position-x 1.6s ease-out; background-repeat:no-repeat; background-size:cover;}
.slideshow .swiper-slide.swiper-slide-active{background-position-x:0;}
*/
.hero-title{font-family:"Great Vibes",cursive;}
.slideshow .swiper-slide{/* background-size:100%; */
  background-position:center; background-origin:padding-box; background-repeat:no-repeat; background-size:cover; transition:background-size 1s ease-in-out;}
/* .slideshow .swiper-slide.swiper-slide-active{background-size:120%;}
*/

/* fade in */
.slideshow.fade-in .swiper-slide .banner-content{opacity:0; transition:opacity 0.3s ease-out; transition-delay:600ms;}
.slideshow.fade-in .swiper-slide.swiper-slide-active .banner-content{opacity:1;}
/* slide in */
.slide-in .swiper-slide .banner-content h2,.slide-in .swiper-slide .banner-content p,.slide-in .swiper-slide .banner-content .btn{display:inline-block; opacity:0; transform:translate3d(0,50px,0); transition:opacity 0.6s ease-out,transform 0.6s ease-out;}
.slide-in .swiper-slide .banner-content h2{transition-delay:600ms;}
.slide-in .swiper-slide .banner-content p{transition-delay:800ms;}
.slide-in .swiper-slide .banner-content .btn{transition-delay:1000ms;}
.slide-in .swiper-slide.swiper-slide-active .banner-content h2,.slide-in .swiper-slide.swiper-slide-active .banner-content p,.slide-in .swiper-slide.swiper-slide-active .banner-content .btn{opacity:1; transform:translate3d(0,0,0);}
/* swiper slide-clip */
.slide-clip .swiper-slide .image-holder img{transform:scale(1.2); transition:transform 1s ease-in-out;}
.slide-clip .swiper-slide.swiper-slide-active .image-holder img{transform:scale(1);}
.slide-clip .swiper-slide .image-holder{-webkit-clip-path:inset(100% 0 0 0); clip-path:inset(100% 0 0 0); display:block;}
.slide-clip .swiper-slide.swiper-slide-active .image-holder{animation:1s slide-clip forwards;}
.slide-clip .swiper-slide.swiper-slide-prev .image-holder,.slide-clip .swiper-slide.swiper-slide-next .image-holder{animation:1s slide-down;}
@keyframes slide-clip{
  0%{-webkit-clip-path:inset(100% 0 0 0); clip-path:inset(100% 0 0 0);}
  100%{-webkit-clip-path:inset(0 0 0 0); clip-path:inset(0 0 0 0);}
}
@keyframes slide-down{
  0%{-webkit-clip-path:inset(0 0 0 0); clip-path:inset(0 0 0 0);}
  100%{-webkit-clip-path:inset(100% 0 0 0); clip-path:inset(100% 0 0 0);}
}
/* swipe animation */
.swipe-up{-webkit-clip-path:inset(0 0 100% 0); clip-path:inset(0 0 100% 0); display:block;}
.aos-animate .swipe-up{animation:1s swipe-up forwards;}
/*.down-leave-active{animation:1s down-leave;}
*/
@keyframes swipe-up{
  0%{-webkit-clip-path:inset(0 0 100% 0); clip-path:inset(0 0 100% 0);}
  100%{-webkit-clip-path:inset(0); clip-path:inset(0);}
}
/* polygon */
.polygon{-webkit-clip-path:polygon(0 0,100% 0,100% 20%,100% 100%,80% 100%,20% 100%,0 100%,0% 20%); clip-path:polygon(0 0,100% 0,100% 20%,100% 100%,80% 100%,20% 100%,0 100%,0% 20%);}
.aos-animate .polygon{animation:1s polygon forwards;}
@keyframes polygon{
  0%{-webkit-clip-path:polygon(0 0,100% 0,100% 20%,100% 100%,80% 100%,20% 100%,0 100%,0% 20%); clip-path:polygon(0 0,100% 0,100% 20%,100% 100%,80% 100%,20% 100%,0 100%,0% 20%);}
  100%{-webkit-clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%); clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);}
}
/* open-up */
.open-up{-webkit-clip-path:inset(48% 34% 36% 35%); clip-path:inset(48% 34% 36% 35%);}
.aos-animate.open-up{animation:1s open-up forwards;}
@keyframes open-up{
  0%{-webkit-clip-path:inset(48% 34% 36% 35%); clip-path:inset(48% 34% 36% 35%);}
  100%{-webkit-clip-path:inset(0% 0% 0% 0%); clip-path:inset(0% 0% 0% 0%);}
}
.swipe-up{--delay:0.05s;}
.swipe-up{animation-delay:1s; /* animation-delay:data(swipe-delay); */}
/* Text Effects */
.txt-fx{overflow:hidden; line-height:1;}
.txt-fx.zoom{overflow:visible;}
.txt-fx .word{overflow:hidden; transform-origin:0 100%; display:inline-block; line-height:1em;}
.txt-fx .letter{transform-origin:0 100%; display:inline-block; line-height:1em;}
.txt-fx{--delay:50ms; --easing:cubic-bezier(0.5,0,0.53,1);}
/* fade right */
.txt-fx.fade-right .letter{transform:translate3d(-50px,0,0); opacity:0; transition:transform 0.6s var(--easing),opacity 0.6s var(--easing);}
.aos-animate .txt-fx.fade-right .letter{transform:translate3d(0,0,0); opacity:1;}
/* slide up */
.txt-fx.slide-up .letter{transform:translate3d(0,1.2em,0); transition:transform 0.9s var(--easing);}
.swiper-slide-active .txt-fx.slide-up .letter,.aos-animate .txt-fx.slide-up .letter{transform:translate3d(0,0,0);}
/* domino */
.txt-fx.domino .letter{transform-origin:50% 0; transform:rotateY(90deg); transition:transform 0.9s var(--easing);}
.swiper-slide-active .txt-fx.domino .letter,.aos-animate .txt-fx.domino .letter{transform:rotateY(0);}
/* zoom */
.txt-fx.zoom .letter{transform-origin:50% 0; transform:scale(3); transition:transform 0.9s var(--easing);}
.swiper-slide-active .txt-fx.zoom .letter,.aos-animate .txt-fx.zoom .letter{transform:scale(1);}
/* - Owl Arrows
------------------------------------------------------------- */
.owl-theme .owl-nav .owl-next{right:10px; top:30%; position:absolute;}
.owl-theme .owl-nav .owl-prev{left:10px; top:30%; position:absolute;}
.icon-arrow{position:unset; font-size:16px; color:var(--primary); z-index:8; display:flex !important; align-items:center; justify-content:center; cursor:pointer; transition:opacity 0.3s ease-out; width:34px; height:34px; border-radius:50%; background:#ffffff; box-shadow:rgba(0,0,0,0.16) 0 1px 4px;}
.icon-arrow:hover{background:var(--primary); color:#ffffff;}
.owl-theme .owl-nav [class*=owl-]:hover{background:unset; color:unset; text-decoration:none;}
@media (min-width:768px){
  .productsSlider .owl-dots{display:none !important;}
}
/** Swiper Slide Arrows 2
--------------------------------------------------------------*/
.icon-arrow.no-outline{top:40%; font-size:1.7em; color:var(--grey-color); border:none;}
.icon-arrow.no-outline:hover{background:none; color:var(--dark-color);}
.icon-arrow.light-arrow.no-outline{color:var(--light-color); opacity:0.7;}
.icon-arrow.light-arrow.no-outline:hover{opacity:1;}
.swiper-button-normal{background:transparent;}
.swiper-button-normal .icon{font-size:1.6em; color:var(--dark-color); display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
/*--- Image hover Effects
-----------------------------------------------*/
.image-zoom-effect{display:flex; flex-wrap:wrap;}
.image-zoom-effect .image-holder{width:100%; height:auto; overflow:hidden; transform:scale(1); transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);}
.image-zoom-effect:hover .image-holder{transform:scale(0.95);}
.image-zoom-effect img{transform:scale(1); will-change:transform; transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94); z-index:0;}
.image-zoom-effect:hover img{transform:scale(1.1);}
/* - Border Hover Effects
------------------------------------------------------------- */
.border-animation a,.border-animation a:after,.border-animation a:before{transition:all 0.5s;}
.border-animation a{position:relative;}
.border-animation a:after{position:absolute; bottom:0; left:0; right:0; margin:auto; width:0; content:"."; color:transparent; background:var(--bs-primary); height:2px;}
.border-animation a:hover:after{width:100%;}
.content-light .border-animation a:hover:after,.content-light .border-animation li.active a:after{background:var(--bs-primary);}
/* - Border Hover No Effects
------------------------------------------------------------- */
.border-animation .no-effect a:after{background:none;}
/* - Border Hover Effects 2
------------------------------------------------------------- */
.border-animation-left .item-anchor{position:relative; margin-bottom:20px;}
.border-animation-left .item-anchor:after{content:""; position:absolute; width:0; height:1px; left:0; bottom:0; z-index:9; background:var(--bs-dark); transition:all 0.5s ease;}
.border-animation-left.light-border .item-anchor:after,.border-animation-left .item-anchor:after{background:var(--bs-dark);}
.border-animation-left .item-anchor:hover:after,.border-animation-left .item-anchor:focus:after{width:100%;}
/* background */
.background{position:absolute; top:0; left:0; z-index:0; width:100%; height:600px;}
.background.pattern-bg{background:url(../images/pattern-bg.png) no-repeat;}
.background.normal-bg{background:url(../images/newsletter-image.jpg) no-repeat;}
/* large text */
.title-xlarge{font-size:calc(2rem + 10vw); /* 10.4em; */
  font-family:var(--heading-font); color:var(--bs-gray-300); position:absolute; top:-40px; left:0; z-index:0;}
/*--------------------------------------------------------------
/** 7.8 Video Section
--------------------------------------------------------------*/
.video .video-content{position:relative;}
.video .video-player{position:absolute;}
.video .video-player{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center;}
.video .video-player a{position:relative;}
.video .video-player svg{color:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
@media (max-width:600px){
  .video .video-player img.text-pattern{width:60%; display:flex; margin:0 auto;}
}
/*--------------------------------------------------------------
/** 7.9 Testimonial Slider
--------------------------------------------------------------*/
.testimonials .section-title{font-size:1em; font-weight:700; line-height:1;}
.testimonial-swiper .testimonial-item blockquote{font-size:2.5em;}
.testimonial-swiper .testimonial-item blockquote > p{margin:0;}
.testimonials .review-title{font-size:14px;}
.testimonial-swiper .swiper-slide{opacity:0.2; width:42% !important;}
@media only screen and (max-width:1199px){
  .testimonial-swiper .testimonial-item blockquote{font-size:1.8em;}
}
@media only screen and (max-width:999px){
  .testimonial-swiper .testimonial-item blockquote{font-size:1.2em;}
}
/** 7.13 Instagram
--------------------------------------------------------------*/
.instagram .insta-item{position:relative; margin-bottom:20px;}
.instagram .insta-item a:after{content:""; position:absolute; left:0; right:0; bottom:0; top:0; background-color:rgba(0,0,0,0.4); opacity:0; transition:0.6s ease-out;}
/* Link Effect
 - Place anywhere you want your link to animate
 - Add data-after="Any text" to the link within the class
 - Use span within the anchor tag for the effect to work
------------------------------------------------------------- */
.link-effect a{position:relative; padding:0; overflow:hidden; transition:transform 0.5s; display:block;}
.link-effect a::after{content:attr(data-after); display:inline-block; transform:translateY(100%); position:absolute; left:0; font-size:1rem; text-align:inherit; text-transform:uppercase; transition:inherit;}
.link-effect a > span{display:inline-block; transform:translateY(0%); transition:inherit;}
.link-effect:hover a > span{transform:translateY(-100%);}
.link-effect:hover a::after{transform:translateY(0%);}
/* product item */
.product-item .btn-wishlist{display:block; z-index:111; position:absolute; top:5px; padding:10px; color:var(--bs-black); background:var(--bs-white); right:5px; opacity:0; transition:opacity 0.3s ease-in;}
.product-item:hover .btn-wishlist{opacity:1;}
/* rotating text */
.text-rotate{animation:rotation 50s infinite linear;}
@keyframes rotation{
  from{transform:rotate(0deg);}
  to{transform:rotate(359deg);}
}
/* single product */

/* product-thumbnail-slider */
.product-thumbnail-slider{height:790px;}
@media screen and (max-width:992px){
  .product-thumbnail-slider{margin-top:20px; height:auto;}
}
@media screen and (min-width:992px){
  .product-thumbnail-slider{height:590px;}
}
@media screen and (min-width:1200px){
  .product-thumbnail-slider{height:790px;}
}
/*
.product-thumbnail-slider .swiper-slide{height:200px;}
*/

/* ------ Quantity ------*/
.product-quantity .qty-number{margin-right:20px;}
.product-quantity .input-group .btn{height:48px; border:1px solid #ccc;}
.qty-number .quntity-button{min-width:40px; height:40px; font-size:1.8em; line-height:1.5; text-align:center; cursor:pointer; background-color:var(--accent-dim-color); transition:0.5s all ease-in-out;}
.qty-number .quntity-button:hover{background-color:var(--accent-lit-color);}
.qty-number input{font-size:1.4em; width:50px; height:40px; text-align:center; border-radius:0; border:1px solid var(--dark-color);}
.qty-field .regular-price{display:none;}
/*--------------------------------------------------------------
/** Single Product
--------------------------------------------------------------*/

/* .breadcrumbs li{font-size:1.5em; padding-right:15px;}
*/
.breadCrumbs a{color:var(--primary);}
.breadCrumbs span{padding-inline:4px;}
/*---- Single Product Accordion ----------*/
.review-style1 .review-item .rating-container .rating{font-size:1em;}
.review-style1 .review-item span.author-name{font-weight:600;}
/* button */
.btn-link{font-size:16px; font-weight:400; font-family:var(--bs-body-font-family);  text-decoration:none; transition:all 0.5s; position:relative; padding-right:18px;}
.btn-link:before{content:"\f054"; position:absolute; bottom:0; right:0; color:var(--primary); font-family:"Font Awesome 6 Free"; font-weight:900;}
.btn-link:after{content:""; display:block; position:absolute; bottom:0; left:0; width:0; background-color:var(--primary); height:1px; transition:all 0.5s;}
.btn-link.is-checked:after,.btn-link:hover:after{width:calc(100% - 18px);}
.btn-link:hover{color:var(--primary);}
/* small icons */
.singleIcons i{color:var(--primary);}
/* color options */
.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 0;
	display: flex;
	align-items: center;
}
.form-check label{
	display: flex;
	align-items: center;
  flex-wrap: wrap;
}
.form-check input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--primary);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 10px;
}

/* Custom checkmark */
.form-check input[type="checkbox"]:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check input[type="checkbox"]::after {
  content: "✔";
  color: white;
  font-size: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.form-check input[type="checkbox"]:checked::after {
  display: block;
}
.black-color{color:black}
.news-image{object-fit: cover;}
/* sidebar accordion */
.product-info .accordion{--bs-accordion-btn-icon:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E'); --bs-accordion-btn-active-icon:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19 11H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E');}
.product-filter .accordion{--bs-accordion-btn-color:var(--bs-body-color); --bs-accordion-btn-bg:var(--bs-accordion-bg); --bs-accordion-btn-icon:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E'); --bs-accordion-btn-active-icon:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19 11H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E'); --bs-accordion-body-padding-x:0; --bs-accordion-body-padding-y:0; --bs-accordion-active-color:#8c907e;}
.product-filter .accordion-body > div,.product-filter .accordion-body a{display:block; padding:10px; margin-bottom:1.25rem; border:1px solid #ebebea;}
.product-filter .accordion-body a:hover{border:1px solid #999;}
/* image zoom */
.image-zoom{position:relative; float:left; width:100%; height:100%; overflow:hidden;}
.photo{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:transform 0.3s ease-out;}
/* New Styles */
.navbar{position:fixed; width:100%; z-index:999;}
.navbar.navbar2{border-bottom:1px solid var(--tertiary);}
.logo{transition:all 0.3s;}
.navLink a{position:relative; display:inline-block; padding:0; color:#0f1113; text-decoration:none; border:0; transition:all 0.3s; font-weight:400;}
.navLink a.active{color:var(--primary);}
.navLink a.active::before{width:100%;}
.navLink a::before{position:absolute; content:""; width:0; height:1px; background:var(--primary); left:0; bottom:0; transition:all 0.3s; z-index:1;}
.navLink a:hover{color:var(--primary);}
.navLink a:hover::before{width:100%;}
.navLink.itemHasChild > a{padding-right:20px;}
.navLink.itemHasChild > a::after,.navLink.itemHasChild > a.collapsed::after{position:absolute; content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:14px; color:var(--primary); right:0; top:4px; transition:all 0.3s;}
.navLink.itemHasChild > a:not(.collapsed)::after{transform:scaleY(-1);}
/* Drop Down Menu */
ul#shopSubMenu{position:absolute; top:47px; left:50%; transform:translateX(-50%); width:150px; background:#ffffff; padding:2px 1em 1em; /* border:1px solid var(--secondary); */
  border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; border-top:0;}
ul#shopSubMenu li{margin-top:14px;}
.currency_switcher{border:none; outline:none; padding:2px 4px; background:transparent; font-size:18px; font-weight:400;}
/* Hero Sec */
.hero{padding-top:10em;}
.hero.heroMini{padding-top:4.5em;}
.swatch-element.selected{background-color:#741b75;}
.hero .lSec{margin-bottom:6em;}
.innerBanner{min-height:70vh;}
div.jGrowl div.jGrowl-notification{width: 100%;}
/* Inner Hero */
.heroText p{margin-inline:auto; max-width:500px; text-align:center;}
/* Banner */
.banner{background:var(--secondary);}
.banner .scroll-container{overflow:hidden; display:flex; gap:20px; white-space:nowrap; position:relative; width:100%; background-color:var(--secondary);}
.banner .scroll-container .scroll-content{display:flex; flex:0 0 auto; min-width:100%; white-space:nowrap; animation:ticker 30s linear infinite; gap:80px;}
.banner .scroll-container .scroll-content span{position:relative;}
.banner .scroll-container .scroll-content span::after{content:"\f111"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:8px; color:var(--primary); margin-left:80px; top:50%; transform:translateY(-50%);}
.banner .scroll-container .scroll-content span::last-child::after{content:"";}
.banner .scroll-container .scroll-content span:first-child{margin-left:60px;}
@keyframes ticker{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
/* About */
.imgSec img {
  border-radius: 20px;
  object-fit: cover;
  -o-object-fit: cover; /* Opera support */
  -webkit-object-fit: cover; /* Older WebKit support */
  -moz-object-fit: cover; /* Older Mozilla support */

  width: 100%;
  height: auto;
}

/* categories */
.categories .col-md-4:nth-child(1) .catBox{border-top-left-radius:80px;}
.categories .col-md-4:nth-child(2) .catBox{border-radius:20px;}
.categories .col-md-4:nth-child(3) .catBox{border-bottom-right-radius:80px;}
.categories .catBox{position:relative; overflow:hidden; display:block;}
.categories .catBox img{aspect-ratio:0.8;-moz-aspect-ratio:0.8; -o-object-fit:cover; object-fit:cover;  object-fit: cover;
  -o-object-fit: cover; /* Opera support */
  -webkit-object-fit: cover; /* Older WebKit support */
  -moz-object-fit: cover; /* Older Mozilla support */ filter:brightness(90%); transition:transform 8s cubic-bezier(0.25,0.46,0.45,0.94),filter 1s ease-out;}
.categories .catBox:hover img{transform:scale(1.2); filter:brightness(100%);}
.categories .catBox .myBtn{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); white-space:nowrap;}
/* Featured Product */
.featured .rSec{position:relative; right:10px; width:50vw; background-color:var(--primary); display:flex; align-content:center; justify-content:center; align-items:center; padding:10em;}
@media (max-width:1200px){
  .featured .rSec{padding:6em;}
}
.featured .rSec img{width:300px; filter:drop-shadow(1px 1px 2px #555);}
/* Products Slider */
#best-sellers .secTitle{display:flex; justify-content:space-between; align-items:center;}
.productItem .imageHolder{z-index:1; overflow:hidden; position:relative; display:block; border-radius:10px; background-color:var(--muted); border: 1px solid var(--tertiary);}
.productItem .imageHolder img{aspect-ratio:9/10; -o-object-fit:cover; object-fit:cover;}
.productItem .imageHolder img:first-of-type{opacity:1; z-index:5; position:relative;}
.productItem .imageHolder img:nth-of-type(2){visibility:hidden; opacity:0; top:0; left:0; width:100%; bottom:0; right:0; z-index:10; position:absolute; will-change:opacity; transition:opacity 0.7s;}
.productItem .imageHolder:hover{box-shadow:rgba(0,0,0,0.16) 0 1px 4px;}
.productItem .imageHolder:hover img:nth-of-type(2){visibility:visible; opacity:1;}
.productItem .btnWishlist{color:#000000; position:absolute; top:14px; right:14px; z-index:99; font-size:24px;}
.productItem .btnWishlist.active{color:var(--primary);}
.productItem .badgeContainer{position:absolute; top:14px; left:14px; z-index:99; justify-content:flex-start; align-items:flex-start; display:flex; flex-direction:column;}
.productItem .product_content{display:flex; flex-direction:column; gap:0; justify-content:center; align-items:center;}
.productItem .product_content .element_title a{font-family:"Open Sans",sans-serif; font-weight:400; color:#000000; font-size:18px;}
.productItem .product_content .element_price{font-size:18px; color:var(--primary); font-weight:400;}
.productItem .product_content .cart_btn{color:var(--primary); font-size:16px; font-weight:400; width:-webkit-fill-available; padding:6px 30px; margin:auto 30px; border:1px solid var(--primary); border-radius:10px; text-align:center; transition:all 0.3s;}
.productItem .product_content .cart_btn:hover{color:#ffffff; background:var(--primary);}
/* Testimonials */
.testimonial_item{background-color:var(--muted); border-radius:10px; padding:30px;}
.testimonial_item .stars{display:flex; gap:5px; margin-bottom:15px;}
.testimonial_item .stars i{color:var(--primary); font-size:14px;}
.testimonial_item blockquote{margin:0; padding:0;}
.testimonial_item blockquote p{font-size:16px; font-style:italic; line-height:1.6;}
.testimonial_item blockquote .review_author{display:flex; align-items:center; margin-top:20px;}
.testimonial_item blockquote .review_author .thumb{margin-right:15px;}
.testimonial_item blockquote .review_author .thumb img{border-radius:50%; border:1px solid var(--primary); display:block; width:50px;}
.testimonial_item blockquote .review_author .title h5{font-size:18px;line-height:1.2; color:#000000; margin:0;}
.testimonial_item blockquote .review_author .title h6{font-size:14px;line-height:1.2; font-weight:300; color:#747b82; margin:5px 0 0;}
.owl-theme .owl-dots{margin-top:2em;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:2em;}
.owl-theme .owl-dots .owl-dot span{width:12px; height:12px; margin-right:2px; background:var(--secondary);}
.owl-theme .owl-dots .owl-dot.active span{background:var(--primary);}
/* Features/Icons */
.features .fBox{text-align:center;}
.features .fBox .iconBox{overflow:hidden; border:2px solid var(--secondary); display:inline-block; border-radius:50%; background:#ffffff;}
.features .fBox .iconBox img{width:60px; height:60px; -o-object-fit:contain; object-fit:contain;}
.features .fBox h3{color:var(--primary); margin:15px 0;}
.features .fBox p{font-size:16px; max-width:350px; margin-inline:auto;}
/* Footer */
.ctaForm input{width:300px; max-width:100%; padding:8px 14px; font-size:15px; font-weight:300; border-radius:10px; outline:none; border:1px solid var(--primary);}
.navLink i{color:var(--primary);}
.socialIcon{display:flex; justify-content:flex-end; gap:14px;}
.socialIcon a{font-size:20px; position:relative; z-index:1; overflow:hidden; color:var(--primary);}
.socialIcon a::before{position:absolute; content:""; top:50%; left:50%; transform:translate(-50%,-50%); background:#ffffff; width:80%; height:60%; z-index:-1;}
.socialIcon a:hover{color:var(--accent);}
.footer .bottom{border-top:1px solid #ffffff;}
.footer .bottom p,.footer .bottom a{font-weight:300;}
.footer .bottom a::after{position:absolute; content:""; width:100%; height:1px; background:#000000; left:0; bottom:0; z-index:-1;}
.footer .bottom .payment_option img{width:40px;}
.fLink .navLink{
  font-weight: 300;
}
.fLink b{
  font-weight: 500;
  color: var(--primary);
}
/* About */
.aboutSec2 .bannerTitle h4{font-size:18px; line-height:30px; max-width:770px; /* font-weight:400; */
  margin-inline:auto;}
/* Shop */
.productsGrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); -moz-column-gap:20px; column-gap:20px; row-gap:40px; grid-template-columns:auto(minmax(400px),400);}
/*Shop  Filter */
.filter-container{position:relative;}
.filter-toggle{border:none; font-size:16px; line-height:1; display:flex; align-items:center; gap:4px; cursor:pointer; font-weight:400; color:#ffffff; padding:12px 30px; background:var(--primary); border-radius:10px; position:relative; overflow:hidden; z-index:1; white-space:nowrap; transition:all 0.3s;}

button.filter-reset {
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 1;
    color: var(--primary);
    background: var(--tertiary);
    border-radius: 8px;
    padding: 12px 12px;
}
.filter-toggle i{font-size:18px;}
.filter-toggle:hover{background:var(--accent);}
/* .filter-reset{background:var(--secondary);}
*/
.filter-toggle .results-count{font-weight:bold;}
.form_select select{width:100%; appearance:none; -webkit-appearance:none; -moz-appearance:none; word-wrap:normal; padding:12px 34px 12px 12px; font-weight:400; font-size:15px; line-height:1.2; border-radius:10px; border:1px solid var(--primary); background-color:#fff; background-image:url("data:image/svg+xml; charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='gray' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; background-size:10px 6px; cursor:pointer;transition: all .2s;}
.form_select select:focus-visible,.form_select select:focus{outline:1px solid var(--primary); box-shadow:none;}
#filerContent{position:absolute; padding:16px; left:12px; top:calc(100% + 11px); width:300px; background:white; box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius:10px; z-index:9999999; background:var(--muted); border:1px solid var(--secondary);}
#filerContent h6{font-family:var(--bs-body-font-family); color:var(--primary); font-weight:500;}
#filerContent .filter-selected-count{font-size:0.9rem; color:gray;}
#filerContent ul{list-style:none; padding:0; margin:0;}
#filerContent ul li{margin-bottom:0.5rem;}
#filerContent ul li label{display:flex; align-items:center; gap:0.5rem;}
#filerContent ul li label input[type=checkbox]{accent-color:#000;}
/* Desktop Filter */
.desktopFilter .sidebar{background:white; border-right:1px solid #e5e7eb; padding:20px;}
.desktopFilter .filter-section{margin-bottom:2rem;}
.desktopFilter .filter-section h6{margin-bottom:12px; color:var(--primary); font-weight:500;}
/* Sort Dropdown */

/* Accordion */

/* Checkboxes */
.desktopFilter .checkbox-group{display:flex; flex-direction:column; gap:8px;}
/* Price Range */
.desktopFilter .price-range{width:100%; margin:10px 0;}
.desktopFilter .price-values{display:flex; justify-content:space-between; font-size:14px; color:#6b7280; margin-top:8px;}
/* Size Grid */
.desktopFilter .size-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
.desktopFilter .size-checkbox{display:none;}
.desktopFilter .size-label{display:flex; align-items:center; justify-content:center; padding:8px; border:1px solid var(--tertiary);background-color: var(--muted); border-radius:4px; cursor:pointer; font-size:14px; transition:all 0.2s;}
.desktopFilter .size-checkbox:checked + .size-label{background-color:var(--tertiary); border-color:var(--secondary);}
/* Clear Filters Button */
.desktopFilter .clear-filters{width:100%; padding:8px; background:none; border:none; color:var(--primary); font-size:14px; cursor:pointer; transition:color 0.2s;}
.desktopFilter .clear-filters:hover{color:var(--accent);}
/* Single Product */

/* SLider */
.productsSingleL{position:relative; padding:1em; border:1px solid var(--tertiary); border-radius:20px; width:100%;}
.productsSingleL img{width:100%;}
.slider_main img{transition:transform 0.3s ease;}
.slider_main img:hover{transform:scale(1.2);}
/* .slider_thumbnail .swiper-slide.swiper-slide-thumb-active img{border:1px solid var(--tertiary); border-radius:20px;} */
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-family:swiper-icons; font-size:40px; text-transform:none !important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1; color:var(--primary);}
/* Detail */
.breadCrumbs a{color:var(--primary);}
.breadCrumbs span{padding-inline:4px;}
.product-details h2{font-family:var(--bs-body-font-family); font-size:2em;}
.product-details .price{font-size:20px;}
.sale-price{color:var(--primary); font-weight:500;}
.original-price{text-decoration:line-through; color:#6c757d;}
.rating-stars{color:var(--primary);}
.optionsWrap{padding:0; border:1px solid var(--secondary);}
.purchase-option{padding:16px 26px; font-weight:400; font-size:15px; line-height:1; border:none; outline:none; background-color:#fff; transition:all 0.3s;}
.purchase-option:hover{background-color:var(--muted);}
.purchase-option.selected{background-color:var(--muted);}
.aboveBtn p,.aboveBtn label{margin-bottom:0.5em; font-weight:400;}
.fa-truck-fast{transform:rotateY(180deg); font-size:14px;}
/* Zoom Effect */

/* Bundle Table */
table{width:100%; border-collapse:collapse; background:white; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
th,td{padding:12px; text-align:left; border-bottom:1px solid #ddd;}
th{background-color:var(--muted); font-weight:400;}
.quantity-control{display:flex; align-items:center; justify-content:center; gap:8px;}
.quantity-btn{width:30px; height:30px; border-radius:50%; border:1px solid #ddd; background:white; cursor:pointer;}
.quantity-btn:disabled{opacity:0.5; cursor:not-allowed;}
.quantity-input{width:50px; text-align:center; border:1px solid #ddd; border-radius:4px; padding:4px;}
.totals{display:flex; justify-content:space-between; padding:15px; background:var(--muted);}
.text-right{text-align:right;}
.add-to-cart-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.quantity-selector{flex:0 0 auto; /* Keep a fixed size without setting exact width */
  display:inline-flex; align-items:center; gap:5px; border:1px solid var(--secondary); border-radius:10px; background-color:var(--muted); height:36px; padding-inline:6px;}
.add-to-cart-row .quantity-selector{height:44px;}
.quantity-selector button{outline:none; border:none; background:transparent; padding-inline:10px;}
.add-to-cart-btn-wrapper{flex:1; /* Takes available space */}
.wishlist-btn-wrapper{flex:0 0 auto; /* Fixed size */}
.wishlist-btn-wrapper .btnOutline{font-size:18px; line-height:18px; padding:12px 24px;}
.btnFilled{display:inline-block; color:#ffffff; background-color:var(--primary); font-size:0.875rem; line-height:1.2; font-weight:400; padding:12px 24px; border-radius:10px; text-align:center; border:1px solid var(--primary); transition:all 0.3s; cursor:pointer;}
.btnFilled:hover{background-color:var(--accent); border-color:var(--accent);}
.add-to-cart-btn{white-space:nowrap; padding-block:14px;}

.btnOutline{color:var(--primary); background:transparent; color:var(--primary); display:inline-block; border:1px solid var(--tertiary); font-size:0.875rem; line-height:1.2; font-weight:500; padding:12px 24px; border-radius:10px; text-align:center; cursor:pointer;  border:1.5px solid var(--primary);}
.btnOutline:hover{background-color:var(--primary); color:#ffffff; }
.description-toggle{cursor:pointer; padding:15px 0; border-top:1px solid #dee2e6;}
.feature-list{list-style:none; padding-left:0;}
.feature-list li{margin-bottom:10px; padding-left:20px; position:relative;}
.feature-list li:before{content:"•"; position:absolute; left:0;}
/* Product Description */

/* Remove default Bootstrap tab styles */
.myAccordian h2{font-size:40px; margin-top:30px; margin-bottom:16px;}
/* .myAccordian h3{font-family:var(--bs-body-font-family); font-size:2em;}
*/
.faqsInner .accordion{padding-top:1em; border-top:none;}
.myAccordian .accordion-item{margin-bottom:14px; border-bottom:1px solid var(--secondary);}
.myAccordian .accordion-item button.accordion-button{padding-bottom:14px; font-size:inherit;}
.myAccordian .accordion-item .accordion-button:not(.collapsed){color:var(--primary);}
.myAccordian .accordion-body{padding:0 0 1em;}
.myAccordian .accordion-body .ingredient-list{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:15px;}
.myAccordian .accordion-body .ingredient-list .ingredient{list-style:disc; font-size:15px; color:#333;}
.faqsInner.myAccordian{display:flex; flex-direction:column; gap:40px;}
/* Shipping and Returns */
.shippingInner h6{font-weight:400; color:var(--primary); padding-top:30px; border-bottom:1px solid; padding-bottom:6px; margin-bottom:14px;}
/* Contact Us */
.contactInfo ul li b{font-weight:400;}
.contactInfo ul li a{font-weight:300;}
.contactInfo .navLink a::after{position:absolute; content:""; width:100%; height:1px; background:#dddddd; left:0; bottom:0; transition:all 0.3s; z-index:-1;}
/* Phone Field */
a.scrollup{background: #741b75;border-radius: 5px;text-align: center;line-height: 35px;font-size: 25px;color: #fff;width: 35px;height: 35px;right: 20px;bottom: 50px;position: fixed;z-index: 9999}
.whatsapp-chatbot{background: #25d366;border-radius: 5px;text-align: center;line-height: 35px;font-size: 25px;color: #fff;width: 35px;height: 35px;right: 20px;bottom: 100px;position: fixed;z-index: 9999}


.verify-email-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #741b75;
  color: #fff;
  text-align: center;
  padding: 15px;
  z-index: 999;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  }

.form-control:disabled {
    background-color: white;
}
.form-control{background-color:#ffffff; width:100%; max-width:100%; padding:10px 14px; font-size:15px; border-radius:10px; outline:none; border:1px solid var(--primary);transition: all .3s;}
.form-control:focus{outline:1px solid var(--primary); border:1px solid var(--primary); box-shadow:none;}
.form-control::-moz-placeholder{color:#afafaf; opacity:1;}
.form-control::placeholder{color:#afafaf; opacity:1;}
/* Select2 Styles */

.phoneRow .select2-container--default .select2-selection--single {

  border: none;
height: 45px;
}
.phoneRow .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 10px;
  right: 6px;
  width: 20px;
}
.phoneRow .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color:#ffffff; width:100%; max-width:100%; padding:10px 14px; font-size:15px;    line-height: 24px; border-radius:10px; outline:none; border:1px solid var(--primary);transition: all .3s;
}


.myCheck label{font-weight:400;}
.form-check-input:focus{border-color:transparent; outline:0; box-shadow:none;}
.contactForm textarea{width:100%; height:150px; max-width:100%; padding:8px 14px; font-size:15px; font-weight:300; border-radius:10px; outline:none; border:1px solid var(--secondary);}
.contactForm textarea:focus{outline:none; border:1px solid var(--primary);}
.formBg{background-color:var(--muted); border-radius:14px; padding:30px 40px;}
#sticky{position:sticky; top:0;}

/* flags*/
.iti {
	width: 100%;
}
/* ******************************* User Pages ********************************** */
.userForm .form-group{margin-bottom:1rem;}
.userForm .navLink a{color:var(--primary);}
.dash .userForm .form-group{margin-bottom:1.25rem; border-bottom:1px solid #e8e8e8;}
.userForm label{display:block; margin-bottom:0.5rem; color:#444; font-weight:500;}
.userForm input[type=text],.userForm input[type=email],.userForm input[type=password]{width:100%; background-color:#f8fafc; font-size:1rem;}
.userForm .profile-section{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem;}
.userForm .profile-picture{width:70px; height:70px; border-radius:50%; background-color:#f1f5f9; overflow:hidden; border:1px solid var(--secondary);}
.userForm .profile-picture img{width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.userForm .upload-btn{color:white; display:inline-flex; align-items:center; gap:0.5rem; width:auto; margin:0; padding:0.65rem 1.5rem;}
.userForm .name-group{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.userForm .password-field{position:relative;}
.userForm .password-toggle{position:absolute; right:0.75rem; top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:#64748b;}
/* Hide the default file input */
.userForm input[type=file]{display:none;}
/* Icons CSS */
.hugeicons--user-square{display:inline-block; width:30px; height:30px; --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' color='%23000'%3E%3Cpath d='M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12'/%3E%3Cpath d='M7.5 17c2.332-2.442 6.643-2.557 9 0m-2.005-7.5c0 1.38-1.12 2.5-2.503 2.5a2.5 2.5 0 0 1-2.504-2.5c0-1.38 1.12-2.5 2.504-2.5a2.5 2.5 0 0 1 2.503 2.5'/%3E%3C/g%3E%3C/svg%3E"); background-color:currentColor; -webkit-mask-image:var(--svg); mask-image:var(--svg); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; margin-bottom:-7px;}
.user-card{display:inline-block; width:36px; height:36px; --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M8 8.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-4 3.199a.95.95 0 0 1 .949-.949H8.05a.95.95 0 0 1 .949.949c0 .847-.577 1.585-1.399 1.791l-.059.015c-.684.17-1.4.17-2.084 0l-.06-.015A1.846 1.846 0 0 1 4 11.699M11.5 8a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM2 5.75C2 4.784 2.784 4 3.75 4h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 16.25 16H3.75A1.75 1.75 0 0 1 2 14.25zM3.75 5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h12.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z'/%3E%3C/svg%3E"); background-color:currentColor; -webkit-mask-image:var(--svg); mask-image:var(--svg); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; margin-bottom:-10px;}
.formkit--password{display:inline-block; width:24px; height:24px; --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M13.35 16H2.65C1.74 16 1 15.26 1 14.35v-7.7C1 5.74 1.74 5 2.65 5h10.7c.91 0 1.65.74 1.65 1.65v7.69c0 .91-.74 1.65-1.65 1.65ZM2.65 6c-.36 0-.65.29-.65.65v7.69c0 .36.29.65.65.65h10.7c.36 0 .65-.29.65-.65V6.65c0-.36-.29-.65-.65-.65z'/%3E%3Cpath fill='%23000' d='M12.54 6H3.46V4.54C3.46 2.04 5.5 0 8 0s4.54 2.04 4.54 4.54zM4.46 5h7.08v-.46C11.54 2.59 9.95 1 8 1S4.46 2.59 4.46 4.54z'/%3E%3Ccircle cx='12' cy='10.5' r='1' fill='%23000'/%3E%3Ccircle cx='8' cy='10.5' r='1' fill='%23000'/%3E%3Ccircle cx='4' cy='10.5' r='1' fill='%23000'/%3E%3C/svg%3E"); background-color:currentColor; -webkit-mask-image:var(--svg); mask-image:var(--svg); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; margin-bottom:-2px;}
/* Dashboard */
.dashboard{min-height:600px;}
.dash .sidebar{background:white; border-radius:10px; padding:1.5rem; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.dash .profile{display:flex; align-items:center; padding-bottom:1.5rem; border-bottom:1px solid var(--tertiary); margin-bottom:1.5rem; gap:14px;}
.dash .avatar{width:64px; height:64px; background:var(--primary); border-radius:50%; color:white; display:flex; align-items:center; justify-content:center; font-size:24px;}
.dash .user-name{font-weight:600; color:var(--primary); margin-bottom:0.25rem;}
.dash .user-email{font-size:0.875rem; color:#666;}
/* avatar upload new */
.avatar-upload{position:relative; max-width:130px;}
.avatar-edit{position:absolute; right:4px; z-index:1; top:4px;}
.avatar-edit input{display:none;}
.avatar-edit label{display:flex; width:24px; height:24px; margin-bottom:0; border-radius:100%; background:#ffffff; border:1px solid transparent; box-shadow:0 2px 4px 0 rgba(0,0,0,0.12); cursor:pointer; font-weight:normal; transition:all 0.2s ease-in-out; line-height:24px; align-items:center; justify-content:center;}
.avatar-edit label:hover{background:#f1f1f1; border-color:#d6d6d6;}
.avatar-edit label i{font-size:12px; color:var(--primary);}
.avatar-preview{width:80px; height:80px; position:relative; border-radius:100%; border:3px solid var(--secondary); box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);}
.avatar-preview > div{width:100%; height:100%; border-radius:100%; background-size:cover; background-repeat:no-repeat; background-position:top center;}
.dash .nav-items{list-style:none;}
.dash .nav-item{margin-bottom:0.5rem;}
.dash .nav-link,.dash .navLink{display:flex; align-items:center; padding:10px 1rem; text-decoration:none; color:#000000; border-radius:10px; transition:all 0.2s;}
.dash .nav-link:hover,.dash .navLink:hover{background:var(--tertiary); color:var(--primary);}
.dash .nav-link.active{background:var(--primary); color:white;}
.dash .nav-link i,.dash .navLink i{margin-right:0.75rem;}
.dash .main-content{flex:1; background:white; border-radius:10px; padding:2rem; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.dash .tab-content{display:none;}
.dash .tab-content.active{display:block;}
.dash .section-title{color:var(--primary); margin-bottom:1.25rem; font-size:1.5rem; font-family:var(--bs-body-font-family); font-weight:500;}
.dash .subscription-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin-top:1.5rem;}
.dash .subscription-card{border:1px solid var(--tertiary); border-radius:10px; padding:1.5rem; transition:all 0.2s;}
.dash .subscription-card:hover{border-color:var(--primary); box-shadow:0 4px 12px rgba(116,27,117,0.1);}
.dash .subscription-card.active{border:2px solid var(--primary); background:var(--muted);}
.dash .subscription-card{border:1px solid #e2e8f0; border-radius:10px; padding:1.25rem; margin-bottom:1rem; background:#fff; transition:all 0.2s;}
.dash .subscription-card:hover{border-color:var(--primary);}
.dash .delivery-schedule{display:flex; align-items:center; gap:1rem; padding:1rem; background-color:#f8f4ff; border-radius:10px; margin-top:1rem;}
.dash .order-item{padding:1rem; border:1px solid var(--tertiary); border-radius:10px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem}
.dash .order-item p{margin:0; color:#6f6b6b; font-size:15px;}
.form-group{margin-bottom:1.25rem; position:relative;}
.form-label{display:block; margin-bottom:0.5rem; color:#333;}
/* Modal */
.order-status{background-color:#e3f2fd; color:#0d6efd; padding:0.25rem 0.75rem; border-radius:20px; font-size:0.875rem;}
.modal-header{border-bottom:1px solid #e9ecef; padding:1.5rem 2rem 1rem;}
.modal-body{padding:1rem 2rem 2rem;}
.item-row{padding:1rem 0; border-bottom:1px solid #e9ecef;}
.summary-row{display:flex; justify-content:space-between; margin:0.5rem 0;}
.order-info-icon{color:#6c757d; margin-right:0.5rem;}
/* New styles for Overview tab */
.dash .stats-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; margin-bottom:2rem;}
.dash .stat-card{background:white; border-radius:10px; padding:1.5rem; border:1px solid var(--tertiary); transition:all 0.2s;}
.dash .stat-card:hover{border-color:var(--primary);}
.dash .stat-title{color:#666; font-size:0.875rem; margin-bottom:0.5rem;}
.dash .secTitle{color:var(--primary); font-size:1.25rem; font-weight:500; margin-bottom:10px; font-family:var(--bs-body-font-family);}
.dash .stat-change{font-size:0.875rem; color:#28a745;}
.dash .recent-activity{background:white; border-radius:10px; border:1px solid var(--tertiary); margin-top:2rem;}
.dash .activity-header{padding:1rem 1.5rem; border-bottom:1px solid var(--tertiary);}
.dash .activity-item{padding:1rem 1.5rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--tertiary);}
.dash .activity-item:last-child{border-bottom:none;}
.dash .activity-info{display:flex; align-items:center; gap:1rem;}
.dash .activity-icon{width:40px; height:40px; border-radius:10px; background:var(--muted); display:flex; align-items:center; justify-content:center;}
.dash .subscription-status{border:1px solid #e8f5e9;}
.status-verified{background: #e8f5e9;
  color: #2e7d32;
  display: inline-flex
;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  align-items: center;}
.status-unverified{background: #e2db1c!important;
  color: white!important;
  display: inline-flex
;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  align-items: center;}
.dash .status-active{background:#e8f5e9; color:#2e7d32; display:inline-flex; padding:0.25rem 0.75rem; border-radius:20px; font-size:0.875rem; align-items:center;}
.dash .next-delivery{background:var(--muted); border-radius:10px; padding:1.5rem; margin-top:2rem; border:1px solid var(--tertiary);}
.dash .delivery-info{display:flex; justify-content:space-between; align-items:center;}
.dash .delivery-info p{color:#666; margin-bottom:0.25rem;}
.dash .quick-actions{display:flex; gap:1rem; margin-top:2rem;}
.dash .action-btn{padding:0.75rem 1.5rem; border-radius:6px; font-weight:500; text-align:center; flex:1; cursor:pointer; transition:all 0.2s;}
.dash .action-btn:hover{transform:translateY(-1px);}
.dash .primary-action{background:var(--primary); color:white; border:none;}
.dash .primary-action:hover{background:var(--accent);}
.dash .secondary-action{background:var(--muted); color:var(--primary); border:1px solid var(--tertiary);}
.dash .secondary-action:hover{background:var(--tertiary);}
/* Responsive adjustments */
@media (max-width:768px){
  .dash .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
  .dash .delivery-info{flex-direction:column; gap:1rem; text-align:center;}
  .dash .quick-actions{flex-direction:column;}
  .dash .activity-item{flex-direction:column; text-align:center; gap:0.5rem;}
  .dash .activity-info{flex-direction:column;}
}
/* Order tracking */
.tracking-header{background:white; border-radius:10px; padding:2rem; margin-bottom:2rem; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.search-form{display:flex; gap:1rem;}
.tracking-details{background:white; border-radius:10px; padding:2rem; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.order-info{display:flex; justify-content:space-between; align-items:start; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--tertiary);}
.order-status{text-align:right;}
.status-badge{display:inline-block; padding:0.5rem 1rem; border-radius:20px; background:#e8f5e9; color:#2e7d32; font-weight:500; font-size:0.875rem;}
.timeline{position:relative; margin-left:20px;}
.timeline::before{content:""; position:absolute; left:0; top:0; width:2px; height:100%; background:var(--tertiary);}
.timeline-item{position:relative; padding-left:30px; padding-bottom:2rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-point{position:absolute; left:-5px; width:12px; height:12px; border-radius:50%; background:var(--primary);}
.timeline-item.completed .timeline-point{background:var(--primary);}
.timeline-item.pending .timeline-point{background:var(--secondary);}
.timeline-content{color:#333;}
.timeline-date{color:#666; font-size:0.875rem; margin-top:0.25rem;}
@media (max-width:768px){
  .search-form{flex-direction:column;}
  .btn{width:100%;}
  .order-info{flex-direction:column; gap:1rem;}
  .order-status{text-align:left;}
}
/* Cart/ whishlist */
.offcanvas-body{flex-grow:1; padding:1rem 2rem; overflow-y:auto;}
.offcanvas.offcanvas-end{width:440px;}
.offcanvas-header{display:flex; border-bottom:1px solid var(--tertiary); align-items:center; justify-content:space-between; padding:1.5em 2rem;}
.title{color:var(--primary); font-size:1.5rem; font-family:var(--bs-body-font-family); margin:0;}
.product-list{background:white;}
.product-card{display:flex; gap:1.5rem; padding-block:1.5rem; border-bottom:1px solid var(--tertiary); position:relative;}
.product-card:last-child{border-bottom:none;}
.product-image{background:var(--muted); border-radius:10px; -o-object-fit:cover; object-fit:cover;}
.product-details{flex:1;}
.product-title{font-size:1.125rem; color:var(--primary); margin-bottom:0.5rem; font-family:var(--bs-body-font-family);}
.product-price{font-size:16px; font-weight:600; color:#333; margin:10px auto;}
.quantity-control{display:flex; align-items:center; gap:10px;}
.quantity-btn{width:32px; height:32px; border:1px solid var(--tertiary); background:white; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.quantity-btn:hover{background:var(--muted);}
.quantity-input{width:60px; height:32px; text-align:center; border:1px solid var(--tertiary); border-radius:4px;}
.remove-btn-new{position:absolute; top:15px; right:0; background:none; border:none; color:#666; cursor:pointer; padding:0.5rem; border-radius:4px;}
.remove-btn-new:hover{color:#dc3545; background:#ffebee;}
.cart-summary{background:white; height:-moz-fit-content; height:fit-content;}
.summary-item{display:flex; justify-content:space-between; margin-bottom:1rem; color:#666;}
.summary-total{display:flex; justify-content:space-between; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--tertiary); font-weight:600; font-size:1.25rem; color:var(--primary);}
.btn{width:100%; padding:1rem; border:none; border-radius:6px; font-weight:500; cursor:pointer; transition:all 0.2s; text-align:center; margin-top:1rem;}
.primary-btn{background:var(--primary); color:white;}
.primary-btn:hover{background:var(--accent);}
.secondary-btn{background:var(--muted); color:var(--primary); border:1px solid var(--tertiary);}
.secondary-btn:hover{background:var(--tertiary);}
.empty-state{text-align:center; padding:1.5rem 1.5rem 0;}
.empty-state h3{color:var(--primary); margin-bottom:1rem;}
.tabs{display:flex; gap:1rem; margin-bottom:2rem;}
.tab{padding:0.75rem 1.5rem; background:white; border:1px solid var(--tertiary); border-radius:6px; cursor:pointer; transition:all 0.2s;}
.tab.active{background:var(--primary); color:white; border-color:var(--primary);}
@media (max-width:968px){
  .cart-container,.wishlist-container{grid-template-columns:1fr;}
}
/* checkout */
.checkout .form-group label{position:absolute; left:1rem; top:50%; transform:translateY(-50%); font-size:15px; color:#888; transition:0.2s ease all; pointer-events:none; background:white; padding:0 4px; font-weight:400;}
.checkout .form-group input:not(:-moz-placeholder-shown) ~ label,.checkout .form-group select:not(:-moz-placeholder-shown) ~ label{top:0; font-size:0.8rem; color:#888888;}
.checkout .form-group input:focus ~ label,.checkout .form-group input:not(:placeholder-shown) ~ label,.checkout .form-group select:focus ~ label,.checkout .form-group select:not(:placeholder-shown) ~ label{top:0; font-size:0.8rem; color:#888888;}
.checkout input::-moz-placeholder{opacity:0;}
.checkout input::placeholder{opacity:0;}
.checkout .phone-input::-moz-placeholder{opacity:1;}
.checkout .phone-input::placeholder{opacity:1;}
/* .checkout .phone-input label{opacity:0; display:none;}
*/
.form-section{padding-right:2rem;}
.input-row{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.checkbox{display:flex; align-items:flex-start; gap:10px; margin:0;}
.checkbox .checked{background-color:var(--primary);}
.checkbox input[type=checkbox]{margin-top:5.5px;}
.checkbox label{font-size:16px; margin:0; font-weight:400; position:unset; transform:none; color:#000000 !important;}
.order-summary{background-color:var(--muted); padding:1.5rem; border-radius:10px;}
.product-item{display:flex; justify-content:space-between; margin-bottom:1em; align-items:center;}
.product-item .product-image{width:80px; height:80px; background:#ffffff; border-radius:10px; -o-object-fit:cover; object-fit:cover;}
.product-item .imgBox{position:relative; margin-right:1rem;}
.product-info{font-size:1rem;}
.product-info .muted{font-size:0.8rem; color:#666;text-align: center}
.product-item .product-price{margin:0;}
.product-info .subscription{color:var(--text-gray); font-size:0.8rem;}
.quantity-badge{background:var(--primary); color:white; border-radius:50%; font-size:12px; width:20px; height:20px; line-height:20px; text-align:center; position:absolute; top:-7px; right:-6px;align-items: center;
  justify-content: center;}
.quantity-badge.cart{top:-6px; right:-14px;}
.summary-item{display:flex; justify-content:space-between; margin-bottom:1rem; font-size:1rem;}
.total{border-top:1px solid var(--tertiary); margin-top:1rem; padding-top:1rem; font-weight:500; color:#000000; font-size:18px;}
.discount-group{display:grid; grid-template-columns:1fr auto; gap:0.5rem; margin:1rem 0;}
.cardBox{border-radius:10px; border:1px solid var(--tertiary); overflow:hidden;}
.shipping-note{padding:1rem; background:#f9f9f9; border-radius:4px; margin:1rem 0; font-size:0.9rem; color:var(--text-gray);}
.payment-icons{display:flex; gap:0.5rem;}
.payment-icons img{height:20px;}
.security-note{font-size:0.8rem; color:var(--text-gray); margin-top:0.5rem;}
/* Phone Select */
/* .phone_select .phone-input-wrapper{display:flex; border:1px solid var(--primary); border-radius:10px; overflow:hidden; transition:all 0.2s;}
.phone_select .phone-input-wrapper:focus-within{ box-shadow:none; outline: 1px solid var(--primary);}
.phone_select .country-select{padding:8px 12px; border:none; border-right:1px solid var(--primary); font-size:15px; width:90px; cursor:pointer; outline:none; border-radius:0;} */
/* .phone_select .country-select:hover{background:var(--tertiary);}
*/
/* .phone_select .country-select:focus-within{border:none; border-right:1px solid var(--primary);}
.phone_select .phone-input-wrapper:focus-within .phone_select .country-select{border:none; border-right:1px solid var(--primary);}
.phone_select .phone-input{flex:1; padding:10px; font-size:15px; border:none; outline:none; width:100%;} */
@media (max-width:768px){
  .checkout-container{grid-template-columns:1fr;}
  .form-section{padding-right:0;}
  .input-row{grid-template-columns:1fr; gap:0;}
}

/* Flags */

.myFlag{
  width: 30px;
  margin-right: 4px;
}
/* Community */

.search-bar{max-width:600px; margin:0 auto; position:relative;}
.search-bar input{width:100%; padding:.8rem 1.5rem; border:1px solid transparent; border-radius:10px; font-size:16px; box-shadow:0 4px 6px rgba(0,0,0,0.1); outline:none;}
.search-bar input:focus{outline:none; border:1px solid var(--primary);}
.category-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem;}
.category-card{background:white; padding:1.5rem; border-radius:10px; transition:transform 0.2s;border: 1px solid var(--tertiary); cursor: pointer;}
.category-card:hover{transform:translateY(-5px);}
.category-icon i{
    font-size: 20px;
    line-height: 1;
    color: var(--primary);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 1rem;
    display: inline-block;
    background:#ffffff;
}
.category-title{ margin-bottom:0.5rem; color:var(--primary);}
.category-desc{color:#666; margin-bottom:1rem; font-size:0.9rem;}
.category-meta{font-size:0.8rem; color:var(--primary); display: flex; gap: 1em; border-top: 1px solid var(--tertiary); padding-top: 10px;}
.trending{padding:2rem; max-width:1200px; margin:0 auto;}
.trending h2{margin-bottom:2rem; color:var(--primary);}

/* Form */
.absOverlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	/* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(5px);
	border-block: 1px solid var(--tertiary);
	z-index: 99;
}
.community-rules h6{color: var(--primary);}
.post-card{background:white; padding:1rem; border-radius:10px; display:flex; gap:1rem; margin-bottom:1.5rem;}
.post-card .pill{border:none;}
.author-img{width:60px; height:60px; border-radius:10px; background:#ddd;}
.post-content{flex:1;}
.post-title{color:var(--primary); margin-bottom:0.25rem; font-weight:500;}
.post-meta{font-size:0.8rem; color:#888;}


/* ******************************* Single Community Post ********************************** */


/* Header styles */
 header{background-color:white; box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.header-container{max-width:72rem; margin:0 auto; padding:1rem;}
.header-content{display:flex; align-items:center; justify-content:space-between;}
.logo-section{display:flex; align-items:center; gap:0.5rem;}
.logo-icon{height:2rem; width:2rem; color:var(--primary);}
.site-title{font-size:1.5rem; font-weight:700; color:#1f2937;}
.header-actions{display:flex; align-items:center; gap:1rem;}
/* Search input */
.searchContainer{position:relative;flex-grow: 1;}
.searchContainer:before{position:absolute; content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 900;left: 14px; top: 50%; transform: translateY(-50%);color: var(--primary);}
.search-input{padding:0.5rem 2.5rem; border: 1px solid var(--primary); border-radius:10px;width: 100%; }
.search-input:focus{outline:none; border-color:var(--accent);}

.searchContainer:before:has(.search-input:focus) {
  color: var(--accent);
}
.search-icon{position:absolute; left:0.75rem; top:0.625rem; height:1.25rem; width:1.25rem; color:var(--muted);}
.back-button{display:flex; align-items:center; gap:0.5rem; color:#4b5563; border:none; background:none; cursor:pointer;}
.back-button:hover{color:#1f2937;}
/* Grid layout */
.content-grid{display:grid; grid-template-columns:1fr; gap:2rem;}
@media (min-width:1024px){
  .content-grid{grid-template-columns:2fr 1fr;}
}
/* Post card */
.postCard {
  position: relative;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border: 1px solid var(--tertiary);
    background-color: var(--muted);
    transition: all 0.2s;
}

.postCard.detail{
  background: #fff;
  border-top-left-radius:0;
  border-top-right-radius:0;
  padding: 2em;

}
@media (max-width:768px) {
  .postCard.detail{
    padding: 1.5em;}
}

a.postCard:hover {
    /* border-color: var(--primary); */
    box-shadow: 0 4px 12px rgba(116,27,117,0.1);
}
.featuredThumb img{
  border-radius: 10px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  /* aspect-ratio: 10/5; */
  /* -webkit-aspect-ratio: 10/5; */
  /* -moz-aspect-ratio: 10/5; */
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  width: 100%;
  height: auto;

}
.post-header{display:flex;flex-wrap: wrap; align-items:flex-start; justify-content:space-between; gap: 14px; margin-bottom:1rem;}
.author-info{display:flex; align-items:center; gap:0.75rem;}
.postCategory {
	flex-wrap: wrap;
}
.postCategory .filled{
	background: unset;
  color: var(--accent);
}

.avatar{width:2.5rem; height:2.5rem; border-radius:9999px;}
.author-details{display:flex; flex-direction:column;}
.author-name{display:flex; align-items:center; gap:0.5rem; font-weight:600; color:var(--primary);flex-wrap: wrap; margin-bottom: 0;}
.expert-badge{padding:0.25rem 0.5rem; background-color:#dbeafe; color:#2563eb; font-size:0.75rem; border-radius:9999px;}
.post-time{font-size:0.875rem; color:#6b7280;}
.post-title{font-size:1.5rem; font-weight:500; color:#1f2937; margin-bottom:0.5rem;}
.post-excerpt {
    color: #777777;
}
.post-content{color:#333333; margin-bottom:1rem;}
.post-footer{ padding-top:1rem;    border-top: 1px solid var(--secondary);}
/* .post-actions{display:flex; align-items:center; gap:1.5rem;} */

.postCard.detail h6{
margin-top: 30px;
color: var(--primary);
}
.postCard.detail ul{
  margin-bottom: 1em;
}
.postCard.detail ul li{
  list-style-type: disc;
}

/* Filters */

/* Sort Filters */
.all_posts .filters{
	overflow-x: auto;
	scroll-behavior: smooth;
	flex-wrap: nowrap !important;
}
.all_posts .filter-btn{border:1px solid var(--tertiary); background:var(--muted); cursor:pointer; font-size:14px; padding: 4px 14px; border-radius: 8px;white-space: nowrap;}
.all_posts .filter-btn.active{border:1px solid var(--secondary); background:var(--tertiary); cursor:pointer; font-size:14px; padding: 4px 14px; border-radius: 8px;}

.all_posts  .reset{
    display: none;
}
.all_posts .filterTrigger {
  display: block;
  margin-right: 20px;
  background-color: var(--tertiary);
  padding: 3px 6px;
  color: var(--primary);
  border: 1px solid var(--secondary);
}

#closeCatFilter {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
    padding: 3px;
    border: 1px solid var(--tertiary);
    border-radius: 6px;
}
@media (min-width:992px) {
    .all_posts  .reset{
        display: block;
    }
    .all_posts  .filterTrigger{
        display: none;
    }
}
/* Category Filter */

.cat_ul{display: flex; flex-direction: column; gap:1rem;}
.catList {
    /* padding-inline: 20px; */
    background: var(--muted);
    display: inline-block;
    padding: 10px 16px 10px 16px;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid var(--secondary);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.catList:hover,.catList.active{
    background-color: var(--secondary);
    /* font-weight: 500; */
}

.catList .catIcon{
    font-size: 16px;
    color:var(--primary);
    margin-right: 10px;

}

.catList .toggleIcon {
  color: var(--primary);
  background: var(--tertiary);
  padding: 4px 5px;
  border-radius: 4px;
  font-size: 14px;
}
.catList .toggleIcon.fa-check {
  color: #ffffff;
  background: var(--primary);
}

.comment-actions{display:flex; flex-wrap:wrap;}
.action-button{display:flex; align-items:center; gap:0.5rem; color:#6b7280; border:none; background:none; cursor:pointer; font-size:14px;}
.action-button:hover{color:var(--accent);}
.post-category{padding:0.25rem 0.75rem; background-color:#fce7f3; color:#db2777; border-radius:9999px; font-size:0.875rem;}
/* Comments */
.comment-section{margin-top:1.5rem;}
.comment {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.authorHead {
  display: flex;
  gap: 14px;
  align-content: center;
  align-items: center;
}
.author-name {
  display: flex;
  align-items: flex-start;
  gap: 0;
  font-weight: 600;
  color: var(--primary);
  flex-wrap: wrap;
  margin-bottom: 0;
  flex-direction: column;
}
.comment-content{flex:1;}
.nested-comment{margin-top:1rem; margin-left:1.5rem; padding-left:1rem; border-left:1px solid var(--tertiary);}
/* Sidebar */
.sidebar-card{background-color:white; border-radius:0.5rem; box-shadow:0 1px 2px rgba(0,0,0,0.05); padding:1.5rem; margin-bottom:1.5rem;}
.related-post {
    padding-bottom: 1em;
    border-bottom: 1px solid var(--tertiary);
    margin-bottom: 1rem;
    cursor: pointer;
}
.related-post p{
   margin-bottom: 0;
}
.related-post h6{
   margin-bottom: 6px;
}
.related-post:last-child{border-bottom:none; margin-bottom: 0; padding-bottom:0;}
.related-title{font-weight:500; color:#1f2937; margin-bottom:0.25rem; cursor:pointer;}
.related-title:hover{color:#db2777;}
.related-meta{display:flex; align-items:center; gap:1rem; font-size:0.875rem; color:#6b7280;}


/* Create Post Modal */


#createPostForm .ql-container {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
    min-height: 200px;
    height: 440px;
    background-color:#ffffff ;
    border: 1px solid var(--secondary);
    border-top: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);

}


#createPostForm .ql-toolbar.ql-snow {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: var(--tertiary);
  padding: 14px;
}

#createPostForm .ql-snow .ql-editor h1{
  font-size: 22px;
  line-height: 30px;
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;

}
#createPostForm .ql-snow .ql-editor h2{
  font-size: 18px;
  line-height: 24px;
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;
}
#createPostForm .ql-snow .ql-editor p{
  font-size: 16px;
  line-height: 24px;
  margin-top: 14px;
}
#createPostForm .ql-snow .ql-editor ul,#createPostForm .ql-snow .ql-editor ol{
font-size: 16px;
padding-left: 0;
margin-top: 14px;
}
#createPostForm .ql-snow .ql-editor ul li,#createPostForm .ql-snow .ql-editor ol li{
  margin-top: 10px  ;
}

 #tagContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: .5em;
}

#tagContainer .tag-item {
	font-size: 14px;
	padding: 2px 10px 3px;
	border: 1px solid var(--secondary);
	border-radius: 8px;
	background: var(--tertiary);
	cursor: pointer;
	display: flex;
	align-items: center;
}
 #tagContainer .tag-remove {
    font-size: 20px;
    line-height: 1;
    margin-left: 6px;
}

#createPostForm h6{
    color: var(--primary);
}

/* Featured Image */
.upload-container {
  width: 100%;
  max-width: 500px;
  padding: 30px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.upload-title {
  margin-bottom: 20px;
  color: #333;
  font-size: 24px;
  font-weight: 600;
}

.upload-area {
  position: relative;
  width: 100%;
  height: 200px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}

.upload-area:hover {
  border-color: #4c84ff;
  background-color: rgba(76, 132, 255, 0.05);
}

.upload-area.active {
  border-color: #4c84ff;
  background-color: rgba(76, 132, 255, 0.05);
}

.upload-area input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.upload-icon {
  font-size: 40px;
  color: #aaa;
  margin-bottom: 10px;
}

.upload-text {
  color: #666;
  font-size: 16px;
}

.upload-subtext {
  color: #999;
  font-size: 14px;
  margin-top: 5px;
}

.preview-area {
  width: 100%;
}

.preview-image {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	aspect-ratio: 9/5;
	object-fit: cover;
	border: 1px solid var(--primary);
}

.removeBtn{
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--muted);
  color: var(--primary);
  border: none;
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* Coomunity News */

.bell-icon{
  font-size: 24px;
  color: var(--primary);
  cursor: pointer;
}

.notification-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 360px;
  background-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 200;
}

.notification-dropdown.show {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.notification-header {
  padding:15px 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--secondary);
}

.quantity-badge.dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  top: -5px;
  right: -4px;
}

.notification-title {
  font-weight: 500;
  font-size: 1rem;
  /* color: var(--primary); */
}

.mark-all-read {
  color: var(--accent);
  font-size: 0.8rem;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 400;
  text-decoration: underline;
}

.see-all {
  color: #3498db;
  padding: 12px 15px;
  text-align: center;
  font-weight: 600;
  border-top: 1px solid #eee;
  cursor: pointer;
}

.notification-list {
  padding:0;
}

.notification-item {
  padding: 15px 20px 15px 30px;
  border-bottom: 1px solid var(--secondary);
  transition: background-color 0.2s;
  cursor: pointer;
  position: relative;
}

.notification-item:last-child {
  border-bottom: none;
}

.notification-item:hover {
  background-color: var(--tertiary);
}

.notification-item.unread {
  background-color: var(--muted);
}

.notification-item.unread:hover {
  background-color: var(--tertiary);
}
.notification-content {
position: relative;
}
.notification-content p {
  margin: 0;
  font-size: 0.9rem;
  color: #444444;
}
.notification-item::before {
  content: "\f2b6";
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  top: 15px;
  left: 14px;
  color: var(--secondary);
}

.notification-item.unread::before {
  content: '\f0e0';
  color: var(--primary);

}

.notification-content {
  padding-left: 10px;
}

.notification-time {
  font-size: 0.75rem;
  color: #7f8c8d;
  margin-top: 5px;
}


/* News All */
#newsContainer .postCard{
  padding: 0;
}
#newsContainer .postCard .pill{
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #741b75;
  border:none
}
#newsContainer .postCard .news-content{
  padding:1em 1.5em 1em;
  color: #333333;
}

.news-date {
	font-size: 15px;
	color: #555555;
}
.read-more{
  font-size: 15px;
	color: var(--primary);
  transition: all .2s;
  text-decoration: underline;
}

.saveIcon {
	border: none;
	outline: none;
	background: transparent;
	color: #666666;
  transition: all .2s;
}
.saveIcon:hover {
  color: var(--primary);
}