@font-face {
  font-family: "Geologica-Regular";
  src: url("../fonts/Geologica/Geologica-Regular.ttf");
}

@font-face {
  font-family: "Geologica-Medium";
  src: url("../fonts/Geologica/Geologica-Medium.ttf");
}

@font-face {
  font-family: "Geologica-Bold";
  src: url("../fonts/Geologica/Geologica-Bold.ttf");
}


body {
  font-family: "Geologica-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #0c2d34;
  text-decoration: none;
}

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

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.btn {
  font-size: 14px;
  padding: 6px 25px;
}

/* .btn:hover{
  color: #FFF;
} */

.fa {
  font-size: 16px;
}

input:focus {
  color: #FFF;
  outline: none;
  box-shadow: none;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
select.form-select:focus,
.form-select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #fff;
}

/* H1 to H6 Font Size */

h1 {
  font-size: 32px;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  font-weight: 600;
}

h3 {
  font-size: 26px;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  font-weight: 600;
}

h5 {
  font-size: 18px;
  font-weight: 500;
}

h6 {
  font-size: 16px;
  font-weight: 400;
}

p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 25px;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: #111;
}

a:hover {
  color: #444444;
}

.form-control,
.form-label,
.form-select {
  font-size: 14px;
}

.col-form-label,
.form-check-label {
  font-size: 14px;
  font-weight: 500;
}

.form-check-input:checked {
  background-color: #034ea2;
  border-color: #034ea2;
}

/* Navbar  */

.navbar-4 .top_sub_navbar {
  background-color: #272D37;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding-block: 5px;
}

.navbar-4 .top_sub_navbar p {
  white-space: nowrap;
  display: inline-block;
  animation: scroll-left 100s linear infinite;
  font-size: 16px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }

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

/* Optional: ensure parent doesn't let it overflow */

.navbar-4 .top_sub_navbar .col-md-12 {
  overflow: hidden;
}

.navbar-4 .top_sub_navbar ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;

}

.navbar-4 .top_sub_navbar a {
  color: #FFF;
}

.navbar-4 .topnavbar {
  border-bottom: 1px solid #d9d7d7;
  padding-bottom: 8px;
  background-color: #FFFFFF;
  border-bottom: none;
  padding-bottom: 0px;
}

.navbar-4 .topnavbar .top-selector-wrapper .navbar-brand {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin: 0px;
}



.navbar-4 .topnavbar .header-top-right .user-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.navbar-4 .topnavbar .header-top-right .user-block li:first-child {
  width: 40%;
  width: 50%;
}

.navbar-4 .topnavbar .header-top-right .user-block .phone_wrap {
  display: flex;
  align-items: center;
}

.navbar-4 .topnavbar .header-top-right .user-block .phone_wrap .phone_icons {
  width: 12%;
  font-size: 14px;
  color: #000000;
}

.navbar-4 .topnavbar .header-top-right .user-block .phone_wrap .phone_text a {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
}

.navbar-4 .topnavbar .header-top-right .user-block>li {
  display: inline-block;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown>a,
.navbar-4 .topnavbar .header-top-right .user-block>li>a {
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  /* color: #fff; */
  color: #000000;
  text-transform: capitalize;
  line-height: 1;
  padding: 0 5px;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown .dropdown-menu {
  min-width: 25rem;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown .dropdown-menu table thead tr {
  background-color: #034ea2;
  color: #FFF;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown .dropdown-menu table th {
  font-size: 14px;
  font-weight: 600;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown .dropdown-menu table td {
  font-size: 14px;
  font-weight: 500;
}

.navbar-4 .topnavbar .header-top-right .user-block>li>.dropdown:hover .dropdown-menu {
  display: block;
  right: 0;
}

.notification {
  position: absolute;
  background-color: #f2f2ff;
  top: -12px;
  right: -10px;
  font-size: 10px !important;
  animation: blink 2s infinite;
  color: #000;
}

.badge.notification {
  font-size: 10px !important;
}

.dropdown-toggle::after {
  display: none;
}



.noti_badge {
  position: absolute;
  background: #dc3545 !important;
  padding: 2px 4px !important;
  right: 4px;
  top: -6px;
  font-size: 10px !important;
  /* -webkit-animation: blink 2s infinite;
  animation: blink 2s infinite; */
}

/* @keyframes blink {
  0% {
      opacity: 1;
  }

  70% {
      opacity: 1;
  }

  80% {
      opacity: 0;
  }

  100% {
      opacity: 0;
  }
} */

.nav-item.dropdown.notification_wrap .dropdown-menu {
  min-width: 420px !important;
  right: 0;
}

.nav-item.dropdown.notification_wrap .dropdown-menu>li>a {
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 500;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #034EA2;
}


.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #034EA2;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification_text {
  padding-left: 18px;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification_text h5,
.notification_text h5 {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
  margin: 2px 0px;
  display: flex;
  justify-content: space-between;
  text-wrap: balance;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification_text h5 span,
.notification_text h5 span {
  font-size: 12px;
  font-weight: 400;
  color: #838383;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification_text p {
  font-size: 12px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-wrap: balance;
}

.nav-item.dropdown.notification_wrap .dropdown-menu .notification_text h6 {
  margin: 5px 0px;
  color: #838383;
}

.navbar-4 .search-bar {
  padding: 10px 0px;
}

.navbar-4 .search-bar .input-group .form-control {
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #B1B1B1;
  color: #000000;
  border-right: none;
}

.navbar-4 .search-bar .input-group .btn-search {
  border: 1px solid #B1B1B1;
  border-left: none;
  border-radius: 0px 10px 10px 0px;
  color: #000000;
  background-color: #FFF;
}

.navbar-4 .search-bar .input-group .form-control::placeholder {
  color: #000000;
  /* Change this to any color you want */
  opacity: 1;
  /* Optional: ensures that the color opacity is 100% */
}


.display-block {
  display: none;
}

/* .navbar-4 .main-navbar {
  background-color: #b88e2f;
  background-color: #FFF;
} */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.navbar-4 .main-navbar .navbar .navbar-brand {
  font-size: 20px;
  font-weight: 700;
  color: #fffbf3;
  text-transform: uppercase;
  display: none;
  margin: 0;
}


.navbar-4 .main-navbar .navbar .navbar-brand img {
  /* width: auto; */
  width: 70%;
  width: 100%;
  display: none;
}

.navbar-4 .main-navbar .navbar-expand-lg .navbar-nav {
  margin: 0 auto;
}

.navbar-4 .main-navbar .navbar-nav .nav-item {
  margin-right: 25px;
  font-size: 16px;
  font-weight: 600;
}

.navbar-4 .main-navbar .navbar-dark .navbar-nav .nav-item .nav-link {
  color: #343434;
  font-family: "Geologica-Medium", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: 600;
  font-size: 12px;
  padding: 5px;
  border-radius: 5px;
}

.nav-item .nav-link.dropdown-toggle::after {
  display: none;
}

.navbar-4 .main-navbar .navbar-dark .navbar-toggler {
  border: none;
  margin-top: 0px;
  padding: 0px;
  font-size: 18px;
  color: #FFF;
  /* color: #fff; */
}

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

/* New Navbar Design */

.navbar-4 .main-navbar {
  background-color: #FFF;
  border-bottom: 1px solid #d9d7d7;
}

.navbar-4.position-relative .navbar.navbar-expand-lg.navbar-dark {
  width: 90%;
}

@media only screen and (max-width: 600px) {
  .navbar-4.position-relative .navbar.navbar-expand-lg.navbar-dark {
    width: 80%;
  }
}

.scoll-pane {
  width: 100%;
  height: auto;
  height: 35px;
  overflow: auto;
  outline: none;
  overflow-y: hidden;
  -ms-overflow-style: scroll;
  scrollbar-width: none;
  padding-left: 0px;
}

.navbar-4.position-relative .scoll-pane .navbar-nav {
  flex-direction: row;
  justify-content: center;
}

.navbar-4 .main-navbar .navbar-nav .nav-item {
  margin-right: 20px;
  /* margin-right: 5px; */
}

.navbar-4 .main-navbar .navbar-dark .navbar-nav .nav-item .nav-link {
  text-transform: capitalize;
  position: relative;
  text-wrap: nowrap;
  color: #343434;
  font-family: "Geologica-Regular", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
}



.navbar-4 .main-navbar .btn_prev,
.navbar-4 .main-navbar .btn_next {
  color: #343434;
}


/* Mega Menu */
.navbar .megamenu {
  padding: 1rem;
  padding: 14px;
  min-width: 25rem;
  background-color: #f3fdd5;
  /* background-color: #FFFFFF; */
  border: 1px solid #CACACA;
  border-radius: 20px;
}

.dropdown-menu.megamenu ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dropdown-menu.megamenu ul li {
  padding: 5px 0px;
  flex: 0 0 20%;
}

.dropdown-menu.megamenu ul li a .product_menu_img {
  width: 70px;
  max-width: 70px;
  height: 50px;
  max-height: 70px;
  background-color: #efefef;
  border-radius: 10px;
  padding: 5px;
  margin-right: 8px;
}

.dropdown-menu.megamenu ul li a .product_menu_img img {
  width: 100%;
  height: 100%;
}

.dropdown-menu.megamenu ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.dropdown-menu {
  display: none;
}

.nav-item:hover .dropdown-menu {
  display: block;
  position: absolute;
}

/* Navbar End */

.banner_wrap {
  background: url(../images/banner.png);
  height: auto;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  padding-block: 80px;
}

.banner_wrap h1 {
  font-size: 45px;
  font-weight: 700;
  color: #FFF;
}

.banner_wrap p {
  font-size: 16px;
  font-weight: 500;
}

.banner_wrap .btn_action {
  background-color: #003D29;
  color: #FFF;
  margin-block: 12px;
  border-radius: 25px;
}


#carouselBannerImages .carousel-inner .carousel-item img {
  height: 400px;
  /* height: 240px; */
}

#carouselBannerImages .carousel-inner .carousel-item .carousel-caption {
  position: absolute;
  top: 12%;
  left: 5%;
  bottom: 0;
  right: 0;
  color: #000;
  text-align: start;
  width: 30%;
}

#carouselBannerImages .carousel-inner .carousel-item .carousel-caption h1 {
  font-size: 45px;
  font-weight: 700;
  color: #FFF;
}

#carouselBannerImages .carousel-inner .carousel-item .carousel-caption p {
  font-size: 16px;
  font-weight: 500;
}

#carouselBannerImages .carousel-inner .carousel-item .carousel-caption .btn_action {
  background-color: #003D29;
  color: #FFF;
  margin-block: 12px;
  border-radius: 25px;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  color: #FFF;
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #FFF;
}

