/* Example usage */
body {
  font-family: "Zilla Slab", serif;
}

h1,
h2 {
  font-family: "Zilla Slab", serif;
}

.main-container {
  /* background: #fcfcfc; */
  position: relative;
  background-color: #ffff;

}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

/* Header Section */
.header-section {
  position: relative;
  height: 761px;
  /* overflow: hidden; */
  background: url('../images/bannerback.webp') no-repeat;
  background-size: cover;
}

.lavender-bouquet-left {
  position: absolute;
  width: 562px;
  height: 562px;
  top: -23px;
  left: -74px;
  background: url('../images/node-5.png') no-repeat center;
  /* z-index: 3; */
}

.lavender-bouquet-right {
  position: absolute;
  width: 562px;
  height: 562px;
  top: -23px;
  right: -74px;
  background: url('../images/node-4.png') no-repeat center;
  /* z-index: 2; */
}

.desktop-logo img {
  width: 192px;
  height: 193px;
}

.navigation {
  position: relative;
  top: 35px;
  display: flex;
  gap: 55px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.nav-link {
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}

.nav-link.active {
  font-weight: 800;
}

.auth-buttons {
  top: 375.326px;
  right: 287px;
  display: flex;
  gap: 17px;
  z-index: 17;
}

.auth-buttons .cart {
  font-size: 18px;
  cursor: pointer;
}

.auth-buttons .cart img {
  height: 41px;
}

.btn-outline {
  width: 129px;
  /* height: 35px; */
  padding: 14px 15px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.btn-primary {
  width: 129px;
  /* height: 35px; */
  padding: 14px 15px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

/*  */

.bannerContainer {
  margin-top: -550px;
  z-index: 99999;
  position: relative;
}

.hero__content {
  text-align: center;
  padding-top: 99px;
}

.hero__title {
  font-size: 92px;
  font-weight: bold;
  color: #264136;
  margin-bottom: 10px;
  line-height: 1.1;
}

.hero__subtitle {
  font-size: 30px;
  color: #264136;
  margin-bottom: var(--space-3xl);
  max-width: 912px;
  font-weight: 400;
  text-align: center;
  font-family: "Zilla Slab", serif;
  margin: 0 auto;
  padding-bottom: 20px;
  font-family: Gilroy, sans-serif;
}

.hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 30px;
}

.btnGreen {
  padding: 10px;
  font-size: 14px;
  background-color: #264136;
  color: white;
  border-color: #264136;

}

.gbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 38px;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  border-radius: 150px;
  transition: all 150ms ease;
  cursor: pointer;
  border: 1px solid transparent;
  font-family: q;
  font-family: Gilroy, sans-serif;
  font-weight: 500;
}



/* About Section */
.about-section {
  position: relative;
  height: 1402px;
}

.gladiolus-bg {
  position: absolute;
  width: 1166px;
  height: 1651px;
  top: -93px;
  left: 52%;
  transform: translateX(-48.55%);
  background: url(../images/tree.webp) no-repeat center;
  background-size: contain;
  z-index: 6;
}

.about-overlay {
  position: absolute;
  width: 1235.423px;
  /* height: 397.094px; */
  top: 424.225px;
  left: 50%;
  transform: translateX(-50.26%);
  background: rgba(211, 211, 211, 0.3);
  border-radius: 910px;
  backdrop-filter: blur(30.15px);
  z-index: 25;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px;
}

.about-title {
  color: #ffffff;
  font-family: "Zilla Slab", serif;
  font-size: 40px;
  text-align: center;
  margin-bottom: 15px;
}

.about-text {
  width: 929.101px;
  color: #ffffff;
  font-family: Gilroy, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 47.671px;
  text-align: center;
  margin-bottom: 23px;
}

.scroll-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 95px;
}

.mouse-icon {
  width: 40px;
  height: 40px;
  background: url(../images/mouse-line.png) no-repeat center;
  background-size: cover;
}

.scroll-text {
  height: 14px;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
}

/* Trending Products Section */
.trending-section {
  text-align: center;
  top: -151px;
  position: relative;
  z-index: 22222;
}

