/*--------------------------------------------------------------
/** 1. VARIABLES
--------------------------------------------------------------*/
:root {
  --primary-color: #7aab42d6;
  --secondary-color: #d4ac0d;
  --black-color: #050608;
  --light-black-color: #343536;
  --dark-color: #000000;
  --body-color: #dcd6d5;
  --gray-color: #777F81;
  --light-color: #e9e4d1;
  --white-color: #ffffff;
  --dark-orange-color:#ee9219;
  --bg-light-color:#DEC8B033;
  --btn-bg-color:#cf954c;
}


/*----------------------------------------------*/
/* 2 GENERAL TYPOGRAPHY
/*----------------------------------------------*/

/* 2.1 General Styles
/*----------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

body {
  font-family:Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  color: #000;
  margin: 0;
}

p {
   font-size:14px;
   font-weight:400;   
   color: #5f6368;
}

a {
  color: #145085;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

a:hover {
    color: var(--primary-color);
}

ul{
    list-style:none;
    padding-left:0;  
}

.container{
	max-width:1170px;
}


/*--------------------------------------------------------------
/** 2.4 Buttons
--------------------------------------------------------------*/
.book-now-btn{
    border: 2px solid var(--black-color);
    border-radius: 5px;
    width: 131px;
    height: 42px;
    font-size: 12px;
    font-weight: 600;
	color:var(--black-color);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn{
    border: 2px solid var(--black-color);
    border-radius: 5px;
    width: 131px;
    height: 42px;
    font-size: 12px;
    font-weight: 600;
    color: var(--black-color);
    font-family: var(--body-font);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;	
}

.btn:hover{
	border: 2px solid var(--black-color);
	color: var(--black-color);
}



/* Breadcrumb
------------------------------------------------------------- */
.breadcrumb{
	padding-top: 30px;
}

.breadcrumb ul{
	display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
	margin-bottom: 35px;
}

.breadcrumb ul li{
	font-size: 14px;
    color: #5f6368;
}

.breadcrumb ul li a{
	color: #079;
    text-decoration: underline;
}


/* Form
------------------------------------------------------------- */
.form-control:focus {
    border: 1px solid #acacac;
    box-shadow: none;
}

.form-select:focus{
	border: 1px solid #acacac;
	box-shadow: none;
}

.form-control{
    box-shadow: rgba(31, 31, 31, 0.08) 0px 3px 10px 0px;
    height: 43px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(218, 220, 224);
    border-radius: 0;
}


/* 4.1 Header
/*----------------------------------------------*/

.header{
    background: rgb(251, 250, 243);
	padding: 16px 0;
}

.header .logo{
	display: flex;
    gap: 13px;
    align-items: center;
}

.header .logo img{
	max-width:100%;
}

.header .search__box{
	margin-left:20px;
}

.btn-search{
	background-color:var(--btn-bg-color);
	position: absolute;
    right: 0;
    top: 0;
    height: 43px;
    border: none;
    padding: 0 20px;
    color: #fff;
}


/*--------------------------------------------------------------
  content wrapper
--------------------------------------------------------------*/

.content-wrapper{
    padding: 12px 64px 50px;
	position: relative;
    z-index: 1;
}

.section-title{
	text-align:center;
	margin-bottom: 50px;
}

.section-title h2{
	font-size: 1.7rem;
    font-weight: 400;
    color: #000;
	margin-bottom: 1rem;
}

.section-title p{
	font-size:15px;
	color:#5f6368;
}

/*--------------------------------------------------------------
  category
--------------------------------------------------------------*/
.category{
	padding-top: 20px;
    padding-bottom: 50px;
}

.category .col-lg-3{
	margin-bottom:25px;
}

.category-item{
	background-color: #f2eee6;
    border: 1px solid #e3e2dd;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
    padding: 1rem;
	display: block;
	text-align: center;
	transition: all 0.3s ease;
    cursor: pointer;
	height: 100%;
}

.category-item .inner-box{
	background-color: #fff;
    padding: 1.5rem;
    border-radius: 5px;
	height: 100%;
}

.category-item .category-icon{
	border: 1px dashed #3a5a10;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 50px;
	margin-bottom: 1rem;
}

.category-item .category-content h3{
	font-size: 1.5rem;
    font-weight: 400;
    color: #000;
}

.category-item .category-content span{
	color: #3EB489;
}

.category-item:hover .inner-box{
	background-color:var(--primary-color);
}

.category-item:hover .category-icon{
	background-color:#fff;
}

.category-item:hover .category-content h3, .category-item:hover .category-content span{
	color:#fff;
}

/*--------------------------------------------------------------
  best supplements
--------------------------------------------------------------*/
.best-supplements{
	padding-bottom:90px;
}

.best-supplements .supplements-item{
	background-color: #f2eee6;
    border: 1px solid #e3e2dd;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    display: block;
}

.best-supplements .supplements-item img{
	max-width:100%;
}

/*--------------------------------------------------------------
  categories table
--------------------------------------------------------------*/
.categories-table{
	padding-bottom: 50px;
}

.categories-table .item-box{
	background-color: #fbfbf6;
    border-radius: 8px;
	margin-bottom: 13px;
}

.categories-table .item-box a{
	font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 18px 0;
    display: block;
    text-align: center;
}

.categories-table .item-box:hover{
	background-color: #ece9e0 !important;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 10%);
}

/*--------------------------------------------------------------
  product
--------------------------------------------------------------*/
.product{
	padding-bottom:40px;
}

.product .actions{
    display: flex;
    justify-content: end;
}

.product-wrapper.list-view .product-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
	width:100%;
}