.sub_products,
.product,
.sub_categories,
.check_out,
.my_order,
.my-order-list {
  padding-block: 30px;
}

.banner-2 {
  padding-block: 10px 30px;
}

.sub_product_list {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
}

.sub_product_card_wrap {
  flex: 0 0 12.3%;
  flex: 0 0 16%;
}

.sub_products .sub_product_card {
  padding: 10px;
  margin-bottom: 20px;
  /* border: 1px solid #ccc; */
  height: 100%;
  flex: 0 0 12.3%;
}

.sub_products .sub_product_card .sub_producut_card_img {
  max-width: 100%;
  max-height: 170px;
  min-height: 180px;
  object-fit: contain;
  height: 150px;
  border-radius: 15px;
  /* background: #f5f5f5; */
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 50%;
}

.sub_products .sub_product_card .sub_producut_card_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.sub_products .sub_product_card h4 {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
}

.sub_products .sub_product_card p,
.product .product_card .product_text p {
  color: #848484;
  height: 40px;
}


.check_out .table tbody p {
  color: #848484;

}

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

.main_header h3 {
  position: relative;
  font-family: 'Geologica-Medium';
  font-weight: 500;
}


.main_header h3::before {
  position: absolute;
  content: '';
  width: 100px;
  height: 1px;
  background-color: #DADADA;
  top: 50%;
  left: -44%;
}

.main_header h3.sub_menu::before {
  left: -90%;
}

.main_header h3.sub_menus::before {
  left: -48%;
}

.main_header h3.sub_menu_test::before {
  left: -35%;
}

.main_header h3::after {
  position: absolute;
  content: '';
  width: 100px;
  height: 1px;
  background-color: #DADADA;
  top: 50%;
  margin-left: 15px;
}

.main_header a {
  font-size: 14px;
  font-weight: 500;
  color: #034ea2;
}

.top_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin-block: 25px;
}

.menu_list {
  width: 75%;
}

.menu_list ul {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}


.menu_list ul li {
  position: relative;
  width: 150px;
  width: 100px;
  border-right: 1px solid #CFCFCF;
}

.menu_list ul li:last-child {
  border: none;
}

.menu_list ul li a {
  position: relative;
  width: 100%;
}

.menu_list ul li a.active {
  border-bottom: 3px solid #034ea2;
  color: #034ea2;
}

.menu_list ul li a.active::after {
  content: '';
  left: 20px;
  top: 100%;
  position: absolute;
  border-width: 8px 8px 0px 8px;
  border-style: solid;
  border-color: #034ea2 transparent;
}

.test_arrow .btn_arrow {
  background-color: #E909C7;
  color: #FFF;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 10px;
  margin: 0px 10px;
}


.slider-container {
  display: flex;
  overflow: hidden;
}

.slider_card {
  margin: 10px 5px;
  border-radius: 10px;
  position: relative;
  flex: 0 0 22%;
  box-sizing: border-box;
  padding: 5px;
}

.product .product_card {
  /* padding: 11px; */
  /* margin-bottom: 20px; */
  border: 0.5px solid #e8e8e8;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.04) 2px 2px 8px;
  border-radius: 10px;
  position: relative;
}

.product .product_card .producut_card_img {
  max-width: 100%;
  max-height: 270px;
  min-height: 270px;
  object-fit: contain;
  height: 270px;
  margin-bottom: 15px;
  position: relative;
}

.product .product_card .producut_card_img:hover {
  transition: transform .5s ease;
  transform: scale(1.03);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 20px;
}


.product .product_card .producut_card_img img {
  width: 100%;
  height: 100%;
}

.product .product_card .producut_card_img:hover img {
  border-radius: 20px;
}

.product .product_card .flag_img img {
  /* width: 20px; */
  width: 16px;
  height: 13px;
  object-position: center;
  object-fit: fill;
}

.product .product_card .flag_img span {
  font-size: 12px;
  font-weight: 500;
}

.rateing {
  margin-bottom: 5px;
}

.rateing i {
  color: #FDC904;
}

.product_card .offer-badge {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 8px 0px 8px 0px;
}

.product .product_card .producut_card_img i {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #FFF;
  background-color: #f5f5f5;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  border-radius: 0px 8px 0px 12px;
  color: #034ea2;
}

.product .product_card .product_text {
  padding: 11px;
}

.product .product_card .product_text h4 {
  font-size: 14px;
  font-size: 20px;
  font-weight: 500;
  height: 40px;
  margin-bottom: 2px;
  line-height: 20px;
  width: 100%;
  max-width: 240px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Geologica-Medium';
}

.product .product_card .product_text h5,
.checkout-lists .card .card-details .card-price {
  color: #000;
  font-weight: 600;
  margin-block: 12px;
}

.product .product_card .product_text h5 span,
.checkout-lists .card .card-details .card-price span {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  text-decoration: line-through;
}

.product .product_card .product_text h5 span.text-decoration-line-through {
  color: #ADADAD !important;

}

.product .product_card .product_text .cart_btn {
  color: #034ea2;
  border: 1px solid #034ea2;
  border-radius: 8px;
  font-weight: 600;
  font-size: 12px;
  width: 85%;
  margin-top: 15px;
}

.product .product_card .product_text .cart_btn:hover {
  background-color: #034ea2;
  color: #FFF;
}

.product .expoler_btn .btn {
  color: #FFF;
  font-weight: 500;
  border: 1px solid #034ea2;
  background: #034ea2;
  margin-top: 15px;
  padding: 10px 30px;
}

.best_product_card.bg_1 {
  background-image: url(../images/best_product_1.png);
  background-image: url(../images/face_serum.png);
  background-color: #846BFF;
  background-color: #F6F0FF;
}

.best_product_card {
  padding: 35px;
  background-image: url(../images/best_product_2.png);
  background-image: url(../images/face_cream.png);
  background-color: #FFDE60;
  background-color: #FFF5E6;
  background-size: 260px;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 400px;
  border-radius: 15px;
}

.best_product_card p {
  /* padding-right: 50px; */
  width: 65%;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  font-size: 16px;

}


.featured_categories,
.Product_details {
  padding: 40px 0px;
}

.deal_card {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  margin: 10px 0px;
}

