@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Eczar&family=Gentium+Plus&family=Libre+Baskerville&family=Libre+Franklin&family=Proza+Libre&family=Rubik&family=Taviraj&family=Trirong&family=Work+Sans&display=swap");

:root {
  /* --theme-color: #395625; */
  --theme-color: #0b533b;
  --secondary-color: #e6d7b5;
  --black-color: #222;
  --font-1: "Libre Baskerville", serif;
  --font-2: "Poppins", sans-serif;
  --font-3: "Exo 2", sans-serif;
  --cursive-font: "Kalam", cursive;
}

/* common style started here */
body {
  background: linear-gradient(99deg, #e6d7b5, #ceeeb8bf, #0b533b94);
  /* background: #39562517; */
}

a {
  text-decoration: none;
}

.common-heading {
  position: relative;
  text-transform: uppercase;
  color: var(--theme-color);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
  transition: all 500ms ease;
  font-family: var(--font-2);
}

.common-heading::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 4px;
  border-radius: 20px;
  background: #ddd;
  left: 30px;
  bottom: -5px;
}

.common-heading::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 4px;
  border-radius: 20px;
  background: #e0a41c;
  left: 0;
  bottom: -5px;
}

.common-heading.center-common-heading {
  text-align: center;
}

.common-heading.center-common-heading::before {
  left: 50%;
  transform: translateX(-7px);
}

.common-heading.center-common-heading::after {
  left: 50%;
  transform: translateX(-37px);
}

.common-heading.white-heading {
  color: #fff;
}

.sec-pad {
  padding: 50px 0;
}

input:focus {
  box-shadow: none;
}

/* common style ended here */

/* product details (SHOP) page started here */
.shop-top-one {
  /* background: url(../images/background/shop-top-one.png); */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.shop-top-one-overlay {
  width: 100%;
  height: 100%;
  /* background: #ecf1ecd6; */
}

.recommended-section-bg {
  background: url(../images/background/wheat.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.recommended-section-bg .recommended-section {
  width: 100%;
  height: 100%;
  background: #2b2c2b9e;
}

.media-container {
  display: flex;
  gap: 15px;
  height: 500px;
}

.media-container #preview-image {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.thumbnails {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* height: calc(100% - 80px); */
}

.thumbnail {
  width: 60px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s ease;
  border-radius: 15px;
}

.thumbnail.active {
  border: 2px solid green;
  padding: 2px;
}

.thumbnail.youtube-thumbnail {
  position: relative;
}

.youtube-thumbnail .youtube-thumbnail-play {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000069;
  color: #fff;
  border-radius: 15px;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
}

.thumbnail:hover {
  border: 2px solid #007bff;
}

.preview {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#preview-image,
#preview-video {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  object-fit: cover;
}

.shop-click-gif-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width: 66%;
}

.shop-click-gif-container img {
  height: 100px;
  animation: floatUpDown 2s infinite ease-in-out;
}

@keyframes floatUpDown {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.shop-click-gif-container p {
  font-family: var(--font-3);
  width: 200px;
  text-align: center;
}

.shop-right-container {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.product-details-heading {
  font-size: 20px;
  font-family: var(--font-2);
  color: var(--theme-color);
  background: #4a553930;
  padding: 8px 10px;
  border-radius: 10px;
}

.product-details-star-container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.product-details-star-wrapper {
  display: flex;
  flex-direction: row;
  gap: 2px;
}

.product-details-star-wrapper i {
  color: #fbcd0a;
  font-size: 16px;
}

.star-rating-label {
  font-size: 13px;
  font-family: var(--font-2);
  color: var(--theme-color);
  font-weight: 600;
}

.product-price-list-container {
  align-items: center;
  display: flex;
  gap: 10px;
}

.product-info-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-family: var(--font-2);
}

@keyframes akash-blink {
  25% {
    background-color: red;
    color: #fff;
  }

  50% {
    background-color: green;
    color: #fff;
  }

  75% {
    background-color: blue;
    color: #fff;
  }
}

.product-info-price .label-discount {
  font-size: 12px !important;
  padding: 3px 5px !important;
  background: var(--theme-color);
  line-height: 1;
  border-radius: 4px;
  color: #fff !important;
  animation: akash-blink 800ms step-end infinite;
}

.product-info-price .price-list {
  font-size: 21px;
  font-weight: 500;
}

.product-info-price {
  font-size: 13px;
  font-weight: 500;
  color: var(--theme-color);
  margin-bottom: 10px;
}

.product-part-2-button-container {
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}

.product-details-part-2-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-details-part-2-container .product-details-part-2-item {
  margin-bottom: 10px;
}

.product-details-part-2-item .product-details-part-2-item-heading {
  font-size: 17px;
  font-family: var(--font-2);
  color: var(--black-color);
  font-weight: 500;
  margin-bottom: 3px;
  display: block;
}

/*  */
.tab-button-container .tab-button.active {
  background-color: var(--theme-color);
  color: white;
  transition: background-color 0.3s, color 0.3s;
}

.tab-button-container .tab-button {
  transition: transform 0.5s;
  background: #39562566;
  border: none;
  color: #16210f;
  text-transform: uppercase;
  font-weight: 500;
}

.product-details-section-two .tab-button-container {
  gap: 6px;
  background: #b8bfb329;
  padding: 4px;
  border-radius: 4px;
}

.tab-button-container .tab-button:focus {
  outline: 0;
  box-shadow: none;
}

.product-details-section-two .product-details-tab-container {
  box-shadow: 0 0 10px #0000002b;
  padding: 10px;
  border-radius: 5px;
  background: #fff;
}

.product-details-related-product-container {
  box-shadow: 0 0 10px #0000002b;
  /* padding: 10px; */
  border-radius: 5px;
}

.recommended-section
  .customer-also-search-container
  .product-details-related-product-container {
  background: #fff;
}

.product-details-related-product-heading {
  font-family: var(--font-2);
  font-size: 22px;
  background: #d4d4d4;
  color: var(--theme-color);
  padding: 8px;
  border-radius: 5px 5px 0 0;
}

.product-details-related-product-container .related-product-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.related-product-container .related-product-item {
  display: flex;
  flex-direction: row;
  gap: 10px;
  border: 1px solid #bdbabaab;
  background: #dddddd69;
  box-shadow: 0 0 10px #cbc5c55c;
  text-decoration: none;
}

.related-product-container .related-product-item img {
  width: 100px;
  height: auto;
}

.related-product-container .related-product-item h2 {
  color: var(--theme-color);
  font-family: var(--font-2);
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.related-product-container
  .related-product-item
  .product-details-star-wrapper
  i,
.related-product-container .related-product-item .star-rating-label {
  font-size: 11px;
}

.related-product-container .related-product-item .related-product-price {
  font-size: 20px;
  font-weight: 500;
  color: var(--black-color);
  font-family: var(--font-2);
  display: block;
}

.related-product-container .related-product-item button {
  background: var(--theme-color);
  color: #fff;
  padding: 2px 17px;
  font-family: var(--font-2);
  border-radius: 2px;
  font-size: 13px;
  border: none;
}

.bestseller-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--theme-color);
  color: #fff;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 8px;
  box-shadow: 0 0 10px #00000024;
  border: 1.3px solid #fff;
}

.wishlist-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  color: var(--theme-color);
  font-size: 22px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 21px;
  padding-top: 4px;
  box-shadow: 0 0 10px #0000004f;
}

.wishlist-btn .far.fa-heart {
  display: block;
}

.wishlist-btn.wishlisted .far.fa-heart {
  display: none;
}

.wishlist-btn .fas.fa-heart {
  display: none;
}

.wishlist-btn.wishlisted .fas.fa-heart {
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease;
  animation: fill-heart 0.5s ease;
}

@keyframes fill-heart {
  0% {
    transform: scale(1);
    color: #fff;
  }

  50% {
    transform: scale(1.2);
    color: var(--theme-color);
  }

  100% {
    transform: scale(1);
    color: var(--theme-color);
  }
}

/*  */

.main-product-item {
  display: block;
  position: relative;
  background-color: #fff;
  box-shadow: 0 6px 12px #0000001a, 0 3px 6px #00000014;
  border-radius: 4px;
  text-decoration: none;
}

.main-product-item .product-item-img-container {
  width: 100%;
  padding: 7px;
  display: block;
}

.main-product-item .product-item-img-container img {
  width: 100%;
  height: auto;
  transition: 0.5s all ease-in-out;
}

.main-product-item .product-after {
  display: none;
  transition: 0.5s all ease-in-out;
}

.main-product-item:hover .product-after {
  display: block;
  transition: 0.5s all ease-in-out;
}

.main-product-item:hover .product-before {
  display: none;
  transition: 0.5s all ease-in-out;
}

