@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*Root CSS variables*/
:root {
  --theme-primary-color: #529A7D;
  --theme-secondary-color: #0B3A28;
  --theme-light-pink-color: #687076;
  --theme-black-color: #000000;
  --theme-white-color: #ffffff;


}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: var(--theme-font-size-16);
  font-style: normal;
  font-weight: var(--theme-font-normal);
  overflow-x: hidden;
}

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

html {
  scroll-behavior: smooth;
}


img {
  max-width: 100%;
}


/* ul,
li {
    list-style: none;
} */

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  /* WebKit */
  -webkit-appearance: none;

  /* Mozilla */
  -moz-appearance: none;

  /* Opera */
  -o-appearance: none;

  /* Internet Explorer */
  -ms-appearance: none;

  /* CSS3 */
  appearance: none;
}


p {
  color: #687076;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 166.667% */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0B3A28;
  font-family: 'Poppins', sans-serif;
}

.titleh2 {
  color: #0B3A28;
  font-family: 'Poppins', sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  /* 100% */
  text-transform: uppercase;
}

/*=====header=====*/


/*======TopHeader=====*/

header {
  /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16); */
  position: sticky;
  top: 0;
  z-index: 4;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s;
}


header ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
}

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

.logoheader {
  width: 147px;
  max-width: 147px;
  overflow: hidden;
  position: relative;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}

header nav ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 20px;
}

header .sub-menu {
  background-color: #fff;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 14px;
  font-weight: 400;
  color: #494949;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 15px;
}


.menuOverlay {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all ease 0.3s;
  display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}



/*=========HeaderLogoparent=========*/


.HeaderLogoparent {
  position: relative;
  border-bottom: 1px solid var(--theme-border-color);
  padding: 10px 0px;
}

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

.SearchcategoryWrap {
  width: 720px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--theme-secondary-color);
  overflow: hidden;
  border-radius: 10px;
}

.SearchbarWrapperParent {
  width: 100%;
}

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

.SearchbarWrapper .inputSearch {
  border: 0px;
  outline: none;
  font-size: var(--theme-font-size-16);
  color: var(--theme-secondary-color);
  font-weight: var(--theme-font-normal);
  height: 50px;
  padding: 0px 10px;
  background-color: var(--theme-white-color);
  width: calc(100% - 50px);
  min-width: calc(100% - 50px);

}

.SearchbarWrapper .searchBtn {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  background-color: var(--theme-secondary-color);
  border: 0px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.71 16.29L14.31 12.9C15.407 11.5025 16.0022 9.77666 16 8C16 6.41775 15.5308 4.87103 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608967C9.59966 0.00346625 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462403 4.88743 0.153721 6.43928C-0.15496 7.99113 0.00346625 9.59966 0.608967 11.0615C1.21447 12.5233 2.23985 13.7727 3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C9.77666 16.0022 11.5025 15.407 12.9 14.31L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29ZM2 8C2 6.81332 2.3519 5.65328 3.01119 4.66658C3.67047 3.67989 4.60755 2.91085 5.7039 2.45673C6.80026 2.0026 8.00666 1.88378 9.17055 2.11529C10.3344 2.3468 11.4035 2.91825 12.2426 3.75736C13.0818 4.59648 13.6532 5.66558 13.8847 6.82946C14.1162 7.99335 13.9974 9.19975 13.5433 10.2961C13.0892 11.3925 12.3201 12.3295 11.3334 12.9888C10.3467 13.6481 9.18669 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;

}

.SelectCategory .form-select {
  display: none;
}

.EIcons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.EIcons a {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 25px;
  display: inline-block;
}

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

.EIcons .WishlistIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.013673 7.85354C-0.281672 2.62838 4.25856 -0.770496 8.70444 0.154719C10.7375 0.577604 11.7098 1.53785 13.0004 2.92087L13.6483 2.2256C18.0753 -2.5204 26.3864 0.77464 25.986 7.8534C25.8779 9.77175 25.3985 11.5586 24.527 13.2631C22.2007 17.8162 16.9459 21.6391 13.0005 25C7.40984 20.2147 0.456957 15.6816 0.0139659 7.85367L0.013673 7.85354Z' fill='%23555555'/%3E%3C/svg%3E");
}

