@charset "utf-8";
/* CSS Document */

::selection {
  color: var(--bs-white);
  background: var(--bs-primary);
}
.woocommerce-store-notice{ padding: 10px 0 !important; font-size: 14px !important;}
/*----
Main Menu ----*/
.stellarnav{position: relative;}
.stellarnav a{color: var(--bs-black); margin-bottom: 0;}
.stellarnav ul{margin: 0; padding: 0;}
.stellarnav li{list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal;}
.stellarnav li a{padding: 10px 20px; display: block; text-decoration: none; color: var(--bs-white); box-sizing: border-box; position: relative; text-transform: capitalize;}
.stellarnav li a:hover{color: var(--bs-white); background-color: var(--bs-purple);}
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav > ul > li.current-menu-item > a, .stellarnav > ul > li.current-menu-parent > a{color: var(--bs-white); background-color: transparent;}
.stellarnav > ul { display: flex;}
.stellarnav > ul > li + li{ margin-left: auto;}
.stellarnav > ul > li > a{padding: 0; position: relative; color: var(--bs-white); border: none; line-height: 55px; font-weight: 500; letter-spacing: 0.5px; display: flex; align-items: center; gap: 5px;}
.stellarnav > ul > li > a:hover{text-decoration: none; color: var(--bs-white); background-color: transparent;}
.stellarnav ul ul{top: auto; width: 275px; position: absolute; z-index: 9900; text-align: left; display: none; background: var(--bs-blue); padding:  0;}
.stellarnav li li{display: block;}
.stellarnav ul ul ul{top: 0; left: 275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity: 1; visibility: visible; top: 0}
.stellarnav > ul > li.drop-left > ul{right: 0}
.stellarnav li.drop-left ul ul{left: auto; right: 275px}
.stellarnav.dark{background: var(--bs-secondary)}
.stellarnav.dark a{color: var(--bs-secondary)}
.stellarnav.dark ul ul{background: var(--bs-secondary)}
.stellarnav.dark li a{color: var(--bs-secondary)}
.stellarnav.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999}
body.stellarnav-noscroll-x{overflow-x: hidden}
.stellarnav li.has-sub > a:after{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: inline-block; position: relative; font-size: 14px;}
.stellarnav li li.has-sub > a:after{ content: '\f105'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px;}
.stellarnav li.drop-left li.has-sub > a:after{float: left; margin-right: 10px; border-left: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid var(--bs-secondary)}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display: none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display: none; text-decoration: none}
.stellarnav .dd-toggle{display: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; z-index: 9999; border: 0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right: 15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display: none}
.stellarnav svg{fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing: border-box; transition: transform .3s; width: 100%; height: 100%; position: relative; vertical-align: middle; display: inline-block; position: relative; background: var(--bs-primary);}
.stellarnav a.dd-toggle .icon-plus:before{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: block;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content: '\f00d'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; color: var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav .icon-close{box-sizing: border-box; width: 30px; height: 30px; position: relative; display: flex; align-items: center; margin-left: 0; margin-right: 0}
.stellarnav .icon-close:before{content: ''; display: block; width: 30px; height: 0; border-bottom: solid 3px var(--bs-secondary); position: absolute; top: auto; transform: rotate(45deg)}
.stellarnav .icon-close:after{content: ''; display: block; width: 30px; height: 0; top: auto; border-bottom: solid 3px var(--bs-secondary); position: absolute; transform: rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color: var(--bs-white)}
.stellarnav.light .icon-close:after{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:before{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:after{border-color: var(--bs-white)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding: 0; box-sizing: border-box}
.stellarnav .close-menu{padding: 0 24px}
.stellarnav .menu-toggle span.bars{display: inline-block; margin-right: 0; position: relative; top: 0; margin-right: 0;}
.stellarnav .menu-toggle span.bars span{display: block; width: 30px; height: 4px; border-radius: 6px; background: var(--bs-secondary); margin: 0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom: 0}
.stellarnav .full{width: 100%}
.stellarnav .half{width: 50%}
.stellarnav .third{width: 33%; text-align: center}
.stellarnav .location-btn-mobile.third{text-align: center}
.stellarnav .location-btn-mobile.half{text-align: right}
.stellarnav.light .third, .stellarnav.light .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left: 0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom: 0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom: 0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left: 0}
.stellarnav.light .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.dark .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.mobile{position: static}
.stellarnav.mobile.fixed{position: static}
.stellarnav.mobile ul{position: relative; display: none}
.stellarnav.mobile.active{padding-bottom: 0}
.stellarnav.mobile.active > ul{display: block}
.stellarnav.mobile ul{text-align: left}
.stellarnav.mobile > ul > li{display: block}
.stellarnav.mobile > ul > li > a{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.stellarnav.mobile ul{background: rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.stellarnav.mobile ul ul ul{left: auto; top: auto}
.stellarnav.mobile li.drop-left ul ul{right: auto}
.stellarnav.mobile li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile > ul{border-top: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light > ul{border-top: none;}
.stellarnav.mobile li a.dd-toggle{border: 0}
.stellarnav.mobile.light li a.dd-toggle{border: 0; background: rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display: flex; align-items: center; border: none;}
.stellarnav.mobile li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1); box-sizing: border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display: inline-block; width: 50%; text-align: center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display: block; width: 100%; border-right: 0; text-align: left}
.stellarnav.mobile.light ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background: var(--bs-white); padding: 0}
.stellarnav.mobile.light li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position: absolute; width: 100%; top: 0; left: 0; z-index: 9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display: none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 500}
.stellarnav.mobile.right > ul{right: 0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display: flex; text-align: right; align-items: center; justify-content: flex-end; height: 80px;}
.stellarnav.mobile.left > ul{left: 0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align: center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align: center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align: left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display: none}
@media only screen and (max-width : 768px){
.stellarnav{overflow: hidden; display: block}
.stellarnav ul{position: relative; display: none}
}
@media only screen and (max-width : 420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display: none}
}

