*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  outline: none;
  border: 0;
}

html, body {
  font-family: "Nunito Sans 7pt", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #666;
  background: #fff;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
}

body.no-banner main {
  margin-top: 127px;
}
@media screen and (max-width: 675px) {
  body.no-banner main {
    margin-top: 82px;
  }
}

.container {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.container-fluid {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
@media screen and (max-width: 991px) {
  .container-fluid {
    padding: 0 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

@media screen and (max-width: 1000px) {
  main {
    margin-top: 95px;
  }
}
@media screen and (max-width: 675px) {
  main {
    margin-top: 82px;
  }
}

h1 {
  font-size: 50px;
  line-height: 1.2;
}
@media screen and (max-width: 1366px) {
  h1 {
    font-size: 45px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 675px) {
  h1 {
    font-size: 35px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 520px) {
  h1 {
    font-size: 25px;
    line-height: 1.2;
  }
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

.heading.text-center {
  text-align: center;
}
.heading h2 {
  color: #2E522A;
  margin-bottom: 0px;
  font-size: 59.333px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.78px;
}
@media screen and (max-width: 1366px) {
  .heading h2 {
    font-size: 40px;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 675px) {
  .heading h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 520px) {
  .heading h2 {
    font-size: 25px;
  }
}
.heading p {
  color: #666;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 1366px) {
  .heading p {
    font-size: 16px;
  }
}

img {
  max-width: 100%;
}

input, button, textarea, select {
  font-family: "Nunito Sans 7pt", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #666;
  font-weight: normal;
}

input[type=button], input[type=submit], button {
  cursor: pointer;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.social-link ul {
  display: flex;
  gap: 0;
}
.social-link ul li {
  display: block;
}
.social-link ul li a {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: 0.5s ease;
}
.social-link ul li a img {
  width: 20px;
  height: 20px;
}
.social-link ul li a:hover {
  background: #f1f1f1;
}

.button {
  display: inline-block;
  padding: 0 0;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 15px;
  transition: 0.5s ease;
}
.button:hover {
  border-radius: 50px;
}

.premlink {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #E8E8EA;
}
@media screen and (max-width: 767px) {
  .premlink {
    display: none;
  }
}
.premlink ul {
  display: flex;
  gap: 0 8px;
}
.premlink ul li a, .premlink ul li span {
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.premlink ul li a {
  color: #7A7A7A;
}
.premlink ul li span {
  color: #2E522A;
  font-weight: 800;
}

.filttrig, .titopro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media screen and (min-width: 1201px) {
  .filttrig, .titopro {
    display: none;
  }
}

.prodifwr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border: 1px solid #f1f1f1;
  border-left: 0;
  border-right: 0;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 25px;
  padding: 5px 15px;
}

.E-productList {
  padding: 60px 0;
}
.E-productList .container {
  position: relative;
}
.E-productList .container .heading {
  max-width: 1160px;
  padding-right: 180px;
}
@media screen and (max-width: 1200px) {
  .E-productList .container .heading {
    padding-right: 0;
  }
}
.E-productList .container .sortPrd {
  position: absolute;
  right: 15px;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .E-productList .container .sortPrd {
    position: static;
  }
}
.E-productList .container .sortPrd select {
  display: block;
  display: block;
  border: 1px solid #c5c5c5;
  padding: 12px 13px;
  padding-right: 35px;
  border-radius: 8px;
  color: #7A7A7A;
  font-size: 14px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.form .form-group {
  position: relative;
  margin-bottom: 15px;
}
.form .form-group .icon {
  position: absolute;
  top: 15px;
  line-height: 0;
  right: 15px;
}
.form .form-group .form-control {
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 15px;
  width: 100%;
  color: #9F9F9F;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
}
.form .form-group .form-control option {
  color: #666;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: #000;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease;
}
.overlay.active {
  opacity: 0.5;
  pointer-events: all;
}

.model-active {
  height: 100vh;
  overflow: hidden;
}
.model-active .overlay {
  opacity: 0.5;
  pointer-events: all;
}

.form.formlabe .form-group {
  position: relative;
}
.form.formlabe .form-group .form-control, .form.formlabe .form-group .input-control {
  display: block;
  padding: 20px 16px 6px;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
}
.form.formlabe .form-group .form-control:focus ~ label, .form.formlabe .form-group .input-control:focus ~ label {
  top: 4px;
  font-size: 11px;
}
.form.formlabe .form-group label {
  position: absolute;
  left: 15px;
  top: 17px;
  color: #9F9F9F;
  font-size: 12.772px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.383px;
  pointer-events: none;
  transition: 0.5s ease;
}
.form.formlabe .form-group.valid label {
  top: 4px;
  font-size: 11px;
}

.modelLogin {
  position: fixed;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 120%);
  background: #fff;
  padding: 25px;
  width: 644px;
  z-index: 4;
  border-radius: 18px;
  transition: 0.5s ease;
}
.modelLogin.is-open {
  top: 50%;
  transform: translate(-50%, -50%);
}
.modelLogin .modelBody {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.modelLogin .modelBody .closeModel {
  position: absolute;
  right: 20px;
  top: 8px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modelLogin .modelBody .closeModel img {
  width: 26px;
  display: block;
}
.modelLogin .modelBody .title {
  color: #2E522A;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.2px;
}
.modelLogin .modelBody p {
  color: #1E1E1E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.32px;
}
.modelLogin .modelBody .form.formlabe {
  margin-top: 35px;
}
.modelLogin .modelBody .form.formlabe .form-group .input-control {
  border: 1px solid #E8E8E8;
  width: 100%;
  border-radius: 16px;
  padding: 20px 16px 10px;
}
.modelLogin .modelBody .form.formlabe .form-btn {
  margin-top: 20px;
}
.modelLogin .modelBody .form.formlabe .form-btn .button {
  border: 1px solid #2E522A;
  color: #2E522A;
  text-align: center;
  background: #fff;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
}

.modelProduEnq {
  position: fixed;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 100%);
  background: #fff;
  width: 986px;
  z-index: 4;
  border-radius: 18px;
  transition: 0.5s ease;
}
.modelProduEnq.is-open {
  top: 50%;
  transform: translate(-50%, -50%);
}
.modelProduEnq .modelBody {
  background: #fff;
  border-radius: 50px;
  padding: 30px 50px;
}
.modelProduEnq .modelBody .closeModel {
  position: absolute;
  right: 20px;
  top: 8px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modelProduEnq .modelBody .closeModel img {
  width: 26px;
  display: block;
}
.modelProduEnq .modelBody .title {
  color: #2E522A;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  text-align: center;
  line-height: normal;
}
.modelProduEnq .modelBody p {
  color: #8DA650;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.modelProduEnq .modelBody .modeDev {
  margin-top: 40px;
}
.modelProduEnq .modelBody .modeDev .col {
  width: 50%;
}
.modelProduEnq .modelBody .form.formlabe .col1 {
  width: 100%;
  padding: 0 7px;
}
.modelProduEnq .modelBody .form.formlabe .col2 {
  padding: 0 7px;
  width: 50%;
}
.modelProduEnq .modelBody .form-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 8px;
}
.modelProduEnq .modelBody .form-btn .button {
  padding: 13px 23px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
}
.modelProduEnq .modelBody .form-btn .button.cler {
  color: #2E522A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
.modelProduEnq .modelBody .form-btn .button.save {
  background: #2E522A;
}

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: #FFF;
  margin: 0 6px;
  opacity: 0.2;
}
.owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}

.Model_Video {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  background: #000;
  transform: translateY(100%);
  transition: 0.5s ease;
}
.Model_Video .closeModel {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Model_Video .closeModel img {
  width: 27px;
  filter: invert(1);
}

.Model_Video.is-open {
  transform: translateY(0%);
}

.Model_Video.is-open iframe {
  display: block;
}

.Model_Video .modelBody {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Model_Video iframe {
  width: 100%;
  height: 100vh;
  border: 0;
  display: none;
}

.modelCartBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 400px;
  width: 100%;
  background: #fff;
  z-index: 15;
  transform: translateX(400px);
  transition: 0.5s ease;
}
@media screen and (max-width: 450px) {
  .modelCartBox {
    max-width: 100%;
  }
}
.modelCartBox.is-open {
  transform: translateX(0);
}
.modelCartBox .closeModel {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modelCartBox .closeModel img {
  width: 25px;
}
.modelCartBox .model-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modelCartBox .model-wrapper .model-header {
  padding: 20px;
  border-bottom: 1px solid #E8E8EA;
}
.modelCartBox .model-wrapper .model-header .title {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
.modelCartBox .model-wrapper .model-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.modelCartBox .model-wrapper .model-body .cartItems {
  margin-bottom: 25px;
  max-height: calc(100vh - 400.31px);
  overflow-y: auto;
}
.modelCartBox .model-wrapper .model-body .cartItems .item {
  display: flex;
  gap: 0 15px;
  margin-bottom: 6px;
}
.modelCartBox .model-wrapper .model-body .cartItems .img {
  width: 70px;
  flex: 0 1 70px;
  max-width: 70px;
  height: 65px;
  line-height: 0;
  border-radius: 11px;
  overflow: hidden;
}
.modelCartBox .model-wrapper .model-body .cartItems .img img {
  width: 100%;
}
.modelCartBox .model-wrapper .model-body .cartItems .content {
  flex: 1;
}
.modelCartBox .model-wrapper .model-body .cartItems .content .title {
  color: #2E522A;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0px;
}
.modelCartBox .model-wrapper .model-body .cartItems .content .price {
  color: #2E522A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
  margin-bottom: 12px;
}
.modelCartBox .model-wrapper .model-body .cartItems .cartbtn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
  margin-top: 10px;
}
.modelCartBox .model-wrapper .model-body .cartItems .checkoutBtn {
  border-color: #2E522A;
  color: #2E522A;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
  padding: 10px 20px;
  cursor: pointer;
}
.modelCartBox .model-wrapper .model-body .cartItems .checkoutBtn:hover {
  background: #8DA650;
  color: #fff;
  border-color: #8DA650;
}
.modelCartBox .model-wrapper .suggsetit {
  border-top: 1px solid #E8E8EA;
  padding: 20px 0 0;
}
.modelCartBox .model-wrapper .suggsetit .sujTitle {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 20px;
}
.modelCartBox .model-wrapper .suggsetit .title {
  color: #2E522A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 8px;
}
.modelCartBox .model-wrapper .suggsetit .slideSuggested .item {
  position: relative;
}
.modelCartBox .model-wrapper .suggsetit .slideSuggested .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.modelCartBox .model-wrapper .suggsetit .slideSuggested .checkbox input {
  display: none;
}
.modelCartBox .model-wrapper .suggsetit .slideSuggested .checkbox input:checked ~ .checkmark {
  background: #2E522A url(../icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-color: #2E522A;
}
.modelCartBox .model-wrapper .suggsetit .slideSuggested .checkbox .checkmark {
  width: 25px;
  height: 23px;
  border-radius: 3px;
  background: #fff;
}
.modelCartBox .model-wrapper .suggsetit .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  gap: 0 10px;
  position: absolute;
  top: -66px;
  right: 0;
}
.modelCartBox .model-wrapper .suggsetit .owl-nav.disabled {
  display: none;
}
.modelCartBox .model-wrapper .suggsetit .owl-nav button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #2E522A;
  cursor: pointer;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
}

.header-top {
  padding: 8px 0;
  background: #fff;
}
.header-top .flex {
  align-items: center;
  justify-content: space-between;
}
.header-top .logo {
  width: 250px;
  overflow: hidden;
}
@media screen and (max-width: 675px) {
  .header-top .logo {
    max-width: 120px;
  }
}
.header-top .logo a {
  display: block;
  margin-top: -13px;
}
@media screen and (max-width: 675px) {
  .header-top .logo a {
    margin-top: -5px;
  }
}
.header-top .logo a img {
  display: block;
  max-width: 200px;
}
@media screen and (max-width: 675px) {
  .header-top .logo a img {
    max-width: 120px;
  }
}

.header-bottom {
  background: #2E522A;
  padding: 5px 0;
}
.header-bottom .flex {
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .nav {
    display: none;
  }
}
.nav ul {
  display: flex;
}
.nav ul li a {
  display: block;
  color: #fff;
  padding: 10px;
  font-weight: 300;
}
@media screen and (max-width: 1366px) {
  .nav ul li a {
    padding: 10px 2px;
  }
}
.nav ul li:not(:last-child) {
  margin-right: 15px;
}
.nav ul .HasDesDrop {
  position: relative;
}
.nav ul .HasDesDrop a {
  padding-right: 28px;
}
.nav ul .HasDesDrop .sericon {
  position: absolute;
  right: 0;
  top: 11px;
}
.nav ul .HasDesDrop .sericon img {
  display: block;
  filter: grayscale(0) brightness(0) invert(1);
  width: 20px;
}
.nav ul .HasDesDrop .DesCustomDropDown {
  width: 992px;
  position: absolute;
  top: 100%;
  left: -50px;
  padding-top: 8px;
  display: none;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #e7e7e7;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .col {
  flex: 0 1 25%;
  max-width: 25%;
  width: 100%;
  padding: 0px;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .item .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24.55px;
  letter-spacing: normal;
  text-align: left;
  color: #2E522A;
  margin-bottom: 20px;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .item ul {
  display: block;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .item ul li {
  display: block;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .item ul li a {
  color: #2E522A;
  font-size: 15px;
  padding: 6px 15px;
  background: #fff;
  border-radius: 20px;
  transition: 0.5s ease;
}
.nav ul .HasDesDrop .DesCustomDropDown .cuseDrWrap .item ul li a:hover {
  background: #2E522A;
  color: #fff;
}
.nav ul .HasDesDrop:hover .DesCustomDropDown, .nav ul .HasDesDrop:hover .singleDropdown {
  display: block;
}
.nav ul .HasDesDrop .singleDropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 8px;
  display: none;
}
.nav ul .HasDesDrop .singleDropdown .singDrop {
  background: #fff;
  padding: 15px 0;
  border-radius: 10px;
  width: 290px;
  border: 1px solid #e7e7e7;
}
.nav ul .HasDesDrop .singleDropdown .singDrop ul {
  display: block;
}
.nav ul .HasDesDrop .singleDropdown .singDrop ul li {
  display: block;
  margin: 0;
}
.nav ul .HasDesDrop .singleDropdown .singDrop ul li a {
  color: #2E522A;
  font-size: 15px;
  padding: 6px 15px;
  background: #fff;
  border-radius: 0px;
  transition: 0.5s ease;
}
.nav ul .HasDesDrop .singleDropdown .singDrop ul li a:hover {
  background: #2E522A;
  color: #fff;
}

.humburger {
  display: none;
}
@media screen and (max-width: 991px) {
  .humburger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  .humburger span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: relative;
  }
  .humburger span::before, .humburger span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .humburger span::before {
    top: -8px;
  }
  .humburger span::after {
    bottom: -8px;
  }
}

.rightnav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 10px;
}
@media screen and (max-width: 991px) {
  .rightnav {
    width: 100%;
  }
}
@media screen and (max-width: 675px) {
  .rightnav {
    justify-content: space-between;
  }
}
.rightnav a.icon {
  width: 35px;
  height: 35px;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: trnsparent;
  transition: 0.5s ease;
}
.rightnav a.icon img {
  width: auto;
  height: 20px;
}
@media screen and (max-width: 1366px) {
  .rightnav .button {
    padding: 7px 15px;
  }
}
@media screen and (max-width: 675px) {
  .rightnav .button:first-child {
    display: none;
  }
}

.modelHumburgerMenu {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 420px;
  width: 100%;
  background: #fff;
  z-index: 11;
  height: 100vh;
  transform: translateX(-420px);
  transition: 0.5s ease;
}
@media screen and (min-width: 992px) {
  .modelHumburgerMenu {
    display: none;
  }
}
.modelHumburgerMenu.activeModel {
  transform: translateX(0px);
}
.modelHumburgerMenu .modelErap {
  position: relative;
}
.modelHumburgerMenu .closeModel {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 5px;
  right: 5px;
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modelHumburgerMenu .closeModel img {
  display: block;
  width: 26px;
  filter: invert(1);
}
.modelHumburgerMenu .modelHed {
  background: #2E522A url("../images/p3.jpg");
  padding: 25px;
  position: relative;
  background-size: cover;
  background-position: center;
}
.modelHumburgerMenu .modelHed:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(36, 95, 29, 0.3803921569);
  z-index: 1;
  content: "";
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.modelHumburgerMenu .modelHed .modelGewr {
  position: relative;
  z-index: 1;
  text-align: center;
}
.modelHumburgerMenu .modelHed .modelGewr .icon {
  width: 45px;
  height: 45px;
  background: #fff;
  margin: 0 auto;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modelHumburgerMenu .modelHed .modelGewr .icon img {
  filter: grayscale(0) brightness(0);
  display: block;
  margin: 0 auto;
  width: 20px;
}
.modelHumburgerMenu .modelHed .modelGewr p {
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  display: block;
}
.modelHumburgerMenu .modelHed .modelGewr a {
  display: inline-block;
  color: #345d48;
  background: #fff;
  padding: 4px 14px;
  border-radius: 16px;
  font-size: 12px;
  margin-top: 5px;
}
.modelHumburgerMenu .modelNav {
  padding: 30px 15px;
  height: calc(100vh - 174px);
  overflow-y: scroll;
}
.modelHumburgerMenu .modelNav .navWrap ul > li {
  display: block;
  color: #666;
  font-size: 25px;
  font-weight: 600;
  padding: 5px 0;
  position: relative;
}
.modelHumburgerMenu .modelNav .navWrap ul > li .suntr {
  position: absolute;
  top: 0;
  right: 0;
}
.modelHumburgerMenu .modelNav .navWrap ul > li .suntr svg {
  width: 14px;
  height: 14px;
}
.modelHumburgerMenu .modelNav .navWrap ul > li > a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.modelHumburgerMenu .modelNav .navWrap ul > li .cusdtDropNav {
  display: none;
  background: #f1f1f1;
  padding: 15px 10px;
  padding-left: 15px;
  border-left: 2px solid #8DA650;
}
.modelHumburgerMenu .modelNav .navWrap ul > li .cusdtDropNav .li a {
  display: block;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  padding: 3px 0;
}
.modelHumburgerMenu .modelNav .linmne {
  margin: 20px 0;
  border-top: 1px solid #000;
  opacity: 0.5;
}
.modelHumburgerMenu .modelNav .smnave ul li {
  display: block;
}
.modelHumburgerMenu .modelNav .smnave ul li a {
  color: #666;
  font-size: 14px;
  font-size: 500;
  display: block;
  padding: 3px 0;
}
.modelHumburgerMenu .contactin {
  margin-top: 15px;
}
.modelHumburgerMenu .contactin ul {
  display: flex;
  gap: 0 15px;
}
.modelHumburgerMenu .contactin ul li a {
  font-size: 14px;
  color: #666;
}

.dropdownShi {
  position: relative;
}
.dropdownShi:hover .dropdownChop {
  display: block;
}
.dropdownShi .dropdownChop {
  position: absolute;
  top: 100%;
  right: -45%;
  width: 349px;
  display: none;
}
.dropdownShi .dropdownChop .wrapdro {
  padding-top: 6px;
}
.dropdownShi .dropdownChop .wrapdro .card {
  width: 100%;
  background: #fff;
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.45);
  padding: 20px;
  padding-bottom: 12px;
}
.dropdownShi .dropdownChop .wrapdro .card .cardHed {
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}
.dropdownShi .dropdownChop .wrapdro .card .cardHed .welc {
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.32px;
}
.dropdownShi .dropdownChop .wrapdro .card .cardHed p {
  color: #7A7A7A;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 112%;
  letter-spacing: 0.24px;
  margin: 3px 0 10px;
}
.dropdownShi .dropdownChop .wrapdro .card .cardHed a {
  display: inline-block;
  padding: 8px 22px;
  border: 1px solid #E8E8EA;
  color: #2E522A;
  border-radius: 20px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.48px;
}
.dropdownShi .dropdownChop .wrapdro .card .card-body .navli {
  padding: 15px 0;
}
.dropdownShi .dropdownChop .wrapdro .card .card-body .navli a {
  display: block;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  padding: 8px 0;
  letter-spacing: 0.32px;
  transition: 0.5s ease;
}
.dropdownShi .dropdownChop .wrapdro .card .card-body .navli a:hover {
  color: #2E522A;
}

.banner .item {
  position: relative;
}
.banner .item::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, #000, transparent);
  opacity: 0.9;
}
.banner .item .img img {
  width: 100%;
  display: block;
}
.banner .banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.banner .banner-content .content {
  padding-left: 70px;
  max-width: 680px;
}
@media screen and (max-width: 1366px) {
  .banner .banner-content .content {
    padding-left: 30px;
    max-width: 750px;
  }
}
@media screen and (max-width: 991px) {
  .banner .banner-content .content {
    padding: 0;
  }
}
.banner .banner-content .content h1, .banner .banner-content .content p {
  color: #fff;
}
.banner .banner-content .content h1 {
  line-height: normal;
}
@media screen and (max-width: 1366px) {
  .banner .banner-content .content h1 {
    line-height: 1.2;
    font-weight: 700;
  }
}
@media screen and (max-width: 991px) {
  .banner .banner-content .content h1 {
    margin-bottom: 15px;
  }
}
.banner .banner-content .content p {
  margin: 25px 0 25px 0;
}
@media screen and (max-width: 991px) {
  .banner .banner-content .content p {
    display: none;
  }
}
.banner .banner-content .content .button {
  display: inline-block;
}
@media screen and (max-width: 675px) {
  .banner .banner-content .content .button {
    display: none;
  }
}

.homeSecA {
  padding: 60px 0 40px;
}
@media screen and (max-width: 675px) {
  .homeSecA {
    padding-bottom: 20px;
  }
}
.homeSecA .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto;
}
.homeSecA .flex .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .homeSecA .flex .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 520px) {
  .homeSecA .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.homeSecA .heading {
  margin-bottom: 30px;
}
.homeSecA .card {
  border: 1px solid #cbcbcb;
  display: block;
  border-radius: 20px;
  height: 100%;
}
.homeSecA .card .img img {
  display: block;
  width: 100%;
}
.homeSecA .card .content {
  padding: 15px;
  padding-bottom: 25px;
}
.homeSecA .card .content .cardtTitle {
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.homeSecA .card .content .card-des {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 15px;
}
.homeSecA .card .content .button {
  background: #fff;
  display: inline-block;
  color: #8DA650;
  border: 1px solid #E8E8EA;
  transition: 0.5s ease;
}
.homeSecA .card .content .button:hover {
  background: #8DA650;
  border-color: #8DA650;
  color: #fff;
}

.moremr {
  text-align: center;
  margin-top: 55px;
}
@media screen and (max-width: 675px) {
  .moremr {
    margin-top: 30px;
  }
}
.moremr .button {
  display: inline-block;
  border: 1px solid #2E522A;
  color: #2E522A;
  padding: 17px 30px;
  line-height: 1;
}

.homeSecB {
  padding: 60px 0 40px;
}
@media screen and (max-width: 675px) {
  .homeSecB {
    padding-top: 40px;
  }
}
.homeSecB .flex .col1 {
  flex: 0 1 35%;
  max-width: 35%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .homeSecB .flex .col1 {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.homeSecB .flex .col2 {
  flex: 0 1 65%;
  max-width: 65%;
  width: 100%;
  padding-left: 35px;
}
@media screen and (max-width: 757px) {
  .homeSecB .flex .col2 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 757px) {
  .homeSecB .flex .img img {
    display: block;
    margin: 0 auto;
  }
}
.homeSecB .heading {
  margin-bottom: 30px;
}
@media screen and (max-width: 757px) {
  .homeSecB .heading {
    margin-bottom: 12px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 757px) {
  .homeSecB .content {
    text-align: center;
  }
}
.homeSecB .content p {
  color: #7A7A7A;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1366px) {
  .homeSecB .content p {
    font-size: 16px;
    font-weight: 500;
  }
}
.homeSecB .moremr {
  text-align: left;
  margin-top: 30px;
}
@media screen and (max-width: 757px) {
  .homeSecB .moremr {
    text-align: center;
  }
}

.homeSecC {
  padding: 60px 0;
  background: #000 url("../images/ourstdj.jpg");
  background-size: cover;
  position: relative;
}
.homeSecC::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.8;
}
.homeSecC .container {
  position: relative;
}
.homeSecC .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto 0;
}
.homeSecC .heading h2, .homeSecC .heading p {
  color: #fff;
}
.homeSecC .owl-stage-outer {
  padding: 55px 0;
}
@media screen and (min-width: 767px) {
  .homeSecC .owl-stage-outer .owl-item .item {
    scale: 0.6;
    transition: 0.8s ease 0.5s;
  }
}
@media screen and (min-width: 767px) {
  .homeSecC .owl-stage-outer .owl-item.center .item {
    scale: 1;
    transition-delay: 0.5s;
  }
}
.homeSecC .owl-carousel .owl-dots {
  bottom: 0px;
}
.homeSecC .item {
  padding: 25px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .homeSecC .item {
    padding: 10px;
  }
}
.homeSecC .item .img {
  position: relative;
  border-radius: 250px;
  overflow: hidden;
}
.homeSecC .item .img::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #000, transparent);
  opacity: 0.8;
}
.homeSecC .item .img img {
  display: block;
  mix-blend-mode: color;
}
.homeSecC .item .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  padding: 20px;
  margin: 0 auto;
  max-width: 230px;
}
@media screen and (max-width: 991px) {
  .homeSecC .item .content {
    bottom: auto;
    top: 50%;
    max-width: 90%;
    transform: translateY(-50%);
  }
}
.homeSecC .item .content .title {
  color: #FFF;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.08px;
}
.homeSecC .item .content p {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
}
.homeSecC .slide {
  position: relative;
}
.homeSecC .slide .svhSha {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 991px) {
  .homeSecC .slide .svhSha {
    display: none;
  }
}

.homeSecD {
  padding: 60px 0;
}
.homeSecD .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto 45px;
}

.homeSecE {
  padding: 60px 0;
  background: url("../images/qu.jpg");
  background-size: cover;
  position: relative;
}
.homeSecE.bga {
  background: url("../images/bga.jpg");
  background-size: cover;
  padding-bottom: 100px;
}
.homeSecE::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.6;
}
.homeSecE .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto 45px;
}
.homeSecE .heading h2, .homeSecE .heading p {
  color: #fff;
}
.homeSecE .container {
  position: relative;
}
.homeSecE .flex .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
  padding: 15px;
}
@media screen and (max-width: 757px) {
  .homeSecE .flex .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 675px) {
  .homeSecE .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.homeSecE .card {
  border: 1px solid #fff;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  padding: 30px;
}
.homeSecE .card .label {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 10px;
}
.homeSecE .card p, .homeSecE .card .title {
  color: #fff;
}
.homeSecE .card .title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 6px;
}
.homeSecE .moremr .button {
  display: inline-block;
  border-color: #fff;
  color: #fff;
}

.homeSecF {
  padding: 60px 0;
}
@media screen and (max-width: 675px) {
  .homeSecF {
    padding: 40px 0 20px;
  }
}
.homeSecF .heading {
  margin-bottom: 60px;
}
.homeSecF .heading h5 {
  display: inline-block;
  color: #778D45;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.54px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 2px solid #778D45;
}

.prodCate .item .card {
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0px #fff;
  border-radius: 40px 10px;
  transition: 0.5s ease;
}
.prodCate .item .card .img {
  position: relative;
}
.prodCate .item .card .img::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #000, transparent);
  opacity: 0.8;
}
.prodCate .item .card .img img {
  display: block;
}
.prodCate .item .card .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
}
.prodCate .item .card .content .title {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.54px;
}
.prodCate .item .card .content p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin: 4px 0 15px 0;
}
.prodCate .item .card .content .button {
  display: inline-block;
}
.prodCate .item .card:hover {
  box-shadow: 0 0 30px #839756;
}
.prodCate .item .card:hover .button {
  background: #8DA650;
  border-color: #8DA650;
  color: #fff;
}

.homeSecG {
  padding: 60px 0;
}
.homeSecG .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto 45px;
}
.homeSecG .flex .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .homeSecG .flex .col {
    padding: 5px;
  }
}
@media screen and (max-width: 757px) {
  .homeSecG .flex .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 675px) {
  .homeSecG .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.homeSecG .card {
  padding: 20px;
  border-radius: 30px;
  background: #FDFEF6;
  box-shadow: 0px 0px 0px 0px rgba(46, 82, 42, 0.4);
  transition: 0.5s ease;
  border: 1px solid #8DA650;
}
@media screen and (max-width: 991px) {
  .homeSecG .card {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .homeSecG .card {
    text-align: center;
  }
}
.homeSecG .card .qu {
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}
@media screen and (max-width: 991px) {
  .homeSecG .card .qu {
    font-size: 16px;
  }
}
.homeSecG .card .an {
  color: #7A7A7A;
  margin-bottom: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1366px) {
  .homeSecG .card .an {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .homeSecG .card .an {
    font-size: 14px;
  }
}
.homeSecG .card .button {
  display: inline-block;
  color: #2E522A;
  border-color: #2E522A;
  cursor: pointer;
}
.homeSecG .card .button:hover {
  background: #2E522A;
  color: #fff;
}
.homeSecG .card:hover {
  border-color: #FDFEF6;
  box-shadow: 1px 2px 14px 0px rgba(46, 82, 42, 0.4);
}

.homeSecH {
  padding: 50px 0;
  background: url("../images/faq.jpg");
  background-size: cover;
  position: relative;
}
.homeSecH::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #162C15;
  opacity: 0.85;
}
.homeSecH .container {
  position: relative;
}
.homeSecH .content {
  text-align: center;
}
.homeSecH .content ul {
  margin-bottom: 15px;
}
.homeSecH .content ul li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.homeSecH .content ul li img {
  border: 2px solid #fff;
  border-radius: 100px;
}
.homeSecH .content ul li:first-child {
  left: 15px;
}
.homeSecH .content ul li:nth-child(2) {
  z-index: 1;
}
.homeSecH .content ul li:last-child {
  right: 15px;
}
.homeSecH .content h2, .homeSecH .content p, .homeSecH .content .button {
  color: #fff;
}
.homeSecH .content h2 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
.homeSecH .content p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
}
.homeSecH .content .button {
  display: inline-block;
  margin-top: 35px;
}

.homeSecI {
  padding: 60px 0;
}
.homeSecI .heading {
  max-width: 982px;
  width: 100%;
  margin: 0 auto 45px;
}

.blogCard .item {
  padding: 15px;
}
@media screen and (max-width: 1000px) {
  .blogCard .item {
    padding: 15px 7px;
  }
}
.blogCard .item .card {
  display: block;
  border-radius: 24px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.blogCard .item .content {
  padding: 20px;
}
.blogCard .item .content .blogTit {
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
}
.blogCard .item .content p {
  color: #7A7A7A;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
  margin: 11px 0 18px;
}
@media screen and (max-width: 1366px) {
  .blogCard .item .content p {
    font-size: 16px;
  }
}
.blogCard .item .content .button {
  border-color: #7A7A7A;
  color: #2E522A;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
}

.bannerSliderNew .flex {
  display: flex;
  flex-wrap: wrap;
}
.bannerSliderNew .flex .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .bannerSliderNew .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.bannerSliderNew .flex .col .item {
  transition: 0.5s ease;
  position: relative;
}
.bannerSliderNew .flex .col .item:hover {
  transform: scale(1.07);
}
.bannerSliderNew .flex .col .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
}
.bannerSliderNew .flex .col .item .img img {
  width: 100%;
  display: block;
  height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 1366px) {
  .bannerSliderNew .flex .col .item .img img {
    height: 500px;
  }
}
@media screen and (max-width: 991px) {
  .bannerSliderNew .flex .col .item .img img {
    height: auto;
  }
}
.bannerSliderNew .flex .col .item .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #FFF;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .bannerSliderNew .flex .col .item .content {
    width: 80%;
  }
}
.bannerSliderNew .flex .col .item .content h1 {
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
.bannerSliderNew .flex .col .item .content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  display: none;
}
.bannerSliderNew .flex .col .item .content .button {
  display: inline-block;
  margin-top: 15px;
  display: none;
}