.EIcons .UserIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 21 25' fill='none'%3E%3Cpath d='M20.9988 22.0587C20.9988 23.6831 19.6556 25 17.9987 25H3.00004C1.34317 25 0 23.6832 0 22.0587C0 17.1853 4.02936 13.2348 8.99998 13.2348H12C16.9706 13.2348 21 17.1853 21 22.0587H20.9988ZM16.5001 5.88281C16.5001 2.63388 13.8139 0 10.4999 0C7.18591 0 4.49965 2.63369 4.49965 5.88281C4.49965 9.13175 7.18591 11.7656 10.4999 11.7656C13.8139 11.7656 16.5001 9.13193 16.5001 5.88281Z' fill='%23555555'/%3E%3C/svg%3E");
}

.EIcons .CartIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.598036 1.19607C0.267621 1.19607 0 0.928451 0 0.598036C0 0.267621 0.267621 0 0.598036 0H4.69166C4.97989 0 5.22074 0.203809 5.27737 0.475557L5.88262 2.73186H23.3897C23.7201 2.73186 23.9877 2.99948 23.9877 3.3299C23.9877 3.42871 23.9641 3.52238 23.9208 3.60371L20.7743 10.9512C20.4829 11.6315 20.0177 12.1823 19.4382 12.5652C18.8576 12.9481 18.169 13.1591 17.432 13.1591H8.30797L6.95337 16.7112H21.083C21.4135 16.7112 21.6811 16.9788 21.6811 17.3092C21.6811 17.6397 21.4135 17.9073 21.083 17.9073H6.08563C6.01564 17.9073 5.94358 17.8939 5.87256 17.8682C5.56375 17.7508 5.40936 17.406 5.5267 17.0962L7.26937 12.5269L4.84529 3.48217L4.23284 1.19498H0.598247L0.598036 1.19607ZM18.459 19.9187C19.1425 19.9187 19.7621 20.1966 20.2109 20.6444C20.6587 21.0922 20.9366 21.7129 20.9366 22.3963C20.9366 23.0798 20.6587 23.6995 20.2109 24.1482C19.7632 24.596 19.1425 24.8739 18.459 24.8739C17.7755 24.8739 17.1559 24.596 16.7071 24.1482C16.2593 23.7005 15.9814 23.0798 15.9814 22.3963C15.9814 21.7129 16.2593 21.0932 16.7071 20.6444C17.1548 20.1966 17.7755 19.9187 18.459 19.9187ZM8.65459 19.9187C9.33808 19.9187 9.95773 20.1966 10.4065 20.6444C10.8543 21.0922 11.1322 21.7129 11.1322 22.3963C11.1322 23.0798 10.8543 23.6995 10.4065 24.1482C9.95876 24.596 9.33806 24.8739 8.65459 24.8739C7.97113 24.8739 7.35145 24.596 6.90267 24.1482C6.45491 23.7005 6.17699 23.0798 6.17699 22.3963C6.17699 21.7129 6.45491 21.0932 6.90267 20.6444C7.35043 20.1966 7.97113 19.9187 8.65459 19.9187Z' fill='%23555555'/%3E%3C/svg%3E");
}


/*=========HeaderLogoparent=========*/



/*=======min-width:1151px=======*/

@media (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
  }

  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
  }

  header nav ul li a:hover {
    color: #529A7D;
  }

  header .sub-menu li a:hover {
    background-color: #529A7D;
    color: #ffffff;
  }

  li.dropdownMenu>a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.1357 2.11829L6.03453 5.58374L2.06661 1.99998' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-flex;
    right: -5px;
    top: 3px;
    position: relative;
    transition: all 0.3s !important;
  }

  li.dropdownMenu>a:hover:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M0 0L4.5 4.5L9 0' fill='%23529A7D'/%3E%3C/g%3E%3C/svg%3E%0A");
  }

  .menuHeaderinner .logoheader {
    display: none;
  }

  .menuHeaderinner {
    justify-content: center;
  }

  .HeaderMenuRhs .EIconsParent {
    display: none;
  }


}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 10px 0px;
  }

  .hamburgerMenuBtn {
    display: block;
  }

  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    background-color: #222;
    width: 280px;
  }

  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }

  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }

  .FormobmenuHeaderWrapper .logo {
    max-width: 90px;
  }

  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    /* filter: brightness(0) invert(1); */
  }

  .FormobmenuHeader {
    display: block;
    width: 100%;
  }

  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #fff;
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }

  header nav ul li a {
    font-size: 14px;
  }

  .headerrhs {
    display: none;
  }

  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }

  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }

  header nav ul li {
    width: 100%;
  }

  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    display: none;
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
  }

  header .sub-menu li a {
    padding: 12px;
  }

  header .sub-menu li a:hover {
    color: #424242;
  }

  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
  }

  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }

  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }

  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }

  .logoheader {
    width: 95px;
    max-width: 95px;
  }

  .HeaderLogoWrap .logoheader,
  .HeaderLogoWrap .EIconsParent {
    display: none;
  }

  .SearchcategoryWrap {
    width: 100%;
  }

  .HeaderLogoWrap {
    justify-content: center;
  }

  .MiddleHeaderDiv {
    width: 100%;
  }

  .EIcons {
    gap: 15px;
  }

}

