body{background: #fff;overflow: auto !important;padding-right: 0 !important;}

.main-section{padding: 4rem 0;position: relative;}
.main-section p{line-height: 1.6;margin-bottom: 1.5rem;}

.main-heading{margin-bottom: 1.75rem;position: relative;}
.main-heading h2{margin: 0;font-size: 1.625rem;position: relative;padding-bottom: 0.875rem;display: inline-block;}
.main-heading h2::before{content:'';margin: 0;position:absolute;inset:auto 0 0;height:1px;width: 50%;background: #d3d3d3;}
.main-heading.text-center h2::before{margin: 0 auto;}
.main-heading span{font-weight: 500;color: var(--primary-color);display: inline-block;margin-bottom: 1rem;border: 1px solid var(--primary-color);border-radius: 100px;padding: 0.6rem 1.5rem;}

.animateme{-webkit-transition:all 500ms linear !important; -moz-transition:all 500ms linear !important; -ms-transition:all 500ms linear !important; -o-transition:all 500ms linear !important; transition:all 500ms linear !important;transform-style: preserve-3d;transition-delay: 0s !important;}

.btn {line-height: 1;position: relative;padding: 0.875rem 1.55rem;border-radius: 0;overflow: hidden;color: #fff;background: var(--primary-color);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;z-index:1;border: 0;border-radius: 8px;text-transform: uppercase;font-size: 0.813rem;}
.btn:before{position: absolute;content: "";width: 0;height: 100%;top: 0;right: 0;bottom: 0;z-index: -1;background: #233b47;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;} 
.btn:hover, .btn:focus {color: #fff !important;outline: none;box-shadow: none;background: var(--primary-color);}
.btn:hover:before{width: 100%;left: 0;}
.btn2{border:1px solid var(--primary-color);color: var(--primary-color);background:transparent !important}
.btn2:hover {border-color:#282828;}
.btn2 svg path{transition: 0.75s;}
.btn2:hover svg path{stroke: #fff;}
.btn2:focus{color: var(--primary-color) !important;}
.btn2:hover:focus{color: #fff !important;}

.btn-close{top: 20px;right: 20px;box-shadow: none !important;}
span.discount {background: #f05a28;color: #fff;padding: 0.1rem 0.5rem;}
.logo{display: inline-block;}

.socialIcons{display: flex;align-items: center;flex-direction: row;gap: 1rem;justify-content: flex-start;}
.socialIcons li{}
.socialIcons li a{background: var(--primary-color);border-radius: 50%;width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;transition: 0.75s;}
.socialIcons li a:hover{background: #233b47;}

.slick-arrow{font-size: 0;transform: none;position: absolute;left: 0;right: 0;top: auto;bottom: 50%;z-index: 2;transition:0.75s;padding: 0;width: 50px;height: 50px;border: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #fff;box-shadow: 0 1px 1px #00000014, 0 1px 5px #0000000f;opacity:0;transition:0.5s}
.slick-slider:hover .slick-arrow{opacity:1}
.slick-arrow:hover{background:#fff;}
.slick-arrow:before{display: none;}
.slick-arrow:focus{background: #fff;}
.slick-next{left: auto;right: 280px;}
.sec3Slider .slick-next{left: auto;right: 16.7%;}
.slick-arrow svg{width:14px;height:auto}
.slick-arrow svg, .slick-arrow svg *{transition: .5s;}
.slick-arrow:hover{transform:scale(1.1)}
/* .slick-arrow:hover svg path{stroke:#fff} */
.slick-slider div {transition: none;}

.slick-dotted.slick-slider {margin: 0;padding-bottom: 2rem;}
body .slick-dots{bottom: 0;z-index: 2;line-height: 0;text-align: center;display: flex;width: 100%;margin: auto;justify-content: center;align-items: center;}
body .slick-dots li{width: auto;height: auto;margin: 0 0.2rem;border:1px solid transparent;border-radius:50%;padding: 0;transition: 0.75s;display: inline-flex;align-items: center;justify-content: center;text-align: center;}
body .slick-dots button{width: 30px;height: 6px;border-radius: 30px;background: transparent;transition: 0.75s;padding: 0;border:1px solid #233b47}
/*body .slick-dots .slick-active{border-color:var(--primary-color)}*/
body .slick-dots .slick-active button{background: #233b47;width: 70px;}
body .slick-dots button::before{display: none}

.circle-hover {position: relative;overflow: hidden;z-index: 1;width: 3.25rem;height: 3.25rem;background: var(--primary-color);display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 20%)}
.circle-hover::before {content: '';position: absolute;inset: 0;border-radius: 50%;background: #233b47;transition: 0.75s;transform: translateX(-100%);opacity: 0;z-index: -1}
.circle-hover:hover::before {transform: none;opacity: 1}

.topLabel {display: block;color: var(--primary-color)}

#cart-notification,#wishlist-notification {display: none;position: fixed;inset: 0;z-index: 9999;border: solid 2px var(--primary-color);padding: 3rem;border-radius: 15px;background: #fff;width: 35rem;min-height:10vh;max-height: 60vh;text-align: center;margin: auto;box-shadow: 0 0 4px 0 var(--primary-color);justify-content: center;align-items: center;}
#cart-notification{padding: 4rem 1.5rem;}
#cart-notification .btn{min-width: auto}
#cart-notification.active,#wishlist-notification.active {display: flex;}
#wishlist-notification.small {inset: 80% 0 7% auto;width: 25rem;padding: 2rem;}
.notification figure {width: 100px}
.pop-response {width: 300px;position: fixed;top: 50%;right: -300px;transition: ease 1s;z-index: 9999;border-radius: 4rem 0 0 4rem;}
.pop-response.active {right: 0;color: #fff}
.iti{width: 100%}

.form-control{position: relative;color: #0c0c0f;background: #fff;padding: 1rem;transition: 0.5s;border: 1px solid #233b47;border-radius: 8px;font-size:0.813rem;}
.form-control::placeholder{color:#0c0c0f}
.form-control:focus{box-shadow: none;border-color:var(--primary-color);outline: none;color: var(--primary-color);}

body .space{padding-left: 4.392386530014641vw;padding-right: 4.392386530014641vw;}
body .left-space{padding-left: 4.392386530014641vw;}

.header{position: fixed;inset: 0 0 auto;z-index: 999;background: #fff;transition: 0.5s;}
.header.scrll{transform: translateY(-3vw);box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);}
.topHeader{background: #233b47;}
.header .logo{width: 8rem;}
.header .search-icon, .header .search-close{top: 50%;left: 15px;transform: translateY(-55%);z-index: 9;}
.header .search-close{left: auto;right: 15px;}
.header .form-control{padding: 0.75rem 1.5rem 0.75rem 2.75rem;}
.header nav ul{gap: 1.65rem;}
.header nav ul a{font-size: 0.813rem;text-transform: uppercase;padding-bottom: 3rem;margin-top: 3rem;display: inline-block;transition: 0.75s;}
.header nav ul a:hover{color: var(--primary-color);}
.header .count{background: var(--primary-color);color: #fff;border-radius: 50%;font-size: 0.75rem;width: 1rem;height: 1rem;display: flex;align-items: center;justify-content: center;top: -8px;right: -5px;}
.header-dropdown{position: absolute;top: 100%;left: -18.5vw;visibility: hidden;opacity: 0;transform: scaleY(0);background: #fff;width: 100vw;transform-origin: top;z-index: 9999;transition: 0.5s;}
.header nav li:hover .header-dropdown{opacity: 1;visibility: visible;transform: scaleY(1);pointer-events: all;} 
.header-dropdown .wrapper{padding: 50px 0 20px;}
.header-dropdown .inner{display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;overflow: auto;height: 33vw;}
.header-dropdown .inner a{flex: 0 0 16%;display: block;padding: 0;margin: 0;}
.header-dropdown .inner a figure{border-radius: 8px;}
.header-dropdown .inner a img{transform: scale(1.06);transition: 0.75s;border-radius: 8px;}
.header nav li.is-visible .header-dropdown .inner a img{transform: scale(1);}

.banner{}
.banner .slick-arrow{top: 50%;left: 2%;transform: translateY(-50%);}
.banner .slick-next{left: auto;right: 2%;}

.home-section-one{}
.home-section-one a{display: flex;align-items: center;justify-content: space-between;background: #f4ebfe;border-radius: 8px;padding: 0 1rem;height: 100%;}
.home-section-one h4{color:#a069ff}
.home-section-one .col-md-4:nth-child(2) a{background: #fae7e7;}
.home-section-one .col-md-4:nth-child(2) h4{color: #f94646;}
.home-section-one .col-md-4:nth-child(3) a{background: #e6edfa;}
.home-section-one .col-md-4:nth-child(3) h4{color: #004ac7;}
.home-section-one .col-md-4:nth-child(4) a{background: #fdefef;}
.home-section-one .col-md-4:nth-child(4) h4{color: ##d47300;}
.home-section-one .col-md-4:nth-child(5) a{background: #ececed;}
.home-section-one .col-md-4:nth-child(5) h4{color: #161618;}
.home-section-one .col-md-4:nth-child(6) a{background: #f7edda;}
.home-section-one .col-md-4:nth-child(6) h4{color: #8b6e10;}
.home-section-one figure{margin:-0.75rem 0;transition:0.5s}
.home-section-one a:hover figure{transform:translateX(-15px)}
.home-section-one span{color:#727272}

.home-section-two .first-slide img{min-height: 466.33px;}
.home-section-four, .home-section-eleven{background: linear-gradient(89deg,#5647871a -4.47%,#bf9f650a 121.09%);}
.home-section-two .sec2Wrap{margin-right: -35vw;}
.home-section-three .sec3Wrap, .home-section-four .sec4Wrap{margin-right: -20vw;}
.home-section-two .nav-pills::before{content: '';position: absolute;background: #0c0c0f0d;inset: auto 0 0;width: 100%;height: 5px;border-radius: 3px;}
.home-section-two ul li button{position: relative;}
.home-section-two ul li button::before{content: '';position: absolute;inset: auto 0 0;width: 0;height: 5px;background: var(--primary-color);transition: 0.5s;}
.home-section-two ul li:first-child button::before{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.home-section-two ul li:last-child button::before{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.home-section-two ul li button.active::before{width: 100%;}
.nav-pills .nav-link{background: transparent !important;padding: 0 0 1rem;color: var(--base-color) !important;}
.home-section-two figure, .home-section-two img{border-radius: 8px;}
.home-section-two figure{background: #fff;}
.home-section-two figure img{transition: 0.75s;backdrop-filter: blur(1px);filter: contrast(.9);max-height: 439px;}
.list .gallery figure img { max-width: 300px !important; }
.home-section-two figure:hover > a{opacity: 0;}
.home-section-two figure > a + a{position: absolute;inset: 0;opacity: 0;}
.home-section-two figure:hover > a + a{opacity: 1;}
.home-section-two .first-slide:hover > a{opacity: 1 !important;}
.total-pro{font-weight: 600;font-size: 0.875rem;}
.home-section-two .gallery, .home-section-three .sec3Wrap .slick-slide a, .home-section-four .sec4Wrap .slick-slide a{margin-right: 1.5rem;}
.home-section-two .gallery{padding-left: 0.875rem;margin-right: 0.75rem;}
.home-section-two .gallery figcaption .btn{width: 50%;;padding: 0.875rem 1.25rem;}
.home-section-two .gallery .wishlist-cart a, .home-section-five figcaption a{transform: translateY(100%);opacity: 0;visibility: hidden;}
.home-section-two .gallery.simple .wishlist-cart a, .home-section-five .simple figcaption a{transform: translateY(0);opacity: 1;visibility: visible;}
.home-section-two .gallery.simple figcaption, .home-section-five .gallery.simple figcaption {position: relative !important; margin: 0!important}
.home-section-two .gallery:hover .wishlist-cart a, .home-section-five figure:hover figcaption a{transform: none;opacity: 1;visibility: visible;}
.home-section-two .tab-pane{display: block !important;height: 0}
.home-section-two .tab-pane.active {height: auto}
.home-section-two .slick-next{right: 29%;}
.home-section-four.home-section-two .slick-next{right: 0%;}
.color-selction li a{width: 19px;height: 19px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: relative;}
.color-selction li a:before{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;height: 14px;width: 14px;border-radius: 50%;border: 1px solid #fff;opacity: 0;visibility: hidden;transition:0.5s}
.color-selction li a svg{width: 8px;position:absolute;inset:0;display:flex;align-items: center;justify-content: center;margin: auto;opacity: 0;visibility: hidden;transition:0.5s}
.color-selction li.active a:before, .color-selction li.active a svg{visibility:visible;opacity:1}
.color-selction li a svg path{fill:#fff}
.tooltiptext {visibility: hidden;width: min-content;background-color: #fff;color: #000;text-align: center;border: 1px solid grey;padding: 2px 10px;position: absolute;z-index: 999;text-transform: capitalize;left: 50%;transform: translate(-50%);bottom: 110%;opacity: 0;transition: opacity .3s;white-space: nowrap;font-size: 10px;text-transform: capitalize;}
.tooltiptext:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: grey transparent transparent transparent;z-index: 999;}
.color-selction li a:hover .tooltiptext{visibility: visible;opacity: 1;z-index: 20;}
.rating__star .icon-star {stroke: #f05a28;stroke-width: 1px;fill: #f05a28;width: 0.75rem;height: 0.75rem;}
.pro-rating-value{font-size: 0.75rem;}
.quality li{font-size: 0.75rem;font-weight: 700;border-right: 1px solid #0c0c0f;padding-right: 0.5rem;}
.quality li:last-child{border: 0;padding: 0;}
.home-section-two .price span{font-size:0.875rem;font-weight:700;line-height: 1;}
.home-section-two .price del{font-size:0.875rem;line-height: 1;}
.home-section-two i.discount{font-size: 0.7rem;font-style:normal;text-transform: uppercase;background: var(--primary-color);color: #fff;display: inline-block;padding: 0.24rem 0.75rem 0.15rem;border-radius: 3px;}
.sizes a{border: 1px solid #d3d3d3;background:#fff;font-size:0.75rem;padding: 6px 10px;border-radius: 4px;transition: 0.5s;display: block;text-align: center;position: relative;display: flex;flex-direction: column;/* align-content: center; */align-items: center;}
.sizes a span {position: absolute;width: auto;top: -10px;font-size: 12px;background: #f05a28;z-index: 1;color: #fff;font-weight: 700;padding: 0.1rem 0.3rem;border-radius: 5px;}

.sizes li.active a{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.category-section .circle-hover {position: relative;overflow: hidden;z-index: 1;width: 3.25rem;height: 3.25rem;background: #f05a28;display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 20%)}
.category-section .circle-hover::before {content: '';position: absolute;inset: 0;border-radius: 50%;background: #fff;transition: 0.75s;transform: translateX(-100%);opacity: 0;z-index: -1}
.circle-hover:hover::before {transform: none;opacity: 1}
.category-section .circle-hover path{transition: 0.75s;}
.category-section .circle-hover:hover path{stroke: var(--primary-color);}
.category-section .topLabel {display: block;color: #f05a28;font-size: 1.3rem;font-weight: 700;font-family: var(--primary-font-family);}
.category-section img {border-radius: 8px}
.category-section figcaption{background: rgb(0 0 0 / 40%);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.category-section span{color: var(--primary-color);}

.home-section-three{}
.home-section-three .sec3Wrap a:hover img, .home-section-four .sec4Wrap a:hover img, .home-section-five figure:hover video{transform: scale(1.05);}
.home-section-four .sec4Wrap figure, .home-section-four .sec4Wrap img, .home-section-ten figure, .home-section-ten img, .home-section-eleven figure, .home-section-eleven img, .home-section-five video, .home-section-eight figure, .home-section-eight figure img{border-radius: 8px;}

.home-section-four{}

.home-section-five{}
.home-section-five figure.bg-transparent{line-height: 0;}
.home-section-five figure video{transition: 1s;}
.home-section-five article figure{border: 1px solid #808080;width: 82px;height: 69px;display: flex;align-items: center;justify-content: center;}
.home-section-five .sizes{font-size: 0.665rem;}
.home-section-five .price span, .home-section-five .price del{font-size: 0.75rem;}
.home-section-five .gallery{padding-left: 0;margin: 0 0.75rem;}
.home-section-five .slick-arrow{top: 30%;bottom: auto;right: auto;}
.home-section-five .slick-next, .home-section-nine .slick-next, .home-section-eight .slick-next{right: 0;}


.home-section-five, .home-section-six{background: transparent;}

.home-section-seven{}

.home-section-eight{}
/*.home-section-eight figure{width: 70px;margin: auto;cursor: pointer;padding-bottom: 1rem;}*/
/*.home-section-eight figure::before{content: '';position: absolute;inset: auto 0 0;height: 2px;width: 50%;transition: 0.5s;background: #0c0c0f;opacity: 0;margin: auto;}
.home-section-eight .slick-current figure::before{opacity: 1;}*/
.home-section-eight h5{margin: 1rem 0 0;}
.home-section-eight .blogs{margin: 0 0.5rem;}
.home-section-eight .sec8Slider{margin: 0 -0.5rem;}

.testimonials-usp__text {width: max-content;font-size: 0.875rem;position: absolute;text-align: center;bottom: 120%;left: 50%;transform: translate(-50%);padding: 5px 10px;max-width: 140px;z-index: 10;opacity: 0;border-radius: 5px;transition: all .5s;-webkit-transition: all .5s;color: #fff;background: var(--primary-color);}
.testimonials-usp__text::after {content: "";position: absolute;top: 100%;left: 50%;margin-top: -1px;transform: translate(-50%, 0);border-width: 11px;border-style: solid;border-color: var(--primary-color) transparent transparent transparent;}
.testimonials-usp__item:hover .testimonials-usp__text {opacity: 1;}
.testimonials-usp__item img{width: 3rem;height: 3rem;}

.testimonial__item__inner {margin: 1rem;text-align: center;border-radius: 8px;display: inline-flex;flex-direction: column;box-shadow: 0px 0px 5px grey;padding: 2.5rem;transition: 1s !important;}
.testimonial__item__inner:hover {transform: scale(1.04);}
.testimonial__item__inner .rating__star .icon-star{width: 25px;height: 25px;}
.testimonial__item__inner figure img {width: 110px;height: 110px;margin: auto;}
.testimonial__item__inner .quote{left: 20px;top: 20px;}
.testimonial__item__inner .quote svg{width: 35px;height: auto;}
.testimonial__item__inner .quote svg path{fill: #80808080;}

.home-section-ten h2:before{margin: 0;}

.home-section-tweleve{background: #f4f4f4;}
.home-section-tweleve img{width: 40px;}
.home-section-tweleve span{color: #666;font-size: 0.938rem;}

.home-section-thirteen{background: #233b47;padding-bottom: 8rem;}
.home-section-thirteen button{inset: 0 20px 0 auto;margin: auto 0;height: 100%;}
.home-section-thirteen button svg{width:10px;height: auto;transition: 0.75s;}
.home-section-thirteen button:hover svg{transform: translateX(5px);}
.footer{background:#000;position: relative;padding-top: 4rem;}
.footer *{color: #fff;}
.footer li{margin-bottom: 0.75rem;}
.footer h6{text-transform: uppercase;}
.footer .logo {width: 9rem; margin-bottom: 1rem}
.footer .logo img{filter: invert(1);}
.footer__svg {position: absolute;width: 100%;top: -70px;}
.payment-methods{border-bottom: 1px solid #ccc;padding-bottom: 1rem;margin-bottom: 1rem;}
.payment-methods li{margin: 0;}
.rte p{margin-bottom: 1rem;}
.link{position: relative;padding-bottom: 1px;display:inline-block}
.link::before{content: '';position: absolute;bottom: 0;left: auto;right: 0;to;height: 1px;width: 0;background: #f05a28;transition: 0.75s;}
.link:hover::before{width: 100%;right: auto;left: 0;}
.link:hover, .link.active{color: #f05a28}


.rating-box {display: inline-block;}
.rating-box .rating-container {direction: rtl !important;}
.rating-box .rating-container label {display: inline-block;margin: 5px 0px;color: rgb(212, 212, 212);cursor: pointer;font-size: 1.25rem;transition: color 0.2s ease 0s;}
.rating-box .rating-container input {display: none;}
.rating-box .rating-container label:hover, .rating-box .rating-container label:hover ~ label, .rating-box .rating-container input:checked ~ label {color: rgb(255, 173, 51);}

.productdetail-section-one .img-btn > input{display:none}
.productdetail-section-one .img-btn > img{cursor:pointer;border: 1px solid rgb(51 51 51 / 20%);padding: 4px 8px;border-radius: 6px;}
.productdetail-section-one  .img-btn > input:checked + img{border-color: #f05a28;border-width: 2px;box-shadow: 0px 3px 6px 0px #00000033;}
.productdetail-section-one .size p{margin: 0;border: 1px solid #E4E4E4;border-radius: 50px;width: 3.75rem;height: 3.75rem;display: flex;align-items: center;justify-content: center;}
.productdetail-section-one .size .img-btn > input:checked + P{border-color: #f05a28;box-shadow: 0px 3px 6px 0px #00000033;}
.productdetail-section-one del, .productdetail-section-one del span{opacity: .5;}
.productdetail-section-one .accordion-item{background: linear-gradient(89deg,#5647871a -4.47%,#bf9f650a 121.09%),#fff;border: 0;margin-bottom: 1rem;border-radius: 0;}
.productdetail-section-one .accordion-button{background: transparent;text-transform: uppercase;line-height: 1;}
.productdetail-section-one .accordion-button:focus{box-shadow: none !important;outline: !important;}
.productdetail-section-one .accordion-button:not(.collapsed){color: var(--base-color);box-shadow: none;}
.accordion-button::after{filter: brightness(0) saturate(100%) invert(0%) sepia(16%) saturate(951%) hue-rotate(267deg) brightness(95%) contrast(91%) !important;}
.productdetail-section-one .accordion-body{padding-top: 0;}
.productdetail-section-one .accordion-body ul li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--base-color);padding-bottom: 0.75rem;margin-bottom: 0.75rem;}
.productdetail-section-one .accordion-body ul li:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.productdetail-section-one .color-selction li a{width: 32px;height: 32px;}
.productdetail-section-one .color-selction li a::before{width: 27px;height: 27px;}
.productdetail-section-one .color-selction li a svg{width: 12px;}
.productdetail-section-one .sizes li.active a{background: transparent;color: var(--base-color);box-shadow: inset 0px -6px 0px 0 var(--primary-color);}
.productdetail-section-two h2::before{margin: 0;}
.productdetail-section-two .reviewsSlider{margin: 0 -0.5rem;}
.productdetail-section-two .reviewsWrap{border: 1px solid #76757524;background: #F3F3F3;border-radius: 12px;padding: 1rem;margin: 0 0.5rem;}
.productdetail-section-two .reviewsWrap figure, .productdetail-section-two .reviewsWrap figure img{width: 64px;height: 64px;border-radius: 6px;}
.productdetail-section-two .rating__star .icon-star{width: 15px;height: 15px;}
.productdetail-section-two .var-cus small{color: #AEAEAE;}
.productdetail-section-two .slick-arrow{left: -25px;}
.productdetail-section-two .slick-next{left: auto;right: -25px;}

.pb-10{padding-bottom: 10rem;}

.shop-section .shop-top{z-index:9;top: 10%;}
.shop-section .shop-top .btn{text-transform: capitalize;color: #0c0c0f;}
.shop-section .shop-top .btn.active{background: var(--primary-color) !important;color: #fff;}
.listGridView a{border-bottom: 1px solid transparent;padding-bottom: 0.5rem;display: inline-block;}
.listGridView a.active{border-color: #000}
.listGridView a.active svg rect{fill: #000;}
.shop-sidebar{top: 10%}
.shop-sidebar .accordion-item{background: transparent;border: 0;border-radius: 0;margin-bottom: 1.25rem;}
.shop-sidebar .accordion-button{background: transparent;box-shadow: none;padding: 0;color: #0c0c0f;font-family: var(--base-font-family);justify-content: space-between;}
.shop-sidebar .accordion-button::after{display: none;}
.shop-sidebar .accordion-button svg{width: 12px;height: auto;transition: 0.75s;}
.shop-sidebar .accordion-button svg path{opacity: 0.75;}
.shop-sidebar .accordion-button svg + svg{position: absolute;inset: 0;opacity: 0;margin: auto 0 auto auto;}
.shop-sidebar .accordion-button .plus{opacity: 0;transform: rotate(45deg);}
.shop-sidebar .accordion-button .minus{opacity: 1;}
.shop-sidebar .accordion-button.collapsed .plus{opacity: 1;transform:none}
.shop-sidebar .accordion-button.collapsed svg + svg{opacity: 0;transform: rotate(45deg);}
.shop-sidebar .accordion-body{padding: 1rem 0 0;}
.shop-sidebar .accordion-body .form-check{display: flex;align-items: center;gap: 0.5rem}
.shop-sidebar .accordion-body .form-check label{font-size: 0.813rem;line-height: 1;display: flex;align-items: flex-end;}
.shop-sidebar .accordion-body .form-check input{width: 14px;height: 14px;margin: 0;border-color: #0c0c0f !important;}
.form-check-input:checked {background-color: #0c0c0f;border-color: #0c0c0f;}
.form-check-input:focus{box-shadow: none;}
.shop-sidebar .colors span{border-radius: .25em;margin-right: 0.2rem;border: 1px solid grey;width: 14px;height: 14px;display: inline-block;}
.shop-bottom{background: transparent;}
.shop-bottom .gallery{padding: 0;margin: 1.5rem 0 0;}
.shop-bottom .col-lg-12 figcaption .btn{display: none;}
.shop-bottom .col-lg-12 .gallery{display: flex;justify-content: space-between;}
.shop-bottom .col-lg-12 .pro-left{display: flex;gap: 3rem}
.shop-bottom .col-lg-12 .price{justify-content: end;margin: 0 !important;}
.shop-bottom .col-lg-12 .sizes{flex-wrap: wrap;margin: 1rem 0;}
.shop-bottom .col-lg-12 .sizes li{width: 48%;}
.shop-bottom .col-lg-12 .sizes + .btn{display: block !important;}
.shop-bottom .col-lg-12 .color-selction{margin-top: 0 !important;}
.shop-bottom .col-lg-12 .color-selction + div{flex-direction: column;}
.shop-bottom .col-lg-12 .color-selction + div h6, .shop-bottom .col-lg-12 .price span{font-size: 1.5rem;}
.price-input .field {display: flex;width: 100%;height: 40px;align-items: center;border: 1px solid #d3d3d3;border-radius: 8px;padding: 5px;}
.field input {width: 100%;height: 100%;outline: none;text-align: right;-moz-appearance: textfield;padding: 0;font-size: 13px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.price-input .separator {width: 130px;display: flex;font-size: 19px;align-items: center;justify-content: center;}
.slider {height: 5px;position: relative;background: #ddd;border-radius: 5px;}
.slider .progress {height: 100%;left: 0;right: 0;position: absolute;border-radius: 5px;background: var(--primary-color) !important;}
.range-input {position: relative;}
.range-input input {position: absolute;width: 100%;height: 5px;top: -5px;background: none;pointer-events: none;-webkit-appearance: none;-moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {height: 17px;width: 17px;border:1px solid #0c0c0f;border-radius: 50%;background: #fff;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
input[type="range"]::-moz-range-thumb {height: 17px;width: 17px;border:1px solid #0c0c0f;border-radius: 50%;background: #fff;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.price-wrap small{font-size: 0.75rem;}

.thankyou-section-one article {background: #f6f6f6;border-radius: 20px;position: relative;overflow: hidden;padding: 0 1.875rem;z-index: 1}
.thankyou-section-one article::before {content: '';position: absolute;left: -80px;top: -20px;bottom: 0;height: 337px;width: 337px;background: #f05a28;border-radius: 50%;z-index: -1}
.thankyou-section-one article figcaption a {min-width: 14.563rem;}

.cart-section .free-shipping{gap: 2.5rem;padding: 0.54rem 0;border-radius: 8px;background: var(--primary-color);}
.cart-section .cart-item, .review-section .wrap{border: 1px solid #E4E4E4;border-radius: 8px;margin: 1.25rem 0;padding: 1.875rem 1.75rem;} 
.cart-section .cart-item-thumb{width: 59%;}
.cart-item-thumb h5{line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.cart-item figure{overflow: hidden;background: #fff;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 15%);border-radius: 8px;width: 6.25rem;height: 6.25rem;min-width: 6.25rem;padding: 0.25rem;display: flex;align-items: center;justify-content: center}
.cart-item-actions a.delete:hover svg path, .qty-wrap button:hover svg rect{stroke: transparent;fill: #fff;}
.cart-item-totals b{color: rgb(51 51 51 / 60%);}
.cart-item-totals strong, .cart-summary-total strong, .cart-totals strong, .cart-total strong{color: var(--primary-color);font-size: 1.125rem;font-family: 'avenir-medium',sans-serif;font-weight: normal;}
.cart-item-qty{width: 16%;display: flex;flex-direction: column;justify-content: space-between;}
.qty-wrap input{padding: 0;text-align: center;border: 0;color: #333;}
.qty-wrap input::placeholder{color:#333}
.cart-summary{background: #F6F6F6;padding: 1.8rem;border-radius: 8px;}
.cart-summary h4{font-family: 'avenir-roman',sans-serif;}
.cart-summary .form-control{background: #fff;border-radius: 8px;border: 1px solid rgb(51 51 51 / 20%);padding:0.72rem 3rem 0.64rem 1rem;color: rgb(51 51 51 / 60%);}
.cart-summary .form-control::placeholder, .checkout-section .cart-item p, .checkout-section .payment-methods .form-check *{color: rgb(51 51 51 / 60%);transition: 0.75s;}
.cart-summary .form-group button{top: 4px;right: 6px;}
.cart-summary-total span{font-size: 1.25rem;font-family: 'avenir-medium',sans-serif;}
.cart-summary-total strong, .cart-totals strong, .cart-total strong{font-size: 1.25rem;}
.summary-items li{padding-bottom: 0.625rem;border-bottom: 1px solid rgb(51 51 51 / 10%);margin-bottom: 0.625rem;}
.summary-items li strong{color: var(--primary-color);font-family: 'avenir-medium',sans-serif;font-weight: normal;}
.iti__selected-flag{border-radius: 8px;}

.checkout-section .form-group .form-control{padding: 0.75rem 1rem;}
.checkout-section .form-group textarea.form-control{border-radius: 8px;min-height: 8.75rem;}
.checkout-section h4{font-family: var(--base-font-family);}
.checkout-section .cart-item{border-top: 1px solid rgb(51 51 51 / 10%);padding: 1rem 0;}
.checkout-section .cart-item-totals{min-width: 24%;text-align: end;}
.checkout-section .cart-totals{border-top: 1px solid rgb(51 51 51 / 10%);border-bottom: 1px solid rgb(51 51 51 / 10%);padding: 1rem 0;}
.checkout-section .cart-total{border-bottom: 1px solid rgb(51 51 51 / 10%);padding: 1rem 0;}
.checkout-section .payment-methods .form-check{background: #fff;border: 1px solid #E4E4E4;border-radius: 8px;padding: 0.75rem 1.5rem;transition: 0.75s;cursor: pointer;}
.checkout-section .payment-methods .form-check:hover, .checkout-section .form-check.active{border-color: var(--primary-color);}
.checkout-section .payment-methods .form-check:hover *, .checkout-section .payment-methods .form-check.active *{color: var(--base-color);}
.checkout-section .agree p{font-size: 0.9rem;}
.checkout-section i {font-style: normal;}

.cart-item-actions a, .qty-wrap button, .product-content .icons li a {transition: 0.75s;border: 0.5px solid var(--primary-color);background: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;min-width: 2.5rem;}
.cart-item-actions a:hover, .qty-wrap button:hover, .product-content .icons li a:hover {background: var(--primary-color);}
.cart-item-actions a svg *, .qty-wrap button svg *, .product-content .icons li a svg * {transition: 0.75s}
.cart-item-actions a:hover svg path, .qty-wrap button:hover svg path, .product-content .icons li a:hover svg path {stroke: #fff;}
.cart-item-actions a:last-child:hover svg path{fill: #fff;stroke: initial;}
.product-content{top: 15%;}

.account-section .acc-sidebar{background: #F6F6F6;border-radius: 8px;padding: 1.82rem}
.account-section .acc-sidebar h5{text-transform: uppercase;}
.account-section .acc-sidebar ul{margin-bottom: 2rem}
.account-section .acc-sidebar ul li{border-bottom:1px solid rgb(51 51 51 / 10%);padding: 0.5rem 0;}
.account-section .acc-sidebar ul li a{font-size: 1.125rem;font-family: 'avenir-medium',sans-serif;}
.account-section .acc-sidebar .head-border h5{border-bottom: 1px solid rgb(51 51 51 / 10%);padding-bottom: 1rem;margin-bottom: 1rem;}
.account-section .acc-sidebar .head-border:last-child h5{margin:0}
.account-section .form-control{border-color:#E4E4E4;border-radius:8px;padding: 0.93rem 1rem;}
.account-section .acc-sidebar a.active, .account-section label a, .phone-wrapper a, .checkout-section p a, .return-section table td span, .order-detail-section .edit, .file-upload p a{color: var(--primary-color);}
.trans-btn{background: transparent !important;color: var(--base-color);border:1px solid var(--primary-color);;}
.trans-btn:hover{border-color: #233b47}
.form-group {margin-bottom: 2.5rem;position: relative;}
.careerFilter .dropdown-menu2 {box-shadow: 0 0 0.125rem rgb(0 0 0 / 20%);display: none;background-color: #fff;color: #fff;margin: 0;width: 100%;position: absolute;top: 100%;left: 0;right: 0;z-index: 99999999;margin-top: 5px;border-radius: 8px;}
.careerFilter::-webkit-scrollbar {width: 2px;}
.careerFilter::-webkit-scrollbar-track {background: #f1f1f1;}
.careerFilter::-webkit-scrollbar-thumb {background: #888;}
.careerFilter::-webkit-scrollbar-thumb:hover {background: #555;}
.careerFilter .dropdown-menu2 li {transition: .6s;width: 100%;min-width: 100%;display: block;margin: 0;}
.careerFilter .dropdown-menu2 li a {margin: 0;font-size: 0.813rem;display: block;padding: 0.5rem 0.938rem;text-decoration: none;line-height: 1.2;}
.careerFilter .dropdown-menu2 li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px}
.careerFilter .dropdown-menu2 li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.careerFilter .dropdown-menu2 li a:hover {background-color: var(--primary-color);color: #fff;}
.order-detail-section table th, .order-detail-section table td{text-align: left;vertical-align: top;}
.order-detail-section .addressWrap .wrap{border: 1px solid #E4E4E4;border-radius: 8px;padding: 2rem}
.order-detail-section .addressWrap .wrap{border: 1px solid #E4E4E4;border-radius: 8px;padding: 1.5rem}
.order-detail-section .addressWrap .address-head{border-bottom: 1px solid rgb(51 51 51 / 10%);padding: 0 1.25rem 1.25rem;}
.order-detail-section .addressWrap h5{text-transform: uppercase;}
.order-detail-section .address-detail{padding: 1.25rem 1.25rem 0;}
.order-detail-section .main-heading h5{color: rgb(51 51 51 / 60%);font-style: italic;}
.return-section .table-responsive{border: 1px solid #E4E4E4;border-radius: 8px;padding: 2rem;text-align: center;}
.return-section table th{text-transform: uppercase;font-weight: 400;font-size: 1.25rem;padding:0 1.25rem 1.25rem}
.return-section table td{border-top: 1px solid rgb(51 51 51 / 10%);padding: 1.25rem;}
.return-section table tr:last-child td{padding-bottom:0}
.return-section table td .btn{min-width: 7.7rem;}
.return-section .processing i{font-style: normal;}
address{line-height: 1.8}
.response{padding: 0.5rem 1rem;margin-top: 0.5rem;border:1px solid var(--primary-color);display: none;border-radius: 8px;}
.response.active{display: block}
.response p{margin: 0 !important}
.alert-success{--bs-alert-bg: transparent;--bs-alert-color: #333;border-color:var(--primary-color);border-radius: 8px;}
#buynowpop .summary-button{border: 1px solid var(--primary-color);background: transparent;padding: 1rem;border-radius: 8px;} 
#buynowpop .summary-button *{color: var(--primary-color);font-weight:400;stroke: var(--primary-color);}
#buynowpop .summary{box-shadow: 0 0 4px rgb(0 0 0 / 20%);padding: 1.5rem;border-radius: 8px;}

.fixWhatsapp {position: fixed;bottom: 5%;left: 1%;z-index: 9}

.fixWhatsapp a{background: #25D366;border-radius: 35px;display: block;position: relative;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;flex-direction: row;}

.fixWhatsapp a svg{width: 25px;height: auto;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
      transform: rotate(0) scale(1) skew(1deg)
    }
  }

  @-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
      transform: rotate(0) scale(1) skew(1deg)
    }
  }

  @-o-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
      transform: rotate(0) scale(1) skew(1deg)
    }
  }

  @keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
      transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
      transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
      transform: rotate(0) scale(1) skew(1deg)
    }
  }
  
@media only screen and (max-width: 767px) {

	#cart-notification, #wishlist-notification{width: 320px !important;padding: 1.5rem !important}
}

@media (min-width: 992px) {
	:root {
		--left-to-right-nil:polygon(0 0, 0 0, 0 100%, 0 100%);
		--left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		--right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
		--right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%);
		--top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0);
		--top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%);
		--bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%);
		--bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	img.wow {
		clip-path: var(--bottom-to-top-nil);
		transition: 2s;
		transition-delay: 0.25s;
		transform: translateY(40%);
		opacity: 0;
	}

	img.animated {
		clip-path: var(--bottom-to-top-fil);
		transform: translateY(0);
		opacity: 1
	}
}

@media only screen and (min-width: 1200px) {
	.container{max-width: 88.75vw}
}

@media only screen and (min-width: 1600px) {
	:root {--base-font-size: 1.125rem;}
	h3{font-size:2.188rem}
	.main-section{padding: 8rem 0;}
	.main-heading h2{font-size: 3.125rem;}
	.main-heading span{padding: 0.7rem 1.75rem;}
	.btn {padding: 1.07rem 1.97rem;} 
	.header nav ul{gap: 2rem;}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}   