/* body {
            background-color: #1C1C24;
            color: white;
            margin: 0;
            font-family: 'Segoe UI', sans-serif;
            overflow-x: hidden;
        } */

.primary_bgcolor_landing {
  background: #67553c;
}
.primary_color_landing {
  color: #67553c;
}
.secondery_color_landing {
  color: #929292;
}
.btn-primary-border {
  border: 1px solid #67553c;
}
body {
  font-size: 14px;
}

/* ===========================
   TOP NAV (YOUR STYLE)
=========================== */
.top-nav {
  width: 100%;
  padding: 15px 40px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
}
/* .top-nav {
  padding: 15px;
  transition: padding 0.2s ease;
} */

.top-nav.no-padding {
  padding: 0;
}

#filterToggle {
  background: none;
  border: none;
  display: none;
}

#filterToggle:focus {
  outline: none;
}

@media (max-width: 768px) {
  #filterToggle {
    display: block;

    padding: 0 !important;
  }

  .right-icons {
    gap: 10px !important;
  }

  .bottom-menu {
    justify-content: flex-start !important;
  }

  .scroll-btn {
    display: block !important;
  }
}

.center-logo img {
  height: 40px;
}

.right-icons {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.right-icons a {
  /* width: 10px; */
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #000;
}

/* ===========================
   BOTTOM MENU WRAPPER
=========================== */
.bottom-menu-wrapper {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 998;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}

/* Center container */
.bottom-menu-container {
  width: 100%;
  max-width: 1100px;
  /* CENTERED LIKE CONTAINER */
  overflow: hidden;
}

/* Scrollable menu */
.bottom-menu {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  padding: 0 15px;
  overflow-x: auto;
  scroll-behavior: smooth;
  justify-content: center;
}

.bottom-menu::-webkit-scrollbar {
  display: none;
}

/* Scroll arrows */
.scroll-btn {
  border: none;
  background: transparent;
  padding: 0 12px;
  font-size: 18px;
  cursor: pointer;
  color: #ccc;
  display: none;
}

.scroll-btn:hover {
  color: black;
}

.scroll-btn:focus {
  outline: none;
}

/* Category text */
.catgry {
  font-weight: 600;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.catgry:hover {
  opacity: 0.7;
}

.catgry.active {
  border-bottom: 2px solid #000;
}

/* Submenu */
.menu-item {
  position: relative;
}

.submenu {
  display: none;
  position: fixed;
  top: 122px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 25px;
  border-top: 1px solid #ddd;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.menu-item.active .submenu {
  display: block;
}

.submenu-container {
  max-width: 900px;
  margin: auto;
}

.submenu a {
  display: block;
  margin-bottom: 5px;
  color: #444;
  text-decoration: none;
}

.submenu a:hover {
  opacity: 0.7;
}

.deliver-location {
  display: flex;
  padding: 5px 10px;
  background: transparent;
  font-size: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  flex-direction: row;
  align-items: center;
  text-align: left;
  gap: 7px;
  /* width: 22%; */
}

.deliver-location:hover {
  background: #e8e8e8;
}
.flag-icon {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 3px;
}

/* Responsive (Hide on very small screens) */
@media (max-width: 999px) {
  .deliver-location span {
    display: none;
    width: 15%;
    padding: 0;
  }
  .deliver-location {
    padding: 0 !important;
    width: fit-content !important;
  }

  .bottom-menu-wrapper {
    top: 67px !important;
  }

}
/* Deliver Popup Box */
/* Overlay */
.location-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 9999;
}

.location-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Modal Box */
.location-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 90%;
  max-width: 900px;
  height: 80%;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 10000;
  display: flex;
  flex-direction: column;
}

.location-popup.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

/* Header */
.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.popup-header h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.ship-to {
  font-size: 14px;
  font-weight: 600;
}

.ship-to span {
  color: #28a745;
}

/* Search Bar */
.location-search {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* Big Map */
.big-map {
  flex: 1;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Bottom Buttons */
/* .bottom-buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
} */

.bottom-buttons button {
  flex: 1;
  padding: 12px;
  font-size: 15px;
  border-radius: 8px;
  border: solid 1px #ccc;
  cursor: pointer;
  font-weight: bold;
}

.go-back {
  background: #fff;
}

.confirm {
  background: #1b72e8;
  color: #fff;
  border: none;
}


.page-cart #cartIcon {
  display: none;
}

.page-wishlist #wishlistIcon {
  display: none;
}
/* ------------------------already in main css  searcbar-------------------------------- */