.main-product-item .product-details-star-wrapper {
  gap: 0px;
}

.main-product-item .product-details-star-wrapper i {
  font-size: 8px;
}

.main-product-item .star-rating-label {
  font-size: 9px;
}

.main-product-item .product-details-star-container {
  gap: 2px;
  margin-top: 5px;
  justify-content: flex-end;
  padding-right: 10px;
  flex-direction: column;
}

.main-product-item .product-item-info-container {
  padding: 10px;
}

.main-product-item .product-item-info-container h2 {
  font-size: 14px;
  margin-bottom: 0px;
  text-align: center;
  font-family: var(--font-2);
  color: var(--theme-color);
}

.main-product-item
  .product-item-info-container
  .product-item-dropdown-and-count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.main-product-item select {
  flex: 1;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  font-family: var(--font-2);
  border-radius: 3px;
  font-size: 13px;
  font-size: 15px;
  margin-bottom: 7px;
}

.product-quantity-container button {
  border: none;
  background: #2d68041a;
}

.product-info-price-and-add {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  align-items: center;
  font-family: var(--font-2);
  justify-content: space-between;
}

.product-info-btn-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  margin-top: 6px;
}

.product-info-btn-container .button-type-1 {
  border-radius: 3px;
  font-size: 11px;
  padding: 4px 6px !important;
  font-weight: 300;
  text-transform: capitalize;
  font-family: var(--font-2);
}

.main-product-item .product-info-price-and-add span {
  font-size: 16px;
  color: var(--theme-color);
  font-weight: 600;
}

.main-product-item .product-info-price-and-add span.star-rating-label {
  font-size: 9px;
}

.shop-tab-description-table {
  width: 100%;
  /* border: 1px solid #222; */
}

.shop-tab-description-table td,
.shop-tab-description-table th {
  border: 1px solid #0f0f0fa3;
  padding: 5px;
  vertical-align: unset;
}

.shop-tab-description-table th {
  background: #395625;
  color: #fff;
  font-family: var(--font-2);
  font-weight: 400;
  font-size: 13px;
}

.shop-tab-description-table tbody tr {
  background: #e4efdd73;
  font-family: var(--font-2);
  color: var(--theme-color);
  font-size: 12px;
}

.shop-tab-description-table tbody tr:nth-child(odd) {
  /* background: #e6d7b569; */
  background: #e6d7b517;
}