.product-wrapper.list-view .product-item .product-img{
	width: 13%;
}

.product-wrapper.list-view .product-item .product-info{
	display: flex;
    align-items: center;
    gap: 45px;
	width: 87%;
}

.product-wrapper.grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 50px;
	margin-bottom: 40px;
}

.product-wrapper.grid-view .product-item {
    display: block;
}

.product-img img {
    width: 140px;
	max-width: 100%;
    height: auto;
}

.product-wrapper.grid-view .product-img img {
    width: 100%;
    max-width: 250px;
    margin: auto;
}

.product-info h4{
	margin-bottom: 0px;
}

.product-info h4 a{
    font-size: 20px;
	color: #079;
}

.product-info .text-muted{
	font-size: 12px;
}

.product-info p{
	margin-top: 12px;
    margin-bottom: 0;
}

.product-wrapper.list-view .product-info p{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 25px;
    text-align: justify;
}

.product-wrapper.list-view .product-info .product-content{
	width: 82%;
}

.btn-shop{
	font-size:14px;
	background-color: var(--btn-bg-color);
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
}

.btn-shop:hover{
	background-color:#7aab42d6;
	color:#fff;
}

.view-btn {
    border: 1px solid #ddd;
}

.view-btn.active {
    background: #7aab42d6;
    color: white;
}