.section-title {
  color: #264136;
  font-family: 'Zilla Slab';
  font-size: 56px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.section-subtitle {
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 30px;
}

.products-grid {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 0 auto 50px;
  /* max-width: 1322px; */
}

.product-card {
  width: 308px;
  height: 441.412px;
  background: #f5f5f5;
  border-radius: 30px;
  position: relative;
}

.product-image {
  position: relative;
  width: 252px;
  height: 238.803px;
  margin: 8px 7px;
  border-radius: 25px;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wishlist-btn {
  position: absolute;
  width: 29px;
  height: 29px;
  top: 5.65%;
  right: 16px;
  background: url(../images/heart.png) no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
}

.product-category {
  position: absolute;
  width: 75px;
  top: 15.097px;
  left: 11.373px;
  padding: 7.043px;
  background: rgba(177, 170, 144, 0.3);
  border-radius: 905.039px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15.85px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-title {
  width: 246px;
  margin: 14px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  /* white-space: nowrap; */
}

.product-rating {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 108.625px;
  height: 15.797px;
  margin: 0 auto;
}

.product-summary .product-rating .star.half {
  background: url(../images/star-1-304.svg) no-repeat center !important;
  background-size: cover;
}

.stars {
  display: flex;
  gap: 2px;
}

.star {
  width: 15.797px;
  height: 15.797px;
}

.testimonial-card .star.filled {
  background: url(../images/star-1-304.svg) no-repeat center;
  background-size: cover;
}

.star.half {
  background: url(../images/star-1-304.svg) no-repeat center;
  background-size: cover;
}

.star.empty {
  /* background: url(../images/star-1-304.svg) no-repeat center; */
  background: url(../images/stargreen.svg) no-repeat center;
  background-size: cover;
}

.product-rating .star.empty {
  /* background: url(../images/stargreen.svg) no-repeat center; */
  background: url(../images/stargreen.svg) no-repeat center;
  background-size: cover;
}

.rating-text {
  width: 29px;
  height: 14px;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #000000;
  margin-top: 2px;
  margin-left: 4px;
}

.product-price {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  /* width: 137.228px; */
  height: 25px;
  margin: 20px 0px;
}

.current-price {
  /* width: 63px; */
  /* height: 25px; */
  color: #264136;
  font-family: RocaOne-Lt, sans-serif;
  font-size: 26.867px;
  font-weight: 400;
  line-height: 24.18px;
  text-align: center;
  white-space: nowrap;
}

.original-price {
  /* width: 62px; */
  /* height: 25px; */
  color: #264136;
  font-family: RocaOne-Th, sans-serif;
  font-size: 26.867px;
  font-weight: 400;
  line-height: 24.18px;
  text-align: center;
  white-space: nowrap;
  text-decoration: line-through;
}

.product-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 41.893px;
  margin: 4px;
}

.btn-add-cart {
  width: 133.438px;
  /* height: 41.893px; */
  padding: 9.31px;
  background: #264136;
  border-radius: 27.929px;
  border: none;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  padding: 14px 15px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.btn-buy-now {
  width: 132.604px;
  /* height: 41.893px; */
  padding: 9.31px;
  background: #f5f5f5;
  border: 0.93px solid #264136;
  border-radius: 27.929px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  padding: 14px 15px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.browse-collection-btn {
  width: 196px;
  height: 45px;
  padding: 10px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 37px;
  padding: 14px 15px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

/* Featured Products Section */
.featured-section {
  text-align: center;
}

.products-grid-featured {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin: 0 auto 50px;
  max-width: 1322px;
  padding: 0 20px;
}

.product-card-featured {
  width: 308px;
  height: 394.085px;
  background: #f5f5f5;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  transition: height 0.4s ease, box-shadow 0.3s ease;
}

/* Hover state - card expands */
.product-card-featured:hover {
  height: 500px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Reveal buttons on hover */
.product-card-featured:hover .product-actions {
  opacity: 1;
  height: 56.893px;
  margin-top: 34.704px;
}


.product-card {
  width: 264px;
  height: 410px;
  background: #f5f5f5;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  transition: height 0.4s ease, box-shadow 0.3s ease;
}

/* Hidden buttons state */
.product-actions {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Hover state - card expands */
.product-card:hover {
  height: 500px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Reveal buttons on hover */
.product-card:hover .product-actions {
  opacity: 1;
  height: 56.893px;
  margin-top: 34.704px;
}

/* Button hover effects (optional) */
.btn-add-cart:hover {
  color: #1a3023;
  background: #f5f5f5;
  border: 1px solid #1a3023;
}

.btn-buy-now:hover {
  background: #264136;
  color: #f5f5f5;

}

/* Brand Story Section */
.brand-story-section {
  padding: 150px 20px;
  text-align: center;
  position: relative;
}

.brand-story-content {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 1230.031px; */
  height: 505.527px;
  margin: 45px;
  gap: 50px;
}

.brand-story-image {
  /* position: relative; */
  /* width: 533px; */
  /* height: 505.527px; */
  /* border-radius: 55.604px; */
  overflow: hidden;
}

.brand-story-image img {
  width: 1349px;
  height: 100%;
  /* object-fit: cover; */
}



.brand-story-text {
  /* width: 600px; */
  text-align: left;
}

.brand-story-title {
  /* width: 608.192px;
  height: 120px; */
  color: #264136;
  font-family: "Zilla Slab", serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.brand-story-description {
  /* width: 645px;
  height: 111px; */
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36.671px;
  margin-bottom: 50px;
  /* width: 645px; */
}

.navigation-arrows {
  display: flex;
  gap: 20px;
}

.arrow-left,
.arrow-right {
  width: 63.659px;
  height: 63.659px;
  border: 1.415px solid #264136;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-left {
  background: url(../images/left.png) no-repeat center;
  background-size: 33.952px 33.952px;
}

.arrow-right {
  background: url(../images/right.png) no-repeat center;
  background-size: 33.952px 33.952px;
}

.brand-story-slider {
  position: relative;
  max-width: 1320px;
  margin: auto;
  padding: 0 20px;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  height: auto;
}

.navigation-arrows {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  position: absolute;
  bottom: 78px;
  right: 570px;
  z-index: 2;
}

.navigation-arrows button {
  padding: 10px 20px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.navigation-arrows button:hover {
  background-color: #555;
}

/* Testimonials Section */

.testimonials-section {
  text-align: center;
}

.section-title {
  font-size: 50px;
  margin-bottom: 40px;
  /* font-weight: bold; */
}

.testimonials-slider {
  padding: 20px;
  max-width: 1320px;
  margin: 0 auto;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.testimonial-card {
  width: 385.26px;
  height: 252.156px;
  padding: 29.418px 33.621px;
  border: 1.051px solid #264136;
  border-radius: 21.013px;
  text-align: left;
  background-color: #fff;
  margin-bottom: 25px;
}

.testimonial-stars {
  display: flex;
  gap: 6.815px;
  margin-bottom: 15.76px;
}

.product-rating .star.filled {
  width: 15.797px;
  height: 15.797px;
  background: url(../images/star-1-304.svg) no-repeat center;
  background-size: cover;
}

.testimonial-content {
  display: flex;
  flex-direction: column;
  gap: 12.608px;
}

.customer-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.customer-name {
  color: #000;
  font-size: 21.013px;
  font-weight: 700;
  line-height: 15px;
  white-space: nowrap;
}

.customer-avatar {
  width: 25.216px;
  height: 25.216px;
  border-radius: 50%;
  overflow: hidden;
}

.customer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16.81px;
  line-height: 23.114px;
  font-family: Gilroy, sans-serif !important;

}

.testimonial-navigation {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.arrow-left,
.arrow-right {
  width: 40px;
  height: 40px;
  background-color: #264136;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.arrow-left::after,
.arrow-right::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(-50%, -50%);
}

.arrow-left::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.arrow-right::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* Visit Us Section */
.visit-section {
  padding: 150px 0;
  text-align: center;
}

.visit-content {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 629.642px; */
  margin: 45px auto 0;
  gap: 43px;
}

.visit-info {
  width: 600px;
  height: 629.642px;
  border: 1.051px solid #264136;
  border-radius: 56px;
  position: relative;
  overflow: hidden;
}

.visit-image {
  width: auto;
  height: 235.122px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 46px;
  border-bottom-right-radius: 46px;
}

.visit-image img {
  width: 100%;
  height: 100%;
}

.directions-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 264.384px;
  right: 83.051px;
  border: 1.415px solid #264136;
  border-radius: 50%;
  background: url(../images/sky.png) no-repeat center;
  background-size: 33.952px 33.952px;
  cursor: pointer;
}

.visit-details {
  padding: 50px 37px;
  text-align: left;
}

.farm-name {
  height: 40px;
  color: #264136;
  font-family: RocaOne-Lt, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-transform: capitalize;
  white-space: nowrap;
  margin-bottom: 30px;
}

.contact-info {
  margin-bottom: 30px;
}

.address,
.email,
.phone {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 31.671px;
  margin-bottom: 15px;
}

.location-icon {
  width: 22px;
  height: 22px;
  background: url(../images/Location.png) no-repeat center;
  background-size: cover;
}

.email-icon {
  width: 22px;
  height: 22px;
  background: url(../images/mail.png) no-repeat center;
  background-size: cover;
}

.phone-icon {
  width: 22px;
  height: 22px;
  background: url(../images/Phone.png) no-repeat center;
  background-size: cover;
}

.hours {
  height: 32px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 31.671px;
}

.visit-map {
  width: 600px;
  height: 632px;
  border-radius: 56px;
  overflow: hidden;
}

.visit-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Seasonal Section */
.seasonal-section {
  position: relative;
  width: 100%;
  height: 577.69px;
  overflow: hidden;
  background: url(../images/back.png) no-repeat center;
  background-size: contain;
  margin-bottom: 140px;
}

.seasonal-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.seasonal-img-1 {
  position: absolute;
  width: 200.744px;
  height: 243.222px;
  top: 0;
  left: 50%;
  transform: translateX(-16.28%);
}

.seasonal-img-2 {
  position: absolute;
  width: 213.419px;
  height: 239.796px;
  top: 3.426px;
  left: 50%;
  transform: translateX(-308.78%);
}

.seasonal-img-3 {
  position: absolute;
  width: 176.764px;
  height: 171.283px;
  top: 75.364px;
  left: 50%;
  transform: translateX(-241.62%);
}

.seasonal-img-4 {
  position: absolute;
  width: 176.764px;
  height: 171.283px;
  top: 75.364px;
  left: 50%;
  transform: translateX(-129.01%);
}

.seasonal-img-5 {
  position: absolute;
  width: 163.062px;
  height: 171.283px;
  top: 75.364px;
  left: 50%;
  transform: translateX(103.26%);
}

.seasonal-img-6 {
  position: absolute;
  width: 309.337px;
  height: 167.857px;
  top: 75.364px;
  left: 50%;
  transform: translateX(113.04%);
}

.seasonal-content {
  position: absolute;
  /* width: 762px; */
  /* height: 173px; */
  top: 148.979px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
}

.seasonal-title {
  width: 584.57px;
  /* height: 120px; */
  color: #264136;
  font-family: "Zilla Slab", serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 65px;
  text-align: center;
  text-transform: capitalize;
  margin: 0 auto 16px;
  letter-spacing: 2px;
}

.seasonal-description {
  height: 37px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36.671px;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 90px;
}

.seasonal-btn {
  width: 196px;
  height: 45px;
  padding: 10px;
  background: #fcfcfc;
  border: 1px solid #264136;
  border-radius: 30px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.seasonal-decoration {
  position: absolute;
  width: 1025.369px;
  height: 243.222px;
  top: 302.468px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.seasonal-decoration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Footer Section - Responsive while preserving original layout */
.footer-section {
  background: #264136;
  color: #f5f5f5;
  padding: 130px 20px 0;
  min-height: 561px;
  box-sizing: border-box;
}

.footer-content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-logo {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -50px;
  left: 20px;
}

.footer-columns {
  display: flex;
  gap: 14px;
  padding-left: 319px;
  flex-wrap: wrap;
}

.footer-column {
  flex: 1;
  /* min-width: 150px; */
  display: flex;
  flex-direction: column;
  /* width: 840px; */
}

.footer-column h4 {
  height: auto;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32.01px;
  margin-bottom: 20px;
}

.footer-column ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10.67px;
  margin-left: 0px;
  padding-left: 0px;
}

.footer-column ul li a {
  height: auto;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 32.01px;
  text-decoration: none;
}

.footer-column p {
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32.01px;
  margin-bottom: 20px;
  width: 300px;
}



.footer-tagline {
  position: absolute;
  width: 249.594px;
  height: auto;
  top: 149.496px;
  left: 20px;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 32.01px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 85.098px auto 0;
  padding: 29px 30px;
  border-top: 1.334px solid rgba(255, 252, 248, 0.25);
  box-sizing: border-box;
}

.copyright {
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 32.01px;
  opacity: 0.3;
}

.legal-links a {
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 32.01px;
  text-decoration: none;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
  .footer-columns {
    padding-left: 250px;
  }

  .footer-logo {
    left: 20px;
  }
}

@media (max-width: 992px) {
  .footer-columns {
    padding-left: 240px;
    gap: 30px;
  }

  .footer-logo {
    width: 180px;
    height: 180px;
    top: -40px;
  }

  .footer-tagline {
    left: 20px;
    top: 130px;
  }
}

@media (max-width: 767px) {
  .footer-section {
    padding: 100px 20px 0;
    min-height: auto;
  }

  .footer-columns {
    padding-left: 0;
    margin-top: 180px;
    flex-direction: column;
    gap: 40px;
  }

  .footer-logo {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
  }

  .footer-tagline {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 30px 0;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    text-align: center;
  }

  .legal-links {
    height: auto;
  }

  .blog-wrapper {
    padding-top: 0px !important;
  }

  .contact-wrapper .image-section {
    display: none;
  }
}

@media (max-width: 480px) {
  .footer-logo {
    width: 150px;
    height: 150px;
    top: 0px;
  }

  .footer-columns {
    margin-top: 150px;
  }


  .footer-bottom {
    padding: 15px;
  }
}

.newsletter-container {
  width: 100%;
  max-width: 373px;
}

.newsletter-title {
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32.01px;
  margin-bottom: 20px;
}

.newsletter-description {
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32.01px;
  margin-bottom: 20px;
}

.newsletter-form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 62px;
  padding: 17.857px 17.857px 17.857px 23px;
  background: #3b5b4e;
  border-radius: 30px;
  box-sizing: border-box;
}

.newsletter-form input {
  flex: 1;
  background: transparent;
  border: none;
  color: #f5f5f5;
  font-family: Gilroy, sans-serif;
  font-size: 17.857px;
  font-weight: 400;
  line-height: 26.785px;
  outline: none;
  padding: 0;
}

.newsletter-form input::placeholder {
  color: #f5f5f5;
  opacity: 1;
}

.newsletter-btn {
  width: 26.785px;
  height: 26.785px;
  background: url(../images/backarrow.png) no-repeat center;
  background-size: contain;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  flex-shrink: 0;
}

/* Responsive Adjustments for Newsletter Only */
@media (max-width: 768px) {
  .newsletter-container {
    margin-top: 30px;
  }

  .newsletter-title {
    font-size: 16px;
    line-height: 28px;
  }

  .newsletter-description {
    font-size: 14px;
    line-height: 28px;
  }

  .newsletter-form {
    height: 56px;
    padding: 15px 15px 15px 20px;
  }

  .newsletter-form input {
    font-size: 15px;
    line-height: 24px;
  }

  .newsletter-btn {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 480px) {
  .newsletter-form {
    height: 50px;
    padding: 12px 12px 12px 18px;
  }

  .newsletter-form input {
    font-size: 14px;
  }

  .newsletter-btn {
    width: 22px;
    height: 22px;
  }
}

/* Hide the mobile logo on desktop */
.mobile-logo {
  display: none;
}

/* Hamburger button */
.menu-toggle {
  display: none;
  font-size: 30px;
  background: none;
  border: none;
  color: #264136;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 30px;
  z-index: 999;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .navigation {
    display: none;
    flex-direction: column;
    background-color: #fff;
    padding: 20px;
    position: absolute;
    top: 80px;
    width: 100%;
    left: 0;
    z-index: 999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }

  .navigation.show {
    display: flex;
    z-index: 999999;
  }

  .desktop-logo {
    display: none;
  }

  .mobile-logo {
    display: block;
    text-align: center;
    margin: 10px auto;
    width: 150px;
  }

  .nav-link {
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
  }

  .auth-buttons {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }

  .menu-toggle {
    display: block;
  }

  .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    position: relative;
  }

  .header-section {
    /* height: auto; */
    padding-bottom: 60px;
  }

  .hero__content {
    text-align: center;
    padding-top: 21px;
  }

  .brand-story-image img {
    width: 527px;
  }

  .product-image {
    position: relative;
    width: auto;
  }

}

/* About CSS */


.header-section.aboutus {
  background: url(../images/aboutBack.png) no-repeat;
  background-size: cover;
  height: max-content;
  padding-bottom: 90px;
}

/* .image {
  width: 1320px;
  height: 629px;
} */

.image .rectangle {
  position: relative;
  width: 1289px;
  margin: 0 auto;
  display: block;
  /* margin-top: 60px; */
  top: 77px;
}

.brandStory {
  /* position: absolute; */
  /* height: 978px; */
  top: 1549px;
  left: 300px;
  padding: 150px 0;
  /* padding-top: 100px; */
}

.brandStory .founders-story-brand {
  position: relative;
  font-weight: 400;
  color: #264136;
  font-size: 50px;
  text-align: center;
  font-family: "Zilla Slab", serif;
}

.brandStory .group-4 {
  position: relative;
  /* width: 1320px; */
  /* height: 630px; */
  top: 31px;
  /* left: 0; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brandStory .rectangle-3 {
  /* position: absolute; */
  /* width: 420px; */
  height: 314px;
  top: 316px;
  left: 450px;
  object-fit: cover;
  border-radius: 56px;
}

.brandStory .rectangle-4 {
  /* position: absolute; */
  width: 420px;
  height: 314px;
  top: 37px;
  left: 900px;
  object-fit: cover;
  border-radius: 56px;
}

.brandStory .group-5 {
  /* position: absolute; */
  width: 360px;
  height: 630px;
  top: 0;
  left: 0;
  background-color: #264136;
  border-radius: 56px;
  /* border-radius: 56px; */
}

.brandStory .rectangle-5 {
  /* position: absolute; */
  /* width: 320px; */
  height: 421px;
  top: 0;
  left: 0;
  object-fit: cover;
  border-top-radius: 56px;
  border-top-left-radius: 56px;
  border-top-right-radius: 56px;
}

.brandStory .group-6 {
  position: absolute;
  width: 344px;
  height: 112px;
  color: #fff;
  top: 445px;
  left: 26px;
}

.brandStory .text-wrapper-9 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  color: var(--sec-color);
  font-size: 34px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
  font-family: "Zilla Slab", sans-serif;
}

.brandStory .p {
  position: absolute;
  width: 340px;
  top: 48px;
  left: 0;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: var(--sec-color);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 31.7px;
}

.brandStory .group-7 {
  position: absolute;
  width: 120px;
  height: 32px;
  top: 569px;
  left: 26px;
}

.brandStory .vector {
  position: absolute;
  width: 19px;
  height: 16px;
  top: 10px;
  left: 99px;
}

.brandStory .text-wrapper-10 a{
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Gilroy-SemiBold", Helvetica;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 31.7px;
  white-space: nowrap;
  text-decoration: none;
}

.brandStory .group-8 {
  /* position: absolute; */
  width: 340px;
  height: 227px;
  top: 37px;
  /* left: 490px; */
  width: 360px;
  height: 630px;
  top: 0;
  left: 0;
  /* background-color: #264136; */
  border-radius: 56px;
}

.brandStory .group-wrapper {
  /* position: absolute; */
  /* width: 340px; */
  /* height: 112px; */
  top: 115px;
  left: 0;
  padding-bottom: 88px;
  padding-top: 19px;
}

.brandStory .group-9 {
  position: relative;
  /* width: 344px; */
  height: 112px;
}

.brandStory .text-wrapper-11 {
  position: absolute;
  top: 0;
  left: 41px;
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  color: var(--text-color);
  font-size: 34px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.brandStory .text-wrapper-12 {
  position: absolute;
  width: 340px;
  top: 48px;
  left: 0;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: var(--text-color);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 31.7px;
}

.brandStory .ecology-energy-house {
  /* position: absolute; */
  width: 100px;
  height: 100px;
  top: 0;
  left: 120px;
  aspect-ratio: 1;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.brandStory .vector-wrapper {
  position: relative;
  width: 89px;
  height: 87px;
  top: 7px;
  left: 5px;
  background-image: url(./img/vector.svg);
  background-size: 100% 100%;
}

.brandStory .vector-2 {
  position: absolute;
  width: 45px;
  height: 28px;
  width: 76px;
  height: 76px;
  top: 9px;
  left: 0px;
}

.brandStory .group-10 {
  /* position: absolute; */
  width: 340px;
  height: 217px;
  top: 397px;
  left: 940px;
  width: 360px;
  height: 630px;
  top: 0;
  left: 0;
  /* background-color: #264136; */
  border-radius: 56px;
}

.brandStory .group-11 {
  position: relative;
  height: 217px;
  margin-top: 76px;
}

.brandStory .checkmark-seal {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  left: 130px;
  aspect-ratio: 1;
}

.brandStory .vector-3 {
  position: absolute;
  width: 76px;
  height: 76px;
  top: 2px;
  left: 2px;
}

.brandStory .group-12 {
  position: absolute;
  width: 344px;
  height: 112px;
  top: 105px;
  left: 0;
}

/* Journy */


.timeline-container {
  /* max-width: 1200px; */
  /* margin: 0 auto; */
  text-align: center;
  padding: 50px 0px 100px 0px;
  /* padding-top: 100px; */
}

.timeline-container h2 {
  margin-bottom: 60px;
  position: relative;
  font-weight: 400;
  color: #264136;
  font-size: 50px;
  text-align: center;
  font-family: "Zilla Slab", serif;
}

.timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.timeline::before {
  content: '';
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2b3b34;
  z-index: 0;
}

.timeline-item {
  position: relative;
  width: 18%;
  min-width: 150px;
}

.icon-wrapper {
  width: 60px;
  height: 60px;
  background-color: #dbe5df;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrapper img {
  width: 30px;
  height: 30px;
}

.dot {
  width: 7px;
  height: 7px;
  border: 2px solid #2b3b34;
  background-color: #fff;
  border-radius: 50%;
  margin: 17px auto 0;
  position: relative;
  /* z-index: 2; */
}

.text {
  margin-top: 10px;
  text-align: center;
}

.text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 700;
  color: rgba(38, 65, 54, 1);
  font-size: 18px;
}

.text p {
  font-size: 14px;
  /* line-height: 1.4; */
  /* padding: 0 5px; */
  /* width: 239px; */
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: rgba(38, 65, 54, 1);
  font-size: 14px;
  /* text-align: center; */
}

/* Responsive */
@media (max-width: 768px) {
  .timeline {
    flex-direction: column;
    align-items: center;
  }

  .timeline::before {
    display: none;
  }

  .timeline-item {
    width: 100%;
    max-width: 300px;
    margin-bottom: 40px;
  }
}

/* Belive */
.what-we-believe-in {
  /* height: 465px; */
  padding: 100px 0;
}

.what-we-believe-in h2 {
  margin-bottom: 60px;
  position: relative;
  font-weight: 400;
  color: #264136;
  font-size: 50px;
  text-align: center;
  font-family: "Zilla Slab", serif;
}

.what-we-believe-in .group-27 {
  top: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.what-we-believe-in .group-31 {
  width: 348px;
  height: 284px;
  top: 0;
  left: 450px;
  border-radius: 56px;
  border: 1.05px solid;
  border-color: var(--text-color);
  padding: 30px;
}

.what-we-believe-in .group-32 {
  position: relative;
  /* width: 330px; */
  /* height: 190px; */
  top: 39px;
  /* left: 50px; */
}

.what-we-believe-in .text-wrapper-23 {
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: #264136;
  font-size: 16px;
}

.what-we-believe-in .text-wrapper-24 {

  font-weight: 600;
  color: #264136;
  font-size: 22.7px;
  margin-top: 9px;
  font-family: "Zilla Slab", serif;
}

.what-we-believe-in .vector-7 {
  padding-bottom: 10px;
}

/* Contact Us */

.header-section.contact {
  background: unset;
  height: 219px;
  /* z-index: 166; */
}

.contact-wrapper {
  width: 90%;
  /* max-width: 1000px; */
  background: white;
  border-radius: 16px;
  display: flex;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0px;
  /* margin: 100px 0px; */
  margin-bottom: 100px;
  margin-top: 100px;
  border: 2px solid #264136;
}

.contact-wrapper .form-section {
  flex: 1;
  padding: 40px;
}

.contact-wrapper .form-section h2 {
  font-size: 28px;
  color: #2d3e2f;
  margin-bottom: 12px;
}

.contact-wrapper .form-section p {
  font-size: 14px;
  color: #555;
  /* margin-bottom: 30px; */
  font-family: Gilroy, sans-serif;
  gap: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px !important;
}

.contact-wrapper form {
  /* display: flex; */
  flex-direction: column;
  /* gap: 76px !important; */
  margin-top: 30px;
}

.contact-wrapper .name-group {
  display: flex;
  gap: 10px;
  font-family: Gilroy, sans-serif;
}

.contact-wrapper .name-group input {
  flex: 1;
}

.contact-wrapper input,
textarea {
  padding: 12px 16px;
  border: none;
  background: #f2f2f2;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  font-family: Gilroy, sans-serif;
  width: 100%;
}

.contact-wrapper textarea {
  resize: none;
  height: 120px;
  /* font-family: Gilroy, sans-serif; */
}

.contact-wrapper button {
  padding: 12px;
  border: none;
  border-radius: 20px;
  background-color: #2d3e2f;
  color: white;
  /* font-weight: bold; */
  cursor: pointer;
  transition: 0.3s ease;
  font-family: Gilroy, sans-serif;
  width: 160px;
  margin-top: 10px;
}

.contact-wrapper button:hover {
  background-color: #1c281f;
  font-family: Gilroy, sans-serif;
}

.contact-wrapper .image-section {
  flex: 1;
  position: relative;
}

.contact-wrapper .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.heading {
  font-size: 92px;
  font-weight: bold;
  color: #264136;
  /* margin-bottom: 10px; */
  line-height: 1.1;
  text-align: center;
  padding-top: 43px;
  border-bottom: 1px solid lightgray;
  padding-bottom: 45px;
  /* position: relative; */
}

/* faqs */

.faq {
  padding: 50px 25px;
}

.headings {
  text-transform: capitalize;
  text-align: center;
}

.section-heading {
  font-size: 40px;
  color: #131313;
}

.sub-heading {
  margin: 20px auto 0;
  max-width: 45ch;
  color: #939393;
  line-height: 1.6;
}

.que-container {
  max-width: 1200px;
  margin: 50px auto 0;
}

.question {
  border-bottom: 1px solid #131313;
}

.question:last-child {
  border-bottom: 1px solid #131313;
}

.question button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  font-size: 20px;
  color: #131313;
  text-transform: capitalize;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 20px 20px 20px 0;
  border: none;
  cursor: pointer;
  transition: color 0.3s;
  font-family: Gilroy, sans-serif;
}

.question button i {
  color: #ff7a00;
  transition: transform 0.3s;
}

.question p {
  color: #939393;
  line-height: 1.6;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  font-family: Gilroy, sans-serif;
}

.question button.show+p {
  padding-bottom: 25px;
  height: auto;
}

.question button.show {
  color: #264136;
  font-weight: 600;
}

.question button.show i {
  transform: rotate(180deg);
}

/* terms */
.content {
  font-family: Gilroy, sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
}

.content h4 {
  font-size: 42px;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
}

.content h6 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
  padding-top: 13px;
  color: #264136;
  line-height: 20px;
}

.content h3 {
  font-size: 26px;
  font-weight: 600;
  padding-top: 13px;
  color: #264136;
  margin-bottom: 6px;
}

/* Blogs */

.blogContainer .group {
  position: relative;
  /* width: 1315.375px; */
  /* height: 467.152px; */
  /* margin: 38.131px 0 0 304.625px; */
  /* z-index: 107; */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  padding-top: 49px;
}

.blogContainer .wrapper {
  position: relative;
  width: 650px;
  height: 462px;
  /* top: 0; */
  /* left: 0; */
  /* background: #1b1b1f; */
  /* z-index: 15; */
  /* overflow: hidden; */
  /* border-radius: 34px; */
  margin-bottom: 40px;
}

.blogContainer .pic-2 img {
  /* position: absolute; */
  width: 650px;
  height: 462px;
  top: 0;
  left: 0;
  /* background: url(../images/rectangle-4307.jpg) no-repeat center; */
  background-size: cover;
  z-index: 17;
  border-radius: 34px;
}

.blogContainer .pic-3 {
  /* position: absolute; */
  width: 695px;
  height: 396px;
  bottom: 32px;
  left: 0;
  background: url(./assets/images/7b77d31edc38901b0b2be37092eb3b46c7590dc1.png) no-repeat center;
  background-size: cover;
  z-index: 16;
}

.blogContainer .section {
  position: absolute;
  width: 650px;
  height: 166px;
  bottom: 0;
  left: 0;
  z-index: 18;
  overflow: hidden;
}

.blogContainer .wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 656px;
  margin: 20px 0 0 20px;
  z-index: 20;
}

.blogContainer .section-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: fit-content;
  padding: 5px 5px 5px 5px;
  background: rgba(1, 171, 49, 0.3);
  /* z-index: 21; */
  border-radius: 20px;
}

.blogContainer .group-2 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  /* position: relative; */
  width: fit-content;
  /* z-index: 22; */
  padding: 0px 8px;
}

.blogContainer .img-2 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/28662e5f-dfd4-4058-a87a-5a1ce5f10c66.svg) no-repeat center;
  background-size: cover;
  /* z-index: 23; */
  border-radius: 50%;
  display: none;
}

.blogContainer .text-9 {
  /* flex-shrink: 0; */
  /* flex-basis: auto; */
  position: relative;
  height: 16px;
  color: #31fe6b;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  /* font-weight: 400; */
  /* line-height: 16px; */
  /* text-align: left; */
  white-space: nowrap;
  /* z-index: 24; */
}

.blogContainer .box-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  /* position: relative; */
  /* width: 656px; */
  /* z-index: 25; */
  justify-content: space-between;
}

.blogContainer .text-a a {
  /* display: flex; */
  /* align-items: flex-start; */
  /* justify-content: flex-start; */
  flex-shrink: 0;
  position: relative;
  width: 656px;
  /* height: 66px; */
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 27px;
  font-weight: 700;
  line-height: 32.643px;
  text-align: left;
  text-decoration: none;
  /* z-index: 26; */
}

.blogContainer .box-5 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 135px;
  z-index: 27;
}

.blogContainer .text-b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 28;
}

.blogContainer .text-c {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 29;
}

.blogContainer .section-3 {
  position: absolute;
  width: 650px;
  height: 166px;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  z-index: 19;
  border-radius: 34px;
  backdrop-filter: blur(17.5px);
}

.blogContainer .section-4 {
  /* position: absolute; */
  /* width: 528px; */
  height: 50px;
  top: 50%;
  left: 787.375px;
  background: #f5f5f5;
  border: 1px solid rgba(255, 236, 208, 0.2);
  /* transform: translate(0, -467.15%); */
  z-index: 107;
  /* overflow: hidden; */
  border-radius: 60px;
  /* box-sizing: content-box; */
  margin-bottom: 30px;
  /* display: flex; */
  padding: 10px;
}

.blogContainer .group-3 {
  /* position: relative; */
  /* width: 86.561px; */
  /* height: 24px; */
  /* margin: 13px 0 0 17.99px; */
  /* z-index: 108; */
}

.blogContainer .group-4 {
  /* position: absolute; */
  /* width: 86.561px; */
  /* height: 24px; */
  top: 0;
  left: 0;
  z-index: 109;
}

.blogContainer .pic-4 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background: url(./assets/images/65096a34-7027-4ec4-9a30-521e8d9adebb.svg) no-repeat center;
  background-size: cover;
  z-index: 110;
  overflow: hidden;
}