.deal_card .deal_card_details {
  width: 45%;
  padding: 5px;
  text-align: center;
}

.deal_card .deal_card_details .btn_buy {
  background-color: #0068C8;
  background-color: #034ea2;
  color: #FFF;
  margin-top: 10px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 25px;
}

.deal_card .deal_card_details .deal_card_img {
  width: 100%;
  height: 130px;
  max-height: 200px;
}

.deal_card .deal_card_details .deal_card_img img {
  width: 100%;
  height: 100%;
}

.deal_card .deal_card_text {
  width: 55%;
  padding: 10px;
}

.deal_card .deal_card_text .offer-badge {
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 20px;
  width: max-content;
  margin-bottom: 10px;
}

.deal_card .deal_card_text p {
  font-weight: 500;
  margin-bottom: 5px;
  color: #848484;
  display: flex;
  align-items: center;
  height: 30px;
}

/* .deal_card .deal_card_text h4 {
  height: 50px;
} */

.deal_card .deal_card_text h5 {
  color: #0068C8;
  color: #034ea2;
  font-weight: 600;
}

.deal_card .deal_card_text h5 span {
  color: #545454;
  text-decoration: line-through;
  font-size: 14px;
  margin-right: 5px;
}

.deal_card .deal_card_text h6 {
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}

.sub_categories .top_header h5 {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 12px;
  font-weight: 700;
  position: relative;
}

.sub_categories .top_header h5::before {
  content: '';
  /* Make sure to add content property */
  position: absolute;
  width: 100px;
  height: 3px;
  background-color: #000000;
  left: 0;
  top: 96%;
}


.sub_categories .sub_categories_card {
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  margin: 10px 0px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
}

.sub_categories .sub_categories_card .sub_categories_image {
  /* width: 25%; */
  padding: 0px 5px;
}

.sub_categories .sub_categories_card .sub_categories_image .sub_categories_img {
  width: 100%;
  max-width: 100%;
  max-height: 70px;
  height: 100px;
}

.sub_categories .sub_categories_card .sub_categories_image .sub_categories_img img {
  width: 100%;
  height: 100%;
}

.sub_categories .sub_categories_card .sub_categories_text {
  width: 75%;
  padding: 0px 5px;
}

.sub_categories .sub_categories_card .sub_categories_text h4 {
  font-size: 14px;
  margin-bottom: 0px;
  width: 80%;
}

.sub_categories .sub_categories_card .sub_categories_text .rate {
  color: #848484;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  height: 40px;
}

.sub_categories .sub_categories_card .sub_categories_text .rate div {
  width: 15%;
  height: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  text-align: center;
  line-height: 30px;
  border-radius: 50px;
  cursor: pointer;
}

.sub_categories .sub_categories_card .sub_categories_text .rate i {
  color: #FDC904;
  color: #034ea2;
  font-size: 14px;
}

.sub_categories .sub_categories_card .sub_categories_text .rate img {
  width: 25px;
  border: 1px solid #D9D9D9;
  height: 25px;
  padding: 5px;
  border-radius: 25px;
}

.sub_categories .sub_categories_card .sub_categories_text .country_name {
  font-weight: 500;
  color: #555555;
}

.sub_categories .sub_categories_card .sub_categories_text h3 {
  font-size: 16px;
  font-weight: 600;
  color: #034ea2;
}

.sub_categories .sub_categories_card .sub_categories_text h3 span {
  text-decoration: line-through;
  color: #545454;
  margin-right: 5px;
  font-size: 12px;
}

.card_Wrapper {
  text-align: center;
  padding: 10px;
  margin: 10px 0px;
}

.card_Wrapper img {
  width: 50px;
  margin-bottom: 10px;
}


.height_100 {
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto;
}


/* width */
.height_100::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.height_100::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.height_100::-webkit-scrollbar-thumb {
  background: #034ea2;
  border-radius: 20px;
}

/* Handle on hover */
.height_100::-webkit-scrollbar-thumb:hover {
  background: #034ea2;
}


footer {
  background-color: #f8f8f8;
  color: #232323;
  padding: 40px 0px;
  /* height: 400px; */
}

footer .about_text p {
  margin: 10px 0px;
}

footer .about_text .form-control {
  background-color: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  color: #959595;
}

footer .about_text .btn-join {
  background-color: #034ea2;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  padding: 7px;

}

footer .about_text a i {
  font-size: 25px;
  margin: 5px;
  color: #232323;
}

footer .footer_links {
  margin-top: 18px;
}

footer .footer_links h5 {
  font-weight: 600;
  border-bottom: 1px solid #2c2c2c;
  padding-bottom: 8px;
  width: max-content;
  margin-bottom: 15px;
}

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

footer .footer_links ul li a {
  color: #232323;
  font-size: 14px;
  font-weight: 400;
}


footer .contact_info ul li {
  font-size: 14px;
  margin-block: 12px;
}

footer .contact_info ul li i {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  padding: 6px 6px;
  border-radius: 50%;
  margin-right: 5px;
}

footer .contact_info ul li a {
  color: #000;
  border-left: 1px solid #000;
  padding-left: 5px;
}

.social_media ul li a i {
  background-color: #2C2C2C;
  color: #FFF;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  margin-right: 14px;
}

.copyrights {
  background-color: #f8f8f8;
  border-top: 1px solid #d3d3d3;
  padding: 10px 0px;
  color: #232323;
}

.copyrights .copyrights_wrap a {
  color: #232323;
  padding: 5px;
}

.footer-5 {
  background-color: #bbd66d;
  padding-block: 30px;
}

.footer-5 .footer_wrap ul li {
  width: 40px;
  height: 40px;
  background-color: #034ea2;
  color: #FFF;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
}

.footer-5 .footer_wrap ul li a {
  color: #FFF;
}

.footer-5 .footer_links ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 14px;
}

.footer-5 .footer_links p {
  font-size: 14px;
  font-weight: 600;
  margin-block: 15px;
}

.footer-5 .footer_links .input-group .form-control {
  font-size: 14px;
  height: 3.5rem;
  border-radius: 30px !important;
  width: 400px;
  margin-right: 10px;
  padding: 10px 20px;
}

.footer-5 .footer_links .input-group .btn-outline-secondary {
  border-radius: 50px !important;
  background-color: #034ea2;
  color: #FFF;
  font-size: 14px;
}

.breadcamp {
  padding-top: 30px;
}

.breadcamp .breadcrumb-item a {
  color: #979797;
}

.breadcrumb-item.active span {
  background-color: #EBEBEB;
  padding: 4px 8px;
  border-radius: 8px;
  color: #545454;
  font-weight: 500;
  text-transform: capitalize;
}

#myform {
  text-align: center;
  padding: 3px;
  padding: 3px 10px;
  border: 1px solid #848484;
  color: #000;
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: 25px;
  height: 40px;
  border-radius: 8px;
  height: 37px;
}

.qty {
  width: 60px;
  width: 40px;
  height: 25px;
  text-align: center;
  border: none;
}

input.qtyplus,
input.qtyminus {
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: none;
  font-size: 18px;
  padding: 0;
}

input.qtyplus:hover,
input.qtyminus:hover,
input.qtyplus:focus,
input.qtyminus:focus {
  color: #000000;
  border: none;
  box-shadow: none;
}

.check_out .table thead th {
  color: #606060;
  font-size: 14px;
  font-weight: 500;
}

.table_img {
  width: 75px;
  height: 60px;
  object-fit: contain;
  background: #F0F0F0;
  border-radius: 10px;
  margin-right: 10px;
}

.table_img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}


.delivery-information {
  padding-top: 20px;
}

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

.delivery_information_header .btn_add {
  border: 1px solid #034ea2;
  color: #034ea2;
  font-weight: 600;
  border-radius: 15px;
}

.delivery_information_card {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border: 1px solid #E2E2E2;
  margin-block: 10px;
  padding: 20px;
  border-radius: 15px;
}

.delivery_information_card div:first-child {
  width: 75%;
}

.delivery_information_card p {
  font-size: 13px;
  color: #848484;
  margin-bottom: 5px;
}

.delivery_information_card .btn_edit {
  width: 25%;
  text-align: end;
  padding: 0;
  color: #034ea2;
  font-weight: 600;
}

.order_summary_card {
  background-color: #FCFCFC;
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: 20px;
}

.order_summary_card h5 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
  font-weight: 600;
}