.icon-num {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: #529A7D;
  position: absolute;
  right: -4px;
  top: -10px;
  color: #FFF;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*=================header============================*/



/*****************Banner******************/
.SliderWrapper {
  position: relative;
  background-color: var(--theme-white-color);
}

.BannerSection .swiper-slide {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 70px 0px;
  /* height:calc(100vh - 57px); */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

}


.bannerText {
  height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bannerItalicFont {
  font-size: var(--theme-banner-italic-font);
  font-weight: var(--theme-font-normal);
  font-family: 'Poppins', sans-serif;
  color: var(--theme-golden-color);
  line-height: 70px;
}

.bannerItalicFont {
  color: #0B3A28;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: 40px;
  /* 80% */
}

.bannersubtitle {
  color: #555;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 10px;
}

.shop-btn {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 26px;
  font-weight: 500;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  background: #529A7D;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.cta-btn {
  color: #fff;
  font-size: 20px;
  padding: 11px 30px;
  font-weight: 500;
  border-radius: 5px;
  background: linear-gradient(135deg, #4CAF7D, #2E7D32);
  display: inline-block;
  margin-top: 30px;
  width: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
}

.BannerSection .cta-btn {
  width: 200px;
}


.cta-btn::before,
.shop-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background-color: #0B3A28;

  transition: all 0.3s ease;
  z-index: -1;
  /* overlay background banega, text ke niche rahega */
}

.cta-btn:hover::before,
.shop-btn:hover::before {
  top: 0;
  height: 100%;
}

.cta-btn:hover,
.shop-btn:hover {
  color: #fff;
}

div#sidebar {
  background: #0B3A28;
  color: #fff;
}

.SliderWrapper .custom-pagination .swiper-pagination {
  bottom: -25px;
  display: flex;
  justify-content: center;
  align-self: center;
  gap: 5px;
  z-index: 1;
}

.custom-pagination .swiper-pagination-bullet {
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px;
  border: 3px solid var(--theme-white-color);
  background-color: var(--theme-dark-gray-color);
  border-radius: 50px;
  opacity: 1;
  margin: 0px !important;
}

.custom-pagination .swiper-pagination-bullet-active {

  background-color: var(--theme-white-color);
  border: 2px solid var(--theme-light-gray-color);
}

/*****************Banner******************/


/* <-----------category---------------> */
/* .container {
  margin: auto;
} */


.shop-by-category {
  margin: 80px 0px;
}

.categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.category-card {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  text-align: center;
}

.category-card img {
  width: 100%;
  height: auto;
  display: block;
}

.category-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 50px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(90deg, #0B3A28 16.69%, rgba(82, 154, 125, 0.00) 77.52%);
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}


/* <----------------feature----------------> */

h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* Tabs */
.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.tab-btn {
  padding: 10px 18px;
  border: none;
  background: transparent;
  color: #333;
  font-weight: 600;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.3s;
  color: #0B3A28;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.tab-flex {
  display: flex;
  justify-content: space-between;
  margin: 110px 0px 10px 0px;
}

.tab-btn.active {
  background: #529A7D;
  color: #fff;
}

/* Products Grid */
.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.product-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.2s;
}

.product-card:hover {
  transform: translateY(-3px);
}

.product-card img {
  width: 100%;
  height: 340px;
  object-fit: cover;
}

.product-info {
  padding: 10px;
  text-align: center;
}

.feature-subtitle {
  margin: 5px 0;
  font-size: 16px;
  color: #0B3A28;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.product-info p {

  color: #000;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 15px;
}

/* See more button */
.seebtn {
  border: 0px solid transparent !important;
}


.tab-flex {
  display: flex;
  justify-content: space-between;

}