.blogContainer .text-d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 3px;
  left: 34.561px;
  color: #264136;
  font-family: Gilroy, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 111;
}

.blogContainer .group-5 {
  /* position: absolute; */
  /* width: 154.758px; */
  /* height: 467.152px; */
  top: 0;
  left: 792.143px;
  /* z-index: 85; */
}

.blogContainer .img-3 {
  /* position: absolute; */
  width: 42.568px;
  height: 42.568px;
  top: 328.848px;
  left: 0;
  background: url(../images/agent.png) no-repeat center;
  background-size: cover;
  z-index: 84;
  border-radius: 50%;
}

.blogContainer .text-e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* position: absolute; */
  /* height: 28px; */
  top: 335.942px;
  left: 56.758px;
  color: #292929;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.057723999023438px;
  font-weight: 800;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 85;
}

.blogContainer .text-f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* position: absolute; */
  height: 39px;
  top: 81.652px;
  left: 787.375px;
  color: #264136;
  font-family: Gilroy, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 38.688px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}

.blogContainer .img-4 {
  position: absolute;
  width: 42.568px;
  height: 42.568px;
  top: 158.575px;
  left: 792.143px;
  background: url(./assets/images/cc947a1b-3ead-4d32-9d8f-f2c0d75867d7.png) no-repeat center;
  background-size: cover;
  z-index: 80;
  border-radius: 50%;
}