.product-wrapper.grid-view .product-info h4 a{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-wrapper.grid-view .product-info p{
	margin-top: 12px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ratings{
	display: flex;
    align-items: center;
	margin-bottom:10px;
}

.ratings .rating-box{
	margin-right: 20px;
}

.ratings ul{
	display: flex;
    gap: 5px;
	margin-bottom:0;
}

.ratings ul li i{
	font-size: 14px;
    color: #FBC02D;
}

.ratings span{
	font-size: 14px;
    color: #5f6368;
    margin-right: 5px;
}

.more-link__box a{
	color: #079;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
}

.cat-title{
	margin-bottom:25px;
}

.counter-box{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding-bottom: 40px;
}

.counter-box .counter-search{
	font-size: 14px;
    color: #5f6368;
}

.pagination{
	display: flex;
    justify-content: center;
	margin-bottom: 50px;
}

/*--------------------------------------------------------------
  Info Section
--------------------------------------------------------------*/
.info-section{
	padding-top:20px;
}

.more-link__box{
	margin-bottom:50px;
}

.info-section .hero-banner{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0 50px 8%;
    background-color: #f9f7f6;
	margin-bottom:50px;
}

.info-section .hero-banner .hero-img img{
	width: 340px;
    height: auto;
    max-width: 100%;
}

.btn-link{
	font-size: 15px;
    color: #079;
}

.info-section .content-area h2{
	font-size: 1.5em;
    margin-bottom: 12px;
}

.info-section .content-area h3{
	margin-top: 40px;
	margin-bottom: 20px;
    font-size: 1.3em;
}

.info-section .content-area ul{
	list-style: unset;
    padding-left: 2rem;
}

.info-section .content-area ul li{
	font-size: 14px;
    font-weight: 400;
    color: #5f6368;
}

.info-section .content-area b{
	font-size: 14px;
}

/*--------------------------------------------------------------
  certifications
--------------------------------------------------------------*/
.certifications{
	padding-top:50px;
	padding-bottom: 100px;
}

.certifications .title-box{
	background-color: #7aab42d6;
    padding: 13px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
}

.certifications .imgbox{
	text-align:center;
	padding-top:20px;
}

.certifications .imgbox img{
	width: 70%;
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
  product details
--------------------------------------------------------------*/
.product-details .content h1{
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom:16px;
}

.product-details .productimg{
	margin-bottom:18px;
}

.product-details .productimg .main-img{
	width: 550px;
    display: block;
}

.product-details .productimg .main-img img{
	max-width: 100%;
    height:auto;
}

.product-details .content h2{
	font-size: 1.5rem;
	background-color: #3a5a10;
    border-radius: 8px;
    padding: 15px 30px;
    color: #fff;
    text-align: center;
	margin-bottom: 18px;
}

.product-details .content ul{
	padding-left:2rem;
}

.product-details .content ul li{
	font-size: 14px;
    font-weight: 400;
    color: #5f6368;
	position:relative;
	padding-left: 20px;
	margin-bottom: 2px;
}

.product-details .content ul li:before{
	content: "";
    background-color: #e2f0e8;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    position: absolute;
    left: -23px;
    top: 6px;
}

.product-details .content h5{
	margin-top:35px;
	margin-bottom: 20px;
}

.product-details .content h3{
	background-color: #7aab42d6;
    border-radius: 8px;
    padding: 10px 30px;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}

.product-details .content .buy-bow{
	text-align: center;
    margin: 60px 0;
}

.product-details .buy-now__btn{
	font-size: 18px;
    background-color: var(--btn-bg-color);
    color: #FFFFFF;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
}

.product-details .social-links{
	margin-top: 90px;
	margin-bottom: 22px;
}

.product-details .social-links li{
	padding-left:0 !important;
}

.product-details .contact-button{
	text-align:center;
	margin-bottom: 95px;
}

.product-details .btn-contact{
	background: #7aab42d6;
    color: #fff;
    border-radius: 8px;
    padding: 13px 30px;
    font-size: 14px;
}

.related-product{
	border-radius: 8px;
    border: 1px solid #e2f0e8;
    box-shadow: 0 -1px 2px rgb(24 28 71 / 4%), 0 2px 4px rgb(24 28 71 / 10%);
    padding: 0px 40px 40px 40px;
    margin: 40px 0 95px;
}

.related-product h4{
	margin: 35px 0;
}

.related-product__container .related-product__item{
	display: flex;
	margin-bottom: 90px;
}

.related-product__container .related-product__item .related-product__img a{
	width: 140px;
    height: auto;
	display:block;
	margin-right: 40px;
}

.related-product__container .related-product__item .related-product__img img{
	min-width: 100%;
	max-width:100%;
    height: auto;
}

.related-product__container .related-product__item .related-product__content .title{
	font-size: 21px;
    color: #079;
}

.related-product__container .related-product__item .related-product__content span{
	display: block;
    font-size: 13px;
    color: #5f6368;
    margin-bottom: 20px;
}

.related-product__container .related-product__item .related-product__content p{
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reviewBox .name{
	font-size: 14px;
    color: #5f6368;
}

.buy-now__lgbtn{
	font-size: 18px;
    background-color: var(--btn-bg-color);
    color: #FFFFFF;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buy-now__lgbtn:hover{
	background-color: #7aab42d6;
	color:#fff;
}

.product-details .sidebar{
	/*padding-top: 90px;*/
    padding-left: 50px;
}

.product-details .sidebar .info-buttons{
	display: flex;
    flex-direction: column;
	gap:13px;
    margin-top: 65px;
}

.product-details .sidebar .info-buttons .btn-info{
	background-color: #fbfbf6;
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding: 14px 36px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
}

.product-details .sidebar .info-buttons .btn-info:hover{
	background-color:#e2f0e8 !important;
	text-decoration:underline;
}

.social-links ul li:before{
    content:unset !important; 
}

/*--------------------------------------------------------------
  contact us
--------------------------------------------------------------*/
.contact-us{
	padding-bottom: 60px;
}
.contact-us__form{
	width: 600px;
    margin: 0 auto;
    border: solid 1px #eaeaea;
}

.contact-us__form .title-box{
	background-color: #f7f7f7;
    padding: 10px 15px;
}

.contact-us__form form{
	padding: 30px 40px
}

.contact-us__form .form-group{
	margin-bottom:16px;
}

.contact-us__form .form-group label{
	font-size: 14px;
    color: #5f6368;
    margin-bottom: 5px;
}

.contact-us__form .form-group .form-control{
    box-shadow:unset;
	height: auto;
}

.btn-send{
	font-size: 14px;
    background-color: var(--btn-bg-color);
    border: none;
    color: #fff;
    padding: 8px 20px;
}

/*--------------------------------------------------------------
  page
--------------------------------------------------------------*/
.page-details{
    padding-bottom:40px;	
}

.page-details h2{
	margin-bottom: 40px;
}

.page-details ul{
	padding-left: 40px;
}

.page-details ul li {
    font-size: 14px;
    font-weight: 400;
    color: #5f6368;
    position: relative;
    margin-bottom: 2px;
}

.page-details ul li:before {
    content: "";
    background-color: #5f6368;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    position: absolute;
    left: -16px;
    top: 8px;
}

/*--------------------------------------------------------------
  footer
--------------------------------------------------------------*/

.footer{
	border-top: solid 1px #eaeaea;
    padding-top: 15px;
    padding-bottom: 30px;
}

.footer .pages-widget .page-nav{
	list-style: unset;
    margin-bottom: 0;
}

.footer .pages-widget .page-nav .page-link{
	font-size: 14px;
    color: #079;
}

.footer .pages-widget .page-nav .page-link:hover{
	text-decoration:underline;
}

.social-links{
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
}

.social-links ul{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-bottom: 0;
   list-style: none !important;
   padding-left: 0 !important;
}

.social-links .s-link img{
   width:30px;
}

.footer .footer-bottom p{
	font-size:0.6rem;
}