.search-bar {
  display: flex;
  align-items: center;
}

.search-bar input {
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 10px 0 0 10px;
  outline: none;
  font-size: 14px;
  width: 100%;
}

.search-bar button {
  padding: 6px 12px;
  border: none;
  background-color: #000000;
  color: white;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}

.search-bar button i {
  font-size: 14px;
}

.search-wrapper {
  position: relative;
  flex: 1;
  display: inline-block;
  width: 100%;
}

.fake-placeholder {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: #999;
  font-size: 14px;
  pointer-events: none;
  white-space: nowrap;
  display: flex;
  /* keep "Search" and animated part in one line */
  transition: opacity 0.2s ease;
}

.fake-placeholder .static {
  flex-shrink: 0;
}

.fake-placeholder.hidden {
  display: none !important;
}

.fake-placeholder.hidden {
  opacity: 0;
  pointer-events: none;
}

.fake-placeholder .animated {
  display: inline-block;
  overflow: hidden;
  height: 1.4em;
  line-height: 1.4em;
  margin-left: 5px;
}

.fake-placeholder .animated span {
  display: block;
  animation: nudgeSlide calc(var(--count) * 2s) infinite;
}

@keyframes slidePlaceholder {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(0);
  }

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

  75% {
    transform: translateY(-36px);
  }

  100% {
    transform: translateY(0);
  }
}

/* .suggestions {
  position: absolute;
  background: #fff;

  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  width: 167px;
  top: 38px;
  left: 28px;
  z-index: 1000;
  display: none;
  font-size: 14px;
}

.suggestions div {
  padding: 6px 10px;
  cursor: pointer;
}

.suggestions div:hover {
  background: #f0f0f0;
}

@media (max-width: 900px) {
  .suggestions {
    left: unset;
  }
} */
.suggestions {
  position: absolute;
  background: #fff;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 100;
}

.suggestion-item {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(10px);
  animation: slideFadeIn .3s ease forwards;
}

.suggestion-item:hover {
  background: #f5f5f5;
}

.suggestion-item i {
  color: #999;
  font-size: 14px;
}

@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ----------------------------------------- already in main css searchbar end----------------------------- */

@media (max-width: 768px) {
  /* .left-tabs,
  .right-icons a span {
    display: none !important;
  } */

  .center-logo img {
    height: 35px;
  }
  
}

.mobile-logo-input {
  display: none;
}

@media (max-width: 768px) {
  .mobile-logo-input {
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: auto;
    z-index: 5;
  }

  .search-wrapper input {
    /* padding-left: 85px !important; */
    /*new changes added */
  }

  .top-nav {
    justify-content: space-around !important;
    padding: 17px 15px !important;
  }

  .fake-placeholder {
    /* left: 85px !important; */
  }

  /* .center-logo {
    display: none;
  } */
}

/* navba end */
/* start hero banner */

.default-padding {
  padding: 0 7%;
}

.hero-wrap {
  height: 100vh;
  min-height: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
  background: #d4eaf5;
  overflow: hidden;
  /* overflow-y: visible; */
}

.hero-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #052c43;
  z-index: -1;
}
.carousel-item {
    /* height: 100vh; */
}

.carousel-fade .carousel-item {
    transition: opacity 0.8s ease-in-out;
}

/* .slick-slide {
  height: 100vh;
} */
.hero-wrap .img {
  height: 100vh;
  min-height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.hero-wrap .slider-text {
  height: 100vh;
  min-height: 100%;
  color: rgba(0, 0, 0, 0.4);
  z-index: 3;
}

.hero-wrap .slider-text .text {
  position: relative;
  z-index: 0;
}

.hero-wrap .slider-text h1,
.hero-wrap .slider-text .h1 {
  font-weight: 200;
  font-size: 45px;
  line-height: 1.2;
  color: #052c43;
}

.hero-wrap .slider-text h1 span,
.hero-wrap .slider-text .h1 span {
  display: block;
  font-weight: 700;
}

.hero-slide {
  position: relative;
  height: 100vh;
}

.hero-slide .img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background-size: cover;
  background-position: center;
}

.w-75 {
  width: 75% !important;
}

.btn.btn-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #267aa4 !important;
}

.btn.btn-white:hover {
  outline: none;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.141) !important;
}