.blogContainer .text-10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 165.67px;
  left: 848.9px;
  color: #292929;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.057723999023438px;
  font-weight: 800;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 81;
}

.blogContainer .text-11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 446.965px;
  height: 78px;
  top: 218.88px;
  left: 792.143px;
  color: #191919;
  font-family: Gilroy, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  text-align: left;
  z-index: 82;
}

.blogContainer .text-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* position: absolute; */
  width: 446.965px;
  height: 78px;
  top: 389.152px;
  left: 792.143px;
  color: #191919;
  font-family: Gilroy, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  text-align: left;
  z-index: 86;
}

.blogContainer .wrapper-3 {
  position: relative;
  width: 1315.375px;
  height: 477.567px;
  margin: 31.968px 0 0 304.625px;
  z-index: 105;
}

.blogContainer .box-6 {
  position: absolute;
  width: 154.758px;
  height: 477.567px;
  top: 0;
  left: 792.143px;
  z-index: 89;
}

.blogContainer .pic-5 {
  position: absolute;
  width: 42.568px;
  height: 42.568px;
  top: 0;
  left: 0;
  background: url(./assets/images/7cc7f285-ac92-402f-b8fc-2202a76429bf.png) no-repeat center;
  background-size: cover;
  z-index: 88;
  border-radius: 50%;
}

.blogContainer .text-13 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 7.095px;
  left: 56.758px;
  color: #292929;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.057723999023438px;
  font-weight: 800;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 89;
}

.blogContainer .wrapper-4 {
  position: absolute;
  width: 695px;
  height: 462px;
  top: 14.842px;
  left: 0;
  background: #1b1b1f;
  z-index: 31;
  overflow: hidden;
  border-radius: 34px;
}

.blogContainer .img-5 {
  position: absolute;
  width: 695px;
  height: 462px;
  top: 0;
  left: 0;
  background: url(./assets/images/14b1820f6640731c39cd452110b26c3e86ab2487.png) no-repeat center;
  background-size: cover;
  z-index: 33;
  border-radius: 34px;
}

.blogContainer .img-6 {
  position: absolute;
  width: 695px;
  height: 396px;
  bottom: 32px;
  left: 0;
  background: url(./assets/images/7b77d31edc38901b0b2be37092eb3b46c7590dc1.png) no-repeat center;
  background-size: cover;
  z-index: 32;
}

.blogContainer .box-7 {
  position: absolute;
  width: 695px;
  height: 166px;
  bottom: 0px;
  left: 0;
  z-index: 34;
  overflow: hidden;
}

.blogContainer .wrapper-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 656px;
  margin: 20px 0 0 20px;
  z-index: 36;
}

.blogContainer .group-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 106px;
  padding: 5px 5px 5px 5px;
  background: rgba(1, 171, 49, 0.3);
  z-index: 37;
  border-radius: 20px;
}

.blogContainer .section-5 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 87px;
  z-index: 38;
}

.blogContainer .img-7 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/24679311-5489-441b-88d8-3730a34426b2.svg) no-repeat center;
  background-size: cover;
  z-index: 39;
  border-radius: 50%;
}

.blogContainer .text-14 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #31fe6b;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}

.blogContainer .section-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 656px;
  z-index: 41;
}

.blogContainer .text-15 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 656px;
  height: 66px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 27px;
  font-weight: 700;
  line-height: 32.643px;
  text-align: left;
  z-index: 42;
}

.blogContainer .wrapper-6 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 135px;
  z-index: 43;
}

.blogContainer .text-16 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}

.blogContainer .text-17 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 45;
}

.blogContainer .group-7 {
  position: absolute;
  width: 695px;
  height: 166px;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  z-index: 35;
  border-radius: 34px;
  backdrop-filter: blur(17.5px);
}

.blogContainer .text-18 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 446.965px;
  height: 78px;
  top: 60.305px;
  left: 792.143px;
  color: #191919;
  font-family: Gilroy, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  text-align: left;
  z-index: 90;
}

.blogContainer .text-19 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 27px;
  top: 189.064px;
  left: 792.143px;
  color: #264136;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.057723999023438px;
  font-weight: 300;
  line-height: 26.586px;
  text-align: left;
  white-space: nowrap;
  z-index: 91;
}

.blogContainer .pic-6 {
  position: absolute;
  width: 528px;
  height: 1px;
  top: 260.492px;
  left: 787.375px;
  background: url(./assets/images/2ed677fc-bd7a-4d95-bc4a-0a4125b99736.svg) no-repeat center;
  background-size: cover;
  z-index: 13;
}

