@font-face{font-family:'Yaro Op';src:url('../font/YaroOp-Bold.woff2') format('woff2'),url('../font/YaroOp-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Yaro Op';src:url('../font/YaroOp.woff2') format('woff2'),url('../font/YaroOp.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Zain;src:url('../font/Zain-Light.woff2') format('woff2'),url('../font/Zain-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Zain;src:url('../font/Zain-Regular.woff2') format('woff2'),url('../font/Zain-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Zain;src:url('../font/Zain-Bold.woff2') format('woff2'),url('../font/Zain-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

:root{--bs-primary:#419e72;--bs-secondary:#262626;--primery-color:#419e72;--secondary-color:#262626;--white-color:#ffffff;--black-color:#000000;--font-family:'Zain',sans-serif;--font-family-bigHeading:"Ancizar Sans",sans-serif;--font-family-Zain:"Zain",sans-serif;--font-family-Rajdhani:"Rajdhani",sans-serif;--font-family-Ubuntu:"Ubuntu",sans-serif}
#footer .btn,.home-page .btn{--bs-btn-color:#fff;--bs-btn-bg:#419e72;--bs-btn-border-color:#419e72;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#268659;--bs-btn-hover-border-color:#268659;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#268659;--bs-btn-active-border-color:#268659;--bs-btn-active-shadow:inset 0 0 0 rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#419e72;--bs-btn-disabled-border-color:#419e72}
html{font-size:clamp(.625rem, .833vw + 0rem, 1rem);scroll-behavior:smooth}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Zain,sans-serif;background-color:var(--black-color);color:var(--white-color);line-height:1.5;font-size:20px}
a{color:var(--white-color);text-decoration:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
a,span{display:inline-block}
a:hover{text-decoration:none}
a:focus,button:focus,input{outline:0!important;text-decoration:none}
li,ul{list-style:none;margin:0;padding:0}
h1,h2,h3{margin-bottom:1rem;line-height:1.2}
p{margin-bottom:1.8rem;line-height:1.5}
.inner-page p{line-height:34px;font-size:30px;font-weight:300}
img{max-width:100%;display:block}
#footer .btn,.home-page .btn{border-radius:100px;background-color:var(--primery-color);color:var(--white-color);padding:.8rem 3rem;font-size:1.375rem}
#footer .btn{padding:.8rem 2rem;font-size:18px}
.btn.btn-black{background-color:var(--black-color)}
.green-text{color:var(--primery-color)}
.inner-page h1,.inner-page h2,.inner-page h3,.inner-page h4,.inner-page h5,.inner-page h6,.inner-page p{margin-top:0;margin-bottom:20px}
.inner-page section{padding:60px 0;z-index:2;position:relative}
.heading-title{text-transform:capitalize;font-size:40px;color:#fff;font-family:'Yaro Op';line-height:normal}
.heading-small{font-size:30px;font-weight:500}

.form-message-box.success {
  background-color: #d4edda; /* light green */
  color: #155724;            /* dark green text */
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #c3e6cb;
}
header{background:#000;padding:2.4rem 0}
.navigtaion-wrapper{display:flex;gap:5.475rem}
.userLinks{gap:2.5rem}
.cartLink{position:relative}
.cartLink span{position:absolute;height:16px;width:16px;border-radius:50%;background-color:var(--primery-color);color:var(--white-color);right:-6px;bottom:-4px;font-size:12px;line-height:20px;text-align:center}
button.btnLink{background-color:transparent;border:0 none}
.modal-content{color:var(--black-color)}
.offer-strip{background-color:var(--primery-color);color:var(--white-color);padding:.8rem}
.offer-strip strong{font-family:var(--font-family-Ubuntu);font-weight:400;font-size:1.125rem}
.team-wrapper .col-xl-11 .heading-x-small{font-family:var(--font-family-Ubuntu);line-height:45px;font-weight:300}
.search-model .modal-header{gap:.5rem}
.form-search{border:solid 1px #cbcbcb;border-radius:7px;padding:1rem;display:flex;width:100%;gap:1rem}
.form-search input.inputField{flex:1;border:0 none;font-size:20px}
.topBar{display:flex;justify-content:space-between;border-bottom:solid 1px #cbcbcb}
.topBar h3{margin:0;font-size:18px;font-weight:700;font-family:var(--font-family-Zain)}
.topBar a.right-link{color:var(--black-color);font-size:18px;font-family:var(--font-family-Zain)}
.product-name{font-size: 21px; display:block;text-align:center}
.hero{background:url('../images/heroImg1.png') no-repeat center/cover;min-height:62vh;display:flex;justify-content:center;text-align:left;position:relative;padding:6rem 0}
.hero-content{max-width:60rem}
.hero-content p.green-text{font-size:1.438rem}
.hero h2{font-size:5.125rem;line-height:1.2;text-transform:uppercase;font-family:'Yaro Op';font-weight:400}
.hero .btn{background:#32c77f;color:#fff;padding:1rem 2rem;font-size:1.438rem;border:none;margin-top:2rem;border-radius:0;text-transform:uppercase}
.arrowLink{position:relative;padding-right:32px!important}
.arrowLink::after{content:"";position:absolute;height:100%;width:26px;right:0;top:0;background:url(../images/icon-arrow-right.svg) right 8px center no-repeat}
.features-section{margin-top:3rem}
.feature-card{position:relative;padding:0;margin:0}
.feature-card h4{position:absolute;z-index:2;font-size:2.813rem;text-transform:uppercase;font-family:var(--font-family-Rajdhani);padding:6.25rem 3.25rem;font-weight:700;text-align:left;line-height:1.2}
.feature-card img {
    position: relative;
    z-index: 1;
    max-height: 500px;
    -webkit-transition: .3s;
    object-fit: cover;
    min-height: 500px;
    width: 100%;
}
.feature-card:hover img {
    transform: scale(1.2);    opacity: 0.5;
}

.deal-banner{background:var(--primery-color) url(../images/deal-bannerBG.png) right top no-repeat;padding:2.75rem 0 2.75rem 4.25rem;height:100%}
.deal-banner>*{font-family:var(--font-family-Zain);margin:0}
.deal-banner h3{font-size:34px;text-transform:uppercase;font-family:'Yaro Op';margin-bottom:10px}
.deal-banner .text-extra{font-size:34px;font-family:'Yaro Op';margin-bottom:13px}
.deal-banner .text-success{font-size:65px;color:var(--black-color)!important;line-height:1;font-family:'Yaro Op';margin-bottom:13px}
.deal-banner .text-selected{font-size:19px;margin-bottom:1rem;font-family:'Yaro Op';font-weight:400}
.deal-banner .cupon-code{margin-bottom:1.875rem}
.deal-banner .cupon-code span{font-size:23px;display:block;text-transform:uppercase;font-family:'Yaro Op';margin-bottom:14px}
.deal-banner .cupon-code strong{font-size:20px;background-color:var(--white-color);color:var(--black-color);display:inline-block;padding:6px 12px;font-family:'Yaro Op'}
.btn.btn-black{font-size:1.375rem}
.products-grid{min-height:100%}
.product-card{background-color:var(--secondary-color)}
.subscribe{padding-bottom:8.75rem}
.subscribe h2.section-title{font-size:5.425rem;margin-bottom:2.5rem;font-weight:700;font-family:'Yaro Op'}
.green-dot{height:2rem;width:2rem;border-radius:1rem;background-color:var(--primery-color);margin-bottom:2rem}
.subscribe p{margin-bottom:2.5rem;line-height:1.5;font-size:22px}
.benefits{background-color:var(--secondary-color);margin-bottom:10rem}
.img-col{position:relative}
.img-col img{position:static;left:0;top:2.5rem;width:100%;object-fit:cover}
.benefits-details{padding:.625rem 2.625rem}
.benefits-details h3{font-size:2.625rem;font-family:'Yaro Op';margin-bottom:26px}
.benefits-details p{margin-bottom:2.688rem;font-size:22px}
.benefitsList{text-align:center;margin-bottom:3.375rem}
.benefitsList img{display:inline-block}
.benefitsList strong{font-weight:400;font-size:22px;line-height:normal;margin-top:12px;display:block}
.benefits-details .btn-green{font-size:1.563rem}
.heading-bar{display:flex;justify-content:space-between}
.heading-bar h2{text-transform:uppercase;font-size:2.75rem}
.heading-bar .right-link{font-size:1.813rem}
.cta-col{position:relative;padding-bottom:8rem}
.cta-wrapper{position:absolute;bottom:0;width:80%;margin:0 auto;left:10%;background-color:var(--secondary-color);padding:2.5rem}
.cta-wrapper h3,.cta-wrapper h4{font-size:2.125rem;text-transform:uppercase;line-height:1.5;margin-bottom:4rem;font-weight:700;font-family:'Yaro Op'}
.btn.noBG.arrowLink{padding:.7rem 3.5rem .7rem 2rem;background-color:transparent;border:transparent;font-size:1.25rem;font-family:'Yaro Op'}
.btn.noBG.arrowLink:hover{background-color:var(--primery-color)}
.testimonials .section-title{font-size:4.063rem;margin-bottom:4.063rem;font-family:var(--font-family-Ubuntu)}
.testimonials .section-title strong{font-weight:400}
.testimonial-item{background-color:var(--secondary-color);padding:1.2rem 1.2rem 3rem;border-radius:1rem;border:solid 1px var(--primery-color)}
.testimonial-item p{line-height:1.5;margin-bottom:2.5rem;font-size:22px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.client-info p{line-height:1.5;margin-bottom:2.5rem;font-size:22px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.client-info span{font-size:20px}
.testimonial-author strong{font-family:var(--font-family-Ubuntu);display:block;font-size:2rem;line-height:1;color:var(--primery-color);font-weight:400;margin-bottom:1rem}
.testimonial-author small{display:block;font-size:18px;font-family:var(--font-family-Ubuntu)}


/* slider dots */

.slick-dots{position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; gap: 1.313rem;}
.slick-dots li{ list-style: none; }
.slick-dots li button{background-color: var(--white-color); transition: all 0.2s ease; border: 0 none; cursor: pointer; height: 0.75rem; width: 0.75rem; overflow: hidden; border-radius: 1rem; text-indent: -99px; display: block;}
.slick-dots li.slick-active button{ background-color: var(--primery-color);}

/* FOOTER */

#footer{overflow: hidden; background-color: var(--secondary-color);}

#footer .main-footer{ padding: 4rem 16px; position: relative; }

#footer .main-footer::after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 88%; height: 1px; background-color: var(--white-color);}

#footer .main-footer h5 {
    font-size: 34px;
    margin-bottom: 2rem;
    font-weight: bold;
}

#footer .footer-contact h4{ width: 90%;}
#footer .footer-contact p.para{ width: 85%; font-size: 18px;}
#footer .footer-contact p{font-size: 18px;}

.footer-nav li {margin-bottom: 10px;}
.footer-nav li a{font-size: 22px;}

.newsLetter-block p{font-size: 19px;}

.socialList{display: flex; gap: 0.8rem; align-items: center; margin-bottom: 4rem;}

.newsLetter-box{background-color: white; border-radius: 2.5rem; overflow: hidden; padding: 0.3rem;}
.newsLetter-box input[type="email"]{border: 0 none; font-size: 1.4rem; padding: 0 12px;}
.newsLetter-box input[type="email"]:focus{outline: none; box-shadow: 0 0 0 0; border: transparent;}
.newsLetter-box button{font-size: 1rem; padding-left: 2rem; padding-right: 2rem;}

.copywrite{ padding: 2rem 0;}
.copywrite p{margin: 0;  font-size: 18px;}


/* //  (1366 and down) */
@media (min-width: 992px) { 
    
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .img-col img {position: absolute; height: calc(100% + 8rem);} 
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  
    .home-page .col-lg-5{flex: 0 0 20%;
    max-width: 20%;}  }


/********************navbar-wrapper-css******************/

section {padding: 60px 0; z-index: 2; position: relative;}
.navbar ul li a{transition:all .3s ease-in-out}
.navbar ul li{padding-right:28px}
.navbar ul li.current-menu-item>a{color:#419d72}
.navbar ul li:last-child{margin-right:0}
.navbar ul li a{position:relative;font-family:'Yaro Op';font-weight:400;color:#fff;transition:all .7s;text-transform:capitalize;font-size:18px}
.navbar-toggler.x{border:none}
.navbar-toggler.x:focus{outline:0!important}
.navbar-toggler.x[aria-expanded=true] .icon-bar:first-of-type{transform:rotate(45deg);transform-origin:10% 10%}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2){opacity:0}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}
.navbar-toggler.x .icon-bar{width:22px;display:block;height:2px;background-color:#fff;transition:all .2s}
.navbar-toggler.x .icon-bar+.icon-bar{margin-top:4px}
.navbar-toggler.x .icon-bar:first-of-type{transform:rotate(0)}
.navbar-toggler.x .icon-bar:nth-of-type(2){opacity:1}
.navbar-toggler.x .icon-bar:nth-of-type(3){transform:rotate(0)}
.navbar-toggler:focus{box-shadow:none!important;border:none!important}
.navbar ul .nav-link:focus,.navbar ul .nav-link:hover{color:#419d72}
.navbar-expand-lg .navbar-collapse{justify-content:center}
.navbar ul.dropdown-menu li a.dropdown-item{font-weight:400;padding:8px 10px;color:#fff;font-size:14px}
.navbar .dropdown-menu:li{text-align:left}
.navbar ul.dropdown-menu li{margin-right:0;border-right:none;border-bottom:1px solid #404040;padding:0}
.navbar ul.dropdown-menu{background:#000;border-radius:0;padding:0;left:0}
.navbar ul.dropdown-menu .current-menu-item{background:#464646}
.header-main .dropdown-item:focus,.header-main .dropdown-item:hover{background-color:#464646}
.navbar ul.dropdown-menu li:last-child{border-bottom:0}
.nav-link.dropdown-toggle.show::after{transform:rotate(180deg)}
.nav-link.dropdown-toggle::after{transition:transform .33s ease-in-out 0s}
.navbar .dropdown-menu{display:none;opacity:0;transition:opacity .5s ease}
.navbar .dropdown-menu.show{display:block;opacity:1}


/****************product-listing-page***********************/

.inner-banner{width:100%;background:#000;color:#fff}
.breadcrumb-item+.breadcrumb-item::before,.pt-breadcrumb-container,.pt-breadcrumb-container .breadcrumb-item,.pt-breadcrumb-container .breadcrumb-item a{text-transform:uppercase;color:#6bf7b5;font-size:20px}
.left-side .accordion-header button{text-transform:capitalize;color:#fff;background:#000;font-weight:500;box-shadow:none;font-size:22px;padding:0 0 18px;font-family:'Yaro Op'}
.left-side .accordion-button::after{filter:invert(1)}
.left-side .accordion-body ul li a:hover{color:#999}
.left-side .accordion-body ul li a{color:#fff;padding:0 0 10px;font-size:20px;font-weight:300}
.left-side .accordion-body{padding:0}
.bg-dark{background-color:#000!important}
.price-range-slider{padding:10px 0}
.price-range-slider .range-value small{margin-right:8px;font-size:20px;font-weight:300}
.price-range-slider .range-value{margin:0;display:flex;align-items:center}
.price-range-slider .range-value input{background:0 0;color:#419d72;box-shadow:none;border:none;margin:10px 0;font-size:20px;font-weight:300}
.price-range-slider .range-bar{border:none;background:#419d72;height:3px;margin-left:8px;position:relative}
.price-range-slider .range-bar .ui-slider-range{background:#419d72}
.price-range-slider .range-bar .ui-slider-handle{height:17px;width:17px;top:-.52em;cursor:pointer;border-radius:40px;border:3px solid #419d72;position:absolute;left:0;background:#000}
.price-range-slider .range-bar .ui-slider-handle+span{background:#000;border:3px solid #419d72;border-radius:40px}
.categorie-products .form-select{border:1px solid #707070;border-radius:7px;background-color:#000;color:#fff;height:45px;    font-size: 20px;}
.card.product-item{background:#262626;border:1px solid #d2d2d2;border-radius:0;padding:30px 0;transition:.5s ease-in-out}
.card.product-item:hover{transition:.2s all ease-in-out;transform:translateY(5px)}
.product-card-body p{font-size:22px;margin:0}
.card-img-box>a>img,.card-item-img img{height:190px;object-fit:contain;margin:auto}
.product-card-body .heading-x-small{font-weight:700;font-size:24px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.card-img-box>img{height:300px;object-fit:contain}
.gallery-pic-cus01{display:none;transition:.3s}
.categorie-products .search-result-right{width:200px}
.compare-now ul li a{display:flex;align-items:center}

/****************product-detail-page***********************/

.about-item .fs-2,.decode-item .fs-2{font-family:'Yaro Op'}
.shopping-bag{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-10%);width:100%;transition:all .3s}
.card.product-item .card-img-box:hover .shopping-bag{opacity:1;z-index:5;transform:translate(-50%,-45%)}
.shopping-bag ul{display:flex;justify-content:center}
.shopping-bag ul li a{background:#419d72;border-radius:40px;color:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin:0 5px}
.shopping-bag ul li a img{width:20px}
.shopping-bag ul li a:hover{background:#000}
.add-wish-list{position:absolute;top:10px;right:10px}
.prod-discount{background:#eefb13;padding:0 12px;text-align:center;height:34px;display:flex;align-items:center;justify-content:center;position:absolute;top:0}
.prod-out-stock{color:#fff;background:red;padding:0 12px;text-align:center;height:34px;display:flex;align-items:center;justify-content:center;position:absolute;top:0}
.card-item-box>.heading-x-small{padding-right:200px;font-family:'Yaro Op'}
.product-price ul li{font-size:30px}
.starrating ul{display:flex}
.starrating ul li { margin: 0 3px 0 0;  color: #fff;font-size: 15px;}
.starrating ul li:first-child,.starrating ul li:nth-child(2),.starrating ul li:nth-child(3){color:#ffc107}
.starrating{display:flex;align-items:center;color:#9999;justify-content: space-between;}
.discount-price{text-decoration:line-through;font-size:20px}
.red-price{color:red;font-size:22px}
.related-products{display:grid;column-gap:20px;grid-template-columns:repeat(5,1fr)}
.product-description{border-top:1px solid #999;margin:5rem 0;border-bottom:1px solid #999}
.product-detils{border-top:1px solid #999;margin-top:5rem;padding-top:60px}
.product-info p{margin:0;font-size:22px}
.error{color:red;font-size:18px;font-weight:300}
.label-cl sup{color:red;font-weight:700;top:-.4em}
.label-cl{font-family:Zain,sans-serif;font-weight:500;color:#707070;margin-bottom:10px}
.comment-form .form-control{    color: #fff;font-family:Zain,sans-serif;height:60px;font-size:20px;font-weight:400;border:1px solid silver;background:#262626;padding:20px}
.comment-form textarea.form-control{resize:inherit;height:170px;padding:20px}
.cart-collaterals .common-btn{font-family:'Yaro Op';font-size:16px}
.common-btn{    text-align: center; background:#419d72;padding:14px 30px;color:#fff;border-radius:4px;text-transform:capitalize;border:0;font-weight:500;font-family:var(--font-family-Ubuntu);font-size:16px;transition:all .3s ease-out}
.common-btn:hover{background:#444;color:#fff}
.bg-secondary{background-color:#262626!important;border:1px solid #6c757d!important}
.product-review .accordion-body{background:#000;color:#fff}
.product-review .accordion-button{background:#000;color:#fff}
.accordion-button:focus,.form-control:focus,.form-select:focus{box-shadow:none}
.product-review{border-top:1px solid #999;margin-top:5rem;padding-top:50px}
.product-review input::placeholder{color:#fff}
.product-review .accordion-button::after{filter:invert(1);transform:rotate(270deg)}
.product-size .selector{position:relative;width:75%;height:80px;display:flex;align-items:center}
.product-size .selector-item{position:relative;flex-basis:calc(70% / 3);height:100%;display:flex;justify-content:center;align-items:center;margin-right:14px}
.product-size .selector-item_radio{appearance:none;display:none}
.product-size .selector-item_label{font-family:'Yaro Op';height:80%;width:100%;text-align:center;border-radius:6px;line-height:60px;font-weight:300;transition-duration:.5s;transform:none;background:#262626;cursor:pointer;font-size:18px}
.selector-item_radio:checked+.selector-item_label{font-family:'Yaro Op';color:#fff;transform:translateY(-2px);background:#262626;border:1px solid #707070;border-radius:6px}
.decode-item ul{display:flex;align-items:center}
.decode-item ul span{margin-right:7px}
.decode-item ul li{margin-right:8px;display:flex;font-size:20px;align-items:center;font-weight:400}
.decode-item ul li:nth-child(2){color:red}
.decode-item ul li:nth-child(3){color:#419d72}
.product-button-group{display:flex;align-items:center}
.product-button-group .form-control.input-number{font-size:24px;border-right:transparent;color:#fff;height:54px;background:#262626;border-top:1px solid #6c757d;border-bottom:1px solid #6c757d;border-radius:0!important;border-radius:0!important;border-left:0!important}
.product-button-group .btn-number{border-radius:0;height:54px;background:#262626}
.product-button-group .selectqty{flex:0 0 20%}
.product-button-group .btn-minus{border-right:transparent;border-radius:6px 0 0 6px!important}
.product-button-group .btn-plus{border-left:transparent;border-radius:0 6px 6px 0!important}
.btn{--bs-btn-color:#fff;--bs-btn-bg:#419e72}
.btn-number,.compare-now ul li a,input.form-control::placeholder{color:#fff}
.compare-now ul li{margin-right:18px}
.share ul li a{line-height:0;background:#fff;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:40px;color:#000;margin:0 5px}
.share ul li a:hover{background:#419d72;color:#fff}
.order-truck{flex:0 0 76px}
.order-truck span{line-height:0;padding-right:12px;margin-right:12px}
.order-info p{line-height:34px;border-left:1px solid;padding-left:20px}
.cart-collaterals .cart-subtotal{display:flex;padding:15px 0;align-items:center;justify-content:space-between;font-size:24px;font-weight:300}
.related-product-wrapper .heading-small{font-size:40px}
.cart-left .heading-small,.product-description .heading-small{font-size:30px;font-family:'Yaro Op'}

/****************cart-page***********************/

.card-item-img{border:2px solid #707070;border-radius:13px;padding:20px;display:flex;align-items:center}
.card-item-box ul li{margin:0 0 10px;font-size:22px;font-weight:300}
.discount-price-box .heading-x-small{font-size:28px}
.cart-row-item{display:grid;grid-template-columns:2fr 5fr}
.card-item-box .product-button-group ul li a{border-right:1px solid #fff}
.card-item-box .product-button-group ul li:last-child a{border-right:0}
.card-item-box .product-button-group ul li a{color:#fff;padding:0 14px}
.card-item-box .product-button-group ul li a:hover{color:#419d72}

/****************contact-us-page***********************/

 .inner-page-slider{/* height:520px; */width:100%;background-size:cover;position:relative;background-position:center}
.contact-form{background:#262626 0 0 no-repeat padding-box;border:1px solid #707070;border-radius:14px;padding:40px}
.contact-form input::placeholder{color:#707070}
.contact-form .label-cl,.contact-info a{color:#fff}

/****************about-us-page***********************/

.inner-banner h1,.inner-page-slider h1{font-size:60px; font-family: 'Yaro Op'; font-weight: normal;}
.nutrition-wealthy-pic{position:absolute;right:0;text-align:right;width:850px;top:70px}
.nutrition-wealthy-wrapper{background:#262626}
.team-wrapper{margin:5rem 0}
.team-board-box{background:#262626 0 0 no-repeat padding-box;border-radius:18px;padding:22px;transition: .5s ease-in-out;}
#teamSlider .team-pic img{height:200px;width:200px;object-fit:cover;margin: auto;}
.team-board-box:hover{transition: .2s all ease-in-out;  transform: translateY(5px);}
.call-info p {font-family: var(--font-family-Ubuntu);  font-size: 20px;}

#teamSlider .owl-dots{display:flex;justify-content:start;position:absolute;bottom:1rem}
#clientSlider .owl-dot button span,#teamSlider .owl-dot button span{background:#fff;border:none;padding:0;cursor:pointer;margin:0 10px;width:15px;height:15px;color:#000;display:flex;align-items:center;justify-content:center}
#clientSlider .owl-dots{display:flex;justify-content:center;margin:40px auto 0}
#clientSlider .owl-dots button.owl-dot.active span{border-radius:8px;width:10px;height:10px;background:#419d72}
#teamSlider .owl-dots button.owl-dot.active span{border-radius:8px;width:40px;height:10px;background:#419d72}
#clientSlider .owl-dots .owl-dot span,#teamSlider .owl-dots .owl-dot span{background-color:#fff;width:10px;transition:.5s;border-radius:8px;height:10px;margin:0 3px;display:block}
#teamSlider .owl-nav{display:flex;text-align:center;margin:40px auto 0;justify-content:end}
#teamSlider .owl-nav .owl-next,#teamSlider .owl-nav .owl-prev{color:#fff;font-size:20px}
#teamSlider .owl-nav .owl-next{margin-left:14px}
#teamSlider .owl-nav .owl-next:hover,#teamSlider .owl-nav .owl-prev:hover{background:#5ea39e;border:1px solid #5ea39e;color:#fff}
#teamSlider .owl-nav .owl-next,#teamSlider .owl-nav .owl-prev{border-radius:40px;width:45px;height:45px;border:1px solid #64736c;background:#64736c;position:relative;transition:all ease-in-out .3s}
#teamSlider .owl-nav .owl-next,#teamSlider .owl-nav .owl-prev{color:#419d72;font-size:20px}

/****************woocommerce-css***********************/

form.woocommerce-form.woocommerce-form-login.login{background:#262626 0 0 no-repeat padding-box;border:1px solid #707070;border-radius:14px;padding:40px;max-width:50%;margin:40px auto}
form.woocommerce-form.woocommerce-form-login.login .woocommerce-Input{font-family:Zain,sans-serif;height:60px;font-size:20px;font-weight:400;border:1px solid silver;background:#262626;padding:20px}
.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{filter:invert(1)!important}
.page-id-11 .woocommerce h2{display:none}
.woocommerce-button{text-align:center;background:#419d72!important;padding:14px 30px!important;color:#fff!important;border-radius:40px!important;text-transform:capitalize;border:0;font-weight:500}
.woocommerce .woocommerce-result-count{font-size:18px}
.wc-block-components-sidebar-layout.wc-block-cart{padding:0 14px}
.wc-block-cart__submit-container{text-align:center;background:#419d72;padding:14px 30px;color:#fff;border-radius:4px;text-transform:capitalize;border:0;font-weight:500;font-family:var(--font-family-Ubuntu);font-size:16px}
.woocommerce-ResetPassword.lost_reset_password{background:#fff;box-shadow:0 3px 12px #00000029;border-radius:59px;padding:50px;max-width:50%;margin:55px auto}
.woocommerce-ResetPassword.lost_reset_password label{font-size:18px!important}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first{float:none;width:100%}
.woocommerce-ResetPassword.lost_reset_password input#user_login{background:#f4f4f4;height:55px!important;border-radius:16px}
.woocommerce-ResetPassword.lost_reset_password .form-row button.button:hover{background:#000!important}
.woocommerce-ResetPassword.lost_reset_password .form-row button.button{width:100%;padding:14px 12px;transition:all .3s ease-out;font-size:16px;border-radius:40px!important}
.woocommerce nav.woocommerce-pagination ul.page-numbers li{width:40px;height:40px}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .current{background:#ee661a;color:#fff;height:100%;display:flex;align-items:center;justify-content:center}
.woocommerce nav.woocommerce-pagination ul.page-numbers{display:inline-flex;align-items:center;justify-content:center}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a{height:100%;display:flex;align-items:center;justify-content:center}
.woocommerce-account .woocommerce-MyAccount-content{border:1px solid #dedede;padding:20px;border-radius:5px;height:fit-content;display:inline-block}
.woocommerce-account .woocommerce{padding:24px}
.woocommerce-address-fields__field-wrapper span{display:inline}
.woocommerce form .form-row label,.woocommerce-address-fields__field-wrapper label{font-size:20px!important}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom:1px solid #198754;width:100%;padding:12px 15px}
.woocommerce-MyAccount-navigation-link--downloads::before{content:"\F30A";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal;font-weight:700}
.woocommerce-MyAccount-navigation-link--dashboard::before{content:"\F580";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal;font-weight:700}
.woocommerce-MyAccount-navigation-link--payment-methods::before{content:"\F613";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal}
.woocommerce-MyAccount-navigation-link--edit-address::before{content:"\F3E7";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal}
.woocommerce-MyAccount-navigation-link--edit-account::before{content:"\F4DA";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal}
.woocommerce-MyAccount-navigation-link--customer-logout::before{content:"\F1C3";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal;font-weight:700}
.woocommerce-MyAccount-navigation-link--orders::before{content:"\F180";font-family:bootstrap-icons;display:inline-block;color:#fff;font-size:15px;padding:1px 6px 0 0;line-height:normal}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:#fff;font-size:20px}
.woocommerce-account .woocommerce-MyAccount-navigation{background-color:#419e72;padding:0;border-radius:4px}
.woocommerce-address-fields__field-wrapper span.selection span.select2-selection{height:40px;border-radius:0;border:1px solid #ced4da}
.woocommerce-address-fields__field-wrapper span.selection span.select2-selection span#select2-billing_country-container{height:40px}
.woocommerce form .form-row label,.woocommerce form .form-row span em{font-size:13px}
.woocommerce-address-fields__field-wrapper span.selection span.select2-selection span.select2-selection__arrow{top:7px}
.cart-wrapper .wc-block-components-checkout-place-order-button.contained{background:#ee661a;border:none;color:#fff}
.woocommerce-thankyou-order-received{text-align:center;height:200px;display:flex;align-items:center;justify-content:center;border:1.5px dashed #ccc;margin:5rem auto;max-width:50%;position:relative;font-size:24px;font-weight:700;background:#000000}
.woocommerce-thankyou-order-received::before{font-family:bootstrap-icons;content:"\F270";color:#fff;left:0;position:absolute;font-size:70px;top:-48px;background:#419e72;display:inline-block;width:110px;border-radius:50%;height:110px;right:0;margin:auto;font-weight:100}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{text-align:center;display:flex;align-items:center;justify-content:center}
.woocommerce span.onsale{min-height:3.236em!important;min-width:3.936em!important;background-color:#ff5c2b!important}
button.woocommerce-Button.button {text-align: center; background-color: #419d72 !important; color: #fff !important; text-transform: capitalize; font-weight: 400 !important;}




.woocommerce .custom_woocommerce{}
.woocommerce .custom_woocommerce .woocommerce-breadcrumb{margin:0;padding:1rem 0;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .sp-large {min-height: 70vh;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .sp-large a {display: flex;align-items: center;justify-content: center;padding: 3rem;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .sp-large a img{max-width: 55%;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .sp-thumbs a{padding: 1rem;background-size: 50%;background-repeat: no-repeat;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .product_loader_wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2rem;min-height: 50vh;font-size: 1.8rem;color: #419e72;}
.woocommerce .custom_woocommerce .categories-detail-wrapper .product_loader_wrapper .product_loader {width: 50px;padding: 8px;aspect-ratio: 1;border-radius: 50%;background: #419e72;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.woocommerce-checkout .wp-block-woocommerce-checkout{max-width: 1320px;margin:0 auto;padding: 4rem 0;}
.woocommerce-checkout .wp-block-woocommerce-checkout form input.wc-block-components-text-input, .woocommerce-checkout .wp-block-woocommerce-checkout form select {border: 1px solid silver!important;background: #262626!important;font-size: 1.8rem!important;color: #fff!important;font-weight: 300!important;}

.woocommerce-checkout .wc-block-components-text-input input[type=email], .woocommerce-checkout .wc-block-components-text-input input[type=number], .woocommerce-checkout .wc-block-components-text-input input[type=password], .woocommerce-checkout .wc-block-components-text-input input[type=tel], .woocommerce-checkout .wc-block-components-text-input input[type=text], .woocommerce-checkout .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url]{border: 1px solid silver!important;background: #262626!important;font-size: 1.8rem!important;color: #fff!important;font-weight: 300!important;}
.woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=email]:focus, .woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=number]:focus, .woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=password]:focus, .woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=tel]:focus, .woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=text]:focus, .woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus{
background: #419e72;color: #fff;
}


.woocommerce-checkout .wp-block-woocommerce-checkout form .wc-block-components-text-input label{font-size: 1.4rem;color: #fff;font-weight: 300;}
.woocommerce-checkout .wp-block-woocommerce-checkout form label{font-size: 1.4rem;color: #fff;font-weight: 300;}
/****************Responsive-css***********************/

@media (max-width:1199px){
.navbar ul li{padding-right:20px}
.deal-banner{padding:2rem 0 2rem 2.05rem}
.deal-banner .text-success{font-size:55px}
.deal-banner .text-extra,.deal-banner h3{font-size:28px}
.inner-page-slider{height:340px}
.inner-banner h1,.inner-page-slider h1{font-size:50px}
.heading-title{font-size:34px}
.nutrition-wealthy-pic{width:550px}
.team-wrapper{margin:0}
.team-pic img{height:250px}
.contact-form{padding:28px}
.card-item-img{margin:0 0 18px}
.cart-row-item{display:block}
.related-products{grid-template-columns:repeat(3,1fr)}
.card.product-item{margin-bottom:20px}
.related-product-wrapper .heading-small{font-size:32px}
.inner-banner{min-height:240px}
.left-side .accordion-header button{font-size:18px}
}

@media (max-width:991px){
.navbar-collapse#collapsibleNavbar{position:absolute;top:4.9rem;background:#000;width:100%;padding:2px 10px 10px 10px;z-index:99;min-width:200px}
.navbar ul li a{font-size:14px;padding:8px 0}
.navigtaion-wrapper{gap:1.475rem}
.logo img{width:150px;height:auto}
.userLinks{gap:1.5rem;position:absolute;right:10px;top:0;bottom:0;margin:auto}
.navbar{position:absolute;left:0;right:0;top:0;bottom:0}
button.navbar-toggler{position:absolute;left:8px}
.userLinks li img{width:18px}
#header .d-flex.justify-content-between.align-items-center,.our-story .row{flex-direction:column-reverse}
.hero{min-height:auto;padding:6rem 0}
.feature-card h4{padding:1.25rem 2.25rem;bottom:0}
.subscribe h2.section-title{font-size:4rem}
.benefits-details{padding:0 14px;margin-top:40px}
.img-col img{position:relative;height:auto}
.benefits{margin-bottom:0}
.cta-col{padding-bottom:0}
.cta-wrapper{position:relative;bottom:0;width:100%;left:auto}
.inner-page-slider{height:270px}
.inner-banner h1,.inner-page-slider h1{font-size:40px}
.nutrition-wealthy-pic{width:100%;position:relative;top:auto}
.nutrition-wealthy-info{margin-bottom:30px}
.our-story .container-fluid{padding:0 16px}
.our-story .ps-0{padding-left:14px!important}
.story-pic{margin-top:20px}
section.our-story{padding-bottom:0}
.related-products{grid-template-columns:repeat(2,1fr)}
.card-item-box .product-button-group ul li a{padding:0 10px;font-size:18px}
.categorie-products .card.product-item{width:100%;margin-bottom:0} 
form.woocommerce-form.woocommerce-form-login.login {max-width: 75%;}
.feature-card img {max-height: 350px; min-height: 350px;}
}

@media (max-width:767px){
.inner-banner{min-height:200px}
form.woocommerce-form.woocommerce-form-login.login {max-width: 90%;     padding: 24px;}
.product-detail .starrating{justify-content:start}
.product-size .selector-item{flex-basis:calc(100% / 3)}
.product-size .selector-item_label{font-size:16px}
.inner-pag .order-info p{line-height:30px;font-size:20px}
.decode-item ul{display:block}
.decode-item ul li{margin-right:0;margin-bottom:14px}
.compare-now ul.d-flex{display:block!important}
.compare-now ul li{margin-right:0;margin-bottom:14px}
section.categories-wrapper{padding-top:20px}
.hero h2{font-size:4.125rem}
.features-section{margin-top:0;padding-bottom:0!important}
.client-box,.contact-info,.contact-page-panel-left,.product-card-body,.testimonial-content{text-align:center}
.product-card-body .starrating,.product-price,.starrating{justify-content:center}
.heading-title{font-size:30px}
.benefits .common-btn{width:100%}
.features-list{padding:0 14px}
.subscribe{padding-bottom:3.75rem}
.subscribe .row{flex-direction:column-reverse}
.benefits{padding-top:0}
.client-wrapper,.testimonials{padding-top:14px!important}
.testimonial-item{margin-bottom:14px}
.testimonials .section-title{font-size:3.463rem}
.flex-column.newsLetter-box{flex-direction:inherit!important}
.feature-card{margin:0 0 14px 0}
.feature-card h4{top:0}
.inner-banner h1,.inner-page-slider h1{font-size:34px}
.about-page-info p,.nutrition-wealthy-info p,.story-info p{text-align:justify}
.team-wrapper .col-xl-11 .heading-x-small{line-height:38px;font-size:22px}
section.our-story{padding-top:0}
.inner-page p{line-height:30px;font-size:26px}
.story-pic{margin-bottom:20px}
.related-products{grid-template-columns:repeat(1,1fr)}
.related-product-wrapper{padding:0 14px}
.card-item-box>.heading-x-small{padding-right:0}
.discount-price-box.position-absolute.top-0.end-0{position:relative!important}
.product-button-group{display:block}
.product-button-group .selectqty{flex:inherit;margin:24px 0}
.related-product-wrapper .heading-small{font-size:26px} 
.woocommerce-account .woocommerce-MyAccount-content {margin-top: 24px;}
}