.arrow-circ-center.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(255, 255, 255);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow-circ-center.owl-carousel .owl-nav button.owl-prev {
  left: 10px;
}
.arrow-circ-center.owl-carousel .owl-nav button.owl-next {
  right: 10px;
}

.SectAboutA {
  padding: 60px 0;
}
@media screen and (max-width: 991px) {
  .SectAboutA {
    padding: 40px 0 0;
  }
}
.SectAboutA .heading {
  margin-bottom: 60px;
}
.SectAboutA .slide .item {
  position: relative;
}
.SectAboutA .slide .item .img {
  position: relative;
}
.SectAboutA .slide .item .img:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #000, transparent);
}
.SectAboutA .slide .item .img img {
  display: block;
  width: 100%;
}
.SectAboutA .slide .item .content {
  position: absolute;
  bottom: 0;
  padding: 25px;
  padding-bottom: 65px;
  padding-right: 200px;
}
@media screen and (max-width: 675px) {
  .SectAboutA .slide .item .content {
    padding: 15px 0;
    position: static;
  }
}
.SectAboutA .slide .item .content h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.02px;
}
@media screen and (max-width: 991px) {
  .SectAboutA .slide .item .content h3 {
    font-size: 25px;
    font-weight: 700;
  }
}
@media screen and (max-width: 675px) {
  .SectAboutA .slide .item .content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
  }
}
.SectAboutA .slide .item .content p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 991px) {
  .SectAboutA .slide .item .content p {
    font-size: 16px;
  }
}
@media screen and (max-width: 675px) {
  .SectAboutA .slide .item .content p {
    color: #666;
  }
}
.SectAboutA .slide .owl-nav {
  position: absolute;
  right: 30px;
  bottom: 45px;
  display: flex;
  gap: 0 15px;
  z-index: 1;
}
@media screen and (max-width: 675px) {
  .SectAboutA .slide .owl-nav {
    display: none;
  }
}
.SectAboutA .slide .owl-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 45px;
}

