/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.gradient-color {
	background: linear-gradient(91.5deg, #FF8800 1.64%, #FF2900 15.94%, #BB004B 29.78%, #7D4199 76.37%);
}
.gradient-color-hover:hover{    background: linear-gradient(91.5deg, #7D4199 1.64%, #BB004B 29.78%, #FF2900 76.37%, #FF8800 100%);
}
.elementor-button .elementor-button-text {
	background: linear-gradient(91.5deg, #FF8800 1.64%, #FF2900 15.94%, #BB004B 29.78%, #7D4199 76.37%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.elementor-button:hover .elementor-button-text {
	background: linear-gradient(91.5deg, #7D4199 1.64%, #BB004B 15.94%, #FF2900 29.78%, #FF8800 76.37%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.footer-form .forminator-custom-form {
	display:flex !important;
flex-wrap: wrap !important;
}
.footer-form .forminator-response-message {width : 100% !important;}
.footer-form .forminator-label {
	display:none !important;
}
.footer-form input {
	height:42px !important;
	background-color:#ffffff !important;
	border-radius: 21px 0px 0px 21px !important;
}
.footer-form input:placeholder {
	font-size:16px !important;
	color:#878787 !important;
	font-weight:400 !important;
}
.footer-form .forminator-row {
	width: calc(100% - 165px) !important;
	margin-bottom: 0px !important;
}
.footer-form .forminator-row.forminator-row-last {
	width: 165px !important;
}
.forminator-button {
	background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
	border-radius: 0px 21px 21px 0px !important;
	width: 165px !important;
}
.forminator-button:hover {
	background-color: #00000080 !important;
}
.header-section.sticky-header {
    position: fixed;
    top: 15px;
    left: 0;
    width: 100%;
    z-index: 999;
	background: #ffffff !important;
}
.header-section.sticky-header > .e-con-inner {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    border-radius: 49.5px;
    padding: 15px 50px;
}
.header-section.sticky-header .menu-item .elementor-item {
	color:#000000 !important;
}
/* .header-section .e-search-form {
	border: 1px solid #FFFFFF;
	box-shadow: 0px 0px 18.6px 9px #FF8C00;
	border-radius: 26px;

} */
/* Search Bar */
.header-section .e-search-form{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.9);
    border-radius:30px;
    background:#fff;

    animation:
        aiGlow 3s ease-in-out infinite,
        aiFloat 5s ease-in-out infinite;
}

/* Premium Orange Glow */
@keyframes aiGlow{

    0%,100%{
        box-shadow:
            0 0 12px 6px rgba(255,140,0,.35),
            0 0 24px 10px rgba(255,140,0,.15);
    }

    50%{
        box-shadow:
            0 0 18.6px 9px rgba(255,140,0,.9),
            0 0 36px 16px rgba(255,140,0,.35),
            0 0 60px 24px rgba(255,140,0,.15);
    }

}

/* Floating Motion */
@keyframes aiFloat{

    0%,100%{
        transform:translateY(0);
    }

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

}

.header-section.sticky-header .e-search-form {
	border: 2px solid transparent;
    border-radius: 33px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(91.5deg, #FF8800 1.64%, #FF2900 15.94%, #BB004B 29.78%, #7D4199 76.37%) border-box;
	box-shadow: none;
}
.header-section.sticky-header .elementor-menu-cart__toggle_button {
	border-color: #000000 !important;
}
.gradient-color>.e-con-inner {
    position: relative;
}
.header-section .elementor-widget-theme-site-logo img,
.white-logo.elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1);
}
.header-section.sticky-header .elementor-widget-theme-site-logo img {
    filter: none;
}
.header-section > .e-con-inner {
	border-bottom: 1px solid #ffffff;
	margin-bottom:20px;
}

.brand-gallery .e-gallery-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.brand-gallery{
    position:relative;
}

.brand-gallery .e-gallery-container{
    position:relative;
}

.brand-gallery .e-gallery-container::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:999;
    background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 40%),
        linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 40%),
        linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 20%),
        linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 60%);
}
.home-box-card .home-box-card-hover{opacity:0;transition:all .4s ease}
.home-box-card:hover .home-box-card-hover{opacity:1}
.home-box-card .inner-box-card{overflow:hidden !important;}
.home-box-card .card-box-btn,.promotion-card .promotion-card-bottom,.news-card .news-card-inner{transition: all .4s ease}
.home-box-card:hover .card-box-btn{background:#7D4199 !important;}
.dual-heading strong{font-weight:800 !important;}
.promotion-card:hover .promotion-card-bottom{background:#7D4199 !important;}
.promotion-card:hover .card-box-btn img{filter: brightness(0) saturate(100%) invert(27%) sepia(41%) saturate(1743%) hue-rotate(249deg) brightness(94%) contrast(84%);}
.news-card{overflow:hidden;}
.news-card .news-card-inner{    position:relative;
    background:#fff;
    z-index:1;}
.news-card .news-card-inner::before{content:"";
    position:absolute;
    inset:0;
    padding:4px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(
        90deg,
        #FF8800 0%,
        #FF2900 15%,
        #BB004B 29%,
        #7D4199 78%
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;

    pointer-events:none;
	opacity:0;
	transition: all .4s ease
}
.news-card:hover .news-card-inner::before{opacity:1}
.custom-contact-form .forminator-label {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1 !important;
    font-size: 16px !important;
    font-family: inherit;
    font-weight: 700;
    margin-bottom: 12px !important;
}

.custom-contact-form  .forminator-row {
    margin-bottom: 12px !important;
}

.custom-contact-form .forminator-label {}

.custom-contact-form .forminator-row input {
    border-radius: 10px !important;
}

.custom-contact-form .forminator-row div#checkbox-1 {}

.custom-contact-form .forminator-row div#checkbox-1 span.forminator-checkbox-label {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}

.custom-contact-form .forminator-row div#checkbox-1 span.forminator-checkbox-box {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 5px !important;
    margin-top: -17px;
}
.custom-contact-form .forminator-required{display:none !important}
.custom-contact-form .forminator-button-submit { background: #fff !important; color: #BB004B !important; border-radius: 50px !important; cursor: pointer !important; border: 1px solid #000 !important; box-shadow: none !important; }
.custom-contact-form .forminator-button-submit:hover{background: #000 !important;color: #fff !important;}
.card-hover {
	border: 4px solid #ffffff;
}
.card-hover:hover {
  	border: 4px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(91.5deg, #FF8800 1.64%, #FF2900 15.94%, #BB004B 29.78%, #7D4199 76.37%) border-box;
	box-shadow: none;
	z-index:1;
}
.card-hover:hover .icon-column {
	background-color: #7D4199 !important;
}

.child-product-categories{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px 14px; }
.child-product-categories .category-box{ position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 72px; padding: 18px 30px; background: #fff; border-radius: 10px; text-decoration: none; color: #000; font-weight: 700; transition: .4s; text-align: center; box-shadow: 0 0 10px #00000000; }
.child-product-categories .category-box:before { content: ""; position: absolute; inset: 0; padding: 3px; border-radius: 10px; background: linear-gradient(90deg, #FF8800 0%, #FF2900 15%, #BB004B 29%, #7D4199 78%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; transition:all .4s ease; opacity:0; }
.child-product-categories .category-box:hover:before{opacity:1}
.child-product-categories .category-box:hover{transform:scale(1.02)}
.child-product-categories .category-box { font-size: 16px; font-weight: 800; line-height: 1.2; }
.child-product-categories .category-box .catt-thumbnail { position: absolute; left: 2px; width:32px; height:32px; object-fit:contain; opacity:0; transition:all .4s ease; }
.child-product-categories .category-box .catt-arrow{position: absolute; opacity:0; right: 10px; transition:all .4s ease;}
.child-product-categories .category-box:hover .catt-thumbnail,.child-product-categories .category-box:hover .catt-arrow{opacity:1}
.normal-black-button .elementor-button-text{background: unset !important; background-clip: unset !important; -webkit-text-fill-color: unset !important;}
.elementor-widget-text-editor ul { padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.contact-map-box{ display: flex; border-radius: 0 10px 10px 0; overflow: hidden; }
.static-price .elementor-heading-title { text-decoration: line-through; }
.custom-contact-form .forminator-row div#checkbox-1 span.forminator-checkbox-label a { color: #fff; text-decoration: underline; }
.sticky-header .elementor-menu-cart__toggle svg path {
    stroke: #000;
}
header .header-section.sticky-header {
    background: transparent !important;
}
header>.header-section.sticky-header>.e-con-inner {
    background: #fff !important;
}
@media (max-width: 1399px) {
.child-product-categories { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1299px) {
.child-product-categories { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1599px) {
	.header-section.sticky-header > .e-con-inner {
		padding: 15px 20px;
	}
}
@media (max-width: 991px) {
	.header-section.sticky-header .elementor-icon .e-font-icon-svg {
		fill: #000000 !important;
	}
	.child-product-categories{ grid-template-columns: repeat(2 , 1fr); }
.contact-map-box { border-radius: 0 0 10px 10px; height: 250px; }
.contact-map-box iframe { width: 100%; height: 100%; object-fit: cover; }
}

@media (max-width: 767px) {
	.footer-form .forminator-custom-form {
		flex-direction:column !important;
		justify-content:center;
		align-items:center !important;
	}
	.footer-form .forminator-row {
    	width: 100% !important;
		margin-bottom: 15px !important;
	}
	.footer-form input,
	.forminator-button {
		border-radius: 21px !important;
	}
	    .elementor-widget-text-editor ul { gap: 5px; }
}
@media (max-width: 575px) {
.child-product-categories{ grid-template-columns: repeat(1 , 1fr); }
}

/**********************************************/
.wcpf-wrap { display: flex; gap: 24px; align-items: flex-start; font-family: inherit; max-width: 100%; margin: 0 auto; padding: 0; }
.wcpf-mobile-toggle{display:none;width:100%;padding:12px 16px;background:#000 !important;color:#fff;border:0;border-radius:8px;font-weight:600;margin-bottom:12px;cursor:pointer;}
.wcpf-sidebar{flex:0 0 385PX;background:#fff;border:1px solid #eee;border-radius:12px;padding: 20px 10px;position:sticky;top:16px;border: 0;box-shadow: 0 0 10px rgb(0 0 0 / 28%);}
.wcpf-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.wcpf-sidebar-header h3{margin:0;font-size: 24px;font-weight: 800;color: #000 !important;padding-left: 16px;}
.wcpf-wrap .wcpf-reset-btn{background: #000 !important; color: #fff; border: 0; border-radius: 20px !important; padding: 8px 36px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important;}
.wcpf-wrap .wcpf-reset-btn:hover{background:#7D4199 !important;}
.wcpf-filter-group{padding-top: 0;margin-top: 16px;}
.wcpf-filter-group:first-of-type{border-top:0;margin-top:0;padding-top:0;}
.wcpf-group-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border: unset !important;font-weight: 800 !important;font-size: 16px !important;cursor:pointer;padding: 0 10px 9px 16px !important;color:#111;background: transparent !important;color: #000 !important;}
.wcpf-caret{transition:transform .2s;font-size:12px;background-image: url(/wp-content/uploads/2026/07/Expand-Arrow-3.svg);background-repeat: no-repeat;background-size: contain;font-size: 0;display: inline-block !important;width: 12px;height: 12px;}
.wcpf-group-toggle[aria-expanded="true"] .wcpf-caret{/* transform:rotate(-90deg); */background: url(/wp-content/uploads/2026/07/Expand-Arrow-1.svg);}
.wcpf-group-body{overflow:hidden;transition:max-height .2s ease;}
.wcpf-group-toggle[aria-expanded="false"] + .wcpf-group-body{max-height:0 !important;}
.wcpf-scroll-list{max-height: 245px;overflow-y:auto;padding-top:6px;padding: 0 17px;border-radius: 10px;border: 1px solid #d9d9d9;}
.wcpf-checkbox{display:flex;align-items:center;gap:8px;padding: 0;font-size:14px;cursor:pointer;color:#333;margin: 19px 0;}
.wcpf-checkbox input{cursor:pointer;display: none;}
.wcpf-main{flex:1;min-width:0;}
.wcpf-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom: 20px;border-bottom:1px solid #eee;margin-bottom: 33px;flex-wrap:wrap;gap:10px;}
.wcpf-count{font-weight: 400;font-size: 16px;color: #878787;}
.wcpf-sort{display:flex;align-items:center;gap: 20px;font-size:14px;}
.wcpf-sort-select{padding: 9px 35px 9px 16px;border:1px solid #ddd;border-radius:8px;font-size: 16px;background:#fff;border: unset;box-shadow: 0 0 10px #0000002b;appearance: none;background-image: url(https://whw.voidappsdev.uk/wp-content/uploads/2026/07/Expand-Arrow-3.svg);background-repeat: no-repeat;background-position: right 7px center;}
.wcpf-grid-container{position:relative;min-height:200px;}
.wcpf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap: 21px;}
.wcpf-card{border: 1px solid #d9d9d9;border-radius:12px;padding: 14px 14px 18px;text-align:left;transition:box-shadow .2s,border-color .2s;background:#fff;position: relative;}
.wcpf-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#ddd;}
.wcpf-card-img{display:block;text-align:center;margin-bottom:12px;}
.wcpf-card-img img{max-width:100%;height: 164px;object-fit:contain;}
.wcpf-card-title{font-size: 16px;font-weight: 800;margin:0 0 8px;letter-spacing:.02em;color: #000;text-align: left;}
.wcpf-card-price{margin-bottom: 20px;color: #878787;font-weight: 400;text-align: left;}
.wcpf-card-price .woocommerce-Price-amount{color: #7D4199;font-weight: 800;font-size: 24px;padding-right: 2px;}
.wcpf-from{color:#888;font-size:13px;margin-right:4px;}
.wcpf-exvat{color:#888;font-size:12px;margin-left:4px;display:none}
.wcpf-view-details{color: #7D4199;font-weight:600;font-size: 16px;text-decoration: underline !important;display:inline-flex;align-items:center;gap: 6px;}
.wcpf-no-results{text-align:center;padding:60px 0;color:#888;font-size:15px;}
.wcpf-loading{position:absolute;inset:0;background:rgba(255,255,255,.7);display:none;align-items:center;justify-content:center;z-index:2;}
.wcpf-loading.is-active{display:flex;}
.wcpf-spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:#7b2ff7;border-radius:50%;animation:wcpf-spin .7s linear infinite;}
@keyframes wcpf-spin{to{transform:rotate(360deg);}}
.wcpf-pagination{display:flex;justify-content: flex-end;gap: 12px;margin-top:26px;flex-wrap:wrap;}
.wcpf-page-btn{width: 32px !important;height: 32px;border: 1px solid transparent !important;background:#fff;border-radius: 8px !important;cursor:pointer;font-size: 16px !important;padding: 0 8px !important;color: #000;}
.wcpf-page-btn.is-active,.wcpf-page-btn:hover{background: #7D4199;color:#fff;border-color: #7D4199;}
.wcpf-page-btn:disabled{opacity:.4;cursor:default;}
.wcpf-page-dots{display:flex;align-items:center;padding:0 4px;color:#888;}
.wcpf-checkbox span { padding: 4px 0 4px 35px; position: relative; display: block; font-size: 16px; font-weight: 400; color: #000; }
.wcpf-checkbox span::before { width: 24px; height: 24px; content: ''; position: absolute; left: 0; top: 0; background-color: #fff; border: 1px solid #D9D9D9; border-radius: 5px; }
.wcpf-checkbox input:checked + span:before { background-image: url(/wp-content/uploads/2026/07/Done-1.png); background-color: #7D4199; background-repeat: no-repeat; background-position: center; background-size: contain; }
.wcpf-sort label { font-size: 16px; color: #000; white-space: nowrap; }
.wcpf-card .wcpf-card-body { text-align: right; }
.wcpf-view-details span { width: 21px; height: 21px; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-image: url(https://whw.voidappsdev.uk/wp-content/uploads/2026/07/product-arrow.svg); font-size: 0; background-size: contain; }

.wcpf-card-price span.wcpf-from, .wcpf-card-price .woocommerce-price-suffix { font-size: 16px; color: #878787; font-weight: 300; }
.wcpf-card-price del,.wcpf-card-price del span { font-size: 16px !important; color: #878787 !important; font-weight: 500 !important; }
.wcpf-card::before { content: ""; position: absolute; inset: 0; padding: 4px; border-radius: 10px; background: linear-gradient(90deg, #FF8800 0%, #FF2900 15%, #BB004B 29%, #7D4199 78%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;  opacity: 0;  transition: all .4s ease; }
.wcpf-card:hover::before{opacity: 1;}
.wcpf-card:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); }
.wcpf-pagination button.wcpf-page-btn.wcpf-next,.wcpf-pagination button.wcpf-page-btn.wcpf-prev { font-size: 24px !important; background: transparent !important; color: #000 !important; }
.whw-price-or small.woocommerce-price-suffix {display: none;}
.wcpf-active-filters button.wcpf-pill-remove { display: none; }
.wcpf-active-filters { padding-left: 15px; display: flex; flex-wrap: wrap; gap: 8px; }
.wcpf-active-filters span.wcpf-pill-label { font-size: 12px; color: #fff; padding: 6px 15px; background: #A97ABE; border-radius: 50px; }
.pro-gallery-images ol.flex-control-nav.flex-control-thumbs li { width: 136px !important; height: 127px; }
.pro-gallery-images ol.flex-control-nav.flex-control-thumbs li img { width: 100%; height: 100%; object-fit: cover; padding: 10px; }
.single-product ul.wh-product-brand-list { padding: 0; list-style: none; }
.single-product ul.wh-product-brand-list li.wh-product-brand-item {display: flex;align-items: center;gap: 10px;}
.single-product ul.wh-product-brand-list li.wh-product-brand-item a.wh-brand-view-more { font-size: 16px; font-weight: bold; color: #7D4199; text-decoration: underline; }
.single-product ul.wh-product-brand-list li.wh-product-brand-item a.wh-brand-view-more:hover { color: #000; }

@media (max-width: 1499px){
	.wcpf-sidebar{    flex: 0 0 290PX;}
}
@media (max-width: 1299px){
	.wcpf-grid{gap:10px;grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 991px){
  .wcpf-grid{grid-template-columns:repeat(2,1fr);}
.pro-gallery-images ol.flex-control-nav.flex-control-thumbs li { width: 95px !important; height: 80px; padding: 0 5px !important; }
}
@media (max-width: 800px){
	    .wcpf-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 767px){
  .wcpf-wrap{flex-direction:column;}
  .wcpf-mobile-toggle{display:block;}
  .wcpf-sidebar{width:100%;position:static;display:none;}
  .wcpf-sidebar.is-open{display:block;}
  .wcpf-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .wcpf-toolbar{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 575px){
  .wcpf-grid{grid-template-columns:1fr;}
}

/****************** product single **********************/

.whw-download-list .list-box:hover .download-icon { background: #7D4199; }
.whw-accordion { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.whw-accordion-item {border: 1px solid #D9D9D9;border-radius: 10px;background: #fff;overflow: hidden;}
.whw-accordion-header {display: flex;align-items: center;justify-content: space-between;padding: 22px 20px;cursor: pointer;user-select: none;transition: all .4s ease;}
.whw-accordion-title {margin: 0;font-size: 16px;font-weight: 800;color: #000;text-transform: capitalize;}
.whw-accordion-icon {position: relative;width: 22px;height: 22px;flex-shrink: 0;background-image: url(/wp-content/uploads/2026/07/Expand-Arrow-rev-1.svg);background-repeat: no-repeat;background-position: center;background-size: contain;transition: all .4s ease;}
.whw-accordion-icon::before, .whw-accordion-icon::after { content: ""; position: absolute; background: #333; transition: transform 0.25s ease; }
.whw-accordion-content {padding: 22px 20px 20px;position: relative;}
.whw-accordion-content::before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 44px); height: 1px; background: #dddddd; }
.whw-accordion-item.active .whw-accordion-header { margin-top: 6px; }
.whw-accordion-item.active span.whw-accordion-icon { transform: scaleY(-1); }
.whw-accordion .whw-download-list {display: grid; grid-template-columns: repeat(4, 1fr); gap:65px}
.whw-download-list .list-box { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 17px 20px 17px 26px; border-radius: 10px; text-decoration: none; color: #1a1a1a; font-weight: 800; font-size: 16px; box-shadow: 0 0 10px #0000003b; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.whw-download-list .list-box:hover:before { opacity: 1; }
.list-box.featured { border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #f7941e, #ec008c, #662d91); background-origin: border-box; background-clip: padding-box, border-box; }
.whw-download-list .download-icon { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: #111; display: flex; align-items: center; justify-content: center; }
.list-box.featured .download-icon { background: #662d91; }
.list-box-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whw-download-list .download-icon svg {width: 30px;height: 30px;}
.whw-download-list .list-box::before { content: ''; content: ""; position: absolute; inset: 0; padding: 4px; border-radius: 10px; background: linear-gradient(90deg, #FF8800 0%, #FF2900 15%, #BB004B 29%, #7D4199 78%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: all .4s ease; }
.pro-gallery-images .woocommerce-product-gallery__image{    border: 1px solid #d9d9d9 !important;border-radius: 10px;}
.woocommerce-price-suffix {font-size: 16px !important;color: #878787;font-weight: 400;}
.product-accordion-list details.e-n-accordion-item { border-radius: 10px !important; overflow: hidden; }
/* Responsive */ 
@media (max-width: 1399px){
    .whw-accordion .whw-download-list { gap: 15PX; }
    .whw-download-list .download-icon svg { width: 22px; height: 22px; }
    .whw-download-list .download-icon {width: 33px; height: 33px;}
}
@media (max-width: 1024px){
    .whw-accordion .whw-download-list {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) { 
    .whw-accordion .whw-download-list { grid-template-columns: repeat(2, 1fr); }
    .list-box { flex: 1 1 100%; max-width: 100%; }
    .whw-accordion-title { font-size: 16px; } 
    .whw-accordion-icon {    width: 15px;height: 15px;}
    .whw-download-list .list-box{padding: 12PX;}
     .whw-accordion-header { padding: 12px 10PX; }
      .whw-accordion-content { padding: 0 10PX 14PX; }
      .list-box-label{font-size: 14px;}
}

@media (max-width: 575PX) {
    .whw-accordion .whw-download-list { grid-template-columns: repeat(1, 1fr); }
}

/* add to cart */
.single-product div.product form.cart, .single-product div.product form.variations_form { display: flex; flex-direction: column; gap: 14px; max-width: 100%; }
.single-product div.product table.variations { width: 100%; border: none; border-collapse: collapse; }
.single-product div.product table.variations tbody, .single-product div.product table.variations tr { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.single-product div.product table.variations tr { border: none; }
.single-product div.product table.variations th, .single-product div.product table.variations td { display: block; border: none; padding: 0; width: 100%; }
.single-product div.product table.variations th.label { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.single-product div.product table.variations th.label label { margin: 0; }
.single-product div.product table.variations td.value select { width: 100%; }

.single-product div.product .woocommerce-variation-add-to-cart .reset_variations, .single-product div.product a.reset_variations { font-size: 12px; color: #999; display: inline-block; margin-top: -6px; }
.single-product div.product select { appearance: none; -webkit-appearance: none; width: 100%; padding: 14px 40px 14px 16px; font-size: 14px; border: none; border-radius: 12px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23333' d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; cursor: pointer; transition: box-shadow 0.2s ease; }
.single-product div.product select:focus { outline: none; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12); }
.single-product div.product .woocommerce-variation-add-to-cart, .single-product div.product .whw-simple-add-to-cart-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.single-product div.product .quantity .qty::-webkit-outer-spin-button,
.single-product div.product .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.single-product div.product .quantity .qty:focus { outline: none; }
.single-product div.product .quantity .whw-qty-btn { user-select: none; cursor: pointer !important; border: none; color: #000 !important; width: 12px; height: 12px; line-height: 12px; font-size: 20px; margin: 0 !important; }
.single-product div.product .quantity {width: 110px !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 0 10px #00000033 !important;    display: flex; align-items: center; padding: 12px 10px; justify-content: space-between;}
.single-product table.variations tr {flex-direction: row !important;/* width: 45px !important; */margin-bottom: 5px;}
.single-product table.variations tr th.label { width: 100px !important; background: transparent !important; font-size: 16px !important; font-weight: 800 !important; color: #000 !important; text-align: left; display: flex; align-items: center; }
.single-product table.variations tr label::after { content: ':'; }
.single-product table.variations tr td.value select { width: 205px !important; min-width: unset !important; max-width: unset !important; margin: 0 !important; box-shadow: 0 0 10px #00000052; color: #000 !important; font-size: 16px; padding: 11px 18px; cursor: pointer; }
.single-product table.variations tr td.value { background: transparent; position: relative; }
.single-product table.variations tr td.value a.reset_variations { display: block; font-size: 16px; color: #000 !important; position: absolute; bottom: -28px; left: 5px; }
.single-product .single_variation_wrap { margin-top: 10px; }
.single-product .single_variation_wrap .quantity { width: 110px !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 0 10px #00000033 !important; }
.single-product .single_variation_wrap .quantity button.whw-qty-btn { padding: 0; }
.single-product div.product .single_add_to_cart_button { background: #7a7a7a; color: #fff; border: none; border-radius: 30px; padding: 14px 30px; font-weight: 700; font-size: 14px; cursor: pointer; transition: background 0.2s ease; flex: 1 1 auto; min-width: 160px; }
.single-product div.product .single_add_to_cart_button:hover { background: #5f5f5f; }
.single-product div.product .single_add_to_cart_button.disabled { background: #cfcfcf; cursor: not-allowed; }
.single-product .single_variation_wrap button.single_add_to_cart_button { max-width: 178px; background: #000 !important; color: #fff !important; cursor: pointer; transition: all .4s ease; }
.single-product .single_variation_wrap button.single_add_to_cart_button:hover { background: #7D4199 !important; }
.single-product .single_variation_wrap  .woocommerce-variation-price { margin-bottom: 15px; }
.single-product .single_variation_wrap span.woocommerce-Price-amount.amount * { font-size: 24px !important; color: #7D4199 !important; font-weight: 800; }
.single-product .single_variation_wrap input.input-text.qty { padding: 0; font-size: 16px !important; border: unset !important; }
.hide-price-list .new-product-box{display:none}

@media (max-width: 767px) {
    .single-product div.product .woocommerce-variation-add-to-cart, .single-product div.product .whw-simple-add-to-cart-row { flex-direction: column; align-items: stretch; }
    .single-product div.product .quantity { justify-content: center; width: 100%; }
    .single-product div.product .single_add_to_cart_button { width: 100%; }
}

/************************ common woocomerce css *************************/
.woocommerce-message  a.button.wc-forward { font-size: 16px; color: #fff; background: #000; border-radius: 50px; cursor: pointer; transition: all .4s ease; }
.woocommerce-message a.button.wc-forward:hover { background: #7D4199; }
.woocommerce-notices-wrapper .woocommerce-message { max-width: 1610px; margin: 10px auto; padding: 10px 20px 20px 45px; border-color: #000; font-size: 16px; align-items: center; width: 100% !important; }
.woocommerce-notices-wrapper .woocommerce-message::before { color: #000; }


/************************** animation banner **********************************************/
.big-banner-round-5{
animation:circle5 9s ease-in-out infinite;
}

@keyframes circle5{

0%,100%{
transform:translateY(0);
}

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

}

.big-banner-round-4{
animation:circle4 5s ease-in-out infinite;
}

@keyframes circle4{

0%,100%{
transform:scale(1);
}

50%{
transform:scale(1.15);
}

}

.big-banner-round-3{
animation:circle3 10s linear infinite;
}

@keyframes circle3{

from{
transform:rotate(0deg) translateX(8px);
}

to{
transform:rotate(360deg) translateX(8px);
}

}

.big-banner-round-2{
animation:circle2 7s ease-in-out infinite;
}

@keyframes circle2{

0%,100%{
transform:translate(0,0);
}

50%{
transform:translate(-15px,-12px);
}

}

.big-banner-round{
animation:circle1 8s ease-in-out infinite;
}

@keyframes circle1{

0%,100%{
transform:translate(0,0);
}

50%{
transform:translate(15px,-20px);
}

}

.start-icon-box-6{
    animation: pulseStar 3s ease-in-out infinite;
}

@keyframes pulseStar{

0%,100%{
transform:scale(1);
opacity:.7;
}

50%{
transform:scale(1.3);
opacity:1;
}

}

.start-icon-box-5{
    animation: swingStar 5s ease-in-out infinite;
    transform-origin:center;
}

@keyframes swingStar{

0%,100%{
transform:rotate(-8deg);
}

50%{
transform:rotate(8deg);
}

}

.start-icon-box-4{
    animation: rotateStar 10s linear infinite;
}

@keyframes rotateStar{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

.start-icon-box-4{
    animation: rotateStar 10s linear infinite;
}

@keyframes rotateStar{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

.start-icon-box-3{
    animation: starFloat3 6s ease-in-out infinite;
}

@keyframes starFloat3{

0%,100%{
transform:translateY(0);
opacity:.6;
}

50%{
transform:translateY(-20px);
opacity:1;
}

}

.start-icon-box-2{
    animation: starFloat2 7s ease-in-out infinite;
}

@keyframes starFloat2{

0%,100%{
transform:translate(0,0) scale(1);
}

50%{
transform:translate(-12px,-15px) scale(1.15);
}

}

.start-icon-box{
    animation: starFloat1 8s ease-in-out infinite;
}

@keyframes starFloat1{

0%,100%{
transform:translate(0,0) rotate(0deg);
}

25%{
transform:translate(10px,-8px) rotate(15deg);
}

50%{
transform:translate(0,-18px) rotate(30deg);
}

75%{
transform:translate(-10px,-8px) rotate(15deg);
}
}
@media (max-width: 991px) {
.start-icon-box-6,.start-icon-box-5,.start-icon-box-4,.start-icon-box-3,.start-icon-box-2,.start-icon-box, .big-banner-round, .big-banner-round-2, .big-banner-round-3, .big-banner-round-4, .big-banner-round-5{opacity:0.5}
}