.header-container {
  background-color: #f0f9ff;
  border-bottom: 1px solid #f93074;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
}

.header-logo {
  width: 50px;
  /* Adjust the width as needed */
  height: auto;
  /* Adjust the height as needed */
}

.header-button {
  text-transform: uppercase;
}

.navbar-toggler {
  border: none;
  padding: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-collapse {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #f0f9ff;
  /* Replace with your actual navbar background color */
}
.dropdown-item {
  font-size: 14px;
  line-height: 1.6;
}

.banner_bg_img {
  background-image: url(../images/banner-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65vh;
}
.banner_title {
  font-size: -webkit-xxx-large;
}
.banner_title span {
  color: #f93074;
}
.product_list {
  background: url(../images/product_list-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  margin-top: 3rem;
}
.product_list_head_area {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.product_list_head {
}
.product_list_title {
  text-align: center;
  position: relative;
  color: #1c1d1d;
}
.product_list_title::before {
  content: "";
  position: absolute;
  right: 3px;
  bottom: -10px;
  height: 1px;
  width: 51%;
  border-bottom: 3px solid #f93074;
}
.owl_item {
  background: #f0f9ff;
  border: 2px solid #1a90da;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
}
.owl_item img {
}
.owl_item_h2 {
  font-size: 20px;
  margin-top: 15px;
}

/* Adjusting the owl-nav container to align buttons on opposite sides */
.owl-carousel .owl-nav {
  display: flex; /* Continues to use flexbox */
  justify-content: space-between; /* Aligns one button to the left and the other to the right */
  position: absolute; /* Keeps the nav absolutely positioned */
  width: 100%; /* Span the full width of the carousel */
  top: 50%; /* Vertically centers the nav */
  transform: translateY(-50%); /* Corrects the vertical centering */
}

/* Ensure buttons are positioned correctly and are visible */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute; /* Allows individual positioning */
}

.owl-carousel .owl-nav button.owl-prev {
  left: 0; /* Positions the prev button at the left edge */
  transform: translate(0, -50%); /* Vertically centers the button */
}

.owl-carousel .owl-nav button.owl-next {
  right: 0; /* Positions the next button at the right edge */
  transform: translate(0, -50%); /* Vertically centers the button */
}

/* Make sure the carousel container is relatively positioned */
.owl-carousel {
  position: relative; /* Ensures nav is positioned in relation to the carousel */
}

.owl-carousel .owl-nav button.owl-prev {
  background-image: url("../images/prev.png"); /* Update with the correct path to your image */
  background-size: cover; /* Adjust as needed to fit the button */
  background-repeat: no-repeat;
  background-position: center; /* Centers the background image */
  width: 30px; /* Set the width as per your requirement */
  height: 30px; /* Set the height as per your requirement */
  border: none; /* Optional: removes the border */
}

.owl-carousel .owl-nav button.owl-next {
  background-image: url("../images/next.png"); /* Update with the correct path to your image */
  background-size: cover; /* Adjust as needed to fit the button */
  background-repeat: no-repeat;
  background-position: center; /* Centers the background image */
  width: 30px; /* Set the width as per your requirement */
  height: 30px; /* Set the height as per your requirement */
  border: none; /* Optional: removes the border */
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  font-size: 0; /* Hides the default icon */
  color: transparent; /* Ensures no text or default icons are visible */
}

.product_list_banner {
  margin-top: 3rem;
}

.good_news {
  background: url(../images/good_news_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}
.good_news_area {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.good_news_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  text-align: center;
}
.good_news_left h2 {
  margin-bottom: 30px;
}
.good_news_left h6 {
}
.good_news_right {
}

.why-orderwala {
  background: url(../images/why-orderwala-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}
.why_orderwala_area {
  margin-bottom: 3rem;
}
.why-orderwala-top {
  text-align: center;
  background: #f0f9ff;
  margin-bottom: 80px;
}
.why-orderwala-top img {
}

.why-orderwala-top h4 {
}
.why-orderwala-top p {
}

.why-orderwala-quote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  text-align: center;
}
.why-orderwala-quote blockquote {
  margin: 0 auto;
}
.why-orderwala-quote blockquote p {
  margin-bottom: 0;
  text-align: center;
}
.why-orderwala-quote blockquote p span {
  font-size: 36px;
}
.why-orderwala-quote blockquote p::before,
.why-orderwala-quote blockquote p::after {
  content: url("data:image/svg+xml;utf8,<svg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.66 13.02V25.17H0.6V22.02C0.6 17.1 0.96 13.44 1.68 11.04C2.46 8.57999 4.47 5.09999 7.71 0.599995L12.84 3.48C10.14 8.1 8.58 11.28 8.16 13.02H12.66ZM29.04 13.02V25.17H16.98V22.02C16.98 17.1 17.34 13.44 18.06 11.04C18.84 8.57999 20.85 5.09999 24.09 0.599995L29.22 3.48C26.52 8.1 24.96 11.28 24.54 13.02H29.04Z' fill='%231A90DA'/></svg>");
  font-size: 5rem;
  margin: -5rem 0 0 -2rem;
  position: absolute;
  opacity: 0.5;
  color: #39b54a;
}
.why-orderwala-quote blockquote p::after {
  content: url("data:image/svg+xml;utf8,<svg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.34 12.98L17.34 0.830003L29.4 0.830002L29.4 3.98C29.4 8.9 29.04 12.56 28.32 14.96C27.54 17.42 25.53 20.9 22.29 25.4L17.16 22.52C19.86 17.9 21.42 14.72 21.84 12.98L17.34 12.98ZM0.959996 12.98L0.959995 0.830004L13.02 0.830003L13.02 3.98C13.02 8.9 12.66 12.56 11.94 14.96C11.16 17.42 9.15 20.9 5.90999 25.4L0.779996 22.52C3.48 17.9 5.03999 14.72 5.45999 12.98L0.959996 12.98Z' fill='%231A90DA'/></svg>");
  margin: -4rem -4rem 0 0.5rem;
}

.why-orderwala-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  text-align: center;
}
.why-orderwala-right img {
}
.app_section {
  background: #f0f9ff;
  margin-top: 15px;
}
.google-play {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  text-align: center;
}
.app_text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  text-align: center;
}
.app_text p {
}
.app-store {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  text-align: center;
  z-index: 1;
}
.home_cat {
  position: relative;
  margin-top: 20px;
}
.home_cat::before {
  content: url(../images/home_cat_before.png);
  position: absolute;
  left: 0;
  top: -65px;
}
.home_cat::after {
  content: url(../images/home_cat_after.png);
  position: absolute;
  right: 0;
  bottom: 0;
}
.footer_section {
  background: #f0f9ff;
  padding: 80px 0px 50px 0px;
  margin-top: 80px;
}
.foot_link {
  position: relative;
  z-index: 1;
}
.foot_link a {
  color: #212529;
  text-decoration: none;
}
.foot_link h3 {
  margin-bottom: 25px;
  font-size: 1.5rem;
}
.foot_link ul {
  list-style: none;
  padding: 0;
  line-height: 1.9;
}
.foot_link ul li {
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    justify-content: center;
    position: relative;
  }
}
@media (max-width: 767px) {
  .header-container {
    margin-top: 0;
  }
  .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    left: inherit;
    background-color: #f0f9ff;
    display: block;
    padding: 10px 19px;
    width: 400%;
  }
  .header-button {
    display: none;
  }
  .banner_title {
    font-size: x-large;
  }
  .product_list_head_area {
    margin-top: 0;
    margin-bottom: 0;
  }
  .product_list_banner {
    margin-top: 0;
  }
  .owl_item {
    height: 30vh;
  }
  .good_news_area {
    margin-top: 0;
    margin-bottom: 0;
  }
  .good_news_left {
    height: 30vh;
  }
  .good_news_left h2 {
    font-size: 22px;
  }
  .good_news_left h5 {
    font-size: 16px;
  }
  .why_orderwala_area {
    margin-bottom: 0;
  }
  .why-orderwala-quote {
    height: 25vh;
  }
  .why-orderwala-right {
    height: 40vh;
  }
  .google-play {
    height: 15vh;
  }
  .app_text {
    height: 15vh;
  }
  .app-store {
    height: 15vh;
  }
  .home_cat {
    margin-top: 0;
  }
}