.SectAboutB {
  padding: 60px 0;
  background: #000 url("../images/sass.jpg");
  position: relative;
  background-size: cover;
}
.SectAboutB::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.8;
}
.SectAboutB .container {
  position: relative;
  z-index: 1;
}
.SectAboutB .item {
  max-width: 681px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 991px) {
  .SectAboutB .item {
    max-width: 100%;
    padding: 15px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
  }
}
.SectAboutB .item:last-child {
  margin-left: auto;
  margin-right: 0;
  margin-top: 25px;
}
.SectAboutB .item h2 {
  display: flex;
  gap: 0 15px;
  align-items: center;
  color: #fff;
  font-size: 59.333px;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.78px;
}
@media screen and (max-width: 991px) {
  .SectAboutB .item h2 {
    font-size: 35px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 675px) {
  .SectAboutB .item h2 {
    font-size: 28px;
    font-weight: 600;
  }
}
.SectAboutB .item .label {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .SectAboutB .item .label {
    font-size: 18px;
    font-weight: 600;
  }
}
.SectAboutB .item p {
  color: rgba(255, 255, 255, 0.6117647059);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 991px) {
  .SectAboutB .item p {
    font-size: 16px;
  }
}
.SectAboutB .item ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .SectAboutB .item ul li {
    text-align: left;
  }
}
.SectAboutB .item ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 20px;
}

.SectAboutC {
  padding: 60px 0;
}
@media screen and (max-width: 675px) {
  .SectAboutC {
    padding: 40px 0;
  }
}
.SectAboutC .heading {
  max-width: 1173px;
  margin-bottom: 30px;
}