/*=====TestimonialSection======*/
.TestimonialSection {
  margin: 80px 0px 80px;

}


.testimonial-card {
  background: #fff;
  padding: 35px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  border-bottom: 10px solid #529A7D;
  border-radius: 5px;
  /* max-width: 350px; */
  margin: auto;
}

.testimonial-card h4 {
  color: #0B3A28;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.shortline {
  border: 1px solid #000;
  width: 40px;
  margin: 9px 0px 4px;
}

.stars i {
  color: #ffc107;
  margin-bottom: 15px;
  font-size: 18px;
}

.topinntest {
  text-align: left;
}

.testimonial-card p {
  color: #687076;
  text-align: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding-top: 10px;
}

/* Swiper specific styles */
.swiper {
  padding-bottom: 40px;
}

.swiper-pagination {
  bottom: 0 !important;
}

/* 
.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #004c75;
} */

.TestimonialSection .swiper-button-next {
  position: absolute;
  right: 20px !important;
  top: 5px !important;
}

.TestimonialSection .swiper-button-prev {
  position: absolute;
  top: 5px !important;
  right: 60px !important;
  left: auto;
}

.TestimonialSection .container {
  position: relative;
}

.TestimonialSection .swiper-pagination {
  display: none;
}

/*=====TestimonialSection======*/

.newsletter {
  background: linear-gradient(rgba(0, 77, 64, 0.9), rgba(0, 77, 64, 0.9)),
    url('../image/contact-bg.jpg') center/cover no-repeat;
  color: #fff;
  padding: 50px 20px;
  text-align: left;
  display: flex;
  justify-content: center;
}

.newsletter-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.newsletter-text {
  flex: 1 1 50%;
  max-width: 50%;
}

.newsletter-text h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

.newsletter-text p {
  font-size: 16px;
  color: #f1f1f1;
}

/* Form Styling */
.newsletter-form {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  max-width: 500px;
}

.newsletter-form input {
  flex: 1;
  padding: 14px 15px;
  border: none;
  outline: none;
  border-radius: 6px 0 0 6px;
  font-size: 15px;
}

.newsletter-form button {
  padding: 14px 20px;
  border: none;
  outline: none;
  background: #2d6a4f;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0 6px 6px 0;
  transition: 0.3s;
  border-radius: 0 5px 5px 0;
  background: #529A7D;
}

.newsletter-form button:hover {
  background: #1b4332;
}

.TestimonialSection
/* Mobile Responsive */

/* <-----------footer-------------> */
footer {
  background-image: url(../image/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 40px 20px 20px;


}

footer {
  color: #fff;background-color: #000000;
  padding: 80px 20px 20px;
  background-image: url(../image/footer-bg.png);
  margin-top: -3px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.footer-col {
  flex: 1 1 250px;
}

.footer-col h4 {
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;

}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  text-decoration: none;
  color: #ccc;
  transition: 0.3s;
}

.footer-col ul li a:hover {
  color: #fff;
}

.footer-col p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}

/* Contact icons */
.footer-col i {
  margin-right: 8px;
  color: #2d6a4f;
}

/* Social icons */
.social-icons{margin-top:20px;}
.social-icons a {
  color: #ccc;
  margin-right: 12px;
  font-size: 18px;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #fff;
}

/* Payment logos */
.payment-icons img {
  height: 28px;
  margin-right: 8px;
}

/* Bottom bar */
.footer-bottom {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #333;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

/* <----------top header------------> */
.top-header {
  background-color: #4f8b71;
  /* green shade like your image */
  color: white;
  font-size: 14px;
  padding: 8px 15px;
}

.containertop {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
  justify-content: space-between;
}

.top-header .item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.top-header svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: white;
  stroke-width: 2;
}

.swiper-button-prev::after {
  display: none;
}

.swiper-button-next::after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 60%);
}

.product-card {
  transition: all 0.5s ease-in;
}

.product-card:hover {
  background-color: #529A7D;
}

.product-card:hover .feature-subtitle,
.product-card:hover p {
  color: #fff;
}

.footer-col i {
  margin-right: 7px;
  color: #ffffff;
  font-size: 22px;
}

.social-icons i {
  font-size: 25px;
  color: #ffffff;
  border-left: 1px solid #529a7d;
  padding-left: 13px;
}

/* <-----------responsice css---------> */
@media (max-width:1180px) {
  .bannerText {
    height: 35vh;
  }
}