.order_summary_card h5 span {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.total_amount {
  color: #034ea2;
  border-top: 1px solid #EFEFEF;
  padding-top: 10px;
}

.btn_pay {
  background-color: #034ea2;
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  border-radius: 25px;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
}


/* .product_details_image {
  display: flex;
  align-items: center;
} */

/* .product_details_image ul {
  width: 85px;
  display: flex;
  justify-content: center;
} */

.product_details_image ul li {
  max-width: 75px;
  max-height: 75px;
  height: 75px;
  margin: 15px 8px;
  position: relative;
}

.product_details_image ul li a img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.product_details_image .product_image {
  width: 100%;
  max-width: 100%;
  /* margin: 2px 30px; */
  height: 500px;
  max-height: 500px;
  min-height: 400px;
  /* object-fit: contain; */
  object-position: center;
}

.product_details_image .product_image img {
  width: 100%;
  height: 100%;
  /* background-color: aqua; */
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
}

.product_details_image .active img {
  border: 2px solid #5D5D5D;
}

.product_details_text h2 {
  margin-bottom: 16px;
  font-size: 28px;
}

.product_details_text ul {
  display: flex;
  margin-block: 12px;
}

.product_details_text ul li {
  margin-right: 15px;
  font-size: 13px;
  font-weight: 400;
}

.product_details_text .Rating {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #545454;
  display: flex;
  align-items: center;
}

.product_details_text .Rating .rating_icons {
  background: #0068C8;
  padding: 3px 10px;
  border-radius: 20px;
  color: #FFF;
  /* font-size: 10px; */
  margin-right: 5px;
}

.product_details_text .Rating .fa-circle {
  font-size: 5px;
  margin: 5px;
}

.product_details_text h3 {
  color: #343434;
  margin: 10px 0px 10px;
  display: flex;
  align-items: center;
}

.product_details_text h3 span.offer_price {
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 500;
  margin-right: 8px;
}

.product_details_text h3 span.offer {
  margin-left: 8px;
  background-color: #386900;
  color: #FFF;
  font-weight: 400;
  padding: 5px;
  border-radius: 15px;
  font-size: 12px;
}


.product_details_text h3 span.save {
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
  border-left: 3px solid #A7A7A7;
  padding-left: 5px;
  margin-left: 8px;
}

.product_details_text h5 {
  color: #545454;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.product_details_text h6 {
  color: #545454;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.product_details_text h6 a {
  color: #0068C8;
  text-decoration: underline;
}

.product_details_text p {
  color: #8B8B8B;
  font-size: 14px;
}

.product_details_text .btn_wrap {
  margin: 15px 0px;
  display: flex;
  align-items: center;
}

.product_details_text .btn_cart {
  border: 1px solid #848484;
  font-weight: 500;
  border-radius: 25px;
  width: 50%;
  margin: 5px;

}

.product_details_text .btn_cart img {
  width: 15px;
  margin-right: 4px;
}


.product_details_text .btn_buy,
.btn_submit {
  background: #0068C8;
  background: #034ea2;
  color: #FFF;
  border: 1px solid transparent;
  border-radius: 8px;
  width: 50%;
  margin: 5px;
}

.product_details_text .copyLink_textBox {
  border: 2px dashed #CAA000;
  color: #000000;
  background: #FDFFE6;
  width: max-content;
  border-radius: 8px;
  display: flex;
  align-items: baseline;
}

.product_details_text .copyLink_textBox #linkToCopy {
  padding: 5px 12px;
  border: transparent;
  border-radius: 6px;
  background-color: transparent;
  width: 400px;
}

.product_details_text .copyLink_textBox .btn {
  color: #034ea2;
  font-size: 12px;
  font-weight: 600;
}

.product_details_text .text_wrapper {
  color: #767676;
  font-size: 14px;
  font-weight: 500;
  margin-block: 10px;
}

.refer-earn-container {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to left, #FF57E6, #FFFFFF);
  margin-bottom: 15px;
  /* background: linear-gradient(265deg, rgba(255, 255, 255, 0) 0%, #FF57E6 106.16%); */
  width: 380px;
  font-style: italic;
}

.refer-earn-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  bottom: 0;
  width: 50px;
  /* background: inherit; */
  transform: skewX(334deg);
  transform-origin: 100% 0;
  z-index: 0;
  background: #ffffff;
}

.refer-earn-container .icon {
  font-size: 1.5em;
  /* Adjust size of the crown icon */
  margin-right: 10px;
  z-index: 1;
  /* Ensure icon is above the slant */
}

.refer-earn-container .text {
  z-index: 1;
  /* Ensure text is above the slant */
}

.product-content {
  padding-block: 18px;
}

.product-content h3 {
  font-size: 22px;
  border-bottom: 2px solid #034EA2;
  width: max-content;
  margin-bottom: 15px;
  padding-bottom: 6px;

}

.product-content ul {
  list-style: disc;
  padding-left: 2rem;
}

.product-content ul li {
  margin-bottom: 10px;
}

.product-content .card-wrap {
  /* box-shadow: #64646f33 0px 7px 29px 0px; */
  background-color: #fff;
  text-align: start;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-top: 20px;
  border-radius: 0;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #dddd;
}

.product-content .card-wrap .card-img {
  width: 150px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-inline: auto;
}

.product-content .card-wrap .card-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: inherit;
}

/* .product-content .card-wrap .card-content{
  margin-left: 22px;
} */