.btn {
  padding: 9px 12px;
  cursor: pointer;
  border-radius: unset;
  -webkit-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.banner-logo img {
  font-size: 22px;
  font-weight: bold;
  max-width: 120px;
}

.home-social i:hover {
  background: #ff3368;
}

.home-social li a:hover {
  color: #ffffff;
}

.home-social {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 5.4rem;
  transform: translateY(-50%);
  font-family: "Montserrat", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}

.home-social li {
  position: relative;
  padding: 0.9rem 0;
}

.home-social i {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 29px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s ease-in-out;
}

.home-social span {
  color: #fc7498;
  font-size: 1.3rem;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: 100% 50%;
  position: absolute;
  top: 0;
  right: 4.5rem;
  line-height: 33px;
  transition: all 0.5s ease-in-out;
}

.home-social li:hover span {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.home-social a {
  color: white;
}

@media only screen and (max-width: 1199px) {
  .default-padding {
    padding: 0 3rem;
  }

  .home-content h1 {
    font-size: 2.5rem;
  }

  .home-social {
    right: 2rem;
    height: 100vh;
    top: 115%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide .img {
    width: 100%;
  }
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 15px;
}
.carousel-control-prev-icon {
  margin-right: 60%;
}
.carousel-control-next-icon {
  margin-left: 60%;
}
/* end hero banner */
/* -----------------------------------------------serviec section-------------------------------- */
.ftco-no-pb {
  padding-bottom: 0 !important;
}

.ftco-no-pt {
  padding-top: 0 !important;
}

.ftco-section {
  padding: 4em 0;
  position: relative;
  width: 100%;
}

.services-wrap {
  position: relative;
  padding: 0;
}

.services-wrap .services.color-1 {
  background: #f5ebeb;
}

.services-wrap .services.color-1 .icon {
  background: #cb9696;
}

.services-wrap .services .icon {
  margin-bottom: 20px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #cf7500;
  position: relative;
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.services-wrap .services .icon span {
  color: #fff;
  position: absolute;
  font-size: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.services-wrap .services.color-2 {
  background: #dcebdd;
}

.services-wrap .services {
  padding: 40px;
  display: block;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 0px;
  background: #fafafa;
}

.services-wrap .services.color-2 .icon {
  background: #8bbd8e;
}

.services-wrap .services .icon {
  margin-bottom: 20px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #cf7500;
  position: relative;
  margin-left: 0;
}

.services-wrap .services .text h2,
.services-wrap .services .text .h2 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", Arial, sans-serif;
}

.services-wrap .services.color-3 .icon {
  background: #d1b54a;
}

.services-wrap .services.color-4 {
  background: #f4e6d8;
}

.services-wrap .services.color-4 .icon {
  background: #d29a61;
}

.ftco-section .row {
  display: flex;
  flex-wrap: wrap;
}

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

.services {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .ftco-section .row {
    flex-direction: column;
  }
}

/*---------------------------------------------- about us------------ */
.ftco-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.heading-section .subheading {
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.heading-section h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.4;
}

.ftco-image .icon {
  width: 80px;
  height: 80px;
  background: #000000;
  border-radius: 50%;
  position: relative;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

.ftco-image .icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.ftco-image .text span {
  font-weight: 600;
}

.ps-4 {
  padding-left: 1.5rem !important;
  color: #000000;
}

/* -----------------------------------------product section------------------------ */
.ftco-gallery .gallery-wrap {
  width: 100%;
  height: 340px;
  display: block;
  position: relative;
  z-index: 0;
  margin-bottom: 0px;
}

.img,
.blog-img,
.user-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.ftco-gallery .gallery-wrap .text {
  padding: 20px;
  text-align: left;
  opacity: 0;
  position: relative;
  width: 100%;
}

.ftco-gallery .gallery-wrap .icon {
  position: absolute;
  top: -15px;
  left: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.ftco-gallery .gallery-wrap .icon span {
  color: #fff;
}

.ftco-gallery .gallery-wrap .text h2,
.ftco-gallery .gallery-wrap .text .h2 {
  font-weight: 500;
  color: #fff;
  font-size: 24px;
}

.ftco-gallery .gallery-wrap:hover .icon {
  opacity: 1;
}

.ftco-gallery .gallery-wrap:hover .text {
  opacity: 1;
}

.g-2 {
  --bs-gutter-y: 0.5rem;
}

.g-2 {
  --bs-gutter-x: 0.5rem;
}

.ftco-gallery .gallery-wrap:hover:after {
  opacity: 0.3;
}

.ftco-gallery .gallery-wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  background: #000000;
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* -----------------------------------product-------------------------------- */
.banner {
  margin-top: 6rem;
  /* margin-bottom: 6rem; */
}

.bgwhite {
  background-color: white;
}

.hov-img-zoom {
  display: block;
  overflow: hidden;
}

.hov-img-zoom:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.pos-relative {
  position: relative;
}

.hov-img-zoom img {
  width: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}

.trans-0-4 {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.block1-wrapbtn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
}

.bg3 {
  background-color: rgba(255, 255, 255, 0.95);
}

.size2 {
  width: 100%;
  height: 46px;
}

.m-text2 {
  font-size: 16px;
  color: #333333;

  padding: 9px 12px;
  cursor: pointer;
  border-radius: unset;
  -webkit-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.w-size2 {
  width: 179px;
}

.flex-c-m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.ab-t-l {
  position: absolute;
  left: 0px;
  top: 0px;
}

.flex-col-c-m {
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.sizefull {
  width: 100%;
  height: 100%;
}

.pos-relative {
  position: relative;
}

.wrap-pic-w img {
  width: 100%;
}

.w-size3 {
  max-width: 294px;
}

.m-text4 {
  font-family: Montserrat-Medium;
  font-size: 30px;
  color: #111111;
  line-height: 1.2;
  text-transform: uppercase;
}

.t-center {
  text-align: center;
}

.p-b-8 {
  padding-bottom: 8px;
}

.block2-content h2,
.block2-content h3,
.block2-content h4,
.block2-content h5 {
  margin: 0px;
}

.block2-content p {
  font-family: Montserrat-Regular;
  font-size: 15px;
  line-height: 1.7;
  color: #888888;
  margin: 0px;
}

.w-size4 {
  max-width: 257px;
}

.t-center {
  text-align: center;
}

.w-size4 {
  max-width: 257px;
}

.t-center {
  text-align: center;
}

.bo-rad-23 {
  border-radius: unset;
  border: none;
}

.bg4 {
  background-color: #111111;
}

.p-t-25 {
  padding-top: 25px;
}

.m-text3 {
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 47%;
}

.m-b-30 {
  margin-bottom: 30px;
}

.hov1:hover {
  background-color: #000000;
  color: white !important;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.product_container {
  max-width: 100%;
  margin: 0;
}

.s-text11 {
  font-family: Montserrat-Italic;
  font-size: 15px;
  color: #888888;
  line-height: 1.8;
}

.m-text12 {
  font-family: Montserrat-Regular;
  font-size: 20px;
  color: #555555;
  line-height: 1;
}

.flex-w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bo2 {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.p-b-46 {
  padding-bottom: 46px;
}

.p-t-62 {
  padding-top: 62px;
}

.w-size5 {
  width: calc(100% / 3);
}

.flex-col-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

/* ---------------------------testimonial ---------------------*/
.testimonial-area {
  background: #f0eeef;
  position: relative;
}

.testimonial-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.h1-testimonial-active button.slick-arrow {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 40px;
  cursor: pointer;
  background: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 2;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}

.h1-testimonial-active button.slick-arrow i {
  color: rgba(41, 38, 33, 0.3);
  font-size: 24px;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  background: #fff;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #052c43;
  cursor: pointer;
}

.slick-prev {
  left: 30px;
}

.slick-next {
  right: 30px;
}

.slick-arrow i {
  font-size: 20px;
}
.testimonial-area .testimonial-caption .testimonial-top-cap h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 40px;
}

.testimonial-area .testimonial-caption .testimonial-top-cap p {
  line-height: 1.5;
  padding: 0 5rem;
  margin-bottom: 32px;
  font-size: 22px;
  color: #292621;
  font-weight: 400;
}

.testimonial-area .testimonial-caption .testimonial-founder .founder-text {
  margin-left: 20px;
  text-align: left;
}

.testimonial-area .testimonial-caption .testimonial-founder .founder-text span {
  font-family: "Jost", sans-serif;
  color: #292621;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.testimonial-area .testimonial-caption .testimonial-founder .founder-text p {
  color: #74706b;
  font-weight: 500;
  line-height: 1.5;
}

.h1-testimonial-active button.slick-next {
  left: auto;
  right: 0px;
}

.h1-testimonial-active button.slick-arrow:focus {
  outline: none;
}

.h1-testimonial-active button.slick-arrow i {
  color: rgba(41, 38, 33, 0.3);
  font-size: 24px;
}

.testimonial-top-cap .subheading {
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* <!--  --------------------- instagram follow -----------------> */

@media (min-width: 997px) {
  .block4 {
    width: calc(100% / 4) !important;
  }
}

@media (max-width: 996px) {
  .block4 {
    width: calc(100% / 2) !important;
  }
}

.block4 {
  position: relative;
  overflow: hidden;
  width: calc(100% / 5);
}

.wrap-pic-w img {
  width: 100%;
}

.block4-overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  opacity: 0;
}

.block4-overlay-heart {
  transform-origin: top left;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.block4:hover .block4-overlay-heart {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.s-text9 {
  font-family: Montserrat-Regular;
  font-size: 13px;
  color: #adadad;
  line-height: 1.8;
}

.flex-m {
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.p-r-12 {
  padding-right: 12px;
}

.fs-20 {
  font-size: 20px;
}

.p-t-2 {
  padding-top: 2px;
}

.block4-overlay-txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -100%;
}

.block4:hover .block4-overlay-txt {
  bottom: 0;
}

.trans-0-4 {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.p-r-25 {
  padding-right: 25px;
}

.p-l-40 {
  padding-left: 27px;
}

.p-b-30 {
  padding-bottom: 15px;
}

.h-size1 {
  max-height: 138px;
}

.s-text10 {
  font-family: sans-serif;
  font-size: 13px;
  color: #cccccc;
}

.of-hidden {
  overflow: hidden;
}

.m-b-15 {
  margin-bottom: 15px;
}

.s-text9 {
  font-family: Montserrat-Regular;
  font-size: 13px;
  color: #adadad;
  line-height: 1.8;
}

.block4:hover .block4-overlay {
  visibility: visible;
  opacity: 1;
}

.block4-overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  opacity: 0;
}

.ab-t-l {
  position: absolute;
  left: 0px;
  top: 0px;
}

.block4-overlay:hover {
  color: unset;
}

/*------------ --------------------contact------------------------------ */

.contact-section {
  position: relative;
  width: 100%;
  height: 40vh;
  /* 40% of viewport height */
  background-image: url("../images/landing/bg_2.png");
  /* Replace with your image */
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Overlay for better readability */
.contact-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #252b3a6b; */
  /* semi-transparent dark overlay */
  z-index: 1;
}


/*  bag section */

        /* ----------------banner------------- */
         /* products carosal */
        /* Main Banner Styling */
        .women-banner {
            padding-top: 3rem;
            padding-right: 50px;
            padding-bottom: 3rem;
            padding-left: 50px;

        }

        /* Large Product Section */
        .product-large {
            height: 620px;
            text-align: center;
            padding-top: 285px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        /* Title Styling */
        .product-large h2 {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 18px;
            font-family: "Muli", sans-serif;
        }

        /* Link Styling */
        .product-large a {
            color: #fff !important;
                background: #00000000;
            font-size: 18px;
            font-weight: 500;
            position: relative;

            text-decoration: none;
        }

        .product-large a:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 100%;
            height: 2px;
            background: #fff;
        }

        /* Product Item Styling */
        .product-slider .product-item {
            margin-bottom: 26px;
        }

        .pi-pic {
            position: relative;
        }

        .pi-pic img {
            width: 100%;
        }

        /* Heart Icon Styling */
        .pi-pic .icon {
            position: absolute;
            right: 21px;
            top: -15px;
            font-size: 20px;
            color: #252525;
            cursor: pointer;
            opacity: 0;
            transition: 0.3s;
        }

        .product-item:hover .icon {
            opacity: 1;
        }

        /* Text Styling for Product */
        .pi-text {
            text-align: center;
            padding-top: 26px;
        }

        .pi-text a {
            text-decoration: none;
            cursor: pointer;
        }

        .pi-text .catagory-name {
            font-size: 14px;
            color: #888;
        }

        .pi-text h5 {
            font-size: 20px;
            font-weight: 700;
            color: #e7ab3c;
            margin: 0;
        }

        /* Price Styling */
        /* .product-price {
            color: #e7ab3c;
            font-size: 20px;
            font-weight: 700;
        } */

        /* Navigation Arrows */
        .owl-nav {
            position: absolute;
            top: 35%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            pointer-events: none;
        }

        .owl-nav button {
            pointer-events: all;
            background: transparent;
            border: none;
            font-size: 30px;
            padding: 0 10px;
            cursor: pointer;
            color: #000 !important;
            /* Override any possible issue */
            transition: 0.3s ease;
        }

        .owl-nav button i {
            pointer-events: none;
        }



        .owl-nav button:focus {
            outline: none;
            /* Remove outline when focused */
            border: none;
            /* Remove border if any */
        }

        /* Optionally, you can also style the hover state if you want */
        .owl-nav button:hover {
            transform: scale(1.2);
            color: #007bff;
            outline: none;
            /* Ensure no outline on hover */
        }