@media (max-width: 991px) {
  .categories {
    grid-template-columns: repeat(3, 1fr);
  }

  .TestimonialSection {
    margin: 80px 0px 80px;
  }

  .products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .newsletter {
    text-align: center;
  }

  .newsletter-container {
    flex-direction: column;
    align-items: center;
  }

  .newsletter-form {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .footer-container {
    flex-direction: column;
    text-align: center;
  }

  .footer-col {
    flex: 1 1 100%;
  }

  .footer-col i {
    display: block;
    margin-bottom: 5px;
  }

  .social-icons {
    margin-top: 10px;
  }

  .EIconsParent {
    width: 250px;
  }
}

@media (max-width: 600px) {
  .categories {
    grid-template-columns: repeat(2, 1fr);
  }

  .tab-btn {
    flex: 1 1 auto;
    font-size: 14px;
    padding: 8px;
  }

  .product-card img {
    height: 150px;
  }

  .products {
    grid-template-columns: repeat(2, 1fr);
  }

  .top-header .container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }
}
@media(max-width:1300px){
	..BannerSection.space-mb-7 {
    position: relative;
}
}

@media (max-width:1100px) {

  /* .EIcons .WishlistIcon,
  .EIcons .UserIcon,
  .EIcons .CartIcon {
    filter: brightness(0) invert(1);
  } */

  .EIconsParent {
    width: 210px;
  }

  div#sidebar {
    background: #ffffff;
    color: #fff;
  }

  .HeaderLogoparent {
    background-color: #0b3a28;
  }

  .icon-w span {
    color: #0b3a28;
  }

  .icon-num {
    color: #fff !important;
  }

  /* .hamburgerMenuBtn {
    filter: brightness(0) invert(1);
  } */

  .titleh2 {
    font-size: 28px;
  }

  .menuHeaderinner {
    padding: 10px 0px;
  }

  .shop-btn {
    width: 150px;
  }

  .bannerText {
    height: 19vh;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 37%);
  }

  .shop-by-category {
    margin: 30px 0px;
  }

  .tab-btn {
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 400;
  }

  .category-label {
    font-size: 17px;
  }
}

@media(max-width:767px) {
  .itemtop span {
    display: none;
  }

  .icon-w span {
    display: none;
  }

  .icon-num {
    display: block !important;
  }

  .EIconsParent {
    width: 121px;
  }

  .headerMainWrapper {
    padding: 0px 0px;
  }

  .logoheader img {
    width: 80px;
  }

  .EIcons a {
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
  }

  .tab-flex {
    margin: 60px 0px 10px 0px;
    flex-wrap: wrap;
  }

  .tab-btn {
    padding: 9px 5px;
    font-size: 14px;
  }

  .category-label {
    font-size: 16px;
    padding: 7px 12px;
  }

  .newsletter-text {
    flex: 0 1 100%;
    max-width: 100%;
  }

  .TestimonialSection {
    margin: 40px 0px 30px;
  }

  .bannerText {
    width: 50%;
  }

  .bannerItalicFont {
    font-size: 35px;
  }

  .BannerSection .swiper-slide {
    padding: 40px 0px;
  }

  .BannerSection .cta-btn {
    width: 140px;
    font-size: 14px;
    padding: 11px 20px;
    margin-top: 5px;
  }

  .swiper {
    padding-bottom: 15px;
  }

  .bannersubtitle {
    margin: 1px 0px;
  }

  .categories.mt-5 {
    margin-top: 15px !important;
  }

  .HeaderLogoparent {
    padding: 0px 0px;
  }

  .SearchbarWrapper .inputSearch {
    height: 40px;
    border-radius: 5px;
  }

  .icon-num {
    right: -7px;
    top: -12px;
    font-size: 12px;
    line-height: 17px;
  }

  .footer-container {
    text-align: left;
  }
}
/* <-----------product detail-------------------> */
.inner-banner {
    position: relative;
    width: 100%;
    height: 420px;
    color: #fff;
    background: rgba(11, 58, 40, 0.42); /* keep overlay color */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.product-section {
    margin: 80px 0px;
}

.innerbannertitle {
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    top: 50%;
    left: 0px;
    right: 0px;
    position: absolute;
}

.breadcrumb {
    font-size: 16px;
    color: #fff;
    opacity: 0.9;
    position: absolute;
    bottom: 15px;
}

.breadcrumb a {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    margin: 0px 7px;
}

/* .breadcrumb a:hover {
  text-decoration: underline;
} */

/* Responsive */
@media (max-width: 768px) {
    .inner-banner {
        height: 180px;
    }

    .innerbannertitle {
        font-size: 20px;
    }

    .breadcrumb {
        font-size: 13px;
        left: 10px;
    }
}

@media (max-width: 480px) {
    .inner-banner {
        height: 200px;
    }

    .innerbannertitle {
        font-size: 18px;
    }
}

.product-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 30px;
}