.blogContainer .text-1a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  top: 299.164px;
  left: 787.375px;
  color: #264136;
  font-family: Gilroy, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 38.688px;
  text-align: left;
  white-space: nowrap;
  z-index: 92;
}

.blogContainer .wrapper-7 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 141.701px;
  height: 49.05px;
  top: 365.842px;
  left: 783.375px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 93;
  border-radius: 27.25px;
}

.blogContainer .text-1b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 94;
}

.blogContainer .wrapper-8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 100.825px;
  height: 49.05px;
  top: 365.842px;
  left: 935.975px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 95;
  border-radius: 27.25px;
}

.blogContainer .text-1c {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 96;
}

.blogContainer .group-8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 121.263px;
  height: 49.05px;
  top: 365.842px;
  left: 1047.701px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 97;
  border-radius: 27.25px;
}

.blogContainer .text-1d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 98;
}

.blogContainer .wrapper-9 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 144.426px;
  height: 49.05px;
  top: 428.517px;
  left: 783.375px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 99;
  border-radius: 27.25px;
}

.blogContainer .text-1e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 100;
}

.blogContainer .box-8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 69.488px;
  height: 49.05px;
  top: 428.517px;
  left: 938.699px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 103;
  border-radius: 27.25px;
}

.blogContainer .text-1f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 104;
}

.blogContainer .section-7 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 153.963px;
  height: 49.05px;
  top: 428.517px;
  left: 1019.088px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 105;
  border-radius: 27.25px;
}

.blogContainer .text-20 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 106;
}

.blogContainer .section-8 {
  position: relative;
  width: 916.901px;
  height: 499.611px;
  margin: 13.625px 0 0 304.625px;
  z-index: 101;
}

.blogContainer .box-9 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 13.625px;
  position: absolute;
  width: 133.526px;
  height: 49.05px;
  top: 0;
  left: 783.375px;
  padding: 13.625px 21.8px 13.625px 21.8px;
  background: #264136;
  z-index: 101;
  border-radius: 27.25px;
}

.blogContainer .text-21 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 19.075088500976562px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 102;
}

.blogContainer .group-9 {
  position: absolute;
  width: 695px;
  height: 462px;
  top: 37.611px;
  left: 0;
  background: #1b1b1f;
  z-index: 47;
  overflow: hidden;
  border-radius: 34px;
}

.blogContainer .pic-7 {
  position: absolute;
  width: 695px;
  height: 462px;
  top: 0;
  left: 0;
  background: url(./assets/images/1197f5628186f07ab25bfb4ccfc96914bc610616.png) no-repeat center;
  background-size: cover;
  z-index: 49;
  border-radius: 34px;
}

.blogContainer .pic-8 {
  position: absolute;
  width: 695px;
  height: 396px;
  bottom: 32px;
  left: 0;
  background: url(./assets/images/7b77d31edc38901b0b2be37092eb3b46c7590dc1.png) no-repeat center;
  background-size: cover;
  z-index: 48;
}

.blogContainer .wrapper-a {
  position: absolute;
  width: 695px;
  height: 166px;
  bottom: 0;
  left: 0;
  z-index: 50;
  overflow: hidden;
}

.blogContainer .section-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 656px;
  margin: 20px 0 0 20px;
  z-index: 52;
}

.blogContainer .box-a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 106px;
  padding: 5px 5px 5px 5px;
  background: rgba(1, 171, 49, 0.3);
  z-index: 53;
  border-radius: 20px;
}

.blogContainer .group-a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 87px;
  z-index: 54;
}

.blogContainer .img-8 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/d28fd604-4557-4df3-b4c6-a928e6cd4c67.svg) no-repeat center;
  background-size: cover;
  z-index: 55;
  border-radius: 50%;
}

.blogContainer .text-22 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #31fe6b;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 56;
}

.blogContainer .wrapper-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 656px;
  z-index: 57;
}

.blogContainer .text-23 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 656px;
  height: 66px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 27px;
  font-weight: 700;
  line-height: 32.643px;
  text-align: left;
  z-index: 58;
}

.blogContainer .wrapper-c {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 135px;
  z-index: 59;
}

.blogContainer .text-24 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}

.blogContainer .text-25 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 61;
}

.blogContainer .section-a {
  position: absolute;
  width: 695px;
  height: 166px;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  z-index: 51;
  border-radius: 34px;
  backdrop-filter: blur(17.5px);
}

.blogContainer .box-b {
  position: relative;
  width: 695px;
  height: 462px;
  margin: 51.962px 0 0 304.625px;
  background: #1b1b1f;
  z-index: 63;
  overflow: hidden;
  border-radius: 34px;
}

.blogContainer .pic-9 {
  position: absolute;
  width: 695px;
  height: 462px;
  top: 0;
  left: 0;
  background: url(./assets/images/9698a4dc-9caa-4fe6-949d-b5184de3814a.png) no-repeat center;
  background-size: cover;
  z-index: 65;
  border-radius: 34px;
}

.blogContainer .pic-a {
  position: absolute;
  width: 695px;
  height: 396px;
  bottom: 32px;
  left: 0;
  background: url(./assets/images/7b77d31edc38901b0b2be37092eb3b46c7590dc1.png) no-repeat center;
  background-size: cover;
  z-index: 64;
}

.blogContainer .wrapper-d {
  position: absolute;
  width: 695px;
  height: 166px;
  bottom: 0;
  left: 0;
  z-index: 66;
  overflow: hidden;
}

.blogContainer .section-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 656px;
  margin: 20px 0 0 20px;
  z-index: 68;
}

.blogContainer .wrapper-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 106px;
  padding: 5px 5px 5px 5px;
  background: rgba(1, 171, 49, 0.3);
  z-index: 69;
  border-radius: 20px;
}

.blogContainer .box-c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 87px;
  z-index: 70;
}

.blogContainer .img-9 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/2437411f-d216-4b94-87ee-91ac6c964095.svg) no-repeat center;
  background-size: cover;
  z-index: 71;
  border-radius: 50%;
}

.blogContainer .text-26 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #31fe6b;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}

.blogContainer .section-c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 656px;
  z-index: 73;
}

.blogContainer .text-27 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 656px;
  height: 66px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 27px;
  font-weight: 700;
  line-height: 32.643px;
  text-align: left;
  z-index: 74;
}

.blogContainer .section-d {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 135px;
  z-index: 75;
}

.blogContainer .text-28 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 76;
}

.blogContainer .text-29 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Gilroy, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 77;
}

.blogContainer .box-d {
  position: absolute;
  width: 695px;
  height: 166px;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  z-index: 67;
  border-radius: 34px;
  backdrop-filter: blur(17.5px);
}

.blogContainer .text-2a {
  display: block;
  position: relative;
  height: 27px;
  margin: 38.131px 0 0 611.135px;
  color: #264136;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 156;
}

.blogContainer .box-e {
  position: relative;
  width: 1920.621px;
  height: 645.459px;
  margin: 95.525px 0 0 -0.31px;
  background: #264136;
  z-index: 113;
  overflow: visible auto;
}

.blogContainer .wrapper-f {
  position: relative;
  width: 1330.347px;
  height: 246.496px;
  margin: 129.933px 0 0 289.709px;
  z-index: 155;
}

.blogContainer .img-a {
  position: absolute;
  width: 148.991px;
  height: 148.991px;
  top: 0;
  left: 0;
  background: url(./assets/images/722587e9b984c49272696c5e639716c65f02c942.png) no-repeat center;
  background-size: cover;
  z-index: 155;
}

.blogContainer .text-2b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 8.903px;
  left: 298.736px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.340232849121094px;
  font-weight: 700;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}

.blogContainer .text-2c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 8.903px;
  left: 454.736px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.340232849121094px;
  font-weight: 700;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 128;
}

.blogContainer .text-2d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 8.903px;
  left: 610.736px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.340232849121094px;
  font-weight: 700;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 145;
}

.blogContainer .text-2e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 8.903px;
  left: 956.893px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 23.340232849121094px;
  font-weight: 700;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 147;
}

.blogContainer .section-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10.67px;
  position: absolute;
  width: 100px;
  height: 164.01px;
  top: 63.913px;
  left: 298.736px;
  z-index: 122;
}

.blogContainer .text-2f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 123;
}

.blogContainer .text-30 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 124;
}

.blogContainer .text-31 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 125;
}

.blogContainer .text-32 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}

.blogContainer .wrapper-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10.67px;
  position: absolute;
  width: 93px;
  height: 164.01px;
  top: 63.913px;
  left: 454.736px;
  z-index: 129;
}

.blogContainer .text-33 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 130;
}

.blogContainer .text-34 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 131;
}

.blogContainer .text-35 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 132;
}

.blogContainer .text-36 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 133;
}

.blogContainer .text-37 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 251.854px;
  height: 65px;
  top: 63.913px;
  left: calc(50% - 10.14px);
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  z-index: 137;
}

.blogContainer .text-38 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 373.454px;
  height: 97px;
  top: 63.913px;
  left: 956.893px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  z-index: 149;
}

.blogContainer .img-b {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 66.913px;
  left: 610.736px;
  background: url(./assets/images/d96ba9c4-4c70-47b4-b988-994162a111d4.svg) no-repeat center;
  background-size: cover;
  z-index: 138;
  overflow: hidden;
}

.blogContainer .text-39 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 138.913px;
  left: calc(50% - 12.73px);
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 140;
}

.blogContainer .pic-b {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 143.913px;
  left: 611.438px;
  background: url(./assets/images/6c94b629-3c6f-4de0-aa2e-5cd456eea65f.svg) no-repeat center;
  background-size: cover;
  z-index: 141;
  overflow: hidden;
}

.blogContainer .text-3a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 249.594px;
  height: 97px;
  top: 149.496px;
  left: 10.602px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  z-index: 154;
}

.blogContainer .box-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 373px;
  height: 62px;
  top: 175.913px;
  left: 956.893px;
  padding: 17.857px 17.857px 17.857px 23px;
  background: #3b5b4e;
  z-index: 150;
  border-radius: 30px;
}

.blogContainer .text-3b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 17.85697364807129px;
  font-weight: 400;
  line-height: 26.785px;
  text-align: left;
  white-space: nowrap;
  z-index: 151;
}

.blogContainer .pic-c {
  flex-shrink: 0;
  position: relative;
  width: 26.785px;
  height: 26.785px;
  background: url(./assets/images/7643b48e-4c37-4ae0-ba19-546cbbcc3328.svg) no-repeat center;
  background-size: cover;
  z-index: 152;
  overflow: hidden;
}

.blogContainer .text-3c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 181.913px;
  left: calc(50% - 12.73px);
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  z-index: 143;
}