.product-details-section-two-bg {
  background: url(../images/background/shop.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-details-section-two {
  /* background: #fff; */
  background: #0b533bcf;
}

.shop-second-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.shop-second-row .shop-second-row-table-container {
  flex: 1;
}

.shop-second-row .customer-also-search-container {
  width: 33%;
  background: #fff;
  transition: 0.3s all ease-in-out;
  display: block;
}

.shop-second-row .customer-also-search-container.hide-section {
  display: none;
}

/* product details (SHOP) page ended here */

.product-part-2-button-container button {
  position: relative;
  background: linear-gradient(
      277deg,
      rgba(213, 213, 213, 0.1) 0%,
      rgba(213, 213, 213, 0.02) 50%,
      rgba(42, 42, 42, 0.02) 50%,
      rgba(42, 42, 42, 0.2) 100%
    ),
    linear-gradient(
      295deg,
      rgba(73, 73, 73, 0.3) 0%,
      rgba(73, 73, 73, 0.1) 50%,
      rgba(229, 229, 229, 0.1) 50%,
      rgba(229, 229, 229, 0.03) 100%
    ),
    linear-gradient(
      145deg,
      rgba(77, 77, 77, 0.1) 0%,
      rgba(77, 77, 77, 0.1) 50%,
      rgba(123, 123, 123, 0.1) 50%,
      rgba(123, 123, 123, 0.1) 100%
    ),
    linear-gradient(
      54deg,
      rgba(51, 51, 51, 0.3) 0%,
      rgba(51, 51, 51, 0.1) 50%,
      rgba(29, 29, 29, 0.2) 50%,
      rgba(29, 29, 29, 0.03) 100%
    ),
    linear-gradient(
      170deg,
      rgba(9, 9, 9, 0.02) 0%,
      rgba(9, 9, 9, 0.02) 50%,
      rgba(243, 243, 243, 0.02) 50%,
      rgba(243, 243, 243, 0.02) 100%
    ),
    linear-gradient(
      264deg,
      rgba(214, 214, 214, 0.01) 0%,
      rgba(214, 214, 214, 0.01) 50%,
      rgba(153, 153, 153, 0.01) 50%,
      rgba(153, 153, 153, 0.01) 100%
    ),
    linear-gradient(90deg, #395625, #cd9a32);
  padding: 8px 16px;
  width: 189px;
  border: 1px solid var(--theme-color);
  border-radius: 25px 7px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: all 0.7s ease;
  font-size: 13px;
  max-width: 31%;
}

.product-part-2-button-container button:disabled {
  position: relative;
  background: linear-gradient(
      277deg,
      rgba(213, 213, 213, 0.05) 0%,
      rgba(213, 213, 213, 0.02) 50%,
      rgba(42, 42, 42, 0.02) 50%,
      rgba(42, 42, 42, 0.1) 100%
    ),
    linear-gradient(
      295deg,
      rgba(73, 73, 73, 0.1) 0%,
      rgba(73, 73, 73, 0.05) 50%,
      rgba(229, 229, 229, 0.05) 50%,
      rgba(229, 229, 229, 0.02) 100%
    ),
    linear-gradient(
      145deg,
      rgba(77, 77, 77, 0.05) 0%,
      rgba(77, 77, 77, 0.05) 50%,
      rgba(123, 123, 123, 0.05) 50%,
      rgba(123, 123, 123, 0.05) 100%
    ),
    linear-gradient(
      54deg,
      rgba(51, 51, 51, 0.1) 0%,
      rgba(51, 51, 51, 0.05) 50%,
      rgba(29, 29, 29, 0.1) 50%,
      rgba(29, 29, 29, 0.01) 100%
    ),
    linear-gradient(
      170deg,
      rgba(9, 9, 9, 0.01) 0%,
      rgba(9, 9, 9, 0.01) 50%,
      rgba(243, 243, 243, 0.01) 50%,
      rgba(243, 243, 243, 0.01) 100%
    ),
    linear-gradient(
      264deg,
      rgba(214, 214, 214, 0.005) 0%,
      rgba(214, 214, 214, 0.005) 50%,
      rgba(153, 153, 153, 0.005) 50%,
      rgba(153, 153, 153, 0.005) 100%
    ),
    linear-gradient(90deg, #7a7a7a, #a8a8a8);
  padding: 8px 20px;
  width: 189px;
  border: 1px solid #7a7a7a;
  border-radius: 25px 7px;
  color: #3b4830;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
  cursor: not-allowed;
  opacity: 0.6;
  transition: none;
  font-weight: 600;
}

.product-part-2-button-container button:after {
  position: absolute;
  top: 20%;
  left: 50%;
  background: linear-gradient(45deg, #fff9eb, #f4d893, #f8f2dd);
  width: 150px;
  height: 30px;
  content: "";
  transform: translate(-50%);
  border-radius: 25px 7px;
  filter: blur(20px);
  z-index: -1;
}

.product-part-2-button-container button:hover,
.product-part-2-button-container button.active {
  border-radius: 7px 25px;
  background: linear-gradient(
    45deg,
    #42ee90 0%,
    #42ee90 6%,
    #3cd380 6%,
    #3cd380 25%,
    #36b870 25%,
    #36b870 40%,
    #309d60 40%,
    #309d60 45%,
    #2a824f 45%,
    #2a824f 53%,
    #24673e 53%,
    #24673e 66%,
    #1e4c2e 66%,
    #1e4c2e 100%
  );
  /* background: linear-gradient(45deg, #ef0781 0%, #ef0781 6%, #d00a70 6%, #d00a70 25%, #b10d60 25%, #b10d60 40%, #93104f 40%, #93104f 45%, #74133e 45%, #74133e 53%, #55162e 53%, #55162e 66%, #36191d 66%, #36191d 100%); */
  letter-spacing: 0.2em;
  border: 1px solid white;
}

.product-part-2-button-container.product-price-btn-container button {
  font-size: 20px;
}

.product-part-2-button-container button span {
  font-size: 14px;
  font-family: var(--font-2);
}

/*  */
.section-2 {
  background: var(--theme-color);
}

.section-2 .common-heading {
  color: #fff;
}

.section-2-content-wrapper p {
  text-align: justify;
  font-size: 16px;
  color: #fff;
}

.section-2-content-wrapper h3 {
  font-size: 22px;
  /* color: #a3740d; */
  color: #dea21d;
  font-family: var(--font-1);
  font-style: italic;
}

.section-2-content-wrapper ul {
  font-size: 16px;
  font-family: var(--font-2);
  margin-bottom: 0px;
  list-style-type: none;
  padding-left: 0px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.section-2-content-wrapper ul li {
  position: relative;
  padding-left: 30px;
}

.section-2-content-wrapper ul li::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  transition: 0.4s all ease-in-out;
  background-image: url(../images/icon/cow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.section-3-video-container {
  background: linear-gradient(45deg, #fff, #46e45b);
  padding: 7px;
  padding-bottom: 2px;
  border-radius: 7px;
}

.section-3-video-container video {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  border: 2px solid #fff;
}

/* faq started here */
.faq-section {
  background: url(../images/background/faq-min.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

.faq-img-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-img-container img {
  width: 100%;
  height: auto;
}

.faculty-page-section .home-faculty-item {
  margin-bottom: 25px;
  cursor: pointer;
}

.product-details-accordian-container .accordion-item {
  border: none;
  background: transparent;
}

.product-details-accordian-container
  .accordion-item
  .accordion-header
  .accordion-button {
  background: var(--theme-color);
  border-radius: 35px;
  color: #fff;
  margin-bottom: 5px;
}

.product-details-accordian-container
  .accordion-item
  .accordion-header
  .accordion-button.collapsed {
  background: linear-gradient(45deg, var(--theme-color), #42ee90);
  border-radius: 35px;
}

.product-details-accordian-container
  .accordion-item
  .accordion-header
  .accordion-button:focus {
  box-shadow: none;
}

.product-details-accordian-container .accordion-item .accordion-body {
  background: #dfece5d9;
  border-radius: 25px;
  margin-bottom: 20px;
}

.product-details-part-2-container .product-details-container-two {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* faq ended here */

/* testimonial started here */
.testimonials-section {
  background: url(../images/background/review-min.png);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonials-section .section-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #395625db, #9ce6737d);
}

.testimonials-section .row {
  position: relative;
}

.testimonials-section .AkashTestimonialstSwiper {
  position: unset;
}

.testimonials-section .AkashTestimonialstSwiper .swiper-button-next,
.testimonials-section .AkashTestimonialstSwiper .swiper-button-prev {
  bottom: 18px;
  top: unset;
  background: var(--theme-color);
  color: #fff;
  height: 40px;
  width: 40px;
}

.testimonials-section .AkashTestimonialstSwiper .swiper-button-prev {
  left: 20px;
  background: #fff;
  border-radius: 0 20px;
}

.testimonials-section .AkashTestimonialstSwiper .swiper-button-next {
  left: 70px;
  background: #fff;
  border-radius: 20px 20px 0;
}

.testimonials-section .AkashTestimonialstSwiper .swiper-button-next:after,
.testimonials-section .AkashTestimonialstSwiper .swiper-button-prev:after {
  font-size: 20px;
  color: var(--theme-color);
}

.testimonials-item-wrapper {
  height: 100%;
  padding: 20px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  border-radius: 2px 36px;
  position: relative;
  height: 300px;
}

.testimonial-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.testimonials-item-wrapper img {
  height: 40px;
}

.testimonials-item-wrapper p {
  font-size: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.testimonials-item-wrapper h3 {
  font-size: 18px;
  text-align: center;
  color: var(--theme-color);
  margin-bottom: 15px;
}

.testimonials-item-wrapper span {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 19px;
  color: #e1af1e;
  margin-top: 10px;
}

.testimonialSeeMoreBtn {
  display: none;
  background: #b39145;
  color: #fff;
  padding: 2px 8px;
  border-radius: 6px;
  margin: 0 auto;
  transition: 0.3s all ease-in-out;
}

.write-a-review {
  display: block;
  position: relative;
  text-decoration: none;
}

.write-a-review textarea {
  width: 100%;
  height: 150px;
  border-radius: 5px 35px;
  border: 2px solid #fff;
  background: #ffffff57;
  padding: 10px;
}

.write-a-review button {
  background: var(--theme-color);
  color: #fff;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 10px;
  text-transform: uppercase;
  font-family: var(--font-2);
  border-radius: 2px 12px;
}

.write-a-review span {
  color: #fff;
  font-family: var(--font-2);
  position: absolute;
  top: 7px;
  left: 15px;
}

/*  */
.product-quantity-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  width: 150px;
  overflow: hidden;
  border: 1px solid #2b431c;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #e9f3e2;
}

.product-quantity-container button {
  border: none;
  background: #2d68041a;
}

.remove-button {
  height: 35px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-quantity-container .product-card-quantity {
  height: auto;
  width: 40px;
  border: none;
  color: #2b431c;
  font-size: 16px;
  font-family: var(--font-2);
  text-align: center;
  background: #e9f3e2;
}

.product-quantity-container .product-card-quantity-minus,
.product-quantity-container .product-card-quantity-plus {
  height: 35px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-item-dropdown-and-count {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.product-item-dropdown-and-count p {
  margin-bottom: 0px;
  font-size: 17px;
  font-family: var(--font-2);
  color: var(--black-color);
  font-weight: 500;
  display: block;
  width: 185px;
}

.product-item-label-input input {
  width: 250px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid var(--theme-color);
}

.product-item-label-input button {
  height: 35px;
  width: 80px;
  border-radius: 0 5px 5px 0;
  background: var(--theme-color);
  color: #fff;
  font-family: var(--font-2);
  text-transform: uppercase;
  margin-left: -10px;
  border: 1px solid var(--theme-color);
}

.product-item-label-input button:hover,
.related-product-container .related-product-item button:hover {
  background: #b5a98e;
  color: #222;
  font-weight: 500;
}

.product-item-label-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.add-cart-buy-btn-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.add-cart-buy-btn-container .button-type-1 {
  background: var(--theme-color);
}

.button-type-1 {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.78px;
  background: var(--theme-color);
  color: #fff;
  padding: 8px 25px;
  border-radius: 10px;
  display: inline-block;
  box-shadow: 0 13px 11px #14363e66;
  transition: 0.4s all ease-in-out;
  overflow: hidden;
  position: relative;
  font-family: var(--font-2);
  text-decoration: none;
}

.button-type-1 .aux-text {
  position: relative;
}

.add-cart-buy-btn-container .button-type-1 .aux-text i,
.add-more-item .button-type-1 .aux-text i {
  animation: bounce 1s infinite;
}

.button-type-1 .aux-overlay {
  position: absolute;
  width: 120%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: transform 0.45s cubic-bezier(0.75, 0.1, 0.25, 0.9);
}

.button-type-1 .aux-overlay:after {
  position: relative;
  content: "";
  border-radius: 50%;
  display: block;
  padding-top: 100%;
  background: #aa9047;
}

.button-type-1:hover {
  box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, 0.35);
  color: #fff;
}

.button-type-1:hover .aux-overlay {
  transform: translate(-50%, -50%) scale(1, 1);
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-10px);
  }

  60% {
    transform: translateY(-5px);
  }
}

/* .vibrate {
  animation: vibration 0.3s infinite;
}

@keyframes vibration {

  0%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-3px);
  }

  50% {
    transform: translateX(3px);
  }

  75% {
    transform: translateX(-3px);
  }
} */

/* .vibrate {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-10px);
  }

  50% {
    transform:
      translateX(10px);
  }

  75% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
} */

/* all product page start here */
.all-product-page-section-bg {
  /* background: url(../images/background/product.png); */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.all-product-page-section {
  width: 100%;
  height: 100%;
  /* background: #19020266; */
  padding-top: 20px;
}

.all-product-page-section .main-product-item {
  margin-bottom: 20px;
}

/* all product page ended here */

/* cart started here */

/* .checkout-section-bg {
  background: url(../images/background/checkout.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.checkout-section-bg .cart-section {
  width: 100%;
  height: 100%;
  background: #ecf1eca6;
} */

.cart-table-container table {
  width: 100%;
  font-family: var(--font-2);
}

.cart-table-container table td img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.cart-table-container table td {
  border: 1px solid #b3b3b3;
  padding: 5px;
  font-size: 16px;
}

.cart-table-container table th {
  border: 1px solid #03030357;
  background: #a9ddea;
  color: var(--theme-color);
  padding: 5px;
  font-weight: 500;
}

.cart-table-container table .cart-table-td-details-container h2 {
  font-size: 16px;
  margin-bottom: 0px;
}

.cart-table-container table .cart-table-td-details-container p {
  margin-bottom: 0px;
  font-size: 15px;
}

.cart-table-container table .cart-table-td-details-container p b {
  font-weight: 500;
}

.cart-table-container table .cart-td-input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-table-container table .cart-td-input-container button {
  color: #225460;
  background: transparent;
  border: 1px solid #14363e;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  font-size: 12px;
}

.cart-table-container table .cart-td-input-container span {
  padding: 0 5px;
}

.cart-table-container table button.btn-danger {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 11px;
}

.cart-table-container {
  margin-bottom: 10px;
  background: #ffffff57;
  padding: 10px;
  border-radius: 10px;
}

.cart-totals {
  /* background: #d4d3d730; */
  background: #f1f1f1;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 10px #0000002b;
}

.checkbox-theme .form-check-label {
  font-size: 19px;
  color: #29a929;
  font-weight: 500;
}

.checkbox-theme .form-check-input {
  margin-top: 7px;
  border-radius: 0;
  border: 2px solid var(--theme-color);
}

.checkbox-theme .form-check-input:focus {
  box-shadow: none;
}

.cart-totals h3 {
  margin-bottom: 12px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfccd3;
  position: relative;
  color: var(--theme-color);
  font-family: var(--font-2);
  text-transform: uppercase;
}

.cart-totals h3:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  bottom: -1px;
  background: #887a45;
}

.cart-totals ul {
  padding-left: 0;
  margin: 0 0 25px;
  list-style-type: none;
  font-family: var(--font-2);
}

.cart-totals ul li:first-child {
  padding-top: 0;
}

.cart-totals ul li {
  border-bottom: 1px solid #cfccd3;
  padding: 10px 0 15px;
  color: #333;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--font-2);
}

.cart-totals ul li input {
  font-size: 14px;
}

.cart-totals ul li span {
  float: right;
  color: #656565;
}

.cart-totals ul li span.discount-cart-span {
  background: #29a929;
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
}

.cart-totals ul li:first-child {
  padding-top: 0;
}

.cart-totals ul li:last-child {
  font-size: 18px;
  border-bottom: none;
  padding-bottom: 0;
}

.cart-totals .disable-btn,
.cart-totals .proceed_button {
  border: none;
  color: #fff;
  width: 100%;
}

.cart-totals .proceed_button {
  background: none;
  cursor: unset;
}

.cart-totals .disable-btn {
  background: var(--theme-color);
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
  opacity: 1;
  font-weight: 500;
  padding: 10px 35px;
  font-family: var(--font-2);
  border-radius: 5px;
}

.cart-totals .disable-btn:hover {
  background: #9ac77b;
  color: var(--theme-color);
}

/*  */

.mobile-cart-table-item .mobile-cart-top img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.mobile-cart-table-item .mobile-cart-top {
  display: flex;
  flex-direction: row;
  gap: 12px;
  background: #e6d7b5;
  align-items: center;
  border-radius: 0 10px 10px 0;
  margin-bottom: 10px;
}

.mobile-cart-table-item .mobile-cart-top .mobile-cart-top-subcontainer p {
  margin-bottom: 0px;
}

.mobile-cart-table-item .mobile-cart-top h2 {
  font-size: 20px;
  margin-bottom: 0px;
}

.mobile-cart-table-item .mobile-cart-bottom p {
  margin-bottom: 0px;
}

.mobile-cart-table-item .mobile-cart-bottom .mob-qty-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.mobile-cart-table-item
  .mobile-cart-bottom
  .mob-qty-wrapper
  .product-quantity-container {
  width: 100px;
  height: 28px;
}

.mobile-cart-table-item {
  border: 1px solid #333;
  padding: 10px;
  border-radius: 10px;
  background: #f0e8d88a;
  margin-bottom: 20px;
  position: relative;
}

.cart-td-input-container {
  display: flex;
  flex-direction: row;
  gap: 6px;
}

.cart-td-input-container button {
  color: #225460;
  background: transparent;
  border: 1px solid #14363e;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-cart-table-item button.btn-danger {
  position: absolute;
  right: -5px;
  top: -5px;
  border: none;
}

.promo-apply-button {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-family: var(--font-2);
  background: var(--theme-color);
  color: #fff;
  padding: 4px 8px;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
  border: none;
}

.promo-apply-button:hover {
  background: #b5a98e;
  color: #222;
  font-weight: 500;
}

/* cart ended here */

/* checkout page started here */
.billing-address-container {
  background: #fdfcff;
  padding: 15px;
  border-radius: 9px;
  font-family: var(--font-2);
  box-shadow: 0 0 10px #00000045;
}

.billing-address-container form h3 {
  margin-bottom: 20px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfccd3;
  position: relative;
  color: var(--theme-color);
  font-family: var(--font-2);
  text-transform: uppercase;
}

.billing-address-container form h3:after {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  bottom: -1px;
  background: #136;
}

.billing-address-container form .form-control {
  background: transparent;
  border-radius: 5px;
  appearance: auto;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  height: 33px;
}

.billing-address-container form .form-control:focus {
  box-shadow: none;
}

.order-summary-container .order-summary-item h2 {
  font-size: 16px;
  margin-bottom: 5px;
}

.order-summary-container .order-summary-item p {
  margin-bottom: 0px;
  font-size: 13px;
}

.order-summary-container .order-summary-item p b {
  font-weight: 500;
}

.order-summary-container {
  background: #4a553930;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  color: var(--theme-color);
}

.order-summary-container .order-summary-item {
  border-bottom: 1px solid #afadad;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.order-summary-container .order-summary-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0px;
}

.billing-address-container .home-btn-animation:hover {
  color: #fff;
}

.wallet-payment-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 30px 0;
  text-align: center;
}

.wallet-payment-container .wallet-wrapper {
  border: 1px solid #225460;
  padding: 15px;
  background: #a3dae8;
  width: 350px;
  margin: 0 auto;
}

.wallet-payment-container .wallet-wrapper h4 {
  font-size: 20px;
  font-family: var(--font-2);
  color: var(--theme-color);
}

.wallet-payment-container .wallet-wrapper h2 {
  font-family: var(--font-2);
  background: #29a929;
  color: #fff;
  padding: 3px 15px;
  border-radius: 3px;
  font-size: 28px;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
}

.wallet-payment-container p {
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  font-size: 18px;
  color: var(--theme-color);
  font-weight: 500;
}

/* checkout page ended here */

/* all product page started here */
.all-product-banner.sec-pad {
  padding: 30px 0;
}

.all-product-banner img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 0 10px #0000002b;
}

.product-filter-container {
  /* min-height: 200px; */
  background: var(--theme-color);
  box-shadow: 0 6px 12px #0000001a, 0 3px 6px #00000014;
  border-radius: 4px;
  padding: 7px;
}

.all-product-container {
  background: #8cd15c3d;
  padding: 10px;
  box-shadow: 0 6px 12px #0000001a, 0 3px 6px #00000014;
  border-radius: 4px;
}

.product-filter-container .filter-header-container {
  background: #c9e2b7;
  padding: 5px;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.product-filter-container h3 {
  font-size: 20px;
  font-family: var(--font-2);
  text-transform: uppercase;
  color: var(--theme-color);
  margin-bottom: 0px;
}

.product-filter-container button {
  border: none;
  background: var(--theme-color);
  color: #fff;
  border-radius: 5px;
  box-shadow: 4px 4px 10px #3956258a;
  transition: 0.3s all ease-in-out;
}

.product-filter-container button:hover {
  background: #e6d7b5;
  color: var(--theme-color);
}

.category-item h2 {
  font-size: 21px;
  font-family: var(--font-2);
  color: #e6d7b5;
  text-transform: uppercase;
  border-bottom: 1px solid #e6d7b5;
  margin-top: 30px;
  background: #c9e2b733;
  padding: 2px 5px;
  border-radius: 5px;
}

.category-item .subcategory-list {
  list-style-type: none;
  padding-left: 0px;
}

.category-item .subcategory-list li {
  padding: 7px 5px;
  display: block;
  border-bottom: 1px dashed #ffffff8f;
}

.category-item .subcategory-list li a {
  color: #fff;
  font-family: var(--font-2);
  font-weight: 300;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}

.category-item .subcategory-list li a.active {
  background: #c9e2b7;
  padding: 4px 10px;
  border-radius: 8px;
  color: var(--theme-color);
  font-weight: 500;
  font-size: 15px;
}

.category-item .subcategory-list li:last-child a {
  border-bottom: none;
}

.all-product-details-section-two
  .related-product-container
  .related-product-item {
  box-shadow: 0 0 10px #00000036;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.required-field {
  color: red;
}

/* all product page ended here */

.free-shipping-above-container {
  width: 100%;
  height: 45px;
  border: 1px solid #395625;
  overflow: hidden;
  position: relative;
  background: linear-gradient(45deg, #d4dacf, #d5e9c8);
  border-radius: 3px;
  box-shadow: inset 0 0 10px #395625c9, 9px 8px 10px #395625;
}

.free-shipping-above-container .text {
  position: absolute;
  white-space: nowrap;
  font-size: 24px;
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
  background: linear-gradient(
    90.09deg,
    #1a2a6c 14.61%,
    #0c81ee 47.78%,
    #f9185b 78.77%
  );
  -webkit-background-clip: text;
  font-family: var(--font-2);
  text-transform: uppercase;
  font-weight: 600;
  top: 4px;
  left: 10px;
}

/*  */
.prepaid-shipping-style-container {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 15px;
}

.prepaid-shipping-style-container .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
}

.prepaid-shipping-style-container .option input {
  margin-right: 10px;
}

.prepaid-shipping-style-container .option span {
  font-size: 14px;
  font-family: var(--font-2);
}

.prepaid-shipping-style-container .option .price {
  margin-left: auto;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  color: var(--theme-color);
}

.prepaid-shipping-style-container hr {
  border: none;
  border-top: 1px solid #395625;
  margin: 5px 0;
}

/* reel code */
/* .reel-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
} */

.reel-container .reel-card {
  position: relative;
  width: 100%;
  height: 260px;
  overflow: hidden;
  border-radius: 8px;
  background-color: #39562575;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.reel-container .reel-card::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #00000087;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s all ease-in-out;
}

.reel-container .reel-card::before {
  content: "\f144";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  color: #ffffffb3;
  position: absolute;
  z-index: 1;
  font-size: 42px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s all ease-in-out;
}

.reel-container .reel-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reel-container .reel-card video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.reel-container .reel-card:hover video {
  display: block;
}

.reel-container .reel-card:hover img {
  display: none;
}

.reel-container .reel-card:hover::after {
  content: none;
}

.reel-container .reel-card:hover::before {
  content: none;
}

.reel-container .reel-card.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  z-index: 1000;
}

.free-shipping-above-1000 p {
  font-family: var(--font-2);
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  /* border: 1px solid #568039db; */
  border: none;
  padding: 5px;
  background: red;
  /* background: linear-gradient(45deg, #5771468a, #e6d7b5); */
  font-size: 20px;
  /* color: var(--theme-color); */
  color: #fff;
  border-radius: 5px;
  /* text-shadow: 1px 1px #e6d7b5; */
  box-shadow: 4px 4px 10px #395625bd;
  animation: fadeDiscount 3s ease-out infinite;
}

@keyframes fadeDiscount {
  0% {
    transform: scale(0.75);
    /* background: linear-gradient(45deg, #5771468a, #e6d7b5); */
    background: red;
  }

  50% {
    transform: scale(0.9);
    /* background: linear-gradient(45deg, #dc3545ba, #e6a81b78); */
    background: var(--theme-color);
  }

  100% {
    transform: scale(0.75);
    /* background: linear-gradient(45deg, #8280f2ba, #aa75ed78); */
    background: blue;
  }
}

/*  */
/* scroll bar started here */
::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, var(--theme-color), transparent);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e6d7b5;
}

/* home about section started here */
.home-about-section {
  /* background: url(../images/background/about-us.png); */
  background: url(../images/background/bg-about-min.png);

  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 300px;
  background-color: #dee8d9;
}

.home-about-section h3,
.who-we-are-section h3 {
  font-family: var(--font-2);
  font-size: 21px;
  color: var(--theme-color);
}

.who-we-are-section .left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-container .footer-item p.footer-address {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.home-about-section .section-3-video-container {
  background: #fff;
  padding: 15px 30px;
  padding-bottom: 2px;
  border-radius: 0px;
}

.who-we-are-section h4 {
  font-family: var(--font-2);
  font-size: 18px;
  color: var(--theme-color);
}

.who-we-are-section h4 i {
  color: #1dc72b;
  margin-right: 3px;
}

.who-we-are-img-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 20px;
  align-items: center;
}

.who-we-are-img-container .who-we-are-first {
  width: 40%;
  position: relative;
}

.who-we-are-img-container .who-we-are-first img {
  width: 100%;
  border-radius: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 10px #00000047;
}

.who-we-are-img-container .who-we-are-first .leaf-one {
  border: none;
  position: absolute;
  bottom: -30px;
  left: -30px;
  width: 90px;
  box-shadow: none;
}

.who-we-are-img-container .who-we-are-first .leaf-two {
  border: none;
  position: absolute;
  top: -50px;
  right: 0;
  width: 90px;
  box-shadow: none;
  z-index: -1;
}

.who-we-are-img-container .who-we-are-second {
  flex: 1;
  position: relative;
}

.who-we-are-img-container .who-we-are-second img {
  width: 100%;
  border-radius: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 10px #00000047;
}

.who-we-are-box-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.who-we-are-box-container .who-we-are-box-item {
  flex: 1;
  border: 1px solid #567c3e;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 25px 10px;
  gap: 10px;
  background: linear-gradient(45deg, #39562582, #f5fafd);
  color: var(--theme-color);
  transition: 0.3s all ease-in-out;
}

.who-we-are-box-container .who-we-are-box-item:hover {
  background: #dcd1b8;
  border: 1px solid #ac8b39;
  transform: translateY(-10px);
}

.who-we-are-box-container .who-we-are-box-item h2 {
  font-size: 29px;
  margin-bottom: 0px;
  font-family: var(--font-2);
}

.who-we-are-box-container .who-we-are-box-item h2.plus:after {
  content: "+";
  display: inline-block;
}

.who-we-are-box-container .who-we-are-box-item p {
  margin-bottom: 0px;
}

/* home about section ended here */

/* home story section start here */
section.home-story-section {
  padding: 20px;
}

section.home-story-section .swiper.story-item-container {
  padding: 20px 50px;
  width: 800px;
}

.home-story-section .swiper.story-item-container .swiper-button-next:after,
.home-story-section .swiper.story-item-container .swiper-button-prev:after {
  font-size: 18px;
  background: #395625;
  font-weight: 600;
  color: #fff;
  width: 30px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  box-shadow: 12px 11px 10px #00000040;
  border: 2px solid #fff;
}

/* .story-item-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 15px;
  justify-content: center;
} */

.story-item-container .story-item {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  border: 2px solid #e9f3e2;
  box-shadow: 10px 9px 10px #00000070;
  display: block;
  transition: 0.4s all ease-in-out;
}

.story-item-container .story-item:hover {
  transform: translateY(-10px) scale(1.1);
}

.story-item-container .story-item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.story-item-container .story-item span {
  width: 100px;
  height: 100px;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  background: #0b533bad;
  color: #fff;
  display: none;
  transition: 0.3s all ease-in-out;
}

.story-item-container .story-item:hover span {
  display: flex;
}

/* home story section end here */

/* about page start here */
.who-we-are-section.about-section-two {
  background: #fff;
}

/* about page ended here */

/* gallery started here */
.gallery-section-bg {
  /* background: url(../images/background/gallery.png); */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .gallery-section-bg .gallery-section,
.gallery-section-bg .video-section {
  background: #e4d7d770;
} */

.main .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  justify-content: center;
  align-items: center;
}

.main .card {
  color: #252a32;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 15px;
}

.main .card-image {
  position: relative;
  display: block;
  width: 100%;
  /* padding-top: 70%; */
  padding-top: unset;
  background: #ffffff;
  border-radius: 15px;
}

.main .card-image img {
  /* display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px; */
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
  aspect-ratio: 1/1;
}

@media only screen and (max-width: 600px) {
  .main .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}

.gallery-year-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 30px;
  gap: 10px;
}

.gallery-year-container button {
  background: var(--theme-color);
  color: #fff;
  border: none;
  padding: 3px 10px;
  width: 90px;
  height: 35px;
  border-radius: 15px;
  font-family: var(--font-2);
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
  box-shadow: 5px 6px 10px #00000087;
}

.gallery-year-container button:hover,
.gallery-year-container button.active-button {
  background: green;
}

/*  gallery ended here */

/* video section started here */
.video-section .about-video-container {
  margin-bottom: 20px;
  width: 100%;
}

.video-section .about-video-container img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
}

.video-section
  .about-video-container
  .play-btn-container
  .play-btn-wrapper
  img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  margin-left: 5px;
  z-index: 1;
}

/*  */
.about-video-container {
  background: #fff;
  padding: 7px;
  margin: auto;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  box-shadow: 7px 8px 10px #0000004f;
}

.about-video-container img {
  height: 70vh;
  border-radius: 8px;
}

.about-video-container::after {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #14363e80;
  left: 10px;
  top: 10px;
  border-radius: 8px;
}

.play-btn-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.play-btn-container .play-btn-wrapper {
  background: #fff;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
}

.play-btn-container .play-btn-wrapper img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  margin-left: 5px;
  z-index: 1;
}

.play-btn-container .play-btn-wrapper .circle2 {
  border-radius: 50%;
  background-color: #fff;
  width: 60px;
  height: 60px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-video-modal-container .modal-dialog {
  width: 640px;
  max-width: unset;
}

.about-video-modal-container .modal-dialog .modal-content {
  height: 380px;
}

.about-video-modal-container .modal-dialog iframe {
  width: 100%;
  height: 100%;
}

.about-video-modal-container .modal-dialog .modal-body {
  padding: 7px;
}

.about-video-modal-container .btn-close {
  background: #fff;
  color: var(--theme-color);
  opacity: 1;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px 5px 5px 0;
}

/* video section ended here */

/* contact page started here */
.contact-section-bg {
  background: url(../images/contact/contact.png);
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
}

.contact-section-bg .contact-section {
  width: 100%;
  height: 100%;
  background: #0908088a;
}

.contact-section-bg .contact-uncle {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -50px;
}

.contact-us-main-container {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-bottom: 15px;
}

.contatc-us-overlay {
  /* background: linear-gradient(45deg, #1a29d98f, #395625a8); */
  background: #fff;
  padding: 5px;
  border-radius: 25px 10px;
  box-shadow: 6px 8px 10px #00000036;
  flex: 1;
}

.contact-us-container {
  /* background: #fff; */
  background: linear-gradient(45deg, #395625a3, #f9d68e);
  padding: 15px;
  border-radius: 20px 5px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-us-container h2 {
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: center;
}

.contact-us-container h3 {
  font-size: 17px;
  font-weight: 400;
  font-family: var(--font-2);
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
  background: var(--theme-color);
  padding: 4px;
  border-radius: 10px;
  /* box-shadow: 8px 9px 10px #0000003b, -8px 9px 10px #0000003b, inset 0 0 10px #eeeaebad; */
}

.contact-us-container .contact a {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.contact-us-container .contact .contact-a {
  background: var(--theme-color);
  font-size: 14px;
}

.contact-us-container .contact .contact-w {
  background: green;
  font-size: 19px;
}

.contact-us-container .contact span {
  font-size: 20px;
  font-family: var(--font-2);
  color: var(--theme-color);
}

/* contact page ended here */

.contact-form-container {
  background: linear-gradient(45deg, #395625a3, #f9d68e);
  box-shadow: 0 0 10px #0000002b;
  padding: 20px;
  max-width: 800px;
  border-radius: 10px 25px;
  margin: auto;
  border: 5px solid #fff;
}

.contact-form-container .form-control {
  background: #ffffff6b;
}

.contact-form-container .form-control:focus {
  box-shadow: none;
}

.contact-form-container .button-type-1 {
  background: var(--theme-color);
}

.contact-btn-container {
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: center;
  padding: 6px;
  background: #f2e5c8;
}

.contact-form-container label {
  color: var(--theme-color);
  font-weight: 500;
  margin-bottom: 2px;
  font-family: var(--font-2);
}

/*  */
.contact-absolute-container .float {
  animation-name: ani-float;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  position: absolute;
  right: 0;
  top: 130px;
  z-index: -1;
}

@keyframes ani-float {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, -0px);
  }
}

/* .contact-absolute-container{
  position: absolute;
  right: 0;
  top: 130px;
  z-index: -1;
} */

/* home swiper banner start here */
.AkashHomeSwiperBanner .home-banner-swiper {
  width: 100%;
  height: 320px;
  display: block;
}

.AkashHomeSwiperBanner .home-banner-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 8px solid #fff;
  border-radius: 15px;
}

.home-swiper-banner-section {
  position: relative;
}

.home-swiper-banner-section .container {
  position: relative;
}

.home-swiper-banner-section .AkashHomeSwiperBanner .swiper-button-next {
  right: -24px;
}

.home-swiper-banner-section .AkashHomeSwiperBanner .swiper-button-prev {
  left: -24px;
}

.home-swiper-banner-section .swiper.AkashHomeSwiperBanner {
  position: unset;
}

.home-swiper-banner-section .swiper-button-next:after,
.home-swiper-banner-section .swiper-button-prev:after {
  font-size: 20px;
  background: var(--theme-color);
  color: #fff;
  font-weight: 600;
  height: 40px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

/* home swiper banner ended here */

/* login page start here */
.login-page-section {
  width: 100%;
  height: 100vh;
  background: url(../images/background/login.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-page-section .login-page-section-overlay {
  width: 100%;
  height: 100%;
  background: #08080870;
}

.login-page-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.login-page-container .login-wrapper {
  position: relative;
  background: #ffffff;
  width: 450px;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.login-page-container .login-wrapper .login-img-wrapper {
  width: fit-content;
  height: 60px;
  background: #14363e;
  padding: 7px;
  border-radius: 5px;
}

.login-page-container .login-wrapper .login-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.login-page-container .login-wrapper h2 {
  font-family: var(--font-2);
  font-size: 21px;
  margin-bottom: 0px;
  color: var(--theme-color);
}

.login-page-container .login-form-section .form-box {
  float: left;
  width: 100%;
  position: relative;
}

.login-page-container .login-form-section .form-group {
  margin-bottom: 10px;
}

.login-page-container .login-form-section .form-control {
  font-size: 16px;
  outline: none;
  color: #535353;
  border: 1px solid #efefef;
  background: #efefef;
  height: 40px;
  float: left;
  width: 100%;
  padding: 7px 40px 7px 15px;
  border-radius: 18px;
}

.login-page-container .login-form-section .form-control:focus {
  box-shadow: none;
}

.login-page-container .login-form-section .form-box i {
  position: absolute;
  top: 1.2rem;
  right: 10px;
  font-size: 18px;
  color: #535353;
}

.login-page-container .login-form-section .checkbox {
  margin-bottom: 25px;
  font-size: 14px;
}

.login-page-container .login-form-section .form-check {
  float: left;
  margin-bottom: 0;
  padding-left: 0;
}

.login-page-container .login-form-section input[type="checkbox"] {
  margin-top: 4px;
  margin-right: 3px;
  box-shadow: none;
}

.login-page-container .login-form-section .form-check-input {
  position: absolute;
  margin-left: 0;
}

.login-page-container .login-form-section .form-check-label {
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 16px;
  color: #222;
}

.login-page-container .login-form-section .form-check label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  margin-left: -25px;
  border: 1px solid var(--theme-color);
  border-radius: 0;
  background: #f5f5f5;
}

.login-page-container
  .login-form-section
  .checkbox-theme
  input[type="checkbox"]:checked
  + label::before {
  color: #fff;
  background: var(--theme-color);
}

.login-page-container
  .login-form-section
  input[type="checkbox"]:checked
  + label:before {
  font-weight: 600;
  color: #fff;
  line-height: 18px;
  font-size: 12px;
  content: "\2713";
  padding-left: 5px;
  background: var(--theme-color);
}

.login-page-container .login-form-section .checkbox a {
  font-size: 16px;
  color: #222;
  float: right;
  margin-left: 3px;
  text-decoration: none;
}

.login-page-container .login-form-section .btn-theme {
  background: var(--theme-color);
  border: none;
  color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--font-2);
  letter-spacing: 1.5px;
  border-radius: 18px;
  transition: 0.3s all ease-in-out;
}

.login-page-container .login-form-section .btn-theme:hover {
  background: green;
}

.login-page-container .login-form-section .text {
  font-size: 14px;
  font-family: var(--font-2);
  text-align: center;
}

.login-page-container .login-form-section .text a {
  color: #136b80;
  font-weight: 600;
  margin-left: 5px;
}

.or-login-with-soscial {
  margin-top: 12px;
}

.or-login-heading {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  justify-content: center;
  font-family: var(--font-2);
  font-size: 14px;
  color: var(--theme-color);
  font-weight: 500;
}

.or-login-heading p {
  width: fit-content;
  margin-bottom: 0px;
}

.or-login-heading span {
  flex: 1;
  height: 0.5px;
  background: #39562587;
}

.or-login-social-container img {
  height: 25px;
}

.or-login-social-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 10px;
}

.or-login-social-container .or-login-social-item {
  border: 1px solid var(--theme-color);
  flex: 1;
  border-radius: 15px;
  padding: 7px;
  display: flex;
  gap: 10px;
  justify-content: center;
  color: var(--theme-color);
  font-family: var(--font-2);
  font-size: 19px;
}

.or-login-social-container .or-login-social-item.facebook {
  background: #1877f2;
  color: #fff;
  border-color: #1877f2;
}

/* login page ended here */

/* vision mission start here */
.vision-content-container {
  border: 1.5px solid var(--theme-color);
  padding: 15px;
  max-width: 700px;
  margin: auto;
  border-radius: 15px;
  text-align: center;
  box-shadow: 9px 11px 10px #032f2091;
}

.vision-content-container p {
  margin-bottom: 0px;
  font-family: var(--font-2);
}

/* vision mission end here */

/* my profile started here */
/* .my-profile-section {
  display: flex;
  flex-direction: row;
  gap: 35px;
  font-family: var(--font-2);
} */
.my-profile-section .container {
  display: flex;
  flex-direction: row;
  gap: 35px;
  font-family: var(--font-2);
}

.my-profile-section .my-profile-left-section {
  width: 250px;
}

.my-profile-section .my-profile-right-section {
  flex: 1;
  box-shadow: 0 0 10px #0000001c;
  border-radius: 2px;
  padding: 12px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 15px;
  min-height: 500px;
  background: #fff;
}

.my-profile-section
  .my-profile-right-section
  .contact-details-container
  .contact-details-item {
  min-width: unset;
}

.my-profile-left-section .profile-card {
  box-shadow: 0 0 10px #0000001c;
  border-radius: 2px;
  padding: 12px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  background: #fff;
}

.my-profile-left-section .profile-card h2 {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0px;
}

.my-profile-left-section .profile-card span {
  font-size: 13px;
}

.profile-card img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: contain;
}

.my-profile-left-section .my-profile-tab {
  z-index: 100;
  box-shadow: 0 0 10px #0000001c;
  border-radius: 2px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 15px;
  background: #fff;
  min-height: 370px;
  position: relative;
}

.my-profile-left-section .my-profile-tab ul {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 0px;
}

.my-profile-left-section .my-profile-tab ul li {
  list-style-type: none;
  background: #caded7;
  color: var(--theme-color);
  padding: 5px;
  width: 100%;
  text-transform: capitalize;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  border-radius: 2px;
  box-shadow: inset 0 0 10px #11485580;
  border: 1px solid #14363e87;
}

.my-profile-left-section .my-profile-tab ul li i {
  margin-right: 10px;
}

.my-profile-left-section .my-profile-tab ul li.active i {
  color: #fff !important;
}

.my-profile-left-section .my-profile-tab ul li i.fa-box-open {
  color: #2149bb;
}

.my-profile-left-section .my-profile-tab ul li i.fa-user {
  color: #425354;
}

.my-profile-left-section .my-profile-tab ul li i.fa-youtube,
.my-profile-left-section .my-profile-tab ul li i.fa-sign-out-alt {
  color: red;
}

.my-profile-left-section .my-profile-tab ul li.active {
  color: #fff;
  background: var(--theme-color);
}

.my-profile-right-section .cus-tab-content {
  width: 100%;
  height: 100%;
}

.my-profile-right-section .cus-tab-content h1 {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: capitalize;
  background: #caded7;
  padding: 5px;
  color: var(--theme-color);
}

.my-profile-details-container table {
  width: 400px;
  background: #91e2f6;
  color: #14363e;
}

.my-profile-details-container table td {
  border: 1px solid #5a96a4;
  padding: 8px;
  font-size: 14px;
}

.my-profile-details-container table td a {
  background: #225460;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
}

.my-profile-details-container table td a:hover {
  background: #d09c1f;
}

.my-profile-section2 h1 {
  font-size: 30px;
  font-family: var(--font-2);
  color: #cb900d;
  margin-bottom: 14px;
}

.my-profile-section2 h1 span {
  font-size: 24px;
}

.my-profile-section2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.youtube-video-content iframe {
  height: 180px;
  width: 100%;
  border: 5px solid #14363e;
  border-radius: 5px;
  margin-bottom: 15px;
}

.order-container .product-listing-page {
  background: #fff;
  margin-top: 15px;
}

.all-order-container img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 5px;
}

.all-order-container {
  display: flex;
  flex-direction: column;
  background: #e2f8f075;
  margin-top: 20px;
  border: 1px solid #0b533b5e;
  border-radius: 8px;
}

.all-order-container-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #cef0e2;
  padding: 10px;
  border-radius: 8px 8px 0 0;
  font-size: 13px;
}

.all-order-container-head .aoch-left {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.all-order-container-head .aoch-right .aoch-right-btn-container {
  margin-top: 5px;
  display: flex;
  justify-content: end;
}

.all-order-container-head .aoch-right a {
  background: var(--theme-color);
  color: #fff;
  padding: 3px 10px;
  border-radius: 8px;
  transition: 0.3s all ease-in-out;
}

.all-order-container-head .aoch-right a:hover {
  background: #ecd1b4;
  color: var(--theme-color);
}

.all-order-container .all-order-container-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
}

.all-order-container .all-order-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.all-order-container .all-order-content-wrapper .buy-it-again-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.all-order-container .all-order-content-wrapper .buy-it-again-container button {
  border: 1px solid var(--theme-color);
  background: none;
  border-radius: 8px;
  font-size: 13px;
  padding: 2px 10px;
  color: #05251b;
  transition: 0.3s all ease-in-out;
}

.all-order-container
  .all-order-content-wrapper
  .buy-it-again-container
  button:hover {
  background: var(--theme-color);
  color: #fff;
}

.all-order-container h3 {
  font-size: 17px;
  margin-bottom: 0px;
}

.all-order-container h2 {
  font-size: 23px;
  font-weight: 500;
  color: #d94639;
  margin-bottom: 0px;
}

.all-order-btn-download {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  text-align: center;
}

.all-order-btn-download a {
  border: 1px solid var(--theme-color);
  background: none;
  border-radius: 8px;
  font-size: 13px;
  padding: 2px 10px;
  color: #05251b;
  transition: 0.3s all ease-in-out;
}

.all-order-btn-download a:hover {
  background: var(--theme-color);
  color: #fff;
}

.order-container .serial-link {
  font-size: 20px;
  margin-top: 30px;
}

.my-profile-payment-container {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.my-profile-payment-container .transactions-section-desktop {
  width: 71%;
}

.my-profile-payment-container .additional-info-section-desktop {
  flex: 1;
}

.additional-info-section-desktop .wallet-balance-info {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 0 10px #a39d9d4f;
}

.additional-info-section-desktop .wallet-balance-info h3 {
  font-size: 18px;
  text-align: center;
}

.additional-info-section-desktop .wallet-balance-info h2 {
  font-size: 30px;
  color: green;
  text-align: center;
}

.wallet-transaction-filter {
  margin-top: 5px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 0 10px #a39d9d4f;
}

.wallet-transaction-filter h2 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  background: #eee;
  padding: 3px;
}

.wallet-transaction-filter h4 {
  font-size: 16px;
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

/*  */

.tracking-container .order-track {
  padding: 0 1rem;
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
}

.tracking-container .order-track-step {
  display: flex;
  height: 90px;
}

.tracking-container .order-track-step:last-child {
  overflow: hidden;
  height: 4rem;
}

.tracking-container
  .order-track-step:last-child
  .order-track-status
  span:last-of-type {
  display: none;
}

.tracking-container .order-track-status {
  margin-right: 10px;
  position: relative;
}

.tracking-container .order-track-status-dot {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--theme-color);
}

.tracking-container .order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 7rem;
  background: var(--theme-color);
}

.tracking-container .order-track-text-stat {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  font-family: var(--font-2);
  line-height: 15px;
}

.tracking-container .order-track-text-sub {
  font-size: 13px;
  font-weight: 300;
}

.my-profile-product-container
  .main-product-item
  .product-item-info-container
  h2 {
  font-size: 16px;
}

.my-profile-product-container
  .main-product-item
  .product-item-info-container
  p {
  font-size: 13px;
  text-align: center;
  margin-top: 5px;
  font-family: var(--font-2);
  color: #555;
  margin-bottom: 0px;
}

.wallet-transaction-filter h4::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 10px;
  height: 10px;
  background: var(--theme-color);
}

.wallet-transaction-filter h3 {
  font-size: 15px;
}

.transaction-history-container {
  display: flex;
  flex-direction: row;
  gap: 100px;
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
}

.transaction-history-container .transaction-img img {
  width: 45px;
  height: auto;
}

.transaction-history-container .transaction-img {
  border: 1px #d5d9d9 solid;
  padding: 5px;
  border-radius: 6px;
  box-shadow: 0 0 10px #a29f9f26;
}

.transaction-history-container
  .transaction-content-img
  .transaction-content
  h3 {
  font-size: 17px;
  font-family: var(--font-2);
  font-weight: 500;
  color: var(--theme-color);
}

.transaction-history-container
  .transaction-content-img
  .transaction-content
  h2 {
  font-size: 13px;
  color: #868989;
  font-family: var(--font-2);
  font-weight: 400;
}

.transaction-history-container .transaction-amount {
  font-size: 21px;
  text-wrap-mode: nowrap;
  color: green;
}

.transaction-history-container .transaction-content-img {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: start;
}

.order-container .serial-link a {
  background: var(--theme-color);
  color: #fff;
  padding: 3px 16px;
  border-radius: 5px;
  margin-left: 30px;
  transition: 0.3s all ease-in-out;
}

.order-container .serial-link a:hover {
  background: #b39145;
}

.my-profile-student-left-wrapper {
  border: 1px solid #ddd;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.my-profile-student-left-wrapper .student-img-wrapper {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: linear-gradient(45deg, #0b533b, #edefeb);
  padding: 2px;
}

.my-profile-student-left-wrapper .student-img-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.my-profile-student-left-wrapper h2 {
  font-size: 19px;
  margin-bottom: 0px;
}

.my-profile-student-left-wrapper h3 {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0px;
}

.my-profile-student-left-wrapper select,
.my-profile-student-left-wrapper .form-control,
.my-profile-student-right-wrapper .form-control {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0px;
  padding: 5px 10px;
  font-weight: 300;
  font-size: 14px;
}

.my-profile-student-right-wrapper {
  border: 1px solid #ddd;
  padding: 10px;
}

.my-profile-student-right-wrapper h3 {
  margin-bottom: 20px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfccd3;
  position: relative;
  color: var(--theme-color);
  font-family: var(--font-2);
  text-transform: uppercase;
}

.my-profile-student-right-wrapper h3::after {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  bottom: -1px;
  background: #136;
}

.test-paper-table-container {
  background: white;
  width: fit-content;
  padding: 10px;
  box-shadow: 0 0 10px #14363e42;
}

.test-paper-table-container table {
  background: #b2e6f3;
}

.test-paper-table-container table td {
  border: 1px solid #151d1f;
  padding: 5px 10px;
}

.test-paper-table-container table td a {
  font-size: 14px;
  background: var(--theme-color);
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
  white-space: nowrap;
}

.test-paper-table-container table td a:hover {
  background: #d29917;
}

.cus-tab-content,
.cus-tab-order-content,
.cus-tab-test-content {
  display: none;
}

.cus-tab-content.active,
.cus-tab-order-content.active,
.cus-tab-test-content.active {
  display: block;
}

.my-profile-right-section .cus-tab-content ul {
  padding-left: 0px;
  display: flex;
  flex-direction: row;
  gap: 50px;
  border-bottom: 2px solid var(--theme-color);
}

.my-profile-right-section .cus-tab-content ul li {
  background: var(--theme-color);
  color: #fff;
  padding: 2px 10px;
  transition: 0.3s all ease-in-out;
  margin-bottom: -2px;
  padding-bottom: 4px;
  border-radius: 5px 5px 0 0;
  z-index: 100;
}

.my-profile-right-section .cus-tab-content ul li.active {
  background: #d29917;
}

/* my profile ended here */

/* home animation start here */
.home-animation-section .bg {
  position: relative;
  height: 400px;
  width: 100%;
  background: url(../images/animation/mountain.png);
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.home-animation-section .bg .track {
  position: absolute;
  bottom: 0px;
  width: 10000px;
  height: 60px;
  background-image: url(../images/animation/track.png);
  background-repeat: repeat-x;
  background-size: auto 60px;
  animation: animate2 linear 26s infinite;
}

.home-animation-section .bg .truck {
  position: absolute;
  bottom: 9px;
  left: 15%;
  height: 120px;
  z-index: 3;
}

.home-animation-section .bg .houses {
  position: absolute;
  background-image: url(../images/animation/houses.png);
  background-repeat: repeat-x;
  animation: animate 35s linear infinite;
  background-size: auto 300px;
  bottom: -25px;
  width: 3000px;
  height: 318px;
  z-index: 2;
}

.home-animation-section .bg .boards {
  position: absolute;
  background-image: url(../images/animation/boards.png);
  /* background-repeat: repeat-x;
  animation: animate 20s linear infinite;
 background-size: auto 345px;
  bottom: 107px;
  width: 10000px;
  height: 349px; */

  /*  */
  background-repeat: repeat-x;
  animation: animate2 20s linear infinite;
  background-size: auto 250px;
  bottom: 110px;
  width: 10000px;
  height: 263px;
}

@keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}

@keyframes animate2 {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

/* home animation end here */

.marquee {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  transform: scale(1) rotate(1deg);
  background: var(--theme-color);
  padding: 10px 0;
  color: #e6d7b5;
}

.marquee .marquee-text {
  display: inline-flex;
  font-size: 20px;
  animation: marquee 30s linear infinite;
  min-width: 100%;
  text-transform: uppercase;
  font-family: var(--font-2);
  font-weight: 700;
  margin-bottom: 0px;
  gap: 50px;
}

.marquee2 {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  transform: scale(1) rotate(-1deg);
  background: #e6d7b5;
  padding: 10px 0;
  color: var(--theme-color);
  margin-top: 20px;
}

.marquee2 .marquee-text2 {
  display: inline-flex;
  font-size: 20px;
  animation: marquee2 30s linear infinite;
  min-width: 100%;
  text-transform: uppercase;
  font-family: var(--font-2);
  font-weight: 700;
  margin-bottom: 0px;
  gap: 50px;
}

.marquee .marquee-text span,
.marquee2 .marquee-text2 span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.marquee2 .marquee-text2 span i,
.marquee .marquee-text span i {
  font-size: 18px;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.all-page-social-container {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  margin-top: 50px;
}

.all-page-social-container .all-page-social-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 13px;
  font-family: var(--font-2);
  font-weight: 500;
  color: var(--theme-color);
}

.all-page-social-container .all-page-social-item span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  transition: o.3s all ease-in-out;
}

.all-page-social-container .all-page-social-item.active span {
  transform: scale(1.2);
}

.all-page-social-container span img {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: relative;
}

.all-page-social-container .all-page-social-item.active span::before {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  border-radius: 50%;
  background: #27785d;
  animation: 1.5s linear 0s normal none infinite focuse;
}

.all-page-social-container .all-page-social-item.active span::after {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 2px;
  content: "";
  width: 100%;
  z-index: 0;
  animation: slide1 1s linear infinite;
}

@keyframes focuse {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }

  75% {
    transform: scale(1.2);
    opacity: 0;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes slide1 {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

/*  */
[data-aos] {
  opacity: 0;
  transform: translateY(20px);
  transition-property: opacity, transform;
  transition-duration: 0.6s;
  transition-timing-function: ease-out;
}

[data-aos].aos-animate {
  opacity: 1;
  transform: translateY(0);
}

.footer-copyright {
  background: #05402c;
  padding: 5px;
  color: #fff;
}

.footer-copyright p a {
  text-decoration: none;
  color: #05402c;
  font-weight: 600;
  background: #fff;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 14px;
  margin-left: 5px;
}

/* successful message started here */
.successful-msg-container {
  background: #ffffff8f;
  padding: 15px;
  box-shadow: 0 0 10px #00000036;
}

.successful-msg-container .successful-msg-wrapper {
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: center;
  align-items: center;
}

.successful-msg-container .successful-msg-wrapper .check-span {
  background: green;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}

.successful-msg-container .successful-msg-wrapper h1 {
  margin-bottom: 0px;
  font-family: var(--font-1);
  color: green;
  font-size: 35px;
}

.successful-msg-section .successful-msg-container h3 {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 600;
  color: #333;
}

.successful-msg-section .successful-msg-container h4 {
  font-size: 18px;
  margin-top: 20px;
}

.successful-msg-section .successful-msg-container h2 {
  margin-top: 45px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  font-family: var(--font-1);
}

.payment-details-container {
  background: #a6f0d7b5;
  padding: 15px;
  width: 85%;
  box-shadow: 0 0 10px #00000026;
  margin: auto;
}

.payment-details-container p {
  font-size: 18px;
  margin-bottom: 0px;
}

.success-contact-us-msg {
  font-family: var(--font-1);
  margin-top: 15px;
}

/* successful message ended here */
.shop-thumb-prev-next-btn {
  border: none;
  width: 60px;
  height: 60px;
  font-size: 30px;
  color: var(--theme-color);
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

/* Cart icon badge styles */
.cart-icon-container {
  position: relative;
  display: inline-block;
}

.cart-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: red;
  color: #fff;
  border-radius: 50%;
  padding: 2px 7px;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
  min-width: 20px;
  text-align: center;
  box-shadow: 0 0 2px #333;
  line-height: 1.2;
}

.cart-count-text {
  color: red;
  font-weight: bold;
  margin-left: 4px;
  font-size: 13px;
}