.filter-dropdown {
    position: relative;
    font-size: 18px;
    cursor: pointer;
}

.filter-menu {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    min-width: 170px;
    z-index: 10;
    padding-left: 10px;
}

.filter-menu li {
    list-style: none;
    color: #555;
    padding: 7px 0px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.filter-menu li:hover {
    background: #f1f1f1;
}

.filter-dropdown.open .filter-menu {
    display: block;
}

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

.filters,
.sort {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.filters span,
.sort span {
    font-size: 18px;
    color: #555;
}

/* Product Count */
.product-count {
    color: #494949;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px;
}

/* Product Grid */
.product-grid-cat {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* Desktop default = 4 */
    gap: 20px;
}

/* Tablet (≤ 992px) */
@media (max-width: 992px) {
    .product-grid-cat {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile (≤ 600px) */
@media (max-width: 600px) {
    .product-grid-cat {
        grid-template-columns: repeat(2, 1fr);
    }
}

.product-boxx {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: transform 0.2s;
    box-shadow: 0px 0px 10px #ccc;
    display: block;
}

.product-boxx:hover {
    transform: translateY(5px);
    border: 1px solid #0B3A28;
}

.product-img {
    position: relative;
}

.product-img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    object-fit: cover;
}

.badge-sale {
    position: absolute;
    top: 27px;
    left: -15px;
    background: #0B3A28;
    color: #fff;
    padding: 7px 32px;
    font-size: 17px;
    border-radius: 3px;
    font-weight: 500;
    border-radius: 30px;
}

.wishlist {
    position: absolute;
    top: 32px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    cursor: pointer;
    /* line-height: 32px; */
}

.wishlist:before {
    content: "♡";
    font-size: 29px;
    color: #b3ebd4;
    color: rgba(82, 154, 125, 0.40);
    line-height: 17px;
}

.product-det {
    padding: 12px 20px;
    display: block;
}

.product-title {
    color: #0B3A28;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.rating {
    font-size: 19px;
    color: #FFD800;
    margin: 5px 0px;
}

.price {
    font-size: 20px;
    font-weight: 400;
    color: #494949;
}

.old-price {
    text-decoration: line-through;
    color: #989898;
    margin-left: 6px;
    font-size: 14px;
}

.btn-add {
    display: block;
    color: #fff;
    padding: 12px 12px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    position: absolute;
    bottom: 17px;
    width: 92%;
    margin: auto;
    left: 0px;
    right: 0px;
    border-radius: 67px;
    background: #529A7D;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    opacity: 0;
}

.product-boxx:hover .btn-add {
    opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .product-controls {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .filters,
    .sort {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .product-image img {
        height: 160px;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    gap: 8px;
    flex-wrap: wrap;
}

.pagination button {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.pagination button:hover {
    background: #333;
    color: #fff;
}

.pagination button.active {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

.pagination button:disabled {
    background: #f1f1f1;
    color: #aaa;
    cursor: not-allowed;
}

@media (max-width:991px) {
    .product-section {
        margin: 50px 0px;
    }
}

@media (max-width:767px) {
    .product-img img {
        height: 200px;
    }

    .product-title {
        font-size: 20px;
    }

    .rating {
        font-size: 12px;
    }

    .price {
        font-size: 15px;
    }

    .old-price {
        margin-left: 3px;
        font-size: 11px;
    }

    .btn-add {
        padding: 9px 5px;
        font-size: 14px;
        margin-top: 8px;
        bottom: 9px;
        width: 86%;
        border-radius: 67px;
        font-size: 15px;
        opacity: 0;
    }

    .wishlist {
        top: 6px;
        right: 8px;
        width: 29px;
        height: 27px;
    }

    .wishlist:before {
        font-size: 24px;
        line-height: 17px;
    }

    .badge-sale {
        top: 13px;
        left: -17px;
        padding: 5px 29px;
        font-size: 13px;
    }

    .filters span,
    .sort span {
        font-size: 14px;
    }

    .filter-dropdown {
        font-size: 16px;
    }

    .newsletter-text h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .newsletter-form button {
        padding: 14px 8px;
        font-weight: 500;
    }
}

/*  <----------add css------------->  */
.woocommerce .quantity .qty {
    padding: 3px 0px;
}
/* div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 0px solid #cfc8d8 !important;
    z-index: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #cfc8d8 !important;
    background-color: #e9e6ed !important;
    color: #515151;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #ffffff !important;
}
 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #0b3a28 !important;
    color: #ffffff !important;
    border-bottom-color: #fff;

}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: 0px solid #cfc8d8 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #4f8b71 !important;
	background-color: #4f8b71 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #ffffff !important;}
.yith-add-to-wishlist-button-block {
    position: absolute !important;
    width: min-content !important;
    margin: 7px !important;
    right: -50px !important;
}
span.yith-wcwl-add-to-wishlist-button__label {
    opacity: 0;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
     color: rgba(82, 154, 125, 0.40) !important;
width: 55px;
    height: 35px;
    border: 1px solid #fff;
    border: 1px solid #fff !important;
    padding: 4px;
    border-radius: 100%;
	background-color: #fff;}
.content-area{padding:60px 0px;}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 23px;
    color: #0b3a28;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    color: #0b3a28;
}
.primary-container{margin:80px 0px;}
.single_add_to_cart_button{
    color: #fff !important;
    padding: 12px 12px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    border-radius: 7px;
    background: #529A7D !important;
    color: #FFF;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
#review_form .submit{
    color: #fff !important;
    padding: 12px 12px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    border-radius: 7px;
    background: #529A7D !important;
    color: #FFF;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.zoomtoo-container .woocommerce div.product div.images img {height: 500px !important;
	object-fit: cover;}
.posted_in a{color: #0b3a28;}
.woocommerce p.stars a {
       color: #ffc107;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{
     color: #0b3a28 !important;
}
.summary.entry-summary .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single.yith-add-to-wishlist-button-block--initialized {
    display: none;
}
.zoomtoo-container {
    height: 510px;
}
.zoomtoo-container > img{height:100% !important;
object-fit:cover;
}

@media(max-width:991px){
	.tabs {
    width: 60%;
}
	.newsletter-text {
    flex: 1 1 100%;
    max-width: 70%;
    text-align: center;
}
	.newsletter-text {
    flex: 1 1 100%;
    max-width: 70%;
    text-align: center;
}
	.newsletter-container {
    justify-content: center;
}
}
@media(max-width:767px){
	.social-icons {
    display: flex;}
	.social-icons span{
    padding-right: 10px;
}
		.newsletter-text {
    flex: 1 1 100%;
    max-width: 100%;
}
		.tabs {
    width: 100%;
}
	.footer-bottom {
    border-top: 0px solid #333;
}
	.newsletter {
		padding: 50px 0px;}
}
.footer-sc{display:flex;margin:7px 0px}

@media(max-width:400px){
	    .categories {
        grid-template-columns: repeat(1, 1fr);}
	    .bannerItalicFont {
        font-size: 25px;
        line-height: 28px;
    }
	    .bannerText {
        width: 80%;
    }
	.products {
        grid-template-columns: repeat(1, 1fr);
    }
	    .product-img img {
        height: 240px;
    }
	    .swiper-button-next, .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 39%);
    }
	    .titleh2 {
        font-size: 19px;
    }
	.footer-col h4 {
		font-size: 20px;}
}

    .banner-slider-cont {
            display: flex;
            align-items: center;
        }

        .bannerText,
        .banner-slide-img {
            width: calc(50% - 20px);
        }

        .banner-slide-img img {
            width: 90%;
            margin-left: auto;
            display: block;
        }

        @media (max-width:600px) {
            .banner-slider-cont {
                flex-wrap: wrap;
                flex-direction: column-reverse;
            }

            .bannerText,
            .banner-slide-img {
                width: calc(100% - 20px);
            }
            .bannerText{height: auto;}
			   .banner-slide-img img {
            width: 90%;
            margin: auto;
            display: block;
				   height:350px;
				   object-fit:contain;
        }
			.bannerText{text-align:center;}
			 .banner-slider-cont .cta-btn{margin:auto;margin-top:15px;}
        }
/* @media(max-width:767px){
	.slick-list{height:452.422px !important;}} */