.blogContainer .img-c {
  position: absolute;
  width: 23.404px;
  height: 23.404px;
  top: 186.211px;
  left: 610.736px;
  background: url(./assets/images/c5a12232-1c3f-4f80-aa1e-fc23d566926c.svg) no-repeat center;
  background-size: cover;
  z-index: 144;
  overflow: hidden;
}

.blogContainer .wrapper-11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 1320px;
  height: 54px;
  margin: 85.098px 0 0 300.311px;
  padding: 37px 0 0 0;
  border-bottom: 1.334px solid rgba(255, 252, 248, 0.25);
  z-index: 115;
}

.blogContainer .text-3d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 116;
}

.blogContainer .text-3e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #f5f5f5;
  font-family: Gilroy, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.01px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 117;
}

.blogContainer .user {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 0px;
}

.blogContainer span.text-f.mt-4.recom {
  border-top: 1px solid lightgray;
  padding-top: 20px;
}

.blogContainer .recomBtn {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* blogs details */
.blog-wrapper {
  /* max-width: 800px; */
  margin: auto;
  padding-top: 80px;
  font-family: Gilroy, sans-serif;
}

.blog-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}

.blog-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-top: 14px;
  flex-wrap: wrap;
  font-family: Gilroy, sans-serif;
}

.tag {
  background: #e6f4ea;
  color: #0b7b3a;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
}

.blog-title {
  font-size: 47px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 20px;
  line-height: 1.3;
  color: #264136;
  font-family: Gilroy, sans-serif;
}

.author-section {
  display: flex;
  /* align-items: center; */
  margin-bottom: 24px;
  gap: 14px;
  justify-content: flex-start;
  margin-top: 20px;
}

.author-img {
  /* width: 155px; */
  /* height: 135px; */
  border-radius: 10%;
  object-fit: cover;
}

.author-details {
  /* flex: 1; */
  gap: 4px;
  display: flex;
  flex-direction: column;
  margin: 14px 0px;
}

.author-name {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #264136;
}

.author-desc {
  margin: 4px 0;
  font-size: 14px;
  color: #264136;
  width: 230px;
}

.author-social i {
  margin-right: 10px;
  font-size: 14px;
  color: #264136;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  border: 1px solid #264136;
  padding: 7px 8px;
  border-radius: 50%;
}

.author-social i:hover {
  color: #0b7b3a;
}

.blog-content h2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 24px;
}

.blog-content p {
  font-size: 16px;
  margin-top: 10px;
  color: #333;
}

/* Responsive */
@media (max-width: 600px) {
  .blog-title {
    font-size: 22px;
  }

  .author-section {
    flex-direction: column;
    align-items: flex-start;
  }

  .author-img {
    margin-bottom: 10px;
  }
}



.comments-section {
  /* max-width: 700px; */
  margin: auto;
  /* font-family: Gilroy, sans-serif; */
}

.comments-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 4px;
  font-family: Gilroy, sans-serif;
  color: #264136;
}

.comments-section h2 span {
  font-weight: 800;
  font-family: Gilroy, sans-serif;
}

.subtitle {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
  font-family: Gilroy, sans-serif;
}

.comment {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e0e0e0;
  padding: 16px 0;
  font-family: Gilroy, sans-serif;
}

.comment img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 14px;
}

.comment-details {
  flex: 1;
}

.comment-header {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-family: Gilroy, sans-serif;
}

.comment-header strong {
  font-size: 14px;
  font-weight: 700;
  color: #264136;
}

.comment-header .date {
  font-size: 11px;
  color: #777;
  text-transform: uppercase;
}

.comment-text {
  font-size: 14px;
  margin: 6px 0;
  color: #333;
}

.reply {
  font-size: 13px;
  font-weight: 600;
  color: #0b7b3a;
  text-decoration: none;
}

.reply:hover {
  text-decoration: underline;
}

.read-more {
  text-align: center;
  margin-top: 20px;
}

.read-more a {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

.read-more a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
  .comment {
    flex-direction: column;
    align-items: flex-start;
  }

  .comment img {
    margin-bottom: 10px;
  }

  .comment-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .comment-header .date {
    margin-top: 4px;
  }
}

.contact-wrapper.blogCont {
  margin: 0px;
  background-color: unset;
  box-shadow: unset;
  padding: 0px;
  border: unset;
}

.contact-wrapper.blogCont .form-section {
  padding: 0px;
}

.contactBlog h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 4px;
  font-family: Gilroy, sans-serif;
  color: #264136;
}

.row.blogContSection {
  border-top: 1px solid lightgray;
  padding-top: 40px;
  margin: 60px 0;
}

.top-bar {
  background-color: #1c3b2b;
  color: white;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
}

/* Main header */
.ecommerce.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: white;
  flex-wrap: wrap;
  position: relative;
  height: 150px;
  /* background-color: aquamarine; */
}

/* Logo */
.ecommerce .logo img {
  height: 94px;
  width: 94px;
}


/* Navigation */
.ecommerce nav {
  display: flex;
  gap: 34px;
  font-family: Gilroy, sans-serif;
}

.ecommerce nav a {
  text-decoration: none;
  color: black;
  font-size: 16px;
  padding: 5px 0;
}

.ecommerce nav a.active {
  font-weight: bold;
}

/* Search bar */
.ecommerce .search-container {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 25px;
  padding: 5px 10px;
  flex: 1;
  max-width: 230px;
}

.ecommerce .search-container input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  padding: 5px;
  font-size: 14px;
}

.ecommerce .search-container i {
  color: gray;
}

/* Buttons */
.ecommerce .header-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ecommerce .search-container img {
  height: 18px;
}

.ecommerce .cart img {
  height: 41px;
}

.ecommerce .btn {
  transition: all 0.3s ease;
  width: 129px;
  height: 45px;
  padding: 10px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.ecommerce .btn.login {
  color: white;
  width: 129px;
  height: 45px;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.ecommerce .btn:hover {
  background-color: #1c3b2b;
  color: white;
}

/* Cart Icon */
.ecommerce .cart {
  font-size: 18px;
  cursor: pointer;
}

/* Hamburger Menu Icon */
.ecommerce .menu-toggle {
  display: none;
  font-size: 24px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 1199px) {
  .ecommerce {
    flex-direction: row;
  }

  .ecommerce nav,
  .ecommerce .search-container,
  .ecommerce .header-buttons {
    display: none;
    flex-direction: column;
    align-items: center;
    /* center mobile menu items */
    gap: 15px;
    position: absolute;
    top: 59%;
    /* below header */
    left: 0;
    width: 100%;
    background-color: white;
    /* padding: 20px 0; */
    /* border-top: 1px solid #ddd; */
    z-index: 9999;
  }

  .ecommerce nav a {
    font-size: 18px;
    padding: 10px;
  }

  .ecommerce nav.active,
  .ecommerce .search-container.active,
  .ecommerce .header-buttons.active {
    display: flex;
  }

  .ecommerce .menu-toggle {
    display: block;
  }

  /* shrink logo a bit for mobile */
  .ecommerce .logo img {
    height: 70px;
    width: 70px;
  }

  .header-buttons.active {
    top: 226%;
  }

  form.woocommerce-product-search {
    display: none !important;
  }

  .logo {
    z-index: 99999;
  }
}



/* Product Detail  */
.product-top-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.product-top-section .product-title {
  font-size: 48px;
  color: #2d3e2f;
  margin-bottom: 10px;
  margin: 0px;
  font-family: "Zilla Slab", serif;
  height: 0px;
  width: unset;
  text-align: left;
  font-weight: 600;
  white-space: normal;
}

.product-top-section .product-rating {
  margin: 0px;
  height: unset;
  width: unset;
  top: 39px;
  margin-bottom: 20px;
  position: relative;
}

.woocommerce .star-rating {
  float: right;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1.5em;
  width: 5.4em;
  font-family: WooCommerce;
  margin: 0px !important;
}

a.woocommerce-review-link {
  text-decoration: none;
  color: #000;
  font-size: 15px;
}

.woocommerce .star-rating span::before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: #F26D01 !important;
}

.product-top-section .product-price {
  text-align: left;
  justify-content: flex-start;
  margin: 14px 0px;
}

.product-top-section .product-price p.price {
  color: #000 !important;
  text-decoration: none;
  font-size: 28px !important;
  font-family: Gilroy, sans-serif !important;
}

.woocommerce-product-details__short-description {
  font-size: 16px;
  font-family: Gilroy, sans-serif !important;
  line-height: 20px;
}

.product-summary {
  padding-top: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: column;
  gap: 20px;
}

main.site-main.woocommerce-page {
  padding: 34px 0px;
}

button.single_add_to_cart_button.button.alt {

  width: 300px;

  padding: 15px;

  background: #264136;

  border-radius: 30px;

  font-family: Gilroy, sans-serif !important;

  font-size: 13px;
}

button.single_add_to_cart_button:hover {


  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent !important;
  color: #264136 !important;

}

.quantity input {
  width: 79px !important;
  height: 45px;
  padding: 10px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: transparent;
  margin-top: 0px;
  font-family: Gilroy, sans-serif !important;
  font-size: 13px;
}

/* .quantity input:focus-visible {
  border: 1px solid #264136;
} */

.woocommerce div.product form.cart {
  margin-top: 32px;
  margin-bottom: 2em;
}

.tab-content {

  font-family: Gilroy, sans-serif !important;
  font-size: 15px;
  line-height: 26px;
  padding-top: 23px;
  padding-bottom: 90px;
}

.tab-nav li.active {
  font-weight: bold;
  border-bottom: 2px solid #264136;
  color: #264136;

}

.tab-nav {
  display: flex;
  list-style: none;
  /* gap: 20px; */
  cursor: pointer;
  width: 100%;
}

.tab-nav li {
  width: 50%;
  text-align: center;
  padding-bottom: 11px;

  font-family: Gilroy, sans-serif !important;
  font-size: 22px;
}

.product-gallery .swiper-button-next:after,
.swiper-button-prev:after {

  color: #264136;
  font-size: 14px;
  /* background-color: antiquewhite; */
  padding: 10px 15px;
  border-radius: 50%;
  border: 1px solid #264136;
}




.woocommerce #reviews #comments ol.commentlist li img.avatar {
  display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0px;
  border: 1px solid #e1dde7;
  border-radius: 4px;
  padding: 20px;
  width: 100%;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}

span.woocommerce-review__dash {
  display: none;
}



p.meta {
  display: flex;
  flex-direction: column;
}

.product-tabs strong.woocommerce-review__author {
  color: #264136;
  font-size: 17px;
  font-weight: 600;
  margin-top: 9px;
}

.review .woocommerce .star-rating span::before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: yellow !important;
}

.product-tabs {
  margin-top: 50px;
}