.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform: uppercase; font-weight: 700;}
/*---- 
Main Menu ----*/

/*---- 
Accordion Menu ----*/
.mainNav {width:100%;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(0,0,0,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-primary);}
.mainNav ul li a {color:var(--bs-dark); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li a {color:var(--bs-dark); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(0,0,0,0.2);}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:var(--bs-white);  background:none;  font-size:16px; }
/*----
Accordion Menu ----*/

/*---- 
Slick SLider ----*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-slide.dragging img{pointer-events: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list{background: var(--bs-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; background: var(--bs-white); border-radius: 50%; color: #000; box-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: var(--bs-white); outline: none; background: var(--bs-secondary); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1; }
.slick-prev:before, .slick-next:before{font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 24px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev{left: -12px; }
[dir='rtl'] .slick-prev{right: 0px; left: auto; }
.slick-prev:before{content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105'; }
.slick-next{right: -12px; }
[dir='rtl'] .slick-next{right: auto; left: 15px; }
.slick-next:before{content: '\f105'; }
[dir='rtl'] .slick-next:before{content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0; }
.slick-dots{position: relative; margin-top: 30px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px;}
.slick-dots li{position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center; }
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 100%; height: 8px; width: 8px; border-radius: 50px; margin: 0; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--bs-primary); opacity: 0.2 }
.slick-dots li button:hover, .slick-dots li button:focus{outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background: var(--bs-white); }
.slick-dots li.slick-active button{ background: var(--bs-primary); height: 14px; width: 14px; opacity: 1}
/*----
Slick SLider ----*/