.product-content .card-wrap .card-content h2 {
  color: #242424;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}


.product-content .card-wrap .card-content p {
  font-size: 14px;
  font-weight: 400;
  margin: 14px 0px;
  color: #9ca3af;
  -webkit-font-smoothing: antialiased;
}

.product-content .card-wrap .card-content i {
  font-size: 20px;
  color: #e8e520;
  cursor: pointer;
}

.tabs {
  width: 100%;
  max-width: 100%;
  margin: 15px 0px;

  /* background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.tab-header {
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid #ddd;
}

.tab-button {
  /* flex: 1 0 auto; */
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.tab-button:hover {
  color: #ad2b86;
}

.tab-button.active {
  background-color: transparent;
  background-color: transparent;
  color: #ad2b86;
  border-bottom: 2px solid #af3089;
}

.tab-content {
  display: none;
  padding: 20px 5px;
}

.tab-content p {
  color: #505050;
  margin-bottom: 15px;
}

.tab-content ul {
  list-style: disc;
  padding-left: 1rem;
}

.tab-content ul li {
  margin-bottom: 10px;
  font-weight: 500;
}

.tab-content.active {
  display: block;
}


.btn_continue {
  background-color: #034ea2;
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  width: 100%;
  padding: 10px;

}


.checkout-lists {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 20px;
}

.checkout-lists .top_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 10px;
  font-weight: 500;
  color: #6D6D6D;
}

.checkout-lists .card {
  flex-direction: row;
  align-items: center;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #034ea2;
  border-radius: 5px;
  background: #FFFFFF;
  border-bottom: 1px solid #E3E3E3;
  padding: 10px;
}

.checkout-lists .card .card-image {
  /* width: 35%;
  height: 100px; */
  flex: 0 0 15%;
  height: 55px;
}

.checkout-lists .card .card-image img {
  width: 100%;
  object-fit: fill;
  border-radius: 10px;
  height: 100%;
}

.checkout-lists .card .card-details {
  padding-inline: 10px 0px;
  padding-block: 8px;
  width: 65%;
  width: 85%;
}

.checkout-lists .card .card-details .card-name {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5px;
}

.fixed {
  position: sticky;
  top: 8%;
  height: calc(100vh - 151px);
  left: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.checkout-lists .card .card-details .card-price {
  font-size: 16px;
  margin: 0;
  width: 30%;
  width: 35%;
  text-align: end;
}

.checkout-lists .card .card-details h6 {
  color: #848484;
  font-weight: 500;
}

.total_card_wrap {
  padding: 12px;
  background-color: #FFF;
  margin-top: 15px;
  border-radius: 10px;
}

.checkout-shipping,
.checkout-total {
  display: flex;
  font-size: 10px !important;
  padding-block: 5px 0px;
  /* border-top: 1px solid #BDBDBD; */
  justify-content: space-between;
  align-items: center;
}

.checkout-shipping h5 {
  font-size: 14px;
  margin-bottom: 0;
}

.checkout-shipping p,
.checkout-total p {
  font-size: 14px;
  font-weight: 700;
  color: #034ea2;
  color: #000;
}

.checkout-total h5,
.checkout-total p b {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  padding-block: 6px;
}

.order_header p {
  font-weight: 500;
}

.order_header p span {
  /* margin-left: 15px; */
  color: #034ea2;
}

.order_body table tbody td {
  font-size: 14px;
}

.badge {
  font-size: 12px;
  font-weight: 600;
}

.sidevar_header {
  /* background: #034ea2; */
  padding: 20px 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E4E4E4;
}

.sidevar_header h4 {
  color: #000000;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  font-size: 16px;
}

.sidevar_header h4 i {
  background-color: #f2f2ff;
  color: #034EA2;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 50px;
  margin-right: 10px;
}

.sidebar-sticky .nav {
  /* border: 1px solid #CACACA; */
  /* border-radius: 10px; */
  background-color: #FFFFFF;
  /* padding: 10px 0px; */
}

.sidebar-sticky .nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  padding-block: 15px;
  border-bottom: 1px solid #E4E4E4;
}

.sidebar-sticky .nav .nav-item .nav-link.active {
  background-color: transparent;
  color: #034EA2;
  border-left: 4px solid #034EA2;
}

.sidebar-sticky .nav .nav-item .nav-link span i {
  margin-right: 4px;
}

.order_list {
  border: 1px solid #CACACA;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}

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

.order_list .order_list_wrap .order_list_img {
  width: 100px;
  height: 70px;
}

.order_list .order_list_wrap .order_list_img img {
  width: 100%;
  height: 100%;
}

.order_list p {
  color: #848484;
}

.order_list .order_status h5 {
  font-size: 12px;
  font-weight: 500;
  color: #2C54D6;
}

.order_list .order_status h5 i {
  font-size: 8px;
}

.order_list .download_btn,
.del_address_card .address_card_body .download_btn {
  font-size: 13px;
  padding: 8px 11px;
  border: 1px solid #034ea2;
  background: #f2f2ff;
  color: #034ea2;
  font-weight: 600;
  margin-top: 4px;
}

.btn-otp {
  font-size: 14px;
  padding: 8px 11px;
  border: 1px solid #034ea2;
  background: #034ea2;
  color: #FFF;
  font-weight: 600;
}

.order_details {
  padding: 15px;
}

.btn_order_list {
  border: 1px solid #034ea2;
  color: #034ea2;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}

div[aria-expanded="false"] .order_status_icon i {
  transform: rotate(180deg);
}


.progress_bar {
  display: flex;
  align-items: baseline;
  margin-top: 25px;
}

.order-tracking {
  text-align: center;
  width: 25%;
  position: relative;
  display: block;
}

.order-tracking .is-complete {
  display: block;
  position: relative;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 0px solid #AFAFAF;
  background-color: #D9D9D9;
  margin: 0 auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  z-index: 2;
}

.order-tracking .is-complete:after {
  display: block;
  position: absolute;
  content: '';
  height: 14px;
  width: 7px;
  top: -2px;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  border: 0px solid #AFAFAF;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

.order-tracking.completed .is-complete {
  border-color: #27aa80;
  border-width: 0px;
  background-color: #27aa80;
}

.order-tracking.completed .is-complete:after {
  border-color: #fff;
  border-width: 0px 3px 3px 0;
  width: 7px;
  left: 11px;
  opacity: 1;
}

.order-tracking p {
  color: #A4A4A4;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: 20px;
}

.order-tracking p span {
  font-size: 10px;
}

.order-tracking.completed p {
  color: #000;
  font-size: 12px;
}

.order-tracking::before {
  content: '';
  display: block;
  height: 3px;
  width: calc(100% - 30px);
  background-color: #D9D9D9;
  top: 48%;
  top: 70%;
  position: absolute;
  left: calc(-50% + 15px);
  z-index: 0;
}

.order-tracking:first-child:before {
  display: none;
}

.order-tracking.completed:before {
  background-color: #27aa80;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}


.my-order-list-items-header {
  padding: 12px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
}

.my-order-list-items-header h5 {
  margin-bottom: 4px;
  font-weight: 600;
}

.my-order-list-items-header i {
  font-size: 14px;
  margin-right: 10px;
}

.fa-circle-check {
  color: #034EA2;
}

.my-order-list-items-body {
  padding: 15px 15px 0px;
}

.my-order-list-items-body .order_Summary {
  height: calc(100vh - 135px);
  overflow-x: hidden;
  overflow-y: auto;
}


.my-order-list-items-body h5 {
  font-weight: 600;
}

.my-order-list-items-body h5 i {
  font-weight: 500;
  font-size: 16px;
}

.my-order-list-items-body .reward_card_wrap {
  background-image: url(../images/reward_card_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  color: #FFF;
  margin-bottom: 20px;
  border-radius: 20px;
}

.my-order-list-items-body .reward_card_wrap .reward_card_wrap_text {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.my-order-list-items-body .reward_card_wrap .reward_card_wrap_text .btn_redeem {
  background-color: #FFF;
  border-radius: 5px;
  color: #C719AD;
}

.my-order-list-items-body h6 {
  font-size: 14px;
  margin-bottom: 10px;
}

.my-order-list-items-body ul {
  list-style: decimal;
  padding-left: 1rem;
}

.my-order-list-items-body ul li {
  margin-bottom: 8px;
}


.my-order-list-items-body .order_Summar table td {
  font-size: 14px;
  font-weight: 500;
}

.my-order-list-items-body .order_Summar table tr:last-child,
.my-order-list-items-body .order_Summar table tr:last-child td {
  border: none;
}

.del_address_card {
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  margin-bottom: 18px;
}

.del_address_card .address_card_header {
  padding: 15px;
  border: 1px solid #EFEFEF;
}

.del_address_card .address_card_body {
  padding: 15px;
}

.del_address_card .address_card_body p {
  font-size: 15px;
  margin-bottom: 8px;
}

.del_address_card .address_card_body ul li {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}

.del_address_card .address_card_body ul li .price_amt {
  font-weight: 600;
}

.del_address_card .address_card_body ul li.sub_total_amount {
  border-top: 1px dashed;
  border-top: 1px dashed #D2D2D2;
  padding-top: 14px;
}

.my-order-list-items.bgOne {
  background-color: #F7F7F7;
  border: 1px solid #EBEBEB;
  padding: 20px;
}

.order_list_card_header h4 {
  border-bottom: 1px dashed #D4D4D4;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.order_list_card {
  background-color: #FFFFFF;
  border: 1px solid #EFEFEF;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 10px;
}

.order_list_card .order_list_card_body {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

/* style.css */
.gallery {
  padding-bottom: 30px;
}

.gallery_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  /* max-width: 800px; */
}

.arrow {
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 1.5em;
  /* cursor: pointer;
  padding: 10px;
  width: 60px;
  height: 45px; */
  padding: 2px;
  width: 45px;
  width: 95px;
  height: 30px;
  flex: 0 0 3%;
}

.fruits {
  display: flex;
  /* justify-content: center; */
  gap: 20px;
  overflow: hidden;
  flex-grow: 1;
  margin-inline: 10px;
  gap: 18px;
}

.fruits .fruit {
  flex: 0 0 25px;
}

.fruit img {
  width: 80px;
  height: 60px;
  /* border-radius: 50%; */
}

.fruit p {
  margin: 5px 0 0;
  font-weight: bold;
}

.selected p {
  border-bottom: 2px solid #D40000;
  padding-bottom: 4px;
  color: #D40000;
}

.fillter_option {
  border: 1px solid #034ea2;
  border-radius: 2px;
  padding: 15px;
  background-color: #f5f5f5;
  margin-bottom: 25px;
}

.fillter_option h4 {
  color: #034ea2;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
}

.fillter_option h4 span {
  color: #FFF;
  font-weight: 500;
  font-size: 12px;
  background-color: #034ea2;
  padding: 5px 8px;
  border-radius: 5px;
}

.fillter_option .brand_option {
  margin-block: 10px;
  padding-block: 10px;
}

.fillter_option .brand_option.active {
  background: #F7F7F7;
  border-radius: 8px;
}

.fillter_option .brand_option h5 {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 8px;

}


.fillter_option .brand_option .btn_brand {
  border: 1px solid #808080;
  color: #0A0A0A;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  padding: 5px 15px;
  background-color: #ffffff;
  margin: 5px 1px;
  width: 80%;
}

.fillter_option .brand_option .btn_brand:hover,
.fillter_option .brand_option .btn_brand.active {
  background-color: #034ea2;
  color: #FFF;
  border-color: transparent;
}



.contact-2 {
  padding: 50px 0;
}

.contact-2 .main-title h2 {
  font-style: normal;
  font-size: 35px;
  font-weight: 700;

  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

.contact-2 .main-title p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;

  margin-bottom: 30px;
  text-transform: capitalize;
  text-align: center;
  color: #6b7280;
}

.contact-2 .form-widget {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contact-2 .form-widget .form-img img {
  width: 100%;
}

.contact-2 .form-widget .form-group {
  margin-bottom: 16px;
  padding: 0px 12px;
}

.contact-2 .form-widget .form-control {
  border-radius: 5px;
}

.contact-2 .form-widget label {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;

  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #555;
  margin-bottom: 10px;
}

.contact-2 .form-widget #inlineRadio {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.8px;
  color: #333;
  text-transform: capitalize;
}

.contact-2 .form-widget .btn-style {
  background-color: #10a953;

  color: #fff;
  width: 200px;
  padding: 10px;
}

.contact-2 .form-widget .btn-style:hover {
  color: #efefef;
}

.blog-1 {
  position: relative;
  display: block;
  padding: 50px 0;
}

.blog-1 .section-title .section-sub-title {
  margin-left: 0;
}

.blog-1 .section-title .section-sub-title span {
  font-size: 16px;
  color: #16243d;
  font-weight: 400;

  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 3px;
}

.blog-1 .section-title .section-sub-title i {
  background: linear-gradient(99deg, #088525, #26d74f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 10px;
}

.blog-1 .section-title .section-main-title {
  color: #16243d;
  font-size: 32px;
  font-weight: 700;
  margin-block: 12px 30px;
}

.blog-1 .blog-1-single {
  margin-bottom: 20px;

}

.blog-1 .blog-1-single .blog-1-img {
  position: relative;
  display: block;
  border-top-left-radius: 5%;
  border-top-right-radius: 5%;
}

.blog-1 .blog-1-single .blog-1-img img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

.blog-1 .blog-1-single .blog-1-content {
  position: relative;
  display: block;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #e0e4e8;
  background-color: #ffffff;
  letter-spacing: -0.02em;
  border-top: 0;
  padding: 33px 40px 40px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.blog-1 .blog-1-single .blog-1-content .blog-1-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 23px;
  height: 100px;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-title a {
  color: #16243d;
  text-decoration: none;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-title a :hover {
  color: #034ea2;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-client {
  position: relative;
  display: flex;
  align-items: center;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-client-img img {
  border: 2px solid #000;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  object-fit: cover;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-client-content {
  margin-left: 15px;
}

.blog-1 .blog-1-single .blog-1-content .blog-1-client-content h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;

}

.blog-1 .blog-1-single .blog-1-content .blog-1-client-content span {
  font-size: 14px;
  color: #034ea2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}


.privacy_text {
  padding: 35px 0px;
}

.privacy_text h2 {
  font-size: 22px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
}

.privacy_text h5 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

.privacy_text p,
.privacy_text ul li {
  font-size: 14px;
  color: #555555;
  font-weight: 400;
  margin: 12px 0px;
}

.privacy_text ul {
  list-style: decimal;
}

.purchase_page,
.about_us {
  padding: 50px 0px;
}

.purchase_page .purchase_page_header {
  margin-bottom: 30px;
}

.purchase_page .purchase_page_header h2 {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
}

.purchase_page .purchase_page_header p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}


/* Wishlist */
.wish_list_card {
  border: 1px solid #eee;
  border-radius: 5px;
  overflow-y: auto;
}

.wish_list_card .wish_list_header {
  min-width: 700px;
  padding: 30px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wish_list_card .wish_list_header h4 {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #777;
}

.wish_list_card .wish_list_header .shop_btn {
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 14px 30px;
  display: inline-block;
  border-radius: 50px;
  background-color: #034ea2;
}

.wish_list_card .wish_list_table {
  padding: 20px;
}

.wish_list_card .wish_list_table .table thead tr th {
  color: #4b5966;
  font-size: 16px;
  font-weight: bolder;
  line-height: 1.4;
}

.wish_list_card .wish_list_table .table tbody .wish_img {
  width: 58px;
  height: 58px;
}

.wish_list_card .wish_list_table .table tbody tr td span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  padding: 14px 0 !important;
  display: flex;
  color: #777;
}

.wish_list_card .wish_list_table .table tbody tr td span.avl {
  color: #034ea2;
}

.wish_list_card .wish_list_table .table tbody tr td span.out {
  color: #e9abab;
}

.wish_list_card .wish_list_table .table tbody tr td .cart_btn,
.wish_list_card .wish_list_table .table tbody tr td .remove_btn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wish_list_card .wish_list_table .table tbody tr td .btn.cart_btn {
  transition: all 0.3s ease-in-out;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  background-color: #034ea2;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.wish_list_card .wish_list_table .table tbody tr td .btn.remove_btn {
  transition: all 0.3s ease-in-out;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  background-color: #d64c4c;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
}

.wish_list_card .wish_list_table .table tbody tr td .btn-warning {
  height: 30px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
}

.wish_list_card .wish_list_table .table tbody tr td .btn-sm {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}


.about_des {
  background-color: #034ea2;
  padding: 20px;
  border-radius: 15px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
}


.empty_cart_card {
  background-color: #FFF;
  padding: 25px;
  margin-bottom: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 15px;
}

.empty_cart_card .cart_card_img img {
  width: 120px;
  margin-bottom: 20px;
}

.empty_cart_card .cart_card_text p {
  color: #808080;
}

.empty_cart_card .cart_card_text .btn_cart {
  background-color: #034ea2;
  color: #FFF;
  font-size: 12px;
  margin-top: 20px;
}

form.increaseDecreaseValue {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.increaseDecreaseValue .value-button {
  display: inline-block;
  border: 1px solid #232323;
  margin: 0px;
  width: 40px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  padding: 5px 0;
  background-color: #232323;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFFF;
  font-size: 18px;
}

.increaseDecreaseValue .value-button:hover {
  cursor: pointer;
}

form.increaseDecreaseValue .decrease {
  margin-right: -2px;
  border-radius: 6px 0px 0px 6px;
}

form.increaseDecreaseValue .Increase {
  margin-left: -4px;
  border-radius: 0px 6px 6px 0px;
}

form.increaseDecreaseValue #input-wrap {
  margin: 0px;
  padding: 0px;
}

.increaseDecreaseValue input.number {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 95px;
  height: 35px;
  color: #000;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.section-left .left-section {
  height: calc(100vh - 151px);
  left: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: sticky;
  top: 151px;
  width: 260px;
}

.section-left ul li {
  position: relative;
  padding: 12px;
  /* display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center; */
  gap: 12px;
  background-color: #ffffff;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}

.section-left ul li:hover,
.section-left ul li.active {
  background-color: #f2f2ff;
}

.section-left ul li.active {
  border-left: 4px solid #034ea2;
}

.section-left ul li:hover a .product_img {
  background-color: #FFF;
}

.section-left ul li a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 12px;
}

.section-left ul li a .product_img {
  height: 55px;
  width: 55px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #f8f8f8;
}

.section-left ul li a .product_img img {
  position: relative;
  width: 100%;
  transform: scale(0.95);
}

.section-left ul li a span {
  font-size: 14px;
  font-weight: 500;
}


@media only screen and (max-width: 600px) {
  .section-left ul li a {
    flex-direction: column;
  }

  .section-left .left-section {
    width: 100px;
  }

  .check_out_address .check_out_address_list .address_card {
    flex: 0 0 100% !important;
  }
}

.scrollbar-custom::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 100px
}

.scrollbar-custom::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09)
}

.scrollbar-custom::-webkit-scrollbar-thumb:vertical {
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0);
  min-height: 10px
}

.scrollbar-custom::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0, 0, 0, 0.61);
  -webkit-border-radius: 100px
}

.check_out_address {
  width: 100%;
  padding-bottom: 20px;
}

.btn_new {
  border: 1px solid #034ea2;
  color: #034ea2;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 8px;
}

.btn_new:hover,
.btn_new.active {
  background-color: #034ea2;
  color: #fff;
}

.check_out_address .check_out_address_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  overflow-x: scroll;
}

.check_out_address .check_out_address_list .address_card.active {
  border: 1px solid #034ea2;
  content: "✔";
  /* Unicode checkmark */
  color: green;
  margin-left: 5px;
  font-weight: bold;
}

.check_out_address .check_out_address_list .address_card {
  flex: 0 0 50%;
  display: flex;
  align-items: baseline;
  border: 1px solid #E1E1E1;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}

.check_out_address .check_out_address_list .address_card .form-check {
  position: absolute;
  right: 8px;
}

.check_out_address .check_out_address_list .address_card .address_card_icons {
  flex: 0 0 10%;
  color: #034ea2;
  font-size: 14px;
}

.check_out_address .check_out_address_list .address_card .address_card_text h4 {
  color: #034ea2;
  font-size: 16px;
}

.check_out_address .check_out_address_list .address_card .address_card_text p {
  color: #3C3C3C;
  font-size: 13px;
  font-weight: 500;
}

.check_out_address .check_out_address_list .address_card .address_card_text .btn_Deliver {
  background: #034ea2;
  color: #FFF;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  margin-top: 15px;
}

.input-group .form-control {
  border: 1px solid #E2E2E2;
  border-radius: 8px;
}

.map_card_text {
  box-shadow: 0px -3px 21px 0px #0000001A;
  background: #FFFFFF;
  padding: 18px;
  border-radius: 25px 25px 0px 15px;
  position: absolute;
  bottom: 0;
}

.map_card_text p {
  color: #3C3C3C;
  font-size: 14px;
}

.btn_contine {
  background: #034ea2;
  color: #FFF;
  margin-top: 10px;
  border-radius: 15px;
}

.address_form_wrap {
  padding-block: 25px;
  padding-inline: 10px;
}

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

.address_form_wrap ul {
  display: flex;
  gap: 8px;
  align-items: baseline;
}

.address_form_wrap ul li a.btn_new {
  font-size: 12px;
}

/* .address_form_wrap ul li a.active { */
/* background-color: #00ff5d; */
/* } */

.btn_loaction {
  /* padding-inline: 20px; */
  text-align: start;
  padding-inline: 10px;
  font-size: 15px;
  font-weight: 500;
}

.faded {
  opacity: 0.5;
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.out_of_stock {
  position: absolute;
  top: 42%;
  left: 26%;
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 8px 0px 8px 0px;

}

.out_of_stock_one {
  position: absolute;
  bottom: 0;
  left: 30%;
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 8px 8px 0px 0px;
  z-index: 99999;
}

.rupees_font {
  font-family: sans-serif;
  font-style: normal;
}

/* Search input field */


.btn-search i {
  font-size: 16px;
}

.btn-search:hover {
  background-color: #ff7f00;
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: hidden;
  border: 1px solid #f3f3f3 !important;
  border-radius: 4px;
  background-color: #fff !important;
  position: absolute;
  z-index: 9999;
  width: 42% !important;
  box-sizing: border-box;
  margin-top: 5px;
}

/* .ui-menu .ui-menu-item {
  padding: 5px 20px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
} */

.ui-menu .ui-menu-item {
  padding: 5px 20px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
}

.ui-menu .ui-menu-item::before {
  content: '\f002';
  /* Font Awesome Unicode for search icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  /* For solid icons */
  display: inline-block;
  margin-right: 10px;
  /* Space between icon and text */
}

.ui-menu .ui-menu-item:hover {
  background-color: #f5f5f5;
}

.ui-menu .ui-menu-item .icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.ui-menu .ui-state-focus {
  background-color: #f0e5a2;
}

.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper {
  width: 100%;
  background-color: transparent;
  color: #232323;
  border-color: transparent;
}


.login_text {
  text-align: center;
  margin-top: 25px;
  font-size: 14px;
  border-bottom: 1px dashed #000000;
  width: fit-content;
  margin-inline: auto;
}


.navbar-toggler {
  display: none;
}

.current_location {
  display: flex;
  justify-content: space-between;
  align-items: anchor-center;
  margin-bottom: 15px;
}

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

.current_location .current_location_wrap i {
  color: #034ea2;
  font-size: 18px;
  margin-inline: 10px;
}

.current_location .current_location_wrap .location_text h5 {
  margin-bottom: 0;
  font-weight: 600;
  color: #034ea2;
}

.current_location .current_location_wrap .location_text p {
  color: #858585;
  font-size: 14px;
}

.current_location .btn_loaction {
  background: #034ea2;
  color: #FFF;
}


.new_product {
  padding-block: 90px 50px;
}

.new_product_card {
  border: 2px dashed #008599;
  padding: 15px 30px;
  position: relative;
  background-color: #E8FCFF;
  border-radius: 40px;
}

.new_product_card .new_product_text h4 {
  color: #008599;
}

.new_product_card .new_product_text p {
  font-size: 15px;
}

.new_product_card .new_product_img {
  /* position: absolute;
  bottom: 0;
  right: 0; */
  width: 100px;
  height: 195px;
}

.new_product_card .new_product_img img {
  width: 100%;
  height: 100%;
}

.scrolling-text {
  background-color: #8669AC;
  color: #FFF;
  font-size: 22px;
  padding: 3px 10px;
  font-weight: 400;
  color: #FFD151;
  overflow: hidden;
  width: 100%;
}

.scrolling-text span {
  display: inline-block;
  color: #FFF;
  padding-inline: 20px;
  animation: scrollText 10s linear infinite;
}


.about-us {
  background: url(../images/about-us-bg.png);
  padding-block: 50px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.about-us p {
  font-size: 15px;
  margin-bottom: 16px;
}


.testimonial-3 {
  padding-block: 50px;
}

.testimonial-3 .title h1 {
  font-size: 35px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

#testimonialContainer {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-block: 55px;
}

#testimonialContainer::-webkit-scrollbar {
  display: none;
}


.testimonial-3 .list-wrap {
  min-width: 32%;
  max-width: 32%;
  border: 1px solid transparent;
  text-align: center;
  padding: 35px 55px;
  margin-bottom: 10px;
  background-color: #F8F8F8;
  border-radius: 20px;
  position: relative;
}


.testimonial-3 .list-wrap-text {
  margin-top: 25px;
}


.testimonial-3 .list-wrap .list-wrap-img {
  position: absolute;
  top: -45px;
  left: 40%;
  background-color: #F8F8F8;
  border-radius: 50%;
}

.testimonial-3 .list-wrap .list-wrap-img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  cursor: pointer;
}

.testimonial-3 .list-wrap-text p {
  text-align: center;
  color: #6b7280;
  word-wrap: break-word;
  text-wrap: auto;
}

.testimonial-3 .list-wrap-text h2 {
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.testimonial-3 .list-wrap-text span i {
  color: #FDC904;
  margin-top: 25px;
}


.contact_bg {
  background: #F3EAFF;
  padding: 35px;
  border-radius: 20px;
}

.contact_bg .contact_us_wrap h6 {
  font-style: italic;
  border-left: 2px solid #000;
  padding-left: 10px;
}

.contact_bg .contact_us_wrap h1 {
  font-weight: 400;
  line-height: 1.6;
}

/* .contact_bg .contact_form h4 {
  border-left: 2px solid #8A30FF;
  padding-left: 10px;
  margin-bottom: 20px;
} */

.contact_bg .contact_form .form-label {
  margin-bottom: 2px;
  font-weight: 500;
}

.contact_bg .contact_form .form-group {
  margin-bottom: 10px;
}

.contact_bg .contact_form .form-control {
  border: 1px solid #E7E7E7;
  border-radius: 10px;
}


.contact_bg .contact_form .btn-contact {
  color: #FFF;
  font-weight: 500;
  border: 1px solid #034ea2;
  background: #034ea2;
  margin-top: 10px;
}

.list_wrap h6 {
  font-weight: 500;
  margin-bottom: 5px;
}

.list_wrap p {
  margin-left: 15px;
}

.container.border {
  border: 1px solid #E0E0E0 !important;
  justify-content: center;
  padding-block: 30px;
  border-radius: 30px;
}


.container.bg1 {
  background-color: #FFFAE7;
  padding: 60px;
  border-radius: 50px;
}

.container.bg1 .steps {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  max-width: 100%;
  margin: auto;
  position: relative;
}

.container.bg1 .steps::before {
  content: "";
  position: absolute;
  top: 20px;
  top: 20%;
  left: 10%;
  width: 80%;
  height: 1px;
  background-color: #e5b94b;
  z-index: 0;
}

.container.bg1 .step {
  width: 22%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.container.bg1 .step .circle {
  width: 100px;
  height: 100px;
  background-color: #f4c542;
  color: black;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 16px;
  border-radius: 50%;
}

.container.bg1 .step h4 {
  margin-top: 25px;
}

.container.bg1 .step p {
  font-size: 14px;
  color: #555;
}


.rating-container {
  display: flex;
  justify-content: center;
  max-width: 45vw;
  background: white;
  padding: 20px;
  border-radius: 10px;
  margin-inline: auto;
}

.overall-rating {
  width: 40%;
  text-align: left;
  padding-right: 20px;
  border-right: 2px solid #ddd;
}

.rating-number {
  font-size: 2.5rem;
  font-weight: bold;
}

.stars {
  color: #FDC904;
  font-size: 28px;
  margin-left: 12px;
}

.reviews {
  font-size: 0.9rem;
  color: #A4A4A4;
}

.rating-breakdown {
  width: 60%;
  padding-left: 20px;
}

.rating-row {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.rating-row span {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 600;
}

.bar-container {
  flex-grow: 1;
  height: 8px;
  border-radius: 5px;
  position: relative;
}

.bar {
  height: 100%;
  background: gold;
  border-radius: 5px;
}

.count {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
}

.btn_review {
  background-color: #202020;
  color: #FFF;
  width: 200px;
  margin-block: 25px;
}

.btn_review:hover {
  color: #FFF;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}

.rating input {
  display: none;
}

.rating label {
  font-size: 30px;
  margin-inline: 10px;
  color: gray;
  cursor: pointer;
}

.rating input:checked~label {
  color: gold;
}


.Product_details .list-wrap {
  border: 1px solid #F8F8F8;
  background-color: #F8F8F8;
  text-align: center;
  padding: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 24px;
}

.Product_details .list-wrap .list-wrap-img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border: 2px solid #e5e7eb;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 20px;
}

.Product_details .list-wrap-text p {
  line-height: 1.7;
  font-weight: 500;
  font-size: 14px;
  margin: 20px 0px 0px 0px;
  text-transform: capitalize;
  text-align: center;
  color: #6b7280;
}


.Product_details .list-wrap .list-wrap-name h2 {
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  margin-bottom: 20px;
}

.Product_details .list-wrap .list-wrap-name i {
  color: #FDC904;
  font-size: 14px;
}

.accordion {
  /* padding-bottom: 50px; */
}

.accordion .accordion_body .accordion_wrap {
  margin: 10px 0px;
  text-decoration: none;
  border-bottom: 1px solid #033477;
  border-bottom: 1px solid #E7E7E7;
  width: 100%;
  border-radius: 0px;
}

.accordion .accordion_body .accordion_wrap h5 {
  font-size: 20px;
  font-weight: 600;
  padding: 15px;
  color: #1e232c;
  display: flex;
  margin: 0;
  align-items: anchor-center;
  justify-content: space-between;
}

.accordion .accordion_body .accordion_wrap:last-child {
  border: none;
}

.accordion .accordion_body .accordion_wrap h5[aria-expanded="true"] i {
  transform: rotate(-180deg);
}

.accordion .accordion_body .accordion_wrap .accordion_text {
  padding: 0px 35px 10px;
}

.accordion .accordion_body .accordion_wrap .accordion_text p {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.accordion .accordion_body .accordion_wrap .accordion_text .benefits_card {
  margin-bottom: 20px;
}

.accordion .accordion_body .accordion_wrap .accordion_text .benefits_card h4 {
  font-size: 16px;
  font-weight: 500;
}

/* .accordion .accordion_body .accordion_wrap .accordion_text .benefits_card p {
  display: flex;
  align-items: baseline;
} */

.accordion .accordion_body .accordion_wrap .accordion_text .benefits_card p i {
  font-size: 6px;
}

.accordion .accordion_body .accordion_wrap .accordion_text ul {
  list-style: disc;
  padding-left: 0rem;
}

.accordion .accordion_body .accordion_wrap .accordion_text ul li {
  margin-bottom: 8px;
}

.benefits {
  background-color: #f3e2ee;
  padding-block: 25px;
  text-align: center;
}

.benefits .benefits_card {
  padding: 12px;
}

.benefits .benefits_card h5 {
  font-weight: 600;
}

.contact_form.formBg {
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
}

.contact_form h4 {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

.contact_form p {
  text-align: center;
}

.contact_form .form-group {
  margin-bottom: 15px;
}


.contact_form .form-label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.contact_form .form-control {
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  background-color: #ffffff;
}

.contact_form .btn_submit {
  background-color: #034EA2;
  color: #FFF;
  width: 100%;
  text-align: center;
  margin: 10px 0px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
}

.contact_form .btn_deleted {
  background-color: #d9534f;
  color: white;
  width: 100%;
  text-align: center;
  margin-block: 10px 0px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
}

.contact_details {
  padding: 55px 0px;
}


.contact_details .contact_card {
  padding: 25px 30px;
  text-align: center;
  margin-bottom: 10px;
  background-color: #f2f2ff;
  border-radius: 20px;
}

.contact_details .contact_card .contact_card_icons {
  margin-top: -60px;
  margin-bottom: 25px;
}

.contact_details .contact_card .contact_card_icons i {
  width: 75px;
  height: 75px;
  background-color: #034EA2;
  line-height: 75px;
  border-radius: 50%;
  color: #FFF;
  font-size: 35px;
}

.contact_details .contact_card h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0px;
}

.contact_details .contact_card p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #848484;
  height: 40px;
  word-wrap: break-word;
}

.contact_details .contact_card p a {
  color: #848484;
  text-decoration: none;
}

.video-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.video-container img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.play-button {
  font-size: 24px;
  color: white;
  cursor: pointer;
}


/*  */
.marquee-section {
  position: relative;
  padding: 0 0 70px;
}

@media (max-width: 767.98px) {
  .marquee-section {
    padding: 0 0 70px;
  }
}

.marquee {
  position: relative;
  --duration: 50s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  gap: var(--gap);
  background-color: #8669ac;
  padding-block: 10px;
}

.marquee .marquee-group {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll var(--duration) linear infinite;
  animation: scroll var(--duration) linear infinite;
}

.marquee .text {
  position: relative;
  font-size: 18px;
  font-weight: 100;
  padding-left: 60px;
  margin-left: 70px;
  color: #FFF;
  font-family: 'Geologica-Regular', sans-serif;
}


.marquee .text:after {
  background-color: #ffd151;
  border-radius: 10px;
  content: "";
  position: absolute;
  left: 0;
  top: calc(30% - 0px);
  height: 15px;
  width: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}




@media (prefers-reduced-motion: reduce) {
  .marquee .marquee-group {
    -webkit-animation-play-state: play;
    animation-play-state: play;
  }
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.marquee.slide-right {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.marquee.slide-right .text {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.marquee:hover .marquee-group {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  cursor: pointer;
}

.product_details_image {
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
}

#thumbnails {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}

#thumbnails::-webkit-scrollbar {
  height: 6px;
}

#thumbnails::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 3px;
}

.product_details_image ul li {
  flex: 0 0 auto;
  max-width: 75px;
  max-height: 75px;
}

.about_us_wrap {
  padding: 20px;
}

.about_us_wrap .about_us_img {
  background-color: #00B20712;
  width: 80px;
  height: 80px;
  margin-inline: auto;
  margin-bottom: 20px;
  border-radius: 50%;
  line-height: 78px;
}

.about_us_wrap .about_us_img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}


.promise_wrap {
  display: flex;
  align-items: anchor-center;
  padding: 15px;
}

.promise_wrap img {
  width: 95px;
  margin-right: 25px;
}

.total_card_wrap .couponCodesInput .form-control {
  border: 1px solid #E2E2E2;
  height: 40px;
  background-color: #F4F4F4;
  border-radius: 6px;
  font-weight: 500;
}

.total_card_wrap .couponCodesInput .btn-apply {
  height: 40px;
  border-radius: 6px;
  background-color: #000;
  border: 1px solid #000;
  color: #FFF;
}


.total_card_wrap .couponCodesInput .btn-apply:hover {
  background-color: transparent;
  color: #000;
}


.btn_continue:hover,
.btn_pay:hover {
  color: #FFF;
}

.total_card_wrap.coupon {
  background-color: #FFF3FD;
  border: 1px solid #FFBBF5;
}

.total_card_wrap.coupon .col-form-label {
  color: #034ea2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.total_card_wrap.coupon .form-control {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #F5F5F5;
}

.total_card_wrap.coupon .btn-apply {
  background-color: #034ea2;
  border-color: #034ea2;
  padding: 4px 20px;
}