.shop_table.shop_table_responsive thead {
  display: none;
}

.woocommerce table.shop_table {
  border: none;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
  /* border-collapse: separate; */
  /* border-radius: 5px; */
}

.woocommerce table.shop_table .product-price {
  /* border-top: none; */
  margin: 0px;
  display: table-cell;
}



td.product-name .imgsec {
  display: flex;
  align-items: center;
  gap: 11px;
  background-color: #F5F5F5;
  border-radius: 22px;
  margin: 15px 0px;
  width: 365px;

}

td.product-name .imgsec a {
  text-decoration: none;
  color: #264136;
  font-size: 17px;
  font-weight: 600;
}

td.product-name img {
  height: 97px !important;
  width: 121px !important;
  border-radius: 22px;
}

.cart_totals {
  border-radius: 22px;
  border: 1px solid #264136;
  padding: 30px;
}

.cart_totals .woocommerce table.shop_table {
  border: none;
}

.cart_totals th {
  border: none !important;
}

.cart_totals td {
  border: none !important;
}

tbody {
  border: none !important;
}

.woocommerce table.shop_table td {
  /* border-top: 1px solid rgba(0, 0, 0, .1); */
  border: none !important;
  padding: 9px 12px;
  vertical-align: middle;
  line-height: 1.5em;
  color: #264136;
  font-family: Gilroy, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
}

.woocommerce table.shop_table tr {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

a.checkout-button.button.alt.wc-forward {
  background-color: #264136;
  border-radius: 70px;
  padding: 16px;
  font-family: Gilroy, sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px !important;
}

.woocommerce table.shop_table th {
  color: #264136;
  font-family: Gilroy, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
}


button.button.update-cart {
  background-color: #264136;
  border-radius: 70px;
  padding: 16px;
  font-family: Gilroy, sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-top: 10px !important;
}

button.button.update-cart:hover {
  background-color: #264136;
  border-radius: 70px;
  padding: 16px;
  font-family: Gilroy, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500;
  color: #fff;
}

td.product-quantity h4 {
  text-decoration: none;
  color: #264136;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 7px;
}

h1.cart-title {
  display: none;
}

/* .cart_totals h2 {
  display: none
} */

.woocommerce-cart.custom-cart-page {
  padding: 83px 0px;
}


.woocommerce table.shop_table tbody tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; */
}


.cart_totals table.shop_table.shop_table_responsive tbody tr td {
  border: none !important;
}

td.product-quantity {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

td.product-quantity {
  padding: 10px 0 !important;
}

td.product-name {
  padding: 10px 0px !important;
}

.cart_totals h2 {
  text-align: center;
  color: #264136;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 21px;
}

/*  */

.filters-area {
  width: 100% !important;
}

.filters-area {
  width: 100% !important;
  background: #fff !important;
  padding: 22px 29px !important;
  border: 1px solid #264136 !important;
  border-radius: 21px !important;
  font-family: Gilroy, sans-serif !important;
}


.filter-section h3 {
  font-size: 20px !important;
  margin-bottom: 10px;
  border-bottom: 2px solid #eee;
  padding-bottom: 17px !important;
  font-weight: 600 !important;
  color: #264136 !important;
}

.price-slider-wrap {
  border-top: 1px solid #000;
  padding-top: 13px;
}

.price-values {
  padding-top: 20px;
}

.price-slider-wrap h3 {
  padding-bottom: 12px;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #264136 !important;
}

div#price-slider {
  height: 10px;
}

.noUi-connect {
  background: #264136 !important;
  height: 10px;

}

.noUi-horizontal .noUi-handle {
  width: 19px !important;
  height: 19px !important;
  right: -17px;
  top: -6px;
  border-radius: 50px !important;
}

.noUi-handle {
  border: 1px solid #264136 !important;
  background: #264136 !important;
  box-shadow: none;
}

.noUi-handle:after,
.noUi-handle:before {

  background: #264136 !important;
  display: none !important
}

.prodhead {
  font-size: 34px;
  padding-bottom: 20px;
}

input[type="search"] {
  background-color: transparent;
  border: none;
  outline: unset;
  width: 100%;
}

.searchBtn {
  padding: 10px 21px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  margin-top: -4px;
}

.searchForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog-meta .dot {
  margin: 0px;
}

ul.products.columns-4 {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  gap: 10px;
}

.products-area {
  width: 100% !important;
}

.woocommerce ul.products::before {
  content: " ";
  display: none;
}

.formContainer {
  text-align: center;
  border: none;
  background-color: #bad3c9;
  margin: 90px auto !important;
  width: 430px;
  height: auto;
  padding: 30px;
  color: #264136;
  font-family: Gilroy, sans-serif;
  border-radius: 18px;
}

.formContainer.register {

  width: 620px;
  height: auto;

}

.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 6px;
  margin-top: 20px;
}

.formContainer input {
  padding: 12px 16px !important;
  border: none !important;
  background: #f2f2f2 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  outline: none !important;
  font-family: Gilroy, sans-serif !important;
}


.formContainer h1 {
  font-size: 30px;
  text-align: center;
  padding: 10px;
  font-family: Gilroy, sans-serif !important;
}

.formContainer .woocommerce-button {
  transition: all 0.3s ease;
  width: 129px;
  height: 45px;
  padding: 10px 20px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: white !important;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 5px auto;
}


.formContainer .regbtn {
  transition: all 0.3s ease;
  width: 129px;
  height: 45px;
  padding: 10px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: white !important;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 5px auto;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: inline-block;
  float: right;
  position: relative;
  top: 10px
}

p.woocommerce-LostPassword.lost_password {
  position: relative;
}

.woocommerce-LostPassword.lost_password a {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

/*  */
.woocommerce-form .form-row {
  display: flex;
  align-items: normal;
  gap: 10px;
  flex-direction: column;
  margin: 23px 0px;
}

.woocommerce-form .form-row label {
  min-width: 150px;
  /* fixed label width so inputs align nicely */
  margin: 0;
}

.woocommerce-form .form-row input[type="text"],
.woocommerce-form .form-row input[type="password"] {
  flex: 1;
  /* let the input take remaining space */
  padding: 8px;
  border: 1px solid #ccc;
}


input#avatar {
  background-color: unset !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {

  padding: 14px 15px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}


form.woocommerce-product-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

input#search-products {
  border: unset;
}

.woocommerce #review_form #respond p {
  margin: 0 0 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.woocommerce #review_form #respond textarea {
  box-sizing: border-box;
  width: 50%;
}

.woocommerce #reviews #comments ol.commentlist li {
  padding: 0;
  margin: 0 0 20px;
  border: 0;
  position: relative;
  background: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 8px;
}

.comment_container {
  width: 50%;
}

.product-add-to-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

form.cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 17px;
}

.woocommerce #review_form #respond .form-submit input {
  left: auto;
  color: white;
  width: 129px;
  height: 45px;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;

}

.contact-wrapper.blogCont input {
  margin-bottom: 10px;
}

form.cart .qty-btn {
  background: #f2f2f2 !important;
  color: #264136 !important;
  border: none !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
}

form.cart .quantity {
  border: none !important;
  background-color: #f2f2f2 !important;
  ;
}

input:focus-visible {
  outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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


.custom-qty .qty-btn {
  background: #f2f2f2 !important;
  color: #264136 !important;
  border: none !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
}

.custom-qty {
  border: unset !important;
}

.couponBox {
  border-radius: 22px;
  border: 1px solid #264136;
  padding: 30px;
  margin-bottom: 20px;
}

.coupon {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.coupon label {
  text-align: center;
  color: #264136;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 21px;
}

/* .coupon-input-wrapper {
  position: relative;
  width: 350px;
  /* same as button width you had */


.coupon input {
  width: 100%;
  border: none;
  outline: none;
  background: #f2f2f2;
  padding: 14px 110px 14px 17px;
  /* right padding for button space */
  font-size: 14px;
  border-radius: 30px;
  box-sizing: border-box;
  position: relative;
}

.coupon button {
  background-color: #264136 !important;
  border-radius: 70px !important;
  padding: 14px !important;
  font-family: Gilroy, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 0px !important;
  color: #fff !important;
  width: 107px !important;
  position: absolute !important;
  right: 2px;
  top: 21px;
  transform: translateY(-50%);
}

button.button.update-cart {
  color: #fff !important;
}

input#author {
  padding: 12px 16px;
  border: none;
  background: #f2f2f2;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  font-family: Gilroy, sans-serif;
  width: 20%;
}

input#email {
  padding: 12px 16px;
  border: none;
  background: #f2f2f2;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  font-family: Gilroy, sans-serif;
  width: 20%;
}

.woocommerce-checkout.custom-checkout-page {
  padding: 83px 0px;
}

.custom-checkout-page .custom-billing-title {
  color: #264136 !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  font-family: Gilroy, sans-serif !important;
  border-bottom: none;
}

.custom-checkout-page .custom-billing-description {
  color: #264136 !important;
  font-family: Gilroy, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.woocommerce-billing-fields>h3 {
  color: #264136 !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  padding-top: 20px !important;
  border-bottom: none;
  font-family: Gilroy, sans-serif !important;
  margin-bottom: 0px;
}

.billing-column input {
  padding: 12px 16px !important;
  border: none !important;
  background: #f2f2f2 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  outline: none !important;
  font-family: Gilroy, sans-serif !important;
}

.select2-container .select2-selection {
  border: none !important;
}

span#select2-billing_country-container {
  padding: 14px !important;
  border: none !important;
  background: #f2f2f2 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  outline: none !important;
  font-family: Gilroy, sans-serif !important;
  width: 100% !important;
}

span#select2-billing_state-container {
  padding: 14px !important;
  border: none !important;
  background: #f2f2f2 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  outline: none !important;
  font-family: Gilroy, sans-serif !important;
  width: 100% !important;
}

textarea#order_comments {
  padding: 12px 16px;
  border: none;
  background: #f2f2f2;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  font-family: Gilroy, sans-serif;
}

button#place_order {
  background-color: #264136 !important;
  border-radius: 70px !important;
  padding: 16px !important;
  font-family: Gilroy, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 0px !important;
  color: #fff !important;
}



button#place_order {
  background-color: #264136 !important;
  border-radius: 70px !important;
  padding: 16px !important;
  font-family: Gilroy, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 0px !important;
  color: #fff !important;
}


.cusrom_order_review h3 {
  text-align: center;
  color: #264136;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 21px;
}


/* thankyou */
.custom-thankyou-page {
  padding: 84px 0px;
  text-align: center;
}

.custom-thankyou-page img {
  height: 88px;
  width: 88px;
  margin-bottom: 10px;
}