/*----
Custom Accordion ----*/
.accordionjs .acc_section { position: relative; z-index: 10; margin-top: 0; overflow: hidden; padding: 0;  border-radius: 16px; background:  #F5F5F5; padding:  35px 30px}
.accordionjs .acc_section + .acc_section{ margin-top: 20px;}
.accordionjs .acc_section .acc_head {cursor: pointer; }
.accordionjs .acc_section .acc_head span{ display:  flex; position: relative; padding: 0 35px 0 0;}
.accordionjs .acc_section .acc_content { padding: 20px 0 0 0; border-top:  1px solid rgba(245, 245, 245, 0.2);}
.accordionjs .acc_section .acc_head span:after{ content: '\f107'; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size:  14px;}
.accordionjs .acc_section.acc_active > .acc_head span:after{ content: '\f106';}
.accordionjs .acc_section.acc_active{ color:  var(--bs-white); background:  var(--bs-gradient-bg);}
.accordionjs .acc_section.acc_active > .acc_head{ padding-bottom:  20px;}
/*----
Custom Accordion ----*/

.aligncenter,.gallery-item a{display: block}
.alignleft{float: left; margin-right: 15px; margin-bottom: 10px}
.alignright{float: right; margin-left: 15px; margin-bottom: 10px}
.aligncenter{margin-left: auto; margin-right: auto}
.wp-caption{max-width: 100%;padding: 4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style: italic; font-size: 12px; font-size: .857142857rem; line-height: 2;}
.full-img { position: relative;}
.full-img img{ width: 100%; height: auto; position: relative; z-index: 2;}

#page{ overflow: hidden; padding-top: 0;}
.ratio .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit{min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff{ color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color: var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color: var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child,  h1:last-child, p:last-child, ul:last-child,  ol:last-child{ margin-bottom: 0;}

/*----
Custom Site Style ----*/

.header{ background-color: var(--bs-white); position: relative; z-index: 1000; font-size: 16px;}
.pre-header{ border-bottom: 1px solid #EBEBEB; color: #A0A6AD; padding: 10px 0;}
.pre-header .container{ display: flex; align-items: center;}
.pre-header .container ul.menu{ margin-left: auto; padding: 0; margin-bottom: 0; list-style: none; display: flex; align-items: center;}
.pre-header .container ul.menu li + li::before{ float: left; content: "|"; margin: 0 6px;}
.pre-header .container ul.menu li a{color: #A0A6AD; text-decoration: none;}
.pre-header .container ul.menu li a:hover{color: var(--bs-blue); text-decoration: none;}

.menu-btn{ background-color: transparent; border: none; padding: 0; display: none; gap: 6px; align-items: center; flex-direction: column;}
.menu-btn span{ height: 3px; width: 30px; background-color: var(--bs-black);}

.offcanvas-title img{ height: 60px; width: auto;}
.profile-nav{ position: absolute; top: 100%; right: 12px; width: 200px; z-index: 1000;}
.profile-nav .card-body{ border: none; border-radius: 0; display: flex; flex-direction: column;}
.profile-nav a{ color: var(--bs-body-color); text-decoration: none; display: block;}
.profile-nav a:hover{ color: var(--bs-blue);}
.profile-nav a + a{ margin-top: 8px; padding-top: 8px; border-top: 1px solid #ebebeb;}

.post-header{ padding: 20px 0;}
.header-action-btns{ display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
.header-action-btns > a{ display: block; height: 32px; width: 32px; position: relative; background-position:  center; background-repeat: no-repeat; background-size: 100%;}
.header-action-btns > a.profile{ background-image: url(../images/theme-img/user.png);}
.header-action-btns > a.wishlist{ background-image: url(../images/theme-img/e-commerce.png);}
.header-action-btns > a.minicart{ background-image: url(../images/theme-img/shopping-bag.png);}
.header-action-btns > a.search-btn{ background-image: url(../images/theme-img/search-interface-symbol.png);}
.header-action-btns > a .count{ background-color: var(--bs-blue); color: var(--bs-white); font-size: 12px; padding: 1px 6px; border-radius: 20px; position: absolute; top: -5px; right: -5px;}
.header-search{ position: absolute; top: 100%; left: 0; right: 0;}
.header-search .card-body{ border: none; border-radius: 0; padding-left: 0; padding-right: 0;}

.site-nav{ background-color: var(--bs-blue);}
.section{ padding: 60px 0;}
.section-48{ padding: 48px 0;}
.section-lt{ background-color: var(--bs-light);}

.banner-content{ background: url(../images/theme-img/banner-grad.svg) no-repeat center var(--bs-purple); background-size: cover; overflow: hidden; border-radius: 10px;}
.banner-content .banner-text{ padding: 60px; display: flex; flex-direction: column; gap: 16px;}
.banner-content .banner-text h4, .banner-content .banner-text h5{ font-weight: 500;}
.banner-content .banner-text > *{ margin-bottom: 0;}
.banner-content .banner-image{ padding: 60px  0 0 60px; text-align: right;}
.banner-content .slick-dots{ bottom: 32px; left: 0; right: 0; z-index: 100; position: absolute; height: 16px;}
.banner-content .slick-dots li button{ background-color: transparent; border: 2px solid var(--bs-white); width: 16px; height: 16px; opacity: 1;}
.banner-content .slick-dots li.slick-active button{ background-color:var(--bs-white); height: 16px; width: 16px;}

.cate-item{ color: var(--bs-white); text-decoration: none;}
.cate-item:hover{ color: var(--bs-white);}
.cate-item .title{ padding: 32px 32px 0; position: absolute; z-index: 100; top: 0; right: 0; left: 0; font-weight: 500; font-size: 16px;}
.cate-item .title h3{ text-transform: capitalize;}
.cate-item small{ position: relative; position: absolute; display: block; padding: 0 32px 32px 32px; font-size: 14px; text-transform: uppercase; display: flex; gap: 6px; align-items: center; z-index: 100; bottom: 0; left: 0; right: 0; font-weight: 700;}
.cate-item .full-img:before{background: linear-gradient(90deg,rgba(28, 27, 31, 1) 0%, rgba(28, 27, 31, 0) 81%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 8; content: '';}
.cate-item:hover small{ color: var(--bs-cyan);}


.CatSlider{ margin: 0 -12px;}
.CatSlider .item{ padding: 0 12px;}

.section-title{ padding-bottom: 24px; border-bottom: 1px solid rgba(40,40,40,0.26); display: flex; gap: 24px;}
.product-item{ background-color: var(--bs-white); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; overflow: hidden; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 12px; position: relative;}
.product-item h5{ font-weight: 500; margin: 0;}
.product-item .pricing{ font-weight: 500; display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap;}
.product-item .pricing del{ font-size: 80%; color: #666666; order: 2;}
.product-item .pricing ins{ text-decoration: none; order: 1;}
.section-lt .product-item{ box-shadow: none;}

.home-content{ color: var(--bs-white); border-radius: 16px; overflow: hidden; background-color: var(--bs-blue);}
.home-content ul{ padding: 0; list-style: none; display: flex; gap: 10px; flex-direction: column;}
.home-content ul li{ padding-left: 24px; position: relative; }
.home-content ul li:before{content: '\e86c'; font-family: 'Material Symbols Sharp'; font-size: 100%; color: #1BCAF5; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; font-size: 20px; line-height: 1;}

.cta{ background: linear-gradient(90deg,rgba(64, 5, 158, 1) 0%, rgba(96, 32, 198, 1) 100%); overflow: hidden; border-radius: 16px; color: var(--bs-white); line-height: normal;}

.newsletter{ background-color: var(--bs-blue); color: var(--bs-white); padding: 24px 0;}
.newsletter .title{ background-image: url(../images/theme-img/newsletter.svg); background-position: top left; background-repeat: no-repeat; padding-left: 100px; font-size: 16px;}

.contact-section::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: var(--bs-white); opacity: 0.5; z-index: 1;}
.contact-info{ display: flex; flex-direction: column; gap: 24px;}
.contact-info .d-flex{ gap: 10px;}
.contact-info .d-flex i{ color: var(--bs-purple);}

.social{ display: flex; align-items: center; gap: 10px;}
.social a{ height: 36px; width: 36px; color: var(--bs-white); font-size: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--bs-purple); text-decoration: none;}
.social a:hover{ color: var(--bs-white); background-color: var(--bs-blue);}

.footer{ background-color: #E8E8E8; color: var(--bs-dark); font-size: 15px;}
.footer a{ color: var(--bs-dark); text-decoration: none;}
.footer a:hover{ color: var(--bs-dark); text-decoration: underline;}
.footer-top{ padding: 40px 0 30px;}
.footer-top .social a, .footer-top .social a:hover{ color: var(--bs-white); text-decoration: none;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 16px;}
.footer-top h5{ font-size: 18px; color: var(--bs-purple); margin-bottom: 16px;}
.footer-top .contact-info{ gap: 15px;}
.footer-top .contact-info .d-flex{ background-color: transparent; padding: 0; border-radius: 0; box-shadow: none;}
.footer-bottom{ border-top: 1px solid #555; padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center;}
.footer-bottom ul{ margin-left: auto; display: flex; justify-content: center; list-style: none;}
.footer-bottom ul li + li::before{ content: "|"; margin: 0 8px; float: left;}

.page-banner{ position:relative; overflow:hidden;}
.page-banner .container{ height:300px; color:var(--bs-white); text-align:center; z-index:2; position:relative;}
.page-banner .image-fit{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:l;}
.page-banner .image-fit:before{ background:var(--bs-dark); content:''; top:0; left:0; right:0; bottom:0; z-index:1; position:absolute; opacity:0.35}

.sidebar-menu{ padding:20px; background-color: var(--bs-white); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 16px;}
.sidebar-menu h5{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--bs-light); font-weight:500;}
.sidebar-menu ul{ margin:0; padding:0; list-style:none;}
.sidebar-menu ul li + li{ margin-top:16px; padding-top: 16px; border-top: 1px solid var(--bs-light);}
.sidebar-menu ul li a{ display:block; color: var(--bs-black); font-size: 16px; font-weight: 500; text-decoration: none;}
.sidebar-menu ul li a:hover{ color: var(--bs-blue);}

.cat-menu .btn{ width:100%; border-radius:0;}
.cat-menu .dropdown-menu{ max-width:inherit; width:100%; left:0; right:0;}

/*----
Custom Site Style ----*/


/*---- WooCommerce Site Style ----*/
.woocommerce div.product div.summary{ display: flex; flex-direction: column; gap: 20px; position: relative;}
.woocommerce div.product .product_title{ padding-right: 50px;;}
.woocommerce div.product .product_title, .woocommerce div.product .woocommerce-product-rating, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce-product-details__short-description, .woocommerce  div.product div.summary form.cart{ margin-bottom: 0;}
.woocommerce span.onsale{ background: var(--bs-purple); font-size: 14px; text-transform: uppercase; height: auto; width: auto; line-height: normal; color: var(--bs-white); font-weight: 700; top: 16px; left: 16px; min-height: auto; min-width: auto; border-radius: 6px; padding: 4px 8px;}
.woocommerce-product-rating{ display: flex !important; align-items: center; gap: 10px; font-size: 14px;}
.woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before{ display: none;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{ color: var(--bs-body-color);}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del{ font-size: 80%; color: #666666;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price ins, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price ins{ text-decoration: none;}
.product_meta{ display: flex; flex-direction: column; font-size: 15px; gap: 16px; font-weight: 500; flex-wrap: wrap;}
.yith-add-to-wishlist-button-block{ margin: 0;}
.woocommerce div.product div.summary form.cart{ display: flex; align-items: center;}
.woocommerce div.product div.summary .qib-button-wrapper{ margin: 0;}
.woocommerce div.product form.cart .button{ color: var(--bs-white); background-color: #1BCAF5; border-color: #1BCAF5; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 0 16px; height: 41px; display: inline-flex; align-items: center; border-radius: 6px; align-items: center; line-height: 1;}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon{ color: var(--bs-blue);}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon{ color: var(--bs-red);}

.yith-wcwl-add-to-wishlist-button__label{ display: none;}
.yith-add-to-wishlist-button-block{ position: absolute; top: 0; right: 12px;}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor img{ width: 20px;;}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor{ height: 40px; width: 40px; background-color: var(--bs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.product_meta .posted_in{ display: flex; flex-wrap: wrap; align-items: center; gap: 3px;}
.product_meta a{ display: flex; color: var(--bs-body-color); font-size: 14px; border-radius: 20px; padding: 2px 10px; background-color: var(--bs-light);}
.product_meta a:hover{ color: var(--bs-white) !important; background-color: var(--bs-purple);}

.woocommerce div.product .woocommerce-tabs ul.tabs{ margin: 0 0 20px; padding: 0; border: none; display: flex; align-items: center; gap: 12px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ padding: 0; border: none; margin: 0; background: none; border-radius: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 0.75rem 1.125rem; font-size: 16px; border-radius: 8px; color: var(--bs-body-color);  background-color: var(--bs-light);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color: var(--bs-white); background-color: var(--bs-blue);}
.comment-form { display: flex; flex-wrap: wrap; margin: 0; gap: 16px;}
.comment-form p{ flex: 0 0 auto;  width: 100%; margin: 0;}
.comment-form p.comment-form-author, .comment-form p.comment-form-email{ flex: 0 0 auto;  width: calc(50% - 8px);}
.woocommerce .quantity .qty { width: 2.5em; border-radius: 0}

.woocommerce-message{ border-color: var(--bs-blue); display: flex; align-items: flex-start; font-size: 14px; flex-direction: column; gap: 16px;}
.woocommerce-message::before{color: var(--bs-blue); top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ margin-left: 0; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 0 24px; height: 41px; display: inline-flex; align-items: center; border-radius: 6px; align-items: center; line-height: 1; width: fit-content;}
.wc-block-components-button:not(.is-link){ color: var(--bs-white); font-size: 16px; border-radius: 8px; border: none; background: var(--bs-blue); padding-top: 0; padding-bottom: 0; height: 50px; align-items: center;}
.wc-block-components-button:not(.is-link):hover{ background: var(--bs-purple);}
.wc-block-components-product-badge{ font-size: 13px; color: var(--bs-white); background: var(--bs-purple); border-color: var(--bs-purple); display: none;}
.wc-block-components-product-metadata{ display: none;}
.wc-block-cart-item__total .wc-block-components-product-badge{ display: inline-flex;}

.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-color: var(--bs-border-color);}

ins{ text-decoration: none !important;}
.is-form-style input.is-search-input{ background-color: transparent !important; background: none !important;}
.is-form-style input.is-search-input, .is-form-style input.is-search-submit, .is-search-icon{ border: none !important;}
.is-form-style{ padding: 5px !important; border-radius: 50px; border: 1px solid #EBEBEB !important}
.is-form-style button.is-search-submit{width: 60px; height: 40px;}
.is-search-icon{width: 60px; height: 40px;  display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 40px; padding: 0 !important; background: #F5F5F5 !important;}
.is-form-style input.is-search-input{ height: 40px;}
.is-form-style.is-form-style-3 label{ width: calc(100% - 60px) !important;}

/*.staggs-product-options.text-center{ text-align: left !important;}*/

.option-group-wrapper .options.list--preview .option{ padding: 6px 12px; font-size:14px;}
.section .staggs-product-options .option-group-options{ flex-direction: row; gap: 12px; flex-wrap: wrap;}
.section .staggs-product-options .option-group-options label{ width: content; display: flex; gap: 10px;}
.section .option-group-options.icons.swatches label{ width: auto;}
.section .option-group-wrapper .options .option-price{ font-weight: 700;}
.section .option-group-wrapper .options .option{ gap: 10px;}
.section p.credit{ display: none;}
.section .totals-list{ margin-bottom: 16px; font-weight: 700;}
.section .totalprice{ margin-left: 16px}
.section .staggs-cart-form-button{ display: flex; align-items: center; width: 100%;}
.section .staggs-cart-form-button .button{ margin-left: 12px;}
.section .option-group-wrapper label input:checked + .option{ border-width: 2px;}
.section .staggs-product-options .option-group{ padding-top: 14px; padding-bottom: 0;}

.cat-info-row .d-flex{ padding: 16px; font-size: 14px; border-radius: 12px; background: rgba(255,255,255,1);}
.cat-info-row .d-flex .icon{ width: 32px;}
.woocommerce table.shop_table{ font-size: 16px;}
.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation{ margin: 0; padding: 0; font-size: 14px;}

.woocommerce-page table.cart td.actions{ vertical-align: middle}
.woocommerce-page table.cart td.actions .coupon{ display: flex; width: 50%; border: 1px solid #e5e5e5; padding: 6px; align-items: center; border-radius: 5px;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{ padding: 0 16px; height: 45px;}
.woocommerce-cart table.cart td.actions .coupon .input-text{ flex-grow: 1; border: none}
.woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions .button, .woocommerce-cart table.cart td.actions .button:disabled{ padding: 0 15px; height: 45px; border-radius: 8px; font-size: 14px; color: #fff}
.woocommerce-cart table.cart td.actions .coupon .button:after, .woocommerce-cart table.cart td.actions .button:after{ display: none;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ padding: 12px 24px; border-radius: 8px; background: #1BCAF5;; border-color: #1BCAF5; font-size: 16px;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order:hover{ border-color: #009CC3; background: #009CC3;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:after, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:after{ display: none;}
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, .woocommerce-billing-fields h3{ font-size: 16px; float: none; display: flex; align-items: center; gap: 6px;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ float: none; margin-top: 16px;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ display: flex; flex-direction: column; gap: 10px;}
.woof_container_inner h4{ font-size:18px; font-weight: 500;}
/*---- WooCommerce Site Style ----*/


@media (min-width: 320px) {
h1{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
}

@media (min-width: 1400px) {
h1{font-size: 48px;}
h2{font-size: 40px;}
h3{font-size: 32px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
.font-18{font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
.woocommerce-message{ flex-direction: row; gap: 0; align-items: center;}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ margin-left: auto;}
}

@media (min-width: 992px) {
.section .option-group-wrapper .options.list--preview .option{ padding: 10px 14px;}
}

@media (min-width: 1200px) {

.section .option-group-wrapper .options.list--preview .option{ padding: 10px 14px;}
}

@media (min-width: 1400px) {	
}

.newsletter div.tnp-subscription, .newsletter form.tnp-subscription, .newsletter form.tnp-profile{ margin: 0; max-width: 100%;}

.newsletter form{ border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(255, 255, 255, 0.10); padding: 10px; display: flex;}
.newsletter .tnp-subscription div.tnp-field, .newsletter .tnp-profile div.tnp-field{ margin-bottom: 0;}
.newsletter .tnp-field.tnp-field-email{flex-grow: 1;}

.newsletter .tnp-subscription input[type="text"], 
.newsletter .tnp-subscription input[type="email"],
.newsletter .tnp-subscription select, 
.newsletter .tnp-subscription textarea, 
.newsletter .tnp-profile input[type="text"], 
.newsletter .tnp-profile input[type="email"], 
.newsletter .tnp-profile select, 
.newsletter .tnp-profile textarea{ background: none !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 14px !important; width: 100%; outline: 0; color: var(--bs-white); height: 45px;}
.newsletter .tnp-subscription input::placeholder{ color: var(--bs-white); opacity: 1}
.newsletter .tnp-field input[type="submit"]{ padding-top: 0; padding-bottom: 0; height: 45px; text-transform: uppercase;}