@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype'),
        url('../fonts/Outfit-Medium.svg#Outfit-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype'),
        url('../fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.eot');
    src: url('../fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.ttf') format('truetype'),
        url('../fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.eot');
    src: url('../fonts/Outfit-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff'),
        url('../fonts/Outfit-Thin.ttf') format('truetype'),
        url('../fonts/Outfit-Thin.svg#Outfit-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype'),
        url('../fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraLight.eot');
    src: url('../fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff'),
        url('../fonts/Outfit-ExtraLight.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraLight.svg#Outfit-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraBold.eot');
    src: url('../fonts/Outfit-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff'),
        url('../fonts/Outfit-ExtraBold.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraBold.svg#Outfit-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype'),
        url('../fonts/Outfit-Black.svg#Outfit-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.eot');
    src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.ttf') format('truetype'),
        url('../fonts/Outfit-SemiBold.svg#Outfit-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body{
    background-color: #fff;
    color:#3C3C3C;
}
.subscribe-section{
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
#search:hover #menu-search-icon,
#search:focus ~ #menu-search-icon{display: none;}
body:not(.checkout-index-index) header.page-header {
    position: sticky;
    top: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    z-index: 15;
}
@media (min-width: 640px){
    .container,
    .catalog-category-view .columns,
    [class*="customer-account-"] .columns,
    .blog-page .columns {
        max-width: 640px;
    }    
}
@media (min-width: 768px){
    .container,
    .catalog-category-view .columns,
    [class*="customer-account-"] .columns,
    .blog-page .columns {
        max-width: 768px;
    }    
}
.container,
.catalog-category-view .columns,
[class*="customer-account-"] .columns,
.blog-page .columns{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1560px;
    padding-left: 1rem;
    padding-right: 1rem;
}
[class*="customer-account-"] .columns .container{
     padding-left: 0;
    padding-right: 0;
}
.page-main{
    margin-top: 0px;
}
.footer.content{
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity));
    padding-top: 2.25rem;
}
/*.category-banner{
	min-height:385px;
}
@media (max-width: 767.9px){
   .category-banner{
        min-height:200px;
    } 
}*/
.description-row{
    width: 100%;
}
.description-row h1 {
    margin-bottom: 1rem;
    font-size: 3rem;
    font-weight: 700;
}
.description-row h2 {
    margin-bottom: 1rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.description-row h3 {
    margin-bottom: 1rem;
    font-size: 2.0rem;
    font-weight: 700;
}
.description-row h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.description-row p{
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 300;
}
.price-final_price{
    display: flex; 
    flex-wrap: wrap;
    gap: 10px;
}
.price-box .old-price{
    text-decoration: line-through;
}
.cms-index-index .page-main{
    margin-bottom: 0;
}
/*--Swiper Slider --*/
.common-slider-block .swiper-button-prev, .common-slider-block .swiper-button-next{width:48px; height:48px; background:#fff; border-radius:50%; box-shadow:0 0 5px rgba(100, 100, 100, 0.6);}
.common-slider-block .swiper-button-prev:hover, .common-slider-block .swiper-button-next:hover{background:#F25922;}
.common-slider-block .swiper-button-prev:after, .common-slider-block .swiper-button-next:after{font-size:20px; font-weight:600; color:#000;}
.common-slider-block .swiper-button-prev:hover::after, .common-slider-block .swiper-button-next:hover::after{color:#fff;}
.common-slider-block .swiper-pagination-bullet{width:16px; height:8px; background:#fff; margin:0px 8px; border-radius:8px; opacity:1;}
.common-slider-block .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#F25922;}

.checkout-cart-index .price-excluding-tax, 
.checkout-cart-index .price-including-tax{display: initial;}
.checkout-cart-index .price-excluding-tax .price, 
.checkout-cart-index .price-including-tax .price{font-weight: 300;}
.checkout-cart-index .columns{max-width: 1536px;}

.customer-account-login .form-input, 
.customer-account-login .form-textarea, 
.customer-account-login .form-select, 
.customer-account-login .form-multiselect,
.customer-account-forgotpassword .form-input, 
.customer-account-forgotpassword .form-textarea, 
.customer-account-forgotpassword .form-select, 
.customer-account-forgotpassword .form-multiselect,
.customer-account-create .form-input, 
.customer-account-create .form-textarea, 
.customer-account-create .form-select, 
.customer-account-create .form-multiselect,
.customer-account-index .form-input, 
.customer-account-index .form-textarea, 
.customer-account-index .form-select, 
.customer-account-index .form-multiselect,
.account .form-input,
.account .form-email, 
.account .form-select, 
.account .form-multiselect, 
.account .form-textarea{ max-width:400px; border-radius:0; width:100%;}

fieldset .field, 
form .field {margin-top: 0.75rem; margin-bottom: 0.75rem;}
.actions-toolbar{border-top: 0;}
.actions-toolbar .primary button{font-weight: 600; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; border-radius: 0;  background-color: rgba(242,89,34,1);}
.actions-toolbar .primary button:hover{background-color: rgba(217,128,108, 1);}
.page.messages{
	position:initial;
}
.message.info, 
.message.notice{background: rgba(32,29,115,0.1); border-color: rgba(32,29,115,1);}
.customer-account-logoutsuccess h1.text-primaryNew,
.amasty_quote-quote-success h1.text-primaryNew{margin: auto;}
.estimateddeliverydate{ font-size: 16px; margin: 10px; line-height: 1.5; padding: 10px; text-align: center;}
.field.required label:after {content: '*'; margin-left: 0.25rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(220 38 38); }
form .field.field-reserved, fieldset .field.field-reserved{    margin-bottom: 0.75rem;}
#customer-menu + nav .delimiter{display: none;}

.field.choise{position: relative;}
.field.choice .messages{position: absolute;}
form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type{margin-bottom: -0.5rem;}

.blog-post-view .post-bottom{display: none;}
.blog-post-view .post-description h1,
.blog-post-view .post-description h2,
.blog-post-view .post-description h3,
.blog-post-view .post-description h4,
.blog-post-view .post-description h5,
.blog-post-view .post-description h6,
.blog-post-view .post-description p{ font-family:Outfit, Helvetica Neue, Arial, sans-serif; color: #3C3C3C; margin:0 0 15px 0; padding:0 0 0 0; line-height: 1.3; font-weight: 700;}
.blog-post-view .post-description h1{font-size: 35px;}
.blog-post-view .post-description h2{font-size: 30px;}
.blog-post-view .post-description h3{font-size: 28px;}
.blog-post-view .post-description h4{font-size: 25px;}
.blog-post-view .post-description h5{font-size: 22px;}
.blog-post-view .post-description h6{font-size: 18px;}
.blog-post-view .post-description p{font-size: 16px !important; font-weight: 300!important; color: #3c3c3c!important;}
.blog-post-view .post-description blockquote { font-size: 18px; font-weight: 300; background: #fafafa; border-left: 5px solid #8c275f; line-height: 1.4; padding: 20px 30px; margin: 40px 0; color: #8c275f;}
.blog-post-view .post-description ul{margin-left: 20px;}
.blog-post-view .post-description li {position: relative;padding: 0 0 0 15px;}
.blog-post-view .post-description li:before {content: ""; background: #8c275f; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0px; top: 8px; font-size: 16px; font-weight: 300; color: #3c3c3c;}
.blog-post-view .post-data-wrap{font-family:Outfit, Helvetica Neue, Arial, sans-serif !important; color: #3C3C3C; }

.post-featured-image img{ margin: auto auto 50px auto; border: 1px solid #e5e7eb; padding: 10px; vertical-align: top;}
.blog-post-view .post-data-wrap{border-bottom: 1px solid #e5e7eb; border-top: 1px solid #e5e7eb; padding: 10px 0; }
.blog-post-view .post-data-wrap a{text-transform: capitalize;}
.blog-post-view fieldset .field, 
.blog-post-view  form .field{margin: 0}


.post-list-wrapper .post-list{ display: flex; flex-wrap: wrap; gap: 40px;}
.post-list.modern .post-item.post-holder {margin: 0 !important; padding: 0!important; width: calc(50% - 20px) !important; border: 0!important;}
.post-list .post-container{flex-wrap: wrap;}
.post-list .post-info .post-title-wrap h3 a{font-weight: 700 !important;}
.post-list .post-image .image-wrap{padding-bottom: 45% !important;}
.post-list .post-image{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; width: 100% !important;}
.post-list.modern .post-info {padding: 20px !important; flex: 0 0 100%!important; max-width: 90%!important; width: 100%!important; order: 1; box-sizing: border-box; background: #fff; margin: -50px auto 0 auto; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.post-list .post-info .post-data-wrap a{text-transform: capitalize;}
.post-list .post-description {line-height: 1.5!important; font-size: 16px!important; font-weight: 300!important; }
.blog-search .actions .action.search{background: #f25922!important; color:  #fff!important; padding: 0 15px !important;}
.blog-search .actions .action.search:hover{background: #d9806c!important;}
.sidebar .widget.block{clear: both; width: 100%;}
.sidebar .widget.block .post-item-date{font-size: 11px;}
.widget.block-list-posts{margin-bottom: 30px;}
.widget.block-list-posts .block-content{margin-top: 10px;}
.widget.block-list-posts .block-content .item {padding: 0 0 8px 0 !important; border-bottom: 1px solid #d1d5db; margin-bottom: 8px !important; }
.widget.block-archive .archive-item-link{font-weight: 400 !important;}

.dropdown-container {display: grid; gap: 2.5rem; grid-template-columns: minmax(-webkit-max-content, 1fr) auto; grid-template-columns: minmax(max-content, 1fr) auto; }
.dropdown-navigation {width: auto; }
.dropdown-content {width: auto; justify-self: end; }

.cms-page-view .column.main p,
.cms-page-view .column.main h2,
.cms-page-view .column.main h3,
.cms-page-view .column.main h4,
.cms-page-view .column.main h5,
.cms-page-view .column.main h6{ margin-bottom:20px;}
.cms-page-view .column.main table{margin-bottom:25px; width: 100%; border-top: 1px solid #d1d5db; border-left: 1px solid #d1d5db;}
.cms-page-view .column.main table th{text-align: left; background: #d1d5db; vertical-align: top; font-weight: 700; padding: 10px; border-bottom: 1px solid #d1d5db; border-right: 1px solid #d1d5db;}
.cms-page-view .column.main table th:not(:last-child){border-color:#fff;}
.cms-page-view .column.main table td{text-align: left; vertical-align: top; font-weight: 400;  padding: 10px; border-bottom: 1px solid #d1d5db; border-right: 1px solid #d1d5db;}
.cms-page-view .column.main ul{ margin:0 0 20px 30px; padding: 0;}
.cms-page-view .column.main ul li{ list-style: disc; margin-bottom: 15px}
.cms-page-view .column.main ul.noStyle li{ list-style: none;}
.cms-page-view .column.main ul ul{ margin-top:15px; }
.cms-page-view .column.main a{ color:#201d73;}
.cms-page-view .column.main a:hover{ text-decoration: underline;}


.ticker-tape p{text-shadow: 0 0 20px rgba(0,0,0,0.5);}
.wave_pattern{position: relative; overflow: hidden; z-index: 0; background: #8C275F;}
.wave_pattern:before{content: ""; opacity: 0.5; z-index: -1; background: url(../images/wave_pattern.jpg) repeat center center; position: absolute; left: 50%; width: 10000%; height: 10000%; transform: rotate(-45deg) translate(-50%, -50%); top: 50%; transform-origin: 0 0; background-size: 50px;}

.subscribe-section{position: relative; overflow: hidden; z-index: 0; background: #8C275F; text-align: center;  padding-left: 1rem; padding-right: 1rem;}
.subscribe-section:before{content: ""; opacity: 0.5; z-index: -1; background: url(../images/wave_pattern.jpg) repeat center center; position: absolute; left: 50%; width: 10000%; height: 10000%; transform: rotate(-45deg) translate(-50%, -50%); top: 50%; transform-origin: 0 0; background-size: 50px;}

.checkout-cart-index .table-wrapper .cart.item.message{color: rgb(242 89 34 / var(--tw-text-opacity));}
.checkout-cart-index .table-wrapper .canopy-delivery-date{border-width: 2px; border-color: rgb(16 185 129 / 1); background-color: rgb(236 253 245 / 1); margin-top: 0.5rem; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0.25rem; padding: 0.5rem; padding-left: 1.25rem; font-weight: 600; color: rgb(242 89 34 / 1); font-size: 1rem; line-height: 1.5rem;}
.checkout-index-index .estimatedDeliveryDate{ border: 2px solid rgb(16 185 129 / 1); border-radius: 4px;}
.checkout-index-index .estimatedDeliveryDate .text-base{font-size: 16px; font-weight: 600;}
.checkout-cart-index .estimatedDeliveryDate{color: rgb(242 89 34 / var(--tw-text-opacity));}

@media (max-width: 991px){
    .post-list-wrapper .post-list{gap: 20px;}
    .post-list.modern .post-item.post-holder{width: 100% !important;}   
    .checkout-index-index .authentication-wrapper{position: absolute;right: 10px;top: 30px;margin: 0;}
}
@media (min-width: 991px){
    .checkout-index-index .estimatedDeliveryDate{max-width: 80%;}
}

@media (min-width: 760px){
    #layer-product-list .products {
    overflow: hidden;
    }
}

.category-image img{min-height:200px; object-fit:cover;}
.quote-details{overflow:hidden;}

.registration-container .form-create-account .choice .checkbox {
    display: none;
}
.form-shipping-address .address .field .control .select {
    background: white;
}
.form-shipping-address .address .field .control .select option {
    display: none;
}
.form-address-edit .fieldset .country .control .form-select {
    background: white;
}
.form-address-edit .fieldset .country .control .form-select option {
    display: none;
}
.w-full .container .error {
    border-color: rgb(242 89 34);
    background: transparent;
    box-shadow: none;
    color: rgb(242 89 34);
}
.product-info-main .w-full .message {
    box-shadow: none !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: inherit !important;}
.searchScrollBar::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

.searchScrollBar::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.searchScrollBar::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 2px solid #ccc;
}
.catalog-product-view .product-info-main .message.success {
    border-width: 0px !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
    border: 0px solid rgb(243 244 246 / var(--tw-bg-opacity)) !important;
    padding: 10px 20px !important;
    color: rgb(242 89 34 / var(--tw-text-opacity)) !important;
}
.catalog-product-view .product-info-main .estimatedDeliveryDate {
    margin: 0px !important;
}
.catalog-product-view .product-info-main .message {
    --tw-shadow: 0px;
    --tw-shadow-colored: 0px;
}
.filter-options-content a {
    display: flex !important;
}
.normal-price .price-container .price-excluding-tax-custom {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    margin-left: 5px;
}
.price-wrapper .price-excluding-tax-custom {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    margin-left: 5px;
}
.normal-price .price-excluding-tax::after {
      display: inline-block;
      color: #002649;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 22px;
      margin-left: 5px;
      content: 'Exc. VAT';
}
#shopping-cart-table .cart .price-excluding-tax-custom {
    font-size: 12px;
    display: block;
}
.swissup-ajaxsearch-loading .container #search-content .minisearch .flex-wrap .text-orangeNew {
    width: 50%;
}
.swissup-ajaxsearch-loading .container #search-content .minisearch .flex-wrap .auto-search-result-vat {
    display: inline;
    margin-left: 20px;
}
.swissup-ajaxsearch-loading .container #search-content .minisearch .flex-wrap .serach-result-price {
    display: block;
    width: 100%;
}

.catalog-product-view .product-info .view-more {
    background: #8C275F;
}

/* klevu search suggestion */

.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
  
    color: rgb(242 89 34 / var(--tw-text-opacity)) !important;
}
.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
    font-weight: normal  !important;
    color: rgb(140 39 95 / var(--tw-text-opacity))  !important;
  
}
div#search-content {
    position: relative;
}
div#klevuSearchResults_wrapper {
    position: absolute;
    background: #fff;
    left: 17px;
    right: 17px;
}
.klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {

    color: rgb(55 65 81 / var(--tw-text-opacity))  !important;
}
.kuSearchResultsPageContainer .kuResults ul li:hover .kuProdAdditional {
  
    display: none;
}
.kuProdBottom .kuPrice, .kuSalePrice.kuStartPrice.kuClippedOne {
  
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}
.catalog-product-view .product-info .view-more {
    background: #8C275F;
}
.kuResultWrap .klevuNoResultsRecs-itemPrice .kuSalePrice, .kuResultWrap .productQuick-Price .kuSalePrice, .kuResultWrap .kuPrice .kuSalePrice{
    font-weight: 500;
    color: rgb(0 0 0 / var(--tw-text-opacity));

}

.klevuLanding.kuSearchResultsPageContainer .kuResults ul li .kuName a {
    font-size: 16px;
    color: rgb(51 51 51 / var(--tw-text-opacity));
    font-weight: 600;
}

.kuResultWrap .kuName.kuClippedOne {
    -webkit-line-clamp: 2;
    min-height: 39px;
    text-align: center;
}

.kuResultWrap .kuProdBottom .kuPrice {
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kuSalePrice:after {
    content: "Exc. VAT";
    font-size: 13px;
}
.description-row{
	font-size:16px;
}
.description-row strong{
	font-weight:bold;
}
.description-row ul{
	list-style:disc;
	padding-left:20px;
}
.description-row p{
	font-size:16px;
}

#product_addtocart_form div + .custom-image-dropdown-container {
	 margin-top: -15px;
}
.custom-image-dropdown-container label {
	 margin-bottom: 5px;
	 display: block;
}
.custom-image-dropdown-container  label strong {
	 font-weight: normal !important;
}
.custom-image-dropdown-wrapper {
	 position: relative;
}
.custom-image-dropdown-wrapper .custom-image-dropdown-trigger {
	 max-width:240px;
	 width: 100%;
	 height: 44px;
	 border:1px solid rgb(209 213 219/var(--tw-border-opacity));
	 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	 font-size: 1rem;
	 color:#111827;
	 background: #fff;
     background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	 background-position: right .5rem center;
     background-repeat: no-repeat;
     background-size: 1.5em 1.5em;
	 padding: 5px 15px;
	 line-height: 32px;
     border-radius: .375rem;
	 cursor: pointer;
	 display:flex;
	 align-items:center;
	 gap:10px;
	 position:relative;
	 z-index:2;
}
.custom-image-dropdown-wrapper .custom-image-dropdown-trigger img{
	width:20px;
	height:20px;
	object-fit:cover;
}
.custom-image-dropdown-wrapper .custom-image-dropdown-list {
    overflow: hidden;
    border:1px solid rgb(209 213 219/var(--tw-border-opacity));
    background: #fff;
    max-width: 240px;
    position: absolute;
	z-index:1;
    width: 100%;
}

 .custom-image-dropdown-wrapper .custom-image-dropdown-list .custom-image-dropdown-item {
	 cursor: pointer;
}

 .custom-image-dropdown-wrapper .custom-image-dropdown-content {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 color: rgb(55 65 81/var(--tw-text-opacity));
	 line-height: 1;
	 height: 100%;
 	 padding:5px 15px;
}
 .custom-image-dropdown-wrapper .custom-image-dropdown-content:hover{
	 background:#2277f6;
	 color:#fff;
 }
 .custom-image-dropdown-wrapper .custom-image-dropdown-content .custom-image-dropdown-image {
	 width: 20px;
	 height: 20px;
	 object-fit: cover;
	 border: 1px solid #F1F1F1;
}
 .form-select.super-attribute-select{
	 width:100%;
	 max-width:240px;
 }