.fondnerCard .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
  padding: 15px;
}
@media screen and (max-width: 991px) {
  .fondnerCard .col {
    flex: 0 1 50%;
    max-width: 50%;
    padding: 8px;
  }
}
@media screen and (max-width: 675px) {
  .fondnerCard .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.fondnerCard .card {
  display: block;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
}
.fondnerCard .card .img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background: linear-gradient(to top, #000, transparent);
}
.fondnerCard .card .img img {
  display: block;
  width: 100%;
}
.fondnerCard .card .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
}
.fondnerCard .card .content .name {
  color: #fff;
  font-style: normal;
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
@media screen and (max-width: 675px) {
  .fondnerCard .card .content .name {
    font-size: 20px;
    font-weight: 600;
  }
}
.fondnerCard .card .content p {
  color: rgba(255, 255, 255, 0.6117647059);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  font-size: 18px;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 675px) {
  .fondnerCard .card .content p {
    font-size: 16px;
  }
}
.fondnerCard .card .content .deg {
  color: rgba(255, 255, 255, 0.6117647059);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.54px;
  font-style: italic;
}
@media screen and (max-width: 675px) {
  .fondnerCard .card .content .deg {
    font-size: 14px;
  }
}

.SectAboutD {
  padding: 60px 0;
}
.SectAboutD .heading {
  margin-bottom: 30px;
}
.SectAboutD .slide .item {
  padding: 10px;
}
.SectAboutD .slide .item .card {
  padding: 22px;
  border: 1px solid #E8E8E8;
  border-radius: 40px;
}
.SectAboutD .slide .item .card .card-hed {
  position: relative;
  padding-left: 85px;
  margin-bottom: 25px;
}
.SectAboutD .slide .item .card .card-hed img {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
}
.SectAboutD .slide .item .card .card-hed .name {
  color: #2E522A;
  font-weight: 800;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.72px;
}
@media screen and (max-width: 675px) {
  .SectAboutD .slide .item .card .card-hed .name {
    font-weight: 800;
    font-size: 18px;
  }
}
.SectAboutD .slide .item .card .card-hed .uid {
  color: #537B2E;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 675px) {
  .SectAboutD .slide .item .card .card-hed .uid {
    font-size: 14px;
    font-weight: 400;
  }
}
.SectAboutD .slide .owl-nav {
  display: flex;
  gap: 0 15px;
  z-index: 1;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
.SectAboutD .slide .owl-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #2E522A;
  border-radius: 45px;
}
.SectAboutD .slide .owl-nav button img {
  filter: grayscale(1) brightness(0.4);
}

.produInSecA {
  padding: 60px 0;
}
.produInSecA .heading {
  max-width: 923px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.productInCard .item {
  padding: 10px;
}
.productInCard .card {
  display: block;
  border-radius: 30px;
  border: 1px solid #C4C4C4;
}
@media screen and (min-width: 1000px) {
  .productInCard .card {
    height: 560px;
  }
}
.productInCard .card .img {
  position: relative;
}
.productInCard .card .img img {
  width: 100%;
  display: block;
}
.productInCard .card .content {
  padding: 15px;
  text-align: center;
}
.productInCard .card .content .cardTit {
  color: #2E522A;
  font-style: normal;
  font-size: 26px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.78px;
}
@media screen and (max-width: 991px) {
  .productInCard .card .content .cardTit {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
  }
}
.productInCard .card .content p {
  color: #7A7A7A;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .productInCard .card .content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.productInCard .card .content .button {
  border-color: #2E522A;
  color: #2E522A;
  display: inline-block;
  margin-bottom: 15px;
}

.produInSecB {
  padding: 60px 0;
}
.produInSecB .heading {
  margin-bottom: 60px;
}

.prdiStyA .col1 {
  flex: 0 1 40%;
  max-width: 40%;
  width: 100%;
}
@media screen and (max-width: 675px) {
  .prdiStyA .col1 {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.prdiStyA .col2 {
  flex: 0 1 60%;
  max-width: 60%;
  width: 100%;
  padding-left: 45px;
}
@media screen and (max-width: 675px) {
  .prdiStyA .col2 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prdiStyA .img {
  position: relative;
  background: #000;
  line-height: 0;
  border-radius: 40px;
}
.prdiStyA .img img {
  opacity: 0.8;
  width: 100%;
}
@media screen and (max-width: 675px) {
  .prdiStyA .content {
    padding-top: 25px;
    text-align: center;
  }
}
.prdiStyA .content h4 {
  color: #2E522A;
  font-style: normal;
  font-size: 32px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1200px) {
  .prdiStyA .content h4 {
    letter-spacing: normal;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 675px) {
  .prdiStyA .content h4 {
    font-size: 18px;
    font-weight: 500;
  }
}
.prdiStyA .content p {
  color: #7A7A7A;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .prdiStyA .content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
.prdiStyA .content .button {
  border-color: #2E522A;
  color: #2E522A;
  display: inline-block;
}
.prdiStyA .flex:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 65px;
}
.prdiStyA .flex:nth-child(even) .col2 {
  padding-right: 45px;
  padding-left: 0;
}
@media screen and (max-width: 675px) {
  .prdiStyA .flex:nth-child(even) .col2 {
    padding: 0;
  }
}

.produInSecC {
  padding: 60px 0;
}
@media screen and (max-width: 991px) {
  .produInSecC {
    padding: 30px 0 0;
  }
}
.produInSecC .heading {
  margin-bottom: 30px;
}
.produInSecC .tabGal {
  display: flex;
  gap: 0 15px;
  margin-bottom: 35px;
}
.produInSecC .tabGal .button {
  color: #2E522A;
  border-color: #2E522A;
  cursor: pointer;
}
.produInSecC .tabGal .button:hover, .produInSecC .tabGal .button.active {
  background: #2E522A;
  color: #fff;
}

.photogal .flex {
  position: relative;
}
@media screen and (min-width: 992px) {
  .photogal .col:first-child {
    width: 501px;
  }
  .photogal .col:nth-child(2) {
    flex: 0 1 calc(100% - 501px);
    max-width: calc(100% - 501px);
  }
}
@media screen and (max-width: 991px) {
  .photogal .col {
    width: 50%;
  }
}
.photogal a {
  display: block;
  line-height: 0;
  padding: 3px;
  height: 100%;
  overflow: hidden;
}
.photogal a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  .photogal .flex.fgrd .col:first-child {
    flex: 0 1 52.5%;
    max-width: 52.5%;
  }
  .photogal .flex.fgrd .col:nth-child(2) {
    flex: 0 1 47.5%;
    max-width: 47.5%;
    height: 50%;
  }
  .photogal .flex.fgrd .col:nth-child(3) {
    flex: 0 1 47.5%;
    max-width: 47.5%;
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 49%;
  }
}
@media screen and (max-width: 991px) {
  .photogal .flex.fgrd .col:last-child {
    width: 100%;
  }
}

.produInSecD {
  padding: 130px 0;
  background: url(../images/p12.png);
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 991px) {
  .produInSecD {
    padding: 60px 0;
  }
}
.produInSecD.bgb {
  background: url(../images/bgb.jpg);
  background-size: cover;
}
.produInSecD::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
}
.produInSecD .container {
  position: relative;
  z-index: 1;
}
.produInSecD .heading {
  margin-bottom: 50px;
  max-width: 982px;
}
.produInSecD .heading h2, .produInSecD .heading p {
  color: #fff;
}
.produInSecD .col {
  flex: 0 1 25%;
  max-width: 25%;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .produInSecD .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 675px) {
  .produInSecD .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.produInSecD .card {
  position: relative;
  padding: 20px;
  padding-bottom: 25px;
  background: #fff;
  border-radius: 20px;
  height: 100%;
  text-align: center;
}
.produInSecD .card .icon {
  margin-bottom: 20px;
}
.produInSecD .card .icon img {
  display: block;
  max-width: 90px;
  margin: 0 auto;
}
.produInSecD .card .label {
  color: #2E522A;
  font-style: normal;
  line-height: normal;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.84px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
  .produInSecD .card .label {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
  }
}
.produInSecD .card p {
  color: #565656;
  font-size: 14px;
  letter-spacing: 0.54px;
  font-weight: 300;
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  .produInSecD .card p {
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 300;
  }
}

.videoGall {
  display: none;
}
.videoGall .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
  padding: 10px;
}
.videoGall .card {
  position: relative;
}
.videoGall .card .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.videoGall .card .icon img {
  max-width: 55px;
  display: block;
  margin: 0 auto 15px;
}
.videoGall .card .icon p {
  color: #fff;
  text-align: center;
}
.videoGall .card .img {
  position: relative;
  line-height: 0;
  border-radius: 40px;
  overflow: hidden;
}
.videoGall .card .img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: #000;
  opacity: 0.5;
}

.produEcom {
  padding-top: 60px;
}
@media screen and (max-width: 1200px) {
  .produEcom > .flex {
    display: block;
  }
}
.produEcom .col1 {
  flex: 0 1 300px;
  max-width: 300px;
  width: 100%;
  padding-right: 40px;
}
.produEcom .col2 {
  flex: 1;
}
.produEcom h4 {
  color: #2E522A;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}

.filterCard {
  display: block;
}
.filterCard .card {
  margin-top: 35px;
}
.filterCard .card .cardLabel {
  position: relative;
  border-bottom: 1px solid #7A7A7A;
  margin-bottom: 20px;
}
.filterCard .card .cardLabel .label {
  color: #7A7A7A;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
  padding: 8px 0;
  cursor: pointer;
}
.filterCard .card .cardLabel img {
  position: absolute;
  right: 10px;
  top: 8px;
}
.filterCard .card .dropFilter .wrapDro .list label {
  display: block;
  position: relative;
  cursor: pointer;
  color: #7A7A7A;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
  padding: 6px 0;
  padding-left: 36px;
}
.filterCard .card .dropFilter .wrapDro .list .fakebox {
  width: 24px;
  height: 24px;
  border-radius: 10px;
  border: 1px solid #E8E8EA;
  position: absolute;
  left: 0;
  top: 6px;
}
.filterCard .card .dropFilter .wrapDro .list input {
  display: none;
}
.filterCard .card .dropFilter .wrapDro .list input:checked ~ label .fakebox {
  background: #8DA650 url(../icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.rangSlid {
  padding-top: 20px;
}
.rangSlid .ui-widget-content .ui-state-default {
  background: #fff;
  border: 3px solid #2E522A;
  border-radius: 30px;
  top: -7px;
}
.rangSlid .ui-slider-horizontal {
  height: 6px;
  border: 0;
  background: #f3f3f2;
}
.rangSlid .ui-slider-horizontal .ui-slider-range {
  background: #2E522A;
}
.rangSlid ul {
  display: flex;
  gap: 0 5px;
  align-items: center;
  margin-top: 25px;
}
.rangSlid ul li {
  color: #7A7A7A;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
  text-align: center;
}
.rangSlid ul .li {
  border-radius: 16px;
  border: 1px solid #E8E8EA;
  background: #FFF;
  padding: 13px 20px;
  max-width: 121px;
  width: 100%;
}

.fetureFIlter {
  padding: 15px;
}
.fetureFIlter .SLideFetur .owl-nav button {
  position: absolute;
  top: 40%;
}
.fetureFIlter .SLideFetur .owl-nav .owl-prev {
  left: -15px;
}
.fetureFIlter .SLideFetur .owl-nav .owl-next {
  right: -15px;
}
.fetureFIlter .SLideFetur .item {
  border-radius: 20px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  overflow: hidden;
}
.fetureFIlter .SLideFetur .item .img a {
  display: block;
}
.fetureFIlter .SLideFetur .item .content {
  padding: 12px 8px;
  text-align: center;
}
.fetureFIlter .SLideFetur .item .content .prodtu {
  color: #2E522A;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.48px;
  margin-bottom: 5px;
}
.fetureFIlter .SLideFetur .item .content p {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.fetureFIlter .SLideFetur .item .content .price {
  margin-bottom: 15px;
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
}
.fetureFIlter .SLideFetur .item .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
  cursor: pointer;
}

.EcomProducList .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  padding: 0 10px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .EcomProducList .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 520px) {
  .EcomProducList .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.EcomProducList .card {
  border-radius: 20px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  overflow: hidden;
  padding-bottom: 15px;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  transition: 0.5s ease;
}
@media screen and (min-width: 1000px) {
  .EcomProducList .card {
    height: 100%;
  }
}
.EcomProducList .card .proact {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: flex;
  gap: 0 5px;
  padding: 0 10px;
  display: none;
}
.EcomProducList .card .proact button, .EcomProducList .card .proact a {
  background: transparent;
  border: 0;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.5s ease;
  border-radius: 50px;
}
.EcomProducList .card .proact button:hover, .EcomProducList .card .proact a:hover {
  background: #8DA650;
}
.EcomProducList .card .img {
  position: relative;
}
.EcomProducList .card .img a {
  display: block;
  position: relative;
  line-height: 0;
}
.EcomProducList .card .img a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  opacity: 0.6;
  background: linear-gradient(to top, #000, transparent);
}
.EcomProducList .card .img a img {
  width: 100%;
}
.EcomProducList .card .content {
  padding: 10px;
}
.EcomProducList .card .content .title {
  color: #2E522A;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.EcomProducList .card .content p {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.EcomProducList .card .content .price {
  margin-bottom: 15px;
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
}
.EcomProducList .card .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  padding: 16px 23px;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
  cursor: pointer;
}
.EcomProducList .card:hover {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
.EcomProducList .card:hover .button {
  background: #8DA650;
  color: #fff;
}
.EcomProducList .card:hover .proact {
  display: flex;
}

.E-prodDetailSec {
  padding: 60px 0;
}
@media screen and (max-width: 675px) {
  .E-prodDetailSec {
    padding: 30px 0 0;
  }
}
.E-prodDetailSec .heading {
  margin-bottom: 45px;
}
@media screen and (max-width: 675px) {
  .E-prodDetailSec .heading {
    text-align: center;
  }
}
.E-prodDetailSec .flex .col {
  flex: 0 1 50%;
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .E-prodDetailSec .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.E-prodDetailSec .slide {
  display: flex;
  padding-left: 150px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .E-prodDetailSec .slide {
    padding: 0;
  }
}
.E-prodDetailSec .slide .slidTba {
  width: 140px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .E-prodDetailSec .slide .slidTba {
    display: none;
  }
}
.E-prodDetailSec .slide .SlideDet {
  flex: 1;
  border-radius: 40px;
  overflow: hidden;
}
.E-prodDetailSec .slide .SlideDet .owl-nav {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.E-prodDetailSec .slide .SlideDet .owl-nav button {
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.prdDetailS {
  padding-left: 25px;
}
@media screen and (max-width: 675px) {
  .prdDetailS {
    padding: 0;
    margin-top: 25px;
  }
}
.prdDetailS .card {
  border: 1px solid #E8E8EA;
  border-radius: 30px;
  padding: 25px;
}
@media screen and (max-width: 675px) {
  .prdDetailS .card {
    padding: 0;
    border: 0;
  }
}
.prdDetailS .card p {
  text-align: justify;
  margin-bottom: 20px;
}
.prdDetailS .card .price {
  margin-bottom: 20px;
  color: #2E522A;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
@media screen and (max-width: 675px) {
  .prdDetailS .card .price {
    font-size: 18px;
  }
}
.prdDetailS .card .line {
  border-bottom: 1px solid #E8E8EA;
  margin: 30px 0;
}
.prdDetailS .card .title {
  margin-bottom: 10px;
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.prdDetailS .card .cardFottr {
  display: flex;
  gap: 0 15px;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 675px) {
  .prdDetailS .card .cardFottr {
    flex-wrap: wrap;
  }
}
.prdDetailS .card .cardFottr > button {
  border: 1px solid #E8E8EA;
  color: #2E522A;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
  padding: 15px 25px;
}
.prdDetailS .card .cardFottr .addTwis {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 670px) {
  .prdDetailS .card .cardFottr .addTwis {
    justify-content: flex-start;
    width: 100%;
    flex: 0 1 100%;
    margin-top: 20px;
  }
}
.prdDetailS .card .cardFottr .addTwis button {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 10px;
  bottom: 0;
  background: transparent;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
  cursor: pointer;
}

.counterCard {
  border: 1px solid #E8E8EA;
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 16px;
}
.counterCard button {
  background: #fff;
  text-align: center;
  line-height: 0;
  cursor: pointer;
}
.counterCard .text {
  width: 55px;
  text-align: center;
}

.produDescSecB {
  margin-top: 55px;
  padding: 25px 0;
}
@media screen and (max-width: 675px) {
  .produDescSecB {
    padding-bottom: 0;
  }
}
.produDescSecB .col1 {
  width: 45%;
}
@media screen and (max-width: 991px) {
  .produDescSecB .col1 {
    width: 100%;
  }
}
.produDescSecB .col2 {
  width: 55%;
  padding-left: 35px;
}
@media screen and (max-width: 991px) {
  .produDescSecB .col2 {
    width: 100%;
    padding: 0;
  }
}
.produDescSecB .img {
  border: 1px solid #E8E8EA;
  border-radius: 40px;
  line-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .produDescSecB .img {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 25px;
  }
}
.produDescSecB .prdeSecBTab .tabWrap {
  display: flex;
  gap: 0 15px;
  border-bottom: 3px solid #E8E8EA;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 675px) {
  .produDescSecB .prdeSecBTab .tabWrap {
    gap: 0 6px;
  }
}
.produDescSecB .prdeSecBTab .tabWrap .tab {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.72px;
  position: relative;
  padding: 8px 0;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .produDescSecB .prdeSecBTab .tabWrap .tab {
    font-size: 18px;
  }
}
@media screen and (max-width: 675px) {
  .produDescSecB .prdeSecBTab .tabWrap .tab {
    font-size: 13px;
  }
}
.produDescSecB .prdeSecBTab .tabWrap .tab::after {
  content: "";
  position: absolute;
  bottom: -4px;
  background: #8DA650;
  height: 5px;
  width: 0%;
  left: 0;
}
.produDescSecB .prdeSecBTab .tabWrap .tab.current {
  font-weight: 800;
}
.produDescSecB .prdeSecBTab .tabWrap .tab.current::after {
  width: 100%;
}
.produDescSecB .prdeSecBTab {
  height: 100%;
  position: relative;
}
.produDescSecB .prdeSecBTabW .text {
  color: #7A7A7A;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .produDescSecB .prdeSecBTabW .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.produDescSecB .prdeSecBTabW ul li {
  color: #7A7A7A;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
  padding-left: 40px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .produDescSecB .prdeSecBTabW ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.produDescSecB .prdeSecBTabW ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../icons/serv.svg");
  background-repeat: no-repeat;
}
.produDescSecB .prdeSecBTabW .testimonail {
  border-radius: 40px;
  border: 1px solid #E8E8EA;
  background: #FFF;
  padding: 30px;
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth {
  display: flex;
  margin-top: 25px;
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth .autted {
  padding-left: 20px;
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth .name {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
@media screen and (max-width: 1200px) {
  .produDescSecB .prdeSecBTabW .testimonail .item .auth .name {
    font-size: 18px;
  }
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth .star {
  display: flex;
  margin: 2px 0;
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth .star img {
  width: 25px;
}
.produDescSecB .prdeSecBTabW .testimonail .item .auth .auId {
  color: #537B2E;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.produDescSecB .prdeSecBTabW .navCuto {
  display: none;
}
.produDescSecB .prdeSecBTabW .testimonail.active ~ .navCuto {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0 10px;
  justify-content: center;
}
.produDescSecB .prdeSecBTabW .testimonail.active ~ .navCuto button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #2E522A;
  cursor: pointer;
}

.homeSecA .producCard .slideMore {
  display: block;
}
.homeSecA .producCard .slideMore .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  gap: 0 10px;
}
.homeSecA .producCard .slideMore .owl-nav button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #2E522A;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .filterAside {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 11;
    padding: 25px;
    max-width: 320px;
    height: 100vh;
    overflow-y: scroll;
    transform: translateX(-320px);
    transition: 0.5s ease;
  }
}
.filterAside .closfil {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (min-width: 1202px) {
  .filterAside .closfil {
    display: none;
  }
}
.filterAside .closfil img {
  width: 30px;
}
.filterAside ~ .over {
  position: fixed;
  z-index: 10;
  background: #000;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.5s ease;
  pointer-events: none;
}

@media screen and (max-width: 1200px) {
  body.filterActive .filterAside {
    transform: translate(0);
  }
}
body.filterActive .filterAside ~ .over {
  opacity: 0.5;
  pointer-events: all;
}

.serviceSecA {
  padding: 60px 0;
}
.serviceSecA .heading {
  margin-bottom: 45px;
}

.owl-carousel.SLiderSerA .item .card {
  display: block;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.owl-carousel.SLiderSerA .item .card .img {
  position: relative;
}
.owl-carousel.SLiderSerA .item .card .img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(to top, #000, transparent);
}
.owl-carousel.SLiderSerA .item .card .content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 20px;
}
.owl-carousel.SLiderSerA .item .card .content .label {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-bottom: 10px;
}
.owl-carousel.SLiderSerA .item .card .content P {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.54px;
}
.owl-carousel.SLiderSerA .owl-nav {
  display: flex;
  gap: 0 15px;
  z-index: 1;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
.owl-carousel.SLiderSerA .owl-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #2E522A;
  border-radius: 45px;
}
.owl-carousel.SLiderSerA .owl-nav button img {
  filter: grayscale(1) brightness(0.4);
}

.produInSecD.saa .heading {
  max-width: 100%;
}

.blogSecA {
  padding: 60px 0;
}
.blogSecA .container {
  position: relative;
}
.blogSecA .heading {
  max-width: 992px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1200px) {
  .blogSecA .heading h2 {
    font-size: 25px;
    letter-spacing: normal;
  }
}
.blogSecA .blogFiltr {
  position: absolute;
  right: 15px;
  top: 0;
}
@media screen and (max-width: 767px) {
  .blogSecA .blogFiltr {
    position: relative;
    right: 0;
  }
}
.blogSecA .blogFiltr .select {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: #2E522A;
  color: #fff;
  cursor: pointer;
}
.blogSecA .blogFiltr .drop {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 8px;
  display: none;
}
.blogSecA .blogFiltr .drop ul {
  width: 355.5px;
  padding: 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.08), 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
}
.blogSecA .blogFiltr .drop ul li {
  padding: 10px 16px;
  cursor: pointer;
  border-radius: 16px;
}
.blogSecA .blogFiltr .drop ul li:hover {
  background: #F9F9F9;
}

@media screen and (max-width: 767px) {
  .blogListingIn {
    padding-top: 30px;
  }
}
.blogListingIn .blogList {
  margin-bottom: 50px;
}
.blogListingIn .blogList .flex {
  align-items: center;
}
.blogListingIn .blogList .col1 {
  flex: 0 1 40%;
  max-width: 40%;
  width: 100%;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .blogListingIn .blogList .col1 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
.blogListingIn .blogList .col2 {
  padding-left: 15px;
  flex: 0 1 60%;
  max-width: 60%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .blogListingIn .blogList .col2 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
.blogListingIn .img a {
  display: block;
}
@media screen and (max-width: 767px) {
  .blogListingIn .img a img {
    display: block;
    margin: 0 auto;
  }
}
.blogListingIn .content {
  position: relative;
}
@media screen and (max-width: 767px) {
  .blogListingIn .content {
    padding-top: 25px;
    text-align: center;
  }
}
.blogListingIn .content .label {
  display: inline-flex;
  padding: 10px 28px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  background: #2E522A;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .blogListingIn .content .label {
    padding: 6px 22px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
  }
}
.blogListingIn .content .blogHed {
  color: #2E522A;
  font-style: normal;
  line-height: normal;
  font-size: 34px;
  font-weight: 900;
  letter-spacing: 1.02px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .blogListingIn .content .blogHed {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  .blogListingIn .content .blogHed {
    font-size: 22px;
    font-weight: 700;
  }
}
.blogListingIn .content p {
  color: #7A7A7A;
  font-style: normal;
  line-height: 32px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .blogListingIn .content p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
  }
}
.blogListingIn .content .avtoar {
  display: flex;
  gap: 0 10px;
}
.blogListingIn .content .avtoar .avtex .autn {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.54px;
}
.blogListingIn .content .avtoar .avtex .posf {
  color: #2E522A;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.33px;
}
.blogListingIn .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}

.blogInMoreNew {
  padding: 60px 0;
}
@media screen and (max-width: 675px) {
  .blogInMoreNew {
    padding-bottom: 0;
  }
}
.blogInMoreNew .heading {
  margin-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .blogInMoreNew .heading {
    text-align: center;
  }
}
.blogInMoreNew .flex {
  align-items: center;
  margin-bottom: 40px;
}
.blogInMoreNew .col1 {
  flex: 0 1 30%;
  max-width: 30%;
  width: 100%;
  padding-right: 15px;
}
@media screen and (max-width: 675px) {
  .blogInMoreNew .col1 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
.blogInMoreNew .col2 {
  padding-left: 15px;
  flex: 0 1 70%;
  max-width: 70%;
  width: 100%;
}
@media screen and (max-width: 675px) {
  .blogInMoreNew .col2 {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}
.blogInMoreNew .img {
  display: block;
}
.blogInMoreNew .img img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 675px) {
  .blogInMoreNew .img img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 675px) {
  .blogInMoreNew .content {
    padding: 15px 0;
    text-align: center;
  }
}
.blogInMoreNew .content .bloghed {
  color: #2E522A;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.02px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .blogInMoreNew .content .bloghed {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  .blogInMoreNew .content .bloghed {
    font-size: 22px;
    font-weight: 700;
  }
}
.blogInMoreNew .content p {
  color: #7A7A7A;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .blogInMoreNew .content p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
  }
}
.blogInMoreNew .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}

.blogDetailSecA {
  padding: 60px 0;
}
@media screen and (max-width: 675px) {
  .blogDetailSecA {
    padding: 30px 0;
  }
}
.blogDetailSecA .asdeLeft {
  flex: 0 1 70%;
  max-width: 70%;
  width: 100%;
  padding-right: 10px;
}
@media screen and (max-width: 991px) {
  .blogDetailSecA .asdeLeft {
    padding-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .blogDetailSecA .asdeLeft {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 0px;
  }
}
.blogDetailSecA .asdeRight {
  flex: 0 1 30%;
  max-width: 30%;
  width: 100%;
  padding-left: 20px;
}
@media screen and (max-width: 991px) {
  .blogDetailSecA .asdeRight {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .blogDetailSecA .asdeRight {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
  }
}

.blogDetailin .content h2 {
  color: #2E522A;
  font-size: 39.33px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 1.18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .blogDetailin .content h2 {
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 675px) {
  .blogDetailin .content h2 {
    font-size: 18px;
    text-align: center;
  }
}
.blogDetailin .content .img {
  margin-bottom: 20px;
}
.blogDetailin .content .img img {
  display: block;
  width: 100%;
}
.blogDetailin .content p {
  color: #7A7A7A;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .blogDetailin .content p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.blogDetailin .content .note {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background: #FDFEF6;
  margin-bottom: 20px;
}
.blogDetailin .content .note p {
  color: #1E1E1E;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.54px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .blogDetailin .content .note p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.asideBarSLtr {
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .asideBarSLtr {
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
  }
}
.asideBarSLtr .cardOne {
  padding-bottom: 60px;
  border-bottom: 1px solid #E8E8EA;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardOne {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .asideBarSLtr .cardOne {
    width: 50%;
  }
}
@media screen and (max-width: 675px) {
  .asideBarSLtr .cardOne {
    width: 100%;
  }
}
.asideBarSLtr .cardOne .img {
  display: block;
  margin-bottom: 15px;
}
.asideBarSLtr .cardOne .img img {
  width: 100%;
  display: block;
}
@media screen and (max-width: 991px) {
  .asideBarSLtr .cardOne .content {
    text-align: center;
  }
}
.asideBarSLtr .cardOne .content h4 {
  color: #2E522A;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.63px;
  font-size: 21px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardOne .content h4 {
    letter-spacing: normal;
    font-size: 18px;
  }
}
.asideBarSLtr .cardOne .content p {
  color: #7A7A7A;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.54px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardOne .content p {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
.asideBarSLtr .cardOne .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
.asideBarSLtr .cardTwo {
  padding-top: 55px;
}
@media screen and (max-width: 991px) {
  .asideBarSLtr .cardTwo {
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .asideBarSLtr .cardTwo .cardttIt {
    display: flex;
    flex-wrap: wrap;
  }
}
.asideBarSLtr .cardTwo .cardttIt .flex {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .asideBarSLtr .cardTwo .cardttIt .flex {
    width: 50%;
    padding: 8px;
  }
}
.asideBarSLtr .cardTwo .cardttIt .img {
  flex: 0 1 30%;
  max-width: 30%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .asideBarSLtr .cardTwo .cardttIt .img {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.asideBarSLtr .cardTwo .cardttIt .img img {
  width: 100%;
}
.asideBarSLtr .cardTwo .cardttIt .content {
  flex: 0 1 70%;
  max-width: 70%;
  width: 100%;
  padding-left: 20px;
}
@media screen and (max-width: 991px) {
  .asideBarSLtr .cardTwo .cardttIt .content {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .asideBarSLtr .cardTwo .cardttIt .content {
    padding: 15px 0;
  }
}
.asideBarSLtr .cardTwo .cardttIt .content h6 {
  color: #2E522A;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.asideBarSLtr .cardTwo .cardttIt .content .button {
  border-color: #E8E8EA;
  color: #2E522A;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
.asideBarSLtr .cardPopul {
  background: #FDFEF6;
  padding: 25px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardPopul {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .asideBarSLtr .cardPopul {
    text-align: center;
  }
}
.asideBarSLtr .cardPopul .tabPop {
  display: flex;
  gap: 0 10px;
  margin-bottom: 20px;
}
.asideBarSLtr .cardPopul .button {
  border-color: #E8E8EA;
  color: #2E522A;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
.asideBarSLtr .cardPopul .button.active {
  background: #2E522A;
  color: #fff;
}
.asideBarSLtr .cardPopul .img {
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardPopul .img {
    margin-bottom: 15px;
    line-height: 0;
  }
}
.asideBarSLtr .cardPopul .img img {
  width: 100%;
}
.asideBarSLtr .cardPopul h4 {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardPopul h4 {
    letter-spacing: normal;
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.asideBarSLtr .cardPopul p {
  color: #7A7A7A;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardPopul p {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
.asideBarSLtr .cardPopul p b {
  color: #1E1E1E;
  font-style: italic;
  font-weight: 700;
  line-height: 28px;
  font-size: 18px;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1200px) {
  .asideBarSLtr .cardPopul p b {
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1.4;
  }
}
.asideBarSLtr .cardPopul .button {
  display: inline-block;
}

.contactPageIn {
  padding: 60px 0;
}
@media screen and (max-width: 992px) {
  .contactPageIn {
    padding-bottom: 0;
  }
}
.contactPageIn .col1 {
  width: 100%;
  flex: 0 1 45%;
  max-width: 45%;
  padding-right: 60px;
}
@media screen and (max-width: 992px) {
  .contactPageIn .col1 {
    flex: 0 1 100%;
    max-width: 100%;
    padding-right: 0px;
  }
}
.contactPageIn .col2 {
  flex: 0 1 55%;
  max-width: 55%;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .contactPageIn .col2 {
    flex: 0 1 100%;
    max-width: 100%;
    padding-right: 0px;
  }
}
.contactPageIn .heading {
  margin-bottom: 30px;
  max-width: 447px;
}
@media screen and (max-width: 992px) {
  .contactPageIn .heading {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.contactPageIn .heading p {
  margin-bottom: 40px;
}
.contactPageIn .form .form-group {
  margin-bottom: 20px;
}
.contactPageIn .form .form-group .form-control {
  color: var(--Gray-8, #A5A3A9);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 116%;
  padding: 8px 16px;
  border-radius: 18px;
  border: 1px solid #E8E8EA;
  background: #fff;
  display: block;
  width: 100%;
  height: 56px;
}
.contactPageIn .form .form-group textarea.form-control {
  height: 150px;
  padding-top: 20px;
}
.contactPageIn .form .button {
  background: #2E522A;
  padding: 13px 35px;
}
.contactPageIn .map {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.contactPageIn .map iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .contactPageIn .map iframe {
    height: 320px;
  }
}

.contactPageInA {
  padding: 50px 0;
}
.contactPageInA .col {
  flex: 0 1 25%;
  max-width: 25%;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 1200px) {
  .contactPageInA .col {
    padding: 5px;
  }
}
@media screen and (max-width: 992px) {
  .contactPageInA .col {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 520px) {
  .contactPageInA .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.contactPageInA .card {
  padding: 15px;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #E8E8EA;
  background: #FFF;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .contactPageInA .card {
    padding: 10px;
  }
}
.contactPageInA .card h3 {
  color: #2E522A;
  font-style: normal;
  line-height: normal;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.72px;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .contactPageInA .card h3 {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: normal;
  }
}
.contactPageInA .card p {
  color: #7A7A7A;
  font-style: normal;
  line-height: 150%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.54px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .contactPageInA .card p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
  }
}
.contactPageInA .card .button {
  color: #A5A3A9;
  border-color: #A5A3A9;
  margin-bottom: 10px;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .contactPageInA .card .button {
    font-size: 14px;
    font-weight: 500;
  }
}

.notLimOff {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .notLimOff {
    margin-top: 120px;
  }
}
.notLimOff .not {
  padding: 18px 0;
  background: #FBFDEE;
}
.notLimOff p {
  color: #2E522A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .notLimOff p {
    font-size: 14px;
  }
}
.notLimOff p b {
  font-weight: 900;
}

.cartListPage {
  padding-top: 35px;
}
.cartListPage .flex .col1 {
  width: 65%;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .cartListPage .flex .col1 {
    width: 100%;
    padding: 0;
  }
}
.cartListPage .flex .col2 {
  width: 35%;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .cartListPage .flex .col2 {
    width: 100%;
    padding: 0;
  }
}
.cartListPage .cardtHeader {
  background: #2E522A;
  border-radius: 16px;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .cartListPage .cardtHeader {
    display: none;
  }
}
.cartListPage .cardtHeader .flex .col {
  flex-grow: 1;
}
.cartListPage .cardtHeader .label {
  padding: 10px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
}
.cartListPage .cartBody .card {
  display: flex;
  padding: 17px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  margin-top: 30px;
}
.cartListPage .cartBody .card .flex {
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 675px) {
  .cartListPage .cartBody .card .flex {
    display: block;
  }
}
.cartListPage .cartBody .card .img {
  max-width: 138px;
  width: 100%;
}
.cartListPage .cartBody .card .cartSec {
  padding-left: 20px;
  max-width: 230px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cartListPage .cartBody .card .cartSec {
    padding-left: 0;
    max-width: 100%;
    margin-top: 8px;
  }
}
.cartListPage .cartBody .card .cartSec .pname {
  color: #60A814;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.cartListPage .cartBody .card .cartSec .price {
  color: #2E522A;
  font-style: normal;
  line-height: normal;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .cartListPage .cartBody .card .cartSec .price {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: normal;
    margin-bottom: 15px;
  }
}
.cartListPage .cartBody .card .cartOty {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0 15px;
  justify-content: flex-end;
}
.cartListPage .cartBody .card .cartOty .smPrice, .cartListPage .cartBody .card .cartOty .smxprice {
  color: #60A814;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
}
@media screen and (max-width: 767px) {
  .cartListPage .cartBody .card .cartOty .smPrice, .cartListPage .cartBody .card .cartOty .smxprice {
    letter-spacing: normal;
  }
}
.cartListPage .cartFooter {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .cartListPage .cartFooter {
    margin-bottom: 20px;
  }
}
.cartListPage .cartFooter .title {
  color: #162C15;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .cartListPage .cartFooter .title {
    font-size: 18px;
    letter-spacing: normal;
  }
}
.cartListPage .cartFooter .card {
  padding: 17px;
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.cartListPage .cartFooter textarea {
  height: 121px;
}
.cartListPage .cartFooter .button {
  background: #8DA650;
  color: #fff;
  margin-left: auto;
  cursor: pointer;
  margin-right: 0;
}

.applyCoupan {
  margin-bottom: 25px;
}
.applyCoupan .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 30px;
}
@media screen and (max-width: 991px) {
  .applyCoupan .card {
    padding: 12px;
  }
}
.applyCoupan .title {
  color: #565656;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
  margin-bottom: 15px;
}
.applyCoupan .input {
  padding-right: 90px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .applyCoupan .input {
    padding: 0;
  }
}
.applyCoupan input {
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  color: #9F9F9F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: normal;
  width: 100%;
  padding: 17px;
}
.applyCoupan .button {
  display: flex;
  width: 84px;
  border: 1px solid #E8E8E8;
  height: 56px;
  background: #FFF;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  color: #2E522A;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 991px) {
  .applyCoupan .button {
    position: static;
    margin-top: 12px;
    width: 100%;
  }
}
.applyCoupan .avilcup {
  margin-top: 0.5em;
}
.applyCoupan .avilcup .ailtitel {
  color: #60A814;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.42px;
}
.applyCoupan .avilcup ul {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.applyCoupan .avilcup ul li {
  padding: 10px;
  background: #fafff4;
  border: 1px solid #60a814;
  border-radius: 5px;
}
.applyCoupan .avilcup ul li .code {
  font-weight: 600;
  color: #60a814;
}
.applyCoupan .avilcup ul li .des {
  font-size: 10px;
}

.orderSuppery .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 30px;
}
@media screen and (max-width: 991px) {
  .orderSuppery .card {
    padding: 12px;
  }
}
.orderSuppery .card .title {
  color: #162C15;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .orderSuppery .card .title {
    font-size: 18px;
  }
}
.orderSuppery .card .li {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  justify-content: space-between;
  color: #838383;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1200px) {
  .orderSuppery .card .li {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.orderSuppery .card .totla {
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 8px;
}
.orderSuppery .card .totla .li .label {
  color: #60A814;
  font-weight: 700;
}
.orderSuppery .card .totla .li .price {
  color: #60A814;
  font-weight: 700;
}
.orderSuppery .card .note {
  color: #565656;
  margin-top: 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}
.orderSuppery .card .button {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  padding: 15px;
  display: block;
  font-weight: 600;
  cursor: pointer;
}
.orderSuppery .card .button.gr {
  background: #2E522A;
}
.orderSuppery .card .button.gy {
  background: #fff;
  border: 1px solid #E8E8E8;
  color: #353535;
}

.epltyCart {
  padding: 50px 0;
}
.epltyCart .content {
  display: block;
  margin: 0 auto;
  max-width: 550px;
  text-align: center;
}
.epltyCart .content .img img {
  display: block;
  margin: 0 auto;
}
.epltyCart .content p {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
  margin: 25px 0 25px;
}
@media screen and (max-width: 767px) {
  .epltyCart .content p {
    font-size: 18px;
  }
}
.epltyCart .button {
  display: inline-block;
}
.epltyCart .button.back {
  border-color: #E8E8EA;
  color: #2E522A;
}
.epltyCart .button.home {
  background: #2E522A;
  color: #fff;
}

.SecCheckOutPage {
  padding: 30px 0;
}
.SecCheckOutPage .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.SecCheckOutPage .col1 {
  width: 65%;
  padding-right: 20px;
}
@media screen and (max-width: 1200px) {
  .SecCheckOutPage .col1 {
    width: 100%;
    padding: 0;
  }
}
.SecCheckOutPage .col2 {
  padding-left: 20px;
  width: 35%;
}
@media screen and (max-width: 1200px) {
  .SecCheckOutPage .col2 {
    width: 100%;
    padding: 0;
    margin-top: 25px;
  }
}

.shpAddressA .card {
  position: relative;
  padding: 20px;
  padding-left: 70px;
}
.shpAddressA .card label {
  position: absolute;
  left: 15px;
  top: 20px;
}
.shpAddressA .card .quAc {
  position: absolute;
  top: 20px;
  right: 20px;
}
.shpAddressA .card .quAc button {
  display: inline-block;
  background: #fff;
  line-height: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.shpAddressA .card .text {
  max-width: 295px;
  width: 100%;
}
.shpAddressA .card .text .name {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: normal;
}
.shpAddressA .card .text .address {
  color: #747474;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  margin: 4px 0;
}
@media screen and (max-width: 1200px) {
  .shpAddressA .card .text .address {
    font-size: 14px;
  }
}
.shpAddressA .card .text p b {
  color: #353535;
}
.shpAddressA.payme .card {
  padding: 25px;
}
.shpAddressA.payme .title {
  color: #162C15;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.72px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8E8EA;
  margin-bottom: 20px;
}

.orderDelcdf .title {
  color: #162C15;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.72px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8E8EA;
  margin-bottom: 20px;
}
.orderDelcdf .listWrap {
  display: block;
}
.orderDelcdf .listWrap .card {
  margin-bottom: 15px;
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 20px;
}
.orderDelcdf .listWrap .card .img {
  line-height: 0;
  width: 138px;
}
@media screen and (max-width: 675px) {
  .orderDelcdf .listWrap .card .img {
    width: 68px;
  }
}
.orderDelcdf .listWrap .card .content {
  flex: 1;
  padding-left: 20px;
}
.orderDelcdf .listWrap .card .content .pnamew {
  color: #60A814;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
}
.orderDelcdf .listWrap .card .content p {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin: 8px 0;
}
.orderDelcdf .listWrap .card .content .price {
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
}

label {
  display: inline-block;
  position: relative;
}
label .checkBox {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
label .checkBox::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background: #fff;
  transition: 0.5s ease;
}
label input {
  display: none;
}
label input:checked ~ .checkBox {
  background: #2E522A;
  border-color: #2E522A;
}
label input:checked ~ .checkBox::before {
  background: #fff;
}

.addShipingAddres {
  margin-top: 35px;
  position: relative;
}
.addShipingAddres .title {
  color: #162C15;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.72px;
  padding-bottom: 30px;
  padding: 20px 0;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 30px;
}
.addShipingAddres .button {
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
  background: #2E522A;
  padding: 15px 25px;
}
@media screen and (max-width: 675px) {
  .addShipingAddres .button {
    position: static;
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 14px;
  }
}
.addShipingAddres .form {
  padding-top: 30px;
}
.addShipingAddres .flex .col-2 {
  width: 50%;
  padding: 0 8px;
}
@media screen and (max-width: 675px) {
  .addShipingAddres .flex .col-2 {
    width: 100%;
    padding: 0;
  }
}
.addShipingAddres .flex .col-1 {
  padding: 0 8px;
  width: 100%;
}

.sveInTo label {
  display: inline-block;
}
.sveInTo label .radio, .sveInTo label p {
  display: inline-block;
  vertical-align: middle;
}
.sveInTo label .radio {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  position: relative;
  transition: 0.5s;
}
.sveInTo label .radio img {
  position: absolute;
  top: 2px;
  left: 2px;
}
.sveInTo label p {
  color: #1E1E1E;
  font-size: 14px;
  font-weight: 600;
}
.sveInTo label input {
  display: none;
}
.sveInTo label input:checked ~ .radio {
  background: #8DA650;
}

.ShipSecB {
  background: #2E522A;
  padding: 30px 0;
}
.ShipSecB .col {
  flex: 0 1 33.33%;
  max-width: 33.33%;
  width: 100%;
}
.ShipSecB .card {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
@media screen and (max-width: 675px) {
  .ShipSecB .card {
    display: block;
  }
}
.ShipSecB .card .img {
  width: 115px;
  height: 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100px;
}
@media screen and (max-width: 991px) {
  .ShipSecB .card .img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 675px) {
  .ShipSecB .card .img {
    margin: 0 auto 10px;
  }
}
.ShipSecB .card .img svg {
  display: block;
}
@media screen and (max-width: 991px) {
  .ShipSecB .card .img svg {
    width: 32px;
    height: 32px;
  }
}
.ShipSecB .card p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
}
@media screen and (max-width: 991px) {
  .ShipSecB .card p {
    font-size: 14px;
  }
}

.Soemthwrong {
  padding: 40px 0;
}
@media screen and (max-width: 675px) {
  .Soemthwrong {
    padding: 45px 0 40px;
  }
}
.Soemthwrong .flex {
  align-items: center;
}
.Soemthwrong .col1 {
  width: 50%;
}
@media screen and (max-width: 675px) {
  .Soemthwrong .col1 {
    width: 100%;
    order: 1;
  }
}
.Soemthwrong .col2 {
  padding-left: 15px;
  width: 50%;
}
@media screen and (max-width: 675px) {
  .Soemthwrong .col2 {
    width: 100%;
    padding: 0;
    order: 0;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 675px) {
  .Soemthwrong .content {
    text-align: center;
  }
}
.Soemthwrong .content .label {
  color: #60A814;
  font-style: normal;
  font-weight: 700;
  font-size: 19.979px;
  letter-spacing: 0.2px;
}
@media screen and (max-width: 675px) {
  .Soemthwrong .content .label {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
  }
}
.Soemthwrong .content h1 {
  color: var(--Gray-2, #1D1929);
  font-style: normal;
  font-size: 55px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.333px;
  margin: 8px 0 15px;
}
@media screen and (max-width: 1200px) {
  .Soemthwrong .content h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
  }
}
@media screen and (max-width: 991px) {
  .Soemthwrong .content h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
  }
}
@media screen and (max-width: 675px) {
  .Soemthwrong .content h1 {
    font-size: 25px;
    line-height: 30px;
  }
}
.Soemthwrong .content p {
  color: var(--Gray-3, #34303E);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .Soemthwrong .content p {
    font-size: 14px;
  }
}
.Soemthwrong .content p span {
  color: #60A814;
}
.Soemthwrong .content .button {
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .Soemthwrong .content .button {
    font-size: 14px;
  }
}
.Soemthwrong .content .button.back {
  border-color: #E8E8EA;
  color: #2E522A;
}
.Soemthwrong .content .button.home {
  background: #2E522A;
  color: #fff;
}
.Soemthwrong .img img, .Soemthwrong .img svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .Soemthwrong .img img, .Soemthwrong .img svg {
    max-width: 320px;
    display: block;
    margin: 0 auto;
  }
}

.terms-servicws {
  padding: 80px 0;
}
.terms-servicws .content h1 {
  text-align: center;
  color: #1E1E1E;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.8px;
  margin-bottom: 45px;
}
.terms-servicws .content h3 {
  color: #1E1E1E;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.48px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.terms-servicws .content p {
  color: #7A7A7A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
}

.dashBoardMain {
  background: #fff;
  padding: 80px 0;
}
.dashBoardMain .asideLeft {
  width: 320px;
  border-right: 1px solid #E7E7E7;
  padding-right: 30px;
}
.dashBoardMain .asideRight {
  flex: 1;
  flex-grow: 1;
}
.dashBoardMain .asideHed {
  padding-bottom: 12px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E7E7E7;
}
.dashBoardMain .asideHed.border-0 {
  border: 0;
}
.dashBoardMain .asideHed .asideTitle {
  color: #1E1E1E;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
}
.dashBoardMain .asideHed .asideTitle span {
  color: #60A814;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.3px;
}
.dashBoardMain .asideHed p {
  color: #585858;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
}
.dashBoardMain .asideNav ul li {
  display: block;
}
.dashBoardMain .asideNav ul li a {
  display: block;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.32px;
  padding: 9.5px 0;
  transition: 0.5s ease;
}
.dashBoardMain .asideNav ul li a.current, .dashBoardMain .asideNav ul li a:hover {
  color: #8DA650;
}

.dashForm .form-group {
  position: relative;
  margin-bottom: 25px;
}
.dashForm .form-group .input-control {
  height: 64px;
  border-radius: 18px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  max-width: 739px;
  width: 100%;
  padding: 20px;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.32px;
}
.dashForm .form-group label {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 20px;
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.42px;
  transition: 0.5s ease;
  pointer-events: none;
}
.dashForm .form-group.valid label {
  top: 5px;
}
.dashForm .form-btn {
  display: flex;
  gap: 0 30px;
}
.dashForm .form-btn .button {
  display: block;
  width: 365px;
  height: 64px;
  flex-shrink: 0;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 0.54px;
  text-transform: uppercase;
}
.dashForm .form-btn .button.btn-cancel {
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  color: #353535;
}
.dashForm .form-btn .button.btn-Save {
  border-radius: 16px;
  background: #2E522A;
  color: #fff;
}

.form-chekBix {
  margin-bottom: 25px;
}
.form-chekBix ul {
  display: flex;
  gap: 0 40px;
}
.form-chekBix ul li label {
  display: flex;
  align-items: center;
  gap: 0 20px;
  cursor: pointer;
}
.form-chekBix ul li label .radio {
  width: 32px;
  height: 32px;
  border: 1px solid #E8E8EA;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-chekBix ul li label .radio::before {
  content: "";
  position: absolute;
  background: #8DA650;
  width: 18px;
  height: 18px;
  border-radius: 25px;
  opacity: 0;
  transition: 0.5s ease;
}
.form-chekBix ul li label span {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.form-chekBix ul li label input[type=radio] {
  display: none;
}
.form-chekBix ul li label input[type=radio]:checked ~ .radio::before {
  opacity: 1;
}

.nordeSpc {
  border-bottom: 1px solid #E8E8EA;
  margin: 60px 0;
}

.asideRight .asideHed, .asideRight .dashForm {
  padding-left: 30px;
}

.proOverv .wrp {
  display: flex;
  flex-wrap: wrap;
  padding: 18px;
  align-items: center;
  gap: 10px;
  border-radius: 28px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.proOverv .textw {
  padding-left: 35px;
}
.proOverv .textw .txt {
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.32px;
  padding: 4px 0;
}
.proOverv .txtLin {
  width: 100%;
  text-align: right;
}
.proOverv .txtLin a {
  display: inline-block;
  color: #60A814;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.36px;
}

.useCOnAddre {
  margin-left: 30px;
}
.useCOnAddre .col {
  width: 33.33%;
  padding: 20px;
}
.useCOnAddre .col .card {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.useCOnAddre .col .card p {
  color: #1E1E1E;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.44px;
}

.mywishlisyt {
  margin-left: 30px;
}
.mywishlisyt .col {
  width: 33.33%;
  padding: 12px;
}
.mywishlisyt .card {
  border-radius: 24px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
.mywishlisyt .card a {
  display: block;
  line-height: 0;
}
.mywishlisyt .card a img {
  width: 100%;
}
.mywishlisyt .card .content {
  padding: 15px 8px;
}
.mywishlisyt .card .content .produnae {
  color: #2E522A;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.42px;
}
.mywishlisyt .card .content p {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin: 10px 0;
}
.mywishlisyt .card .content .price {
  color: #2E522A;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 18px;
}
.mywishlisyt .card .content .button {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--Gray-11, #E8E8EA);
  color: #2E522A;
  text-align: left;
  align-items: center;
  max-width: 150px;
  font-size: 14px;
  font-style: normal;
  padding: 16px 8px;
  font-weight: 700;
  line-height: 112%;
  letter-spacing: 0.28px;
}
.mywishlisyt .card .content .button:hover {
  background: #2E522A;
  color: #fff;
}
.mywishlisyt .card.outof-stock {
  overflow: hidden;
}
.mywishlisyt .card.outof-stock a.img {
  position: relative;
}
.mywishlisyt .card.outof-stock a.img .stockOut {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mywishlisyt .card.outof-stock a.img .stockOut::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5647058824);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.mywishlisyt .card.outof-stock a.img .stockOut p {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}

.filter_wis {
  display: flex;
  align-items: center;
}
.filter_wis .search-box {
  position: relative;
}
.filter_wis .search-box .icon {
  position: absolute;
  left: 20px;
  top: 20px;
}
.filter_wis .search-box input {
  border-radius: 18px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 18px;
  padding-left: 50px;
  width: 360px;
}
.filter_wis .filterBox {
  position: relative;
  margin-left: 15px;
}
.filter_wis .filterBox .selected {
  display: flex;
  padding: 16px 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: #2E522A;
  color: #fff;
  margin-bottom: 5px;
  cursor: pointer;
}
.filter_wis .filterBox ul {
  position: absolute;
  top: 100%;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 349px;
  padding: 16px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
  display: none;
}
.filter_wis .filterBox ul li {
  cursor: pointer;
  position: relative;
  padding: 5px 0;
  padding-left: 45px;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin: 7px 0;
  line-height: 112%;
  letter-spacing: 0.32px;
}
.filter_wis .filterBox ul li span {
  position: absolute;
  left: 10px;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #E8E8EA;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filter_wis .filterBox ul li span::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background: #8DA650;
  top: 5px;
  opacity: 0;
}
.filter_wis .filterBox ul li.active span::before {
  opacity: 1;
}

.hedflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hedflex .addNewAdd {
  background: #2E522A;
}

.dileveDashList {
  padding-left: 30px;
}
.dileveDashList .listItm .title {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
}
.dileveDashList .listItm .title .icon {
  position: absolute;
  left: 0px;
}
.dileveDashList .listItm .title .dilTit {
  color: #60A814;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.4px;
}
.dileveDashList .listItm .title .onDate {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
}
.dileveDashList .listItm .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 20px;
}
.dileveDashList .listItm .card .card-body {
  display: flex;
}
.dileveDashList .listItm .card .img {
  width: 138px;
  height: 138px;
}
.dileveDashList .listItm .card .txt {
  padding-left: 20px;
}
.dileveDashList .listItm .card .prodName {
  color: #2E522A;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.72px;
}
.dileveDashList .listItm .card .prodsort {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.42px;
  margin: 5px 0 15px;
}
.dileveDashList .listItm .card .qty {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.54px;
}
.dileveDashList .listItm .card .card-footer {
  margin-top: 20px;
  border-top: 1px solid #E7E7E7;
  padding: 15px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dileveDashList .listItm .card .card-footer .rating {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.dileveDashList .listItm .card .card-footer .rating span {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.54px;
}
.dileveDashList .listItm .card .card-footer .track {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.dileveDashList .listItm .card .card-footer .track span {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.54px;
}

.savedAddList {
  padding-left: 30px;
}
.savedAddList .list {
  border: 1px solid #E7E7E7;
  border-radius: 20px;
}
.savedAddList .list .card {
  padding: 25px;
  border-bottom: 1px solid #e7e7e7;
}
.savedAddList .list .card .card-hed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.savedAddList .list .card .card-hed label {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
.savedAddList .list .card .card-hed label .checkb {
  width: 24px;
  height: 24px;
  border: 1px solid #E8E8EA;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.savedAddList .list .card .card-hed label .checkb::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background: #8DA650;
  top: 6px;
  opacity: 1;
}
.savedAddList .list .card .card-hed label span {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.54px;
}
.savedAddList .list .card .card-hed .crdAct {
  display: flex;
  gap: 0 5px;
}
.savedAddList .list .card .card-hed .crdAct a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.savedAddList .list .card .card-body {
  padding: 20px 0 0;
  padding-left: 40px;
  border-top: 1px solid #e7e7e7;
}
.savedAddList .list .card .card-body .name {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.savedAddList .list .card .card-body .addred {
  color: #747474;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  margin: 5px 0 8px;
  max-width: 300px;
}
.savedAddList .list .card .card-body .cont p {
  color: #747474;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
}
.savedAddList .list .card .card-body .cont p span {
  color: #353535;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
}
.savedAddList .list .card:last-child .card-body:last-child {
  margin-top: 25px;
}

.addNewAddForm {
  padding-left: 30px;
}
.addNewAddForm .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 25px;
}
.addNewAddForm .card .card-hed {
  padding-bottom: 15px;
  border-bottom: 1px solid #E8E8E8;
}
.addNewAddForm .card .card-hed .title {
  color: #2E522A;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.54px;
}
.addNewAddForm .card .card-body {
  padding: 30px 0;
}
.addNewAddForm .card .card-body .col2 {
  flex: 0 1 50%;
  max-width: 50%;
  padding: 0 8px;
}
.addNewAddForm .card .card-body .col1 {
  flex: 0 1 100%;
  max-width: 100%;
  padding: 0 8px;
}
.addNewAddForm .card .card-body .form-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 8px;
}
.addNewAddForm .card .card-body .form-btn .button.cler {
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  color: #353535;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}
.addNewAddForm .card .card-body .form-btn .button.save {
  border-radius: 16px;
  border: 1px solid #2E522A;
  background: #2E522A;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.54px;
}

.trackourder_op {
  padding-left: 30px;
}
.trackourder_op .card {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 25px;
}
.trackourder_op .card .title {
  font-size: 24px;
  font-weight: bold;
  color: #162C15;
  padding-bottom: 15px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 30px;
}
.trackourder_op .card .item {
  margin-bottom: 35px;
}
.trackourder_op .card .item .li {
  display: flex;
  margin-bottom: 5px;
}
.trackourder_op .card .item .li .t {
  font-size: 18px;
  font-weight: 600;
  color: #1E1E1E;
  width: 280px;
}
.trackourder_op .card .item .li .s {
  font-size: 18px;
  font-weight: 600;
  color: #7A7A7A;
}
.trackourder_op .card .step_ach {
  display: flex;
  gap: 0 8px;
}
.trackourder_op .card .step_ach .list {
  display: flex;
  gap: 0 10px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: 2px solid #60A814;
  min-width: 211px;
  font-weight: 900;
  font-size: 16px;
  color: #60A814;
}
.trackourder_op .card .step_ach .list.activwe {
  color: #fff;
  background: #60A814;
}
.trackourder_op .card .step_ach .list:last-child {
  border: 0;
  background: #E7F2DC;
  position: relative;
  overflow: hidden;
}
.trackourder_op .card .step_ach .list:last-child::before, .trackourder_op .card .step_ach .list:last-child::after {
  content: "";
  background: #fff;
  position: absolute;
  width: 81px;
  height: 55px;
  transform: rotate(36deg);
}
.trackourder_op .card .step_ach .list:last-child::before {
  top: -25px;
  right: -48px;
}
.trackourder_op .card .step_ach .list:last-child::after {
  bottom: -25px;
  transform: rotate(311deg);
  right: -48px;
}
.trackourder_op .dileveDashList {
  padding: 0;
  margin-top: 45px;
}

footer {
  background: #162c15 url("../images/footer.png");
  background-size: cover;
}
footer .footer-wrapper {
  display: block;
  padding: 60px 0 0;
}
footer .title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 25px;
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  footer .title {
    font-size: 14px;
  }
}

.footer-top .colA {
  flex: 0 1 40%;
  max-width: 40%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .footer-top .colA {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.footer-top .colB {
  flex: 0 1 35%;
  max-width: 35%;
  width: 100%;
  padding-left: 55px;
  padding-right: 10px;
}
@media screen and (max-width: 991px) {
  .footer-top .colB {
    flex: 0 1 50%;
    max-width: 50%;
    padding: 0;
  }
}
@media screen and (max-width: 675px) {
  .footer-top .colB {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.footer-top .colC {
  padding-left: 25px;
  flex: 0 1 25%;
  max-width: 25%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .footer-top .colC {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 675px) {
  .footer-top .colC {
    flex: 0 1 100%;
    max-width: 100%;
    padding: 0;
  }
}

.footer-logo img {
  display: block;
  margin-bottom: 30px;
}
.footer-logo p {
  color: #fff;
  text-align: justify;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
}
@media screen and (max-width: 675px) {
  .footer-logo p {
    font-size: 14px;
    font-weight: 400;
  }
}

.footernav {
  display: flex;
}
.footernav .item {
  flex: 1;
}
.footernav .item ul li {
  display: block;
}
.footernav .item ul li a {
  display: block;
  padding: 6px 0;
  color: #fff;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.48px;
}

.address .label {
  display: block;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.54px;
  margin-bottom: 8px;
}
.address p {
  color: #fff;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.48px;
  margin-bottom: 25px;
}
.address p a {
  color: #fff;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.48px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 15px;
}
.address p a img {
  width: 25px;
  height: 25px;
  filter: grayscale(1) invert(1);
}
.address p.email {
  margin-bottom: 10px;
}
.address p.tel {
  margin: 0;
}

.footer-bottom .col1 {
  flex: 0 1 60%;
  max-width: 60%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .footer-bottom .col1 {
    padding-right: 15px;
  }
}
@media screen and (max-width: 675px) {
  .footer-bottom .col1 {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.footer-bottom .col2 {
  flex: 0 1 40%;
  max-width: 40%;
  width: 100%;
}
@media screen and (max-width: 675px) {
  .footer-bottom .col2 {
    flex: 0 1 100%;
    max-width: 100%;
  }
}

.newsLetter {
  max-width: 490px;
  margin-top: -68px;
}
@media screen and (max-width: 991px) {
  .newsLetter {
    margin: 0;
  }
}
.newsLetter .title {
  margin-bottom: 10px;
}
.newsLetter P {
  color: #fff;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .newsLetter P {
    font-size: 14px;
  }
}
.newsLetter .newsform .form-group {
  display: block;
  position: relative;
  padding-right: 120px;
}
.newsLetter .newsform input.form-input {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 16px;
  border: 1px solid #fff;
  background: rgba(217, 217, 217, 0);
  color: #fff;
}
.newsLetter .newsform input.form-input::-moz-placeholder {
  color: #fff;
}
.newsLetter .newsform input.form-input::placeholder {
  color: #fff;
}
.newsLetter .newsform .button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  background: rgba(217, 217, 217, 0);
}

.socialLink {
  max-width: 275px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 675px) {
  .socialLink {
    max-width: 100%;
  }
}
.socialLink ul {
  display: flex;
  gap: 0 15px;
}
.socialLink ul li {
  width: 45px;
}
.socialLink ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 60px;
}

.copyright {
  text-align: center;
  padding: 20px 25px;
  margin-top: 35px;
  border-top: 1px solid #fff;
}
.copyright p {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
}/*# sourceMappingURL=style.css.map */