.custom-thankyou-page h1 {
  font-size: 30px;
  color: #264136;
  font-weight: 700;
  font-family: Gilroy, sans-serif;
}

.custom-thankyou-page p {
  font-size: 14px;
  color: #555;
  font-family: Gilroy, sans-serif;
  margin: 10px 0;
}

a.button.continue {
  color: white;
  width: 189px;
  padding: 14px;
  background: #264136;
  border-radius: 30px;
  border: none;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 20px;
}

a.button.continue:hover {
  color: white;
  background: #264136;

}

ul.order-details li {
  font-size: 14px;
  color: #555;
  font-family: Gilroy, sans-serif;
  line-height: 18px;
}

ul.order-details {
  border: 2px solid #264136;
  border-radius: 30px;
  padding: 23px;
  width: max-content;
  text-align: justify;
  margin: 4px auto;
}



.detail h4 {
  text-decoration: none;
  color: #264136;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.detail p {
  color: #264136;
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

.detail {
  width: 358px;
}

table.shop_table.woocommerce-checkout-review-order-table {
  border-radius: 22px;
  border: 1px solid #264136;
  padding: 20px;
  margin-bottom: 20px;
}

.cusrom_order_review h3 {
  text-align: center;
  color: #264136;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 21px;
}

table.shop_table.woocommerce-checkout-review-order-table tfoot th {
  border: none !important;
}

.order-column .shop_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.order-column .shop_table thead,
.order-column .shop_table tfoot {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.order-column .shop_table tbody {
  display: block;
  max-height: 238px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

.order-column .shop_table tbody tr {
  display: table;
  table-layout: fixed;
}

.order-column th.product-name {
  width: 85%;
}

.order-column th.product-total {
  width: 15%;
}

.order-column td.product-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* 
.woocommerce-edit-account .woocommerce,
.woocommerce-orders .woocommerce {
  display: flex;
  max-width: 1320px;
  margin: 0 auto;
}

.woocommerce .custom-myaccount-div {
  width: 100%;
  max-width: 30%;
  padding: 30px;
}

.woocommerce .woocommerce-MyAccount-content {
  float: unset;
  width: 100%;
  max-width: 70%; */

/* .woocommerce-orders .woocommerce,
.woocommerce-edit-account .woocommerce,
.woocommerce-edit-address .woocommerce,
.woocommerce-payment-methods .woocommerce {
  display: flex;
  max-width: 1320px;
  margin: 0 auto;
  gap: 30px;
  align-items: flex-start;
  padding: 20px 0px;
  box-sizing: border-box;
} */
.custom-myaccount-pages {
  display: flex;
  padding: 40px 0px;
}

/* Left nav */
.custom-myaccount-pages>.custom-myaccount-div {
  flex: 0 0 250px;
  /* fixed width sidebar */
}

/* Right content */
.custom-myaccount-pages>.woocommerce-MyAccount-content {
  flex: 1;
  /* take remaining space */
}


/* @media (max-width: 768px) {
  .woocommerce {
    flex-direction: column;
    max-width: 100%; 
  }

  .woocommerce > .custom-myaccount-div,
  .woocommerce > .woocommerce-MyAccount-content {
    flex: 1 1 100%;
  }
} */

@media (max-width: 1200px) {
  .woocommerce-orders .woocommerce {
    max-width: 100%;
    /* full width on smaller screens */
  }
}

.custom-myaccount-nav a {
  text-decoration: none !important;
  color: #264136 !important;
  font-family: Gilroy, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-bottom: 2px solid lightgray !important;
  padding-bottom: 11px !important;
}

.custom-myaccount-nav li {
  margin-bottom: 10px;
  line-height: 40px;
}

/*  */
.custom-orders-page .orders-table,
.payTable .account-payment-methods-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 20px 0 !important;
  font-family: "Gilroy", sans-serif !important;
  /* optional */
  font-size: 15px !important;
  color: #333 !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  /* rounded corners */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* Table head */
.custom-orders-page .orders-table thead,
.payTable .account-payment-methods-table thead {
  background-color: #264136 !important;
  color: #fff !important;
}

.custom-orders-page .orders-table th,
.payTable .account-payment-methods-table th {
  padding: 14px 16px !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  color: #fff !important;
}

/* Table body */
.custom-orders-page .orders-table td,
.payTable .account-payment-methods-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
}

/* Zebra rows */
.custom-orders-page .orders-table tbody tr:nth-child(even),
.payTable .account-payment-methods-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect */
.custom-orders-page .orders-table tbody tr:hover,
.payTable .account-payment-methods-table tbody tr:hover {
  background-color: #f1f7f5;
}

/* Links (Actions) */
.custom-orders-page .orders-table a,
.payTable .account-payment-methods-table a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  background: #264136;
  color: #fff !important;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.custom-orders-page .orders-table a:hover,
.payTable .account-payment-methods-table a:hover {
  background: #3a5d4d;
}


.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"] {
  width: 100% !important;
  border: none !important;
  outline: none;
  background: #f2f2f2 !important;
  padding: 14px 110px 14px 17px !important;
  font-size: 14px !important;
  border-radius: 30px !important;
  box-sizing: border-box !important;
  position: relative;
}

fieldset {
  padding: 0px;
}

button.woocommerce-Button.button {
  color: white;
  width: 129px;
  height: 45px;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 10px;
}

form.woocommerce-EditAccountForm.edit-account .form-row {
  margin: 0px;
}


.u-column1.col-1.woocommerce-Address {
  border-radius: 22px;
  border: 1px solid #264136;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

.u-column2.col-2.woocommerce-Address {
  border-radius: 22px;
  border: 1px solid #264136;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

a.edit {
  color: white;
  width: fit-content;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

header.woocommerce-Address-title.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header.woocommerce-Address-title.title h2 {
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  color: #264136;
  font-weight: 600;
}

.woocommerce-account .addresses .title::before {
  display: none !important;
}

.woocommerce-account .addresses .title::after {
  display: none !important;
}


.payTable thead {
  display: table-header-group !important;
}

a.button.payem {
  color: white;
  width: fit-content;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

a.button.payem:hover {
  color: white;
  width: fit-content;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}



.bf-btn {
  display: inline-block;
  transition: all 0.3s ease;
  width: auto;
  padding: 10px;
  background: #264136;
  border-radius: 30px;
  border: none;
  color: #e9e6db;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

/* ------ Header ------ */
.bf-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #264136;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  padding: 18px 22px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.bf-order-no {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}

.bf-order-meta {
  color: #fff;
  font-size: 13px;
  margin-top: 6px;
}

.bf-total {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}

/* ------ Progress ------ */
.bf-progress {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  margin-top: 16px;
  padding: 18px 22px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow-x: auto;
}

.bf-steps {
  list-style: none;
  margin: 0;
  padding: 4px 8px;
  display: flex;
  min-width: 500px;
}

.bf-step {
  position: relative;
  text-align: center;
  padding: 10px 6px 0;
  flex: 1;
}

.bf-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 auto;
  background: #d1d5db;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 0 3px #fff inset;
  transition: all 0.3s ease;
}

.bf-step.is-done .bf-dot {
  background: #0f6a51;
}

.bf-step.is-current .bf-dot {
  box-shadow: 0 0 0 3px #d6f5ec inset;
  transform: scale(1.2);
}

.bf-line {
  position: absolute;
  top: 18px;
  left: 50%;
  right: -50%;
  height: 3px;
  background: #e5e7eb;
  z-index: 1;
  transition: all 0.3s ease;
}

.bf-step.is-done+.bf-step .bf-line,
.bf-step.is-current+.bf-step .bf-line {
  background: #264136;
}

.bf-step-title {
  margin-top: 10px;
  font-weight: 700;
  color: #264136;
  font-size: 13px;
  white-space: nowrap;
}

.bf-step-date {
  color: #6b7280;
  font-size: 12px;
  margin-top: 2px;
  white-space: nowrap;
}

.contact-info span {
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
  display: inline;
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

label.after-label {
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: rgba(129, 110, 153, .14);
  border-radius: 5px;
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

.woocommerce form .form-row label {
  line-height: 3;
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

.woocommerce-MyAccount-content p {
  font-family: Gilroy, sans-serif !important;
  font-size: 14px;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: right;
  margin-top: 10px;
}

button.woocommerce-Button.button.regbtn {
  color: #264136;
}

/*  */
.woocommerce-privacy-policy-text p {
  line-height: 18px;
}

button.woocommerce-Button.button.saveBtn {
  transition: all 0.3s ease;
  width: 129px;
  height: 45px;
  padding: 10px;
  border: 1px solid #264136;
  border-radius: 30px;
  background: white !important;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 5px auto;
}

.formContainer .woocommerce-button {
  width: auto;
}

h2.woocommerce-Reviews-title {
  font-family: Gilroy, sans-serif !important;
  margin-left: 10px;
  margin-bottom: 10px;
}

.woocommerce-info {
  font-family: Gilroy, sans-serif !important;
}

legend {
  font-size: 20px;
  margin: 10px 0px;
  font-weight: 600;
  font-family: Gilroy, sans-serif !important;

}

div#product-pagination a {
  background-color: #F5F5F5;
  padding: 9px 13px;
  text-decoration: none;
  color: #000;
  border-radius: 5px;
}

div#product-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 0px;
  border-top: 2px solid #f5f5f5;
  margin-top: 50px;
  position: relative;
}

.content p {
  font-family: Gilroy, sans-serif !important;
  color: #264136;
  line-height: 22px;
}

/* .contact-wrapper .form-section p input {
  width: 20px;
} */


.contact-wrapper .form-section input#submit {
  width: 140px;
  background-color: #264136;
  color: #fff;
  margin-top: 15px;
}


input[type="file"] {
  display: none;
}

.uploaded {
  padding: 12px 16px !important;
  border: none !important;
  background: #f2f2f2 !important;
  color: #000;
  border-radius: 20px !important;
  font-size: 14px !important;
}

.shop-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

select#custom-orderby {
  transition: all 0.3s ease;
  padding: 10px;
  background: transparent;
  color: #264136;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: unset;
}

p.comment-form-cookies-consent {
  display: none !important;
}

a.prev.page-numbers {
  position: absolute;
  left: 0px;
}

a.next.page-numbers {
  position: absolute;
  right: 0px;
}

label.sort {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

p.errorText {
  padding: 36px 0px;
  /* color: #264136; */
  font-family: Gilroy, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

p.errorText a {
  text-decoration: none;
  color: #264136;
  font-weight: 600;
}

.content ul {
  font-family: Gilroy, sans-serif !important;
  color: #264136;
  line-height: 22px;
  margin-bottom: 10px;
}

.content ul li {
  list-style: circle;
  margin-left: 20px;
  margin-top: 8px;
}