.store-hero {
	display: flex;
	background-color: rgb(12 69 1);
	color: white;
	padding-top: 15px;
	padding-bottom: 15px; 
	justify-content: center;
	align-items: center; 
	font-size: 18px;
	gap: 10px;
}

.store-hero img {
	max-width: 30px;
}

.main-section{
	padding-top: 30px;
	padding-bottom: 30px;
}
.main-section .inner-wrapper{
	
}
.main-section .inner-wrapper .column-wrapper{
	display: flex;
	flex-direction: column
}
.main-section .inner-wrapper .column-wrapper .column{
	
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper{
	order:2;
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper .main-image {
	aspect-ratio: 2; 
	width: 100%;
	height: auto;
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper .main-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper .gallery {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 12.5px;
	margin-top: 20px;
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper .gallery .gallery-image {
	border: 1px #ddd solid; 
	aspect-ratio: 1; 
	height: auto;
	cursor: pointer;
	width: 100%;
}
.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper .gallery .gallery-image.active {
	border-color: rgb(59, 126, 0);
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper{
	order: 1;
	margin-bottom: 30px;
	text-align: center;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .main-title-wrapper{
	
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .main-title-wrapper .main-title{
	font-size: 26px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .description{
	margin-top: 20px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper{
	justify-content: center;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .rating{
	display: flex;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .star {
	fill: #ffd401;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-right: 2px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .star-portion-container {
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .star-portion-container .gold-star-container {
  position: absolute;
  top: 0;
  left: -2px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .star-portion-container .gold-star-container svg {
  width: 15px;
  height: 15px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper .star-portion-container .gray-star {
  fill: #c3c3c3;
	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .info-block{
	margin-top: 20px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .info-row{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .info-row .icon{
	margin-right: 10px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .icon svg{
	width: 14px;
	height: 14px;
	fill: #000;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .info-block .info-row:not(:first-child) {
	margin-top: 10px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .phone-number {
	margin-top: 10px;
	color: #50C878;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .phone-number a{
	text-decoration: underline;
	color: #3b7e01;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .website {
	color: #3B7E00;
}
.map-section{ 
	margin-top: 20px;
}
.map-section .inner-wrapper .map-container {
	background-color: black; 
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.map-section .inner-wrapper .map-container #map {
	width: 100%;
	height: 100%;
}

.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container {
	box-sizing: border-box; 
	padding: 20px; 
	background-color: #5d7665;
	margin-top: 20px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container .title{
	justify-content: center;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container .title svg{
	width: 20px;
	height: 20px;
	fill: #fff;
	margin-right: 10px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container h3 {
	color: white;
	margin-top: 0;
	margin-bottom: 0px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container .hours-icon {
	max-width: 30px;
	margin-right: 10px;
}

.main-section .inner-wrapper .column-wrapper .column.content-wrapper .days-container {
	margin-top: 15px;
	gap: 7.5px;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .days-container .day {
	color: #b9beb5;
	text-align: center;
}
.main-section .inner-wrapper .column-wrapper .column.content-wrapper .days-container .day span {
	color: #eee;
	margin-right: 10px;
	min-width: 90px;
	display: inline-block;
	background-color: rgb(255 255 255 / 20%);
	padding: 2px 5px;
	border-radius: 2px;
}

.store-reviews-form-wrapper{
    margin-top: 30px;
}
.input-row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.input-row:not(:first-child){
    margin-top: 20px;
}
input:checked ~ label, label:hover, label:hover ~ label{
    color: #3b7e01;
}
label{
    font-size: 16px;
    margin-bottom: 10px;
}
.form-input{
    font-family: "Poppins";
    font-size: 14px;
    line-height: 19px;
    padding: 15px;
}
input[type=text]{
    width: 100%;
    outline: 1px solid green;
}
textarea{
    width: 100%;
    border: none;
    outline: 1px solid green;
}  
input[type=text]:focus, textarea:focus{
    outline: 1px solid #e25b4e;
}
.star-rating {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.star-rating input {
    display: none;  /* Hide the radio buttons */
}

.star {
    cursor: pointer;  /* Show pointer cursor on hover */
    color: lightgray;  /* Default color for stars */
}

.star-rating input:checked ~ label, .star-rating label:hover, .star-rating label:hover ~ label {
    color: gold;  /* Color for selected stars and on hover */
}
.success-msg{
    text-align: center;
    padding: 20px;
    color: #fff;
    background-color: #3b7e0163;
}

.reviews-section {
	margin-top: 20px;
	margin-bottom: 50px; 
}
.reviews-section .title-wrapper h2 {
	text-align: center;
}

.review {
	margin-bottom: 20px;
	box-sizing: border-box; 
	background-color: white;
	width: 100%;
}
.review .left {
	padding: 20px;
	box-sizing: border-box;
	background-color: #cccccc;
}
.review .reviewer-photo {
	width: 50px; 
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
}

.review .right {
	padding: 20px; 
	box-sizing: border-box;
	text-align: center;
}

.review .star-container {
	margin-bottom: 10px;
}
.review .star {
	width: 20px; 
	height: 20px;
	margin-right: 4px;
}
.review .star.gold {
	fill: #ffd401;
}
.review .star.grey {
	fill: #c3c3c3;
}
.review .reviewer-name {
	font-weight: 600;
	margin-top: 10px;
}
.review .time {
	color: #afd989;
}

@media screen and (min-width: 768px){
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper .main-title-wrapper .main-title{
		font-size: 34px;
	}
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container{
		max-width: 400px;
		margin-left: auto;
    	margin-right: auto;
	}
	.review .right{
		text-align:left;
	}
}
@media screen and (min-width: 1200px){
	.main-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.main-section .inner-wrapper .column-wrapper{
		flex-direction: row;
	}
	.main-section .inner-wrapper .column-wrapper .column.gallery-wrapper{
		order: 1;
		flex: 0 0 55%;
		max-width: 55%;
	}
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper{
		order: 2;
		flex: 0 0 45%;
		max-width: 45%;
		padding-left: 30px;
		text-align: left;
		margin-bottom: 0; 
	}
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper .ratings-wrapper{
		justify-content: left;
	}
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper .info-row{
		justify-content: left;
	}
	.main-section .inner-wrapper .column-wrapper .column.content-wrapper .hours-container{
		margin-left: 0;
	}
	.map-section .inner-wrapper .map-container{
		height: 400px;
	}
	.reviews-section{
		margin-top: 50px;
	}
	.reviews-section .column-wrapper{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.reviews-section .column-wrapper .column.recent-reviews{
		flex: 0 0 60%;
		max-width: 60%;	
	}
	.reviews-section .column-wrapper .column.add-review{
		flex: 0 0 40%;
		max-width: 40%;	
		padding-left: 30px;
	}
	.store-reviews-form-wrapper{
		margin-top: 0;
	}
}


@media screen and (max-width: 480px) {
	.review {
		flex-direction: column;
	}
	.review .left {
		display: flex; 
		justify-content: center;
	}

	.review .star-container {
		justify-content: center;
	}

	.review .reviewer-name {
		text-align: center;
	}
	.review .time {
		text-align: center;
	}
}
.related-products-section {
  margin-top: 60px;
  margin-bottom: 40px;
}
.related-products-section .inner-wrapper {
  padding: 30px 0;
}
.related-products-section .inner-wrapper .title-wrapper .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.related-products-section .inner-wrapper .related-products-carousel {
  
}

@media only screen and (min-width: 768px) { 
	.hero h1 {
		font-size: 32px !important;
	}
}

@media only screen and (min-width: 1200px) {
  .related-products-section .inner-wrapper .related-products-carousel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.related-products-section .inner-wrapper .related-products-carousel .owl-stage {
  display: flex;
  flex-direction: row;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-dots {
  display: flex;
  padding: 10px 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-dots.disabled {
  display: none;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-dots button.owl-dot {
  display: inline-block;
  margin: 0 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(59, 126, 0, 0.2);
}
.related-products-section .inner-wrapper .related-products-carousel .owl-dots button.owl-dot.active {
  background-color: #3B7E00;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-dots button.owl-dot:focus {
  outline: none;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
	    margin: auto 0;
  pointer-events: all;
	    width: 40px;
    height: 40px;
    background-color: #000;
    border-radius: 100%;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav button.disabled {
  opacity: 0.6;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav button .icon-wrap {
  display: flex;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav button .icon-wrap svg {
  width: 20px;
    height: 20px;
    fill: #fff;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav .owl-prev {
  left: -60px;
}
.related-products-section .inner-wrapper .related-products-carousel .owl-nav .owl-next {
  right: -60px;
}
.related-products-section .inner-wrapper .related-products-carousel .item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.related-products-section .inner-wrapper .related-products-carousel .item a {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  flex: 1;
}
.related-products-section .inner-wrapper .related-products-carousel .item a:hover .img-wrapper img {
  height: 110%;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .img-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
	background-color: #fff;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .img-wrapper img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  height: 100%;
  transition: all 0.35s ease-in-out;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .img-wrapper .product-category-name {
  position: absolute;
  bottom: 0;
  padding: 4px 20px;
  background: #000;
  color: #fff;
  display: inline-block;
  border-top-right-radius: 20px;
  font-size: 12px;
  margin: auto;
  display: inline-flex;
  width: auto;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper {
  padding: 20px;
  background-color: #f1f1f1;
  flex: 1;
}
@media only screen and (min-width: 1200px) {
  .related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper {
    position: relative;
    padding-bottom: 60px;
  }
}
.related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper .post-info {
  color: #d84949;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper .title {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 10px;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper .content {
  font-size: 14px;
  line-height: 20px;
}
.related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper .read-more {
  margin-top: 20px;
  font-weight: 500;
  color: #3b7e00;
  text-decoration: underline;
}
@media only screen and (min-width: 1200px) {
  .related-products-section .inner-wrapper .related-products-carousel .item a .content-wrapper .read-more {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }
	.single-product-section .product-intro .inner-wrapper{
		padding: 60px 0;
	}
}