/* colors */
/* .becks_color {
  color: #5D9D96;
}

.becks_dark {
  color: #507B72;
}

.becks_base {
  color: #8FCBC4;
}

.becks_secondary {
  color: #A3D6CE;
}

.becks_light {
  color: #C1E3DE;
} */


* {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}

.main_navbar {
  /* position: sticky;
  top: -3.3rem; */
  background-color: white;
  z-index: 5;
}

.top_navbar {
  /* background-color: #8FCBC4; */
  /* background-color: #ffffff; */
  /* background-color: #F7C9C6; */
  background: linear-gradient(#1A0A1F, #841D4C, #6E1487);
  padding: .4rem;
  /* color: white; */
  /* color: #2c2c2c; */
  color: #fff;
  /* font-weight: bold; */
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  position: relative;
  width: 100%;
  /* border-bottom: 2px solid #2c2c2c; */
  /* border-bottom: 2px solid #ff0000; */
  font-weight: bolder;
}

.top_navbar a {
  text-decoration: none;
  color: white;
}

/* Styling for the container and top navbar slider */

.topbar_slider {
  display: flex;
  overflow: hidden;
  width: 100%;
  background: #fdf2e9;
  white-space: nowrap;
  position: relative;
}

.topbar_slide_container {
  display: flex;
  width: max-content;
  animation: slideGroup 15s linear infinite;
  position: relative;
}

/* Seamless Scrolling */
@keyframes slideGroup {
  from {
    transform: translateX(0);
    /* Start where text is already visible */
  }

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

.topbar_slide_text {
  margin: 0 40px;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
}


/* top navbar Section End */

.nav_social_links {
  position: absolute;
  right: 1rem;
  display: flex;
  gap: .5rem;
  font-size: 1.4rem;
}


.middle_navbar {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 1rem 2rem 1rem 2rem; */
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}



.nav_logo img {
  width: 10rem;
}

@media (max-width: 370px) {
  .nav_logo img {
    margin-left: -3rem;
  }
}

.middle_nav_items {
  display: flex;
  justify-content: space-between;
  /* justify-content: end; */
  align-items: center;
  /* position: absolute; */
  width: 100%;
  padding: 0 2.5rem 0 2.5rem;
  font-size: 1.5rem;
  /* background-color: red; */

}

.nabvar_menubar {
  position: fixed;
  top: 0;
  left: 0;
  /* background-color: red; */
  /* background-color: white; */
  background-color: #e1abf0;
  width: 20rem;
  height: 100vh;
  z-index: 10;
  display: none;
  padding: 1rem;
}

.nabvar_menubar a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

.navbar_logout_btn button {
  border: 0;
  /* display: none; */
  background-color: rgb(255, 0, 0);
  color: white;
  padding:  10px;
  border-radius: 5px;
  /* margin-top: 2rem; */
}


.middle_nav_items .bxs-heart {
  /* color: #2c2c2c; */
  color: #6E1487;

}

.middle_nav_items .bxs-user {
  /* color: #2c2c2c; */
  color: #6E1487;
}

.middle_nav_items .bxs-shopping-bag {
  /* color: #2c2c2c; */
  color: #6E1487;
}

/* nav search */
.nav_search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1;
}

.nav_search_inp {
  width: fit-content;
  border: 1px solid #5d9d9691;
  z-index: 1;
  background-color: white;
}

.nav_search_inp:hover {
  box-shadow: rgba(39, 183, 163, 0.16) 0px 1px 2px, rgba(52, 159, 134, 0.315) 0px 0px 0px 1.5px;
}

.nav_search_inp input {
  padding: .5rem 1rem;
  background-color: transparent;
  border: 0;
  width: 30rem;
}

.nav_search_inp input:focus {
  outline: none;
}

.nav_search_inp button {
  border: 0;
  background: transparent;
  padding: .5rem;
}

.nav_search_close {
  border: 0;
  padding: .5rem;
  background: transparent;
}

@media (min-width: 320px) and (max-width: 991px) {
  .main_navbar {
    position: sticky;
    top: 0;
  }

  .top_navbar span {
    font-size: .6rem;
  }

  .top_navbar img {
    width: .9rem;
  }

  .nav_social_links {
    display: none;
  }

  .nav_logo img {
    width: 6rem;
  }

  .middle_nav_items {
    justify-content: space-between;
    padding: 0 1rem 0 1rem;
    font-size: 1.25rem;
    gap: .5rem;
  }

  .nav_search_inp input {
    width: 15rem;
  }
}

/* .third_nav {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
} */

/* .third_nav {
  border-bottom: 2px solid #2c2c2c;
} */

.third_nav a {
  text-decoration: none;
  /* color: #5D9D96; */
  color: #2c2c2c;
  font-weight: bold;
}

/* .third_nav a:hover {
  color: #2e5f59;
} */

.nav_items_ul li {
  padding: .4rem 0;
  display: flex;
  align-items: center;
}

.nav_items .nav_up_arrow {
  display: none;
}

.nav_items:hover .nav_down_arrow {
  display: none;
}

.nav_items:hover .nav_up_arrow {
  display: block;
}

.nav_items {
  position: relative;
}

.nav_items span {
  /* color: #5D9D96; */
  color: #2c2c2c;

  font-weight: bold;
}

/* .nav_items span:hover {
  color: #2e5f59;
} */

.nav_menu_btn {
  position: absolute;
  top: -3.5rem;
}

.nav_items_page {
  position: absolute;
  background-color: white;
  padding: 1rem;
  top: 2rem;
  display: none;
  width: 10rem;
  z-index: 1;
}

.nav_items:hover .nav_items_page {
  display: block;
}

/* Navbar End */

.home_banner img {
  width: 100%;
}


/* Section 2 */
.section_2 {
  text-align: center;
  /* color: red; */
  font-weight: bold;
  padding: 1rem;
  /* font-family: ; */
  /* background-image: linear-gradient(#fff, #007E7E); */
  margin-left: 2rem;
  /* margin-right: 2rem; */
  /* background-image: linear-gradient(#fff, #A47551); */
  /* height: 100%; */
  background-color: rgb(157, 181, 104);
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  height: fit-content;
  /* margin-top: 5rem; */
  padding-top: 2rem;
  padding-bottom: 2rem;

}

.section_2 p {
  /* font-size: 2rem; */
  font-size: 1.4rem;
  /* margin: 1rem; */
  /* margin-right: 1rem; */
  /* margin-left: 1rem; */
  font-weight: bolder;
}

/* .section_2 span{ */
/* margin-right: 1rem; */
/* margin-left: 1rem; */
/* } */

/* Section 2 End */

.section_2_1 {
  /* background-image: linear-gradient(#fff, #007E7E); */
  /* background-image: linear-gradient(#fff, #A47551); */
  padding-bottom: 2rem;

  background-image: url('../../assets/image-src/section_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;

}

.section_2_1_left p {
  /* color: white; */
  /* font-weight: bold; */
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
  text-transform: uppercase;
  font-family: "Gidole", sans-serif;
  color: white;

}

.section_2_1_left img {
  /* border: 1px solid black; */
  padding-left: 0;
  padding-right: 0;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: center;
  margin-top: 0;
  align-items: center;
  margin-bottom: 0;
  box-shadow: border-box;
  margin-left: 0;
  margin-right: 0;
  border-radius: 1rem;
}


/* .section_2_1_left button { */
/* border-radius: 1rem; */
/* border-radius: 2rem; */
/* border: 2px solid rgb(95, 41, 41); */
/* padding: .5rem 1rem; */
/* background-color: white; */
/* font-weight: 900; */
/* text-shadow: 0px 0px 1px black; */
/* font-family: "Anton", sans-serif; */
/* font-family: "Archivo Black", sans-serif; */

/* margin-bottom: 2rem; */
/* color: rgb(82, 48, 48); */
/* transition: all .5s ease-in-out; */
/* border-bottom: 1rem solid black; */
/* } */


/* CSS */
.section_2_1_left button {
  background-color: #ffffff;
  border: 2px solid #A47551;
  border-radius: 30px;
  box-shadow: #A47551 4px 4px 0 0;
  color: #422800;
  cursor: pointer;
  /* display: inline-block; */
  font-weight: 600;
  font-size: 18px;
  font-family: "Archivo Black", sans-serif;

  padding: 0 10px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  /* user-select: none; */
  /* -webkit-user-select: none; */
  /* touch-action: manipulation; */
}

.section_2_1_left button:hover {
  /* background-color: #fff; */
  box-shadow: #42280000 0px 0px 0 0;
  /* transform: scale(2px, 2px); */
  transform: translate(2px, 2px);


}

.section_2_1_left button :active {
  box-shadow: #422800 2px 2px 0 0;
  /* transform: translate(2px, 2px); */
}


/* Why choose becks */
.home_why_choose {
  display: flex;
  flex-wrap: wrap;
  gap: 5.5rem;
  justify-content: center;
}

.home_why_choose img {
  width: 10rem;
}

.home_why_choose div {
  transition: all .3s;
  width: 10rem;
}

.home_why_choose div:hover {
  transform: scale(1.1);
}

@media (min-width: 320px) and (max-width: 991px) {
  .home_why_choose {
    gap: 2rem;
  }

  .home_why_choose img {
    width: 5rem;
  }

  .home_why_choose div {
    width: 9rem;
  }
}


/* New Arrivals */

.bg_new {
  background-image: linear-gradient(#fff, #007E7E);

}

.new_arrivals {
  margin-top: 2rem;
}

.new_arrivals_heading {
  /* background-color: #8FCBC4; */
  /* background-color: #F7C9C6; */
  background: linear-gradient(#1A0A1F, #841D4C, #6E1487);
  /* color: white; */
  /* color: #2c2c2c; */
  color: #ffffff;
  /* font-weight: 500; */
  text-align: center;
  /* padding: 1rem; */
  font-size: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.new_arrivals_heading p {
  /* letter-spacing: .5rem; */
  position: relative;
}

@media (min-width: 320px) and (max-width: 991px) {
  .new_arrivals_heading {
    font-size: 1.5rem;
    padding: .5rem;
  }
}

/* Cards design */
.product_card {
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem;
}

.card_body {
  background-color: white;
  padding: .5rem;
  box-shadow: rgba(72, 72, 80, 0.051) 0px 7px 29px 0px;
  width: fit-content;
  position: relative;
  /* border: 1px solid black; */
}

.card_body a {
  width: 100%;
}

.card_product_image img {
  width: 14rem;
}

.card_back_img {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all .4s ease-in-out;
  text-align: center;
}

.card_body:hover .card_back_img {
  opacity: 1;
}

.product_sold {
  position: absolute;
  left: 1rem;
  top: 1rem;
  background-color: white;
  border-radius: .5rem;
  font-size: .7rem;
  padding: .4rem;
  font-weight: bold;
  z-index: 1;
}

.card_ribbon img {
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem;
  z-index: 1;
  /* display: none; */
}

.card_ribbon p {
  z-index: 2;
  transform: rotate(45.25deg);
  color: white;
  position: absolute;
  top: 1.4rem;
  /* bottom: 0; */
  right: .6rem;
  font-size: .8rem;
}

.card_product_detail {
  padding-left: .5rem;
  padding-top: .5rem;
}

.card_product_detail h3 {
  font-size: 1.2rem;
  font-family: "Roboto Mono", monospace;
}

.card_product_cut_cost {
  font-size: .9rem;
  opacity: .7;
}

.card_product_discount {
  font-size: .9rem;
  opacity: .7;
}

.product_card_rating {
  padding-top: .5rem;
}

.product_card_rating i {
  font-size: .7rem;
}

.card_body button {
  width: 100%;
  /* background-color: #8FCBC4; */
  background-color: #2c2c2c;
  border-radius: .3rem;
  color: white;
  font-weight: bold;
  padding: .5rem;
  margin-top: .5rem;
  transition: all .2s;
  border: 0;
}

.card_body button:hover {
  background-color: #484848;
}

@media (max-width: 330px) {
  .card_body {
    max-width: 8.5rem;
  }

  .card_product_image img {
    max-width: 8rem;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .product_card {
    padding: 0;
    gap: .5rem;
    margin-top: 1rem;
  }

  .card_body {
    width: 10rem;
    padding: .2rem;
  }

  .card_product_image img {
    width: 9rem;
  }

  .card_product_detail h3 {
    font-size: 1.1rem;
  }
}


/* Call to Action */
.call_to_action {
  margin-top: 3rem;
}

.call_to_action_right {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1.5rem;
}

.call_to_action button {
  color: white;
  background-color: #8FCBC4;
  border-radius: .8rem;
  border: 0;
  width: fit-content;
  padding: .5rem 3rem;
}

.call_to_action button:hover {
  transform: scale(1.01);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Product Features */
.product-features {
  margin-top: 0;
}


/* Section 3 */

.section_3_main {

  position: relative;
}

.section_3_main img {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  /* padding: 1rem; */
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.section_3_main_inner {
  position: absolute;
  /* top: 45%; */
  bottom: 2rem;
  /* background-color: red; */
  left: 45%;
}

.section_3_main_inner a {
  /* text-decoration: none; */
  color: white;
}

.section_3 {
  margin-top: 2rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  /* padding: 1rem; */
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-right: 1rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.section_3 p {
  font-size: 1.5rem;
  font-weight: bolder;
}

/* Section 3 End */


/* Shop by Categories */

.shop_by_categories {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 3rem;
}

.shop_by_categories a {
  text-decoration: none;
  color: #2c2c2c;
}

.category_card {
  width: 21rem;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.category_card:hover {
  width: 21rem;
}

.shop_by_ctgr_img {
  overflow: hidden;
}

.shop_by_categories img {
  transition: all .5s ease-in-out;

}

.category_card:hover .shop_by_ctgr_img img {
  transform: scale(1.05);
}


/* Instagram Section */

.instagram_posts {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  justify-content: center;
  margin-top: 4rem;
}

.instagram_posts img {
  height: 15rem;
  width: 15rem;
  overflow: hidden;
}

.instagram_img {
  position: relative;
  transition: all 1s;
  border-radius: 3px;
  overflow: hidden;
}

.instagram_img_inner {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.466);
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  color: white;
  flex-direction: column;
}

.instagram_img:hover .instagram_img_inner {
  display: flex;
}

.instagram_img_inner span {
  text-align: center;
}

@media (min-width: 320px) and (max-width: 991px) {
  .instagram_posts {
    margin-top: 2rem;
  }

  .instagram_posts {
    gap: .5rem;
  }

  .instagram_posts img {
    width: 6rem;
    height: 6rem;
  }

  .instagram_img_inner span {
    font-size: .7rem;
  }
}


/* Home Testimonial */

.home_testimonial {
  /* background-color: #23C060; */
  /* background-color: #F7C9C6; */
  background: linear-gradient(#1A0A1F, #841D4C, #6E1487);
  /* background: linear-gradient(red, blue) ; */
  padding-top: 5rem !important;
  padding-bottom: 3rem !important;
  /* border-top: 2px solid black; */
  /* border-bottom: 2px solid black; */
  margin-top: 0px !important;

}

.testimonial_slide {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  /* height: 100vh; */
  overflow: hidden;
  /* Hide overflow to prevent scrollbars */
}

.slider_body {
  display: flex;
  animation: slide 100s linear infinite;
  /* Continuous sliding animation */
  padding-bottom: 3rem;
}

.slider_body h3 {
  color: white;
}

.slider_body p {
  color: white;
}

.slide-content {
  /* background: rgb(244, 244, 244); */
  /* color: white; */
  color: black;
  padding: 20px;
  border-radius: 10px;
  width: 30rem;
  margin: 10px;
  opacity: 0.8;
  flex-shrink: 0;
  /* Prevents shrinking */
}

.slide-content img {
  width: 10rem;
  margin-right: 1rem;
  border: 2px solid black;
  border-radius: .7rem;

}

@keyframes slide {
  0% {
    transform: translateX(0);
    /* Start from initial position */
  }

  100% {
    transform: translateX(-100%);
    /* Move completely to the left */
  }
}

.home_testimonial_heading {
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  /* padding-top: 1.5rem; */
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.5rem;
  color: white;
}

.home_testimonial_heading h1 {
  font-weight: bolder;
  font-size: 3rem;
  color: white;
}

.testimonial_rating_star {
  font-size: .6rem;
  display: flex;
  margin-bottom: .4rem;
  /* gap: 1rem; */
}

.testimonial_rating_star i {
  color: white;
}

/* Home Testimonial End */


/* Footer */
.main_footer {
  /* background-color: #ffffff; */
  /* background-color: #8FCBC4; */
  background-color: #000000;
  /*margin-top: 5rem;*/
  padding-top: 1rem;
  /* color: white; */
  color: #c0c0c0;
  /* border-top: 2px solid red; */
}

.first_footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  padding-top: 2.5rem;
}

.first_footer h3 {
  padding-bottom: .8rem;
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
}

.first_footer h3::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.49);
  height: 1.8px;
  width: 50%;
  position: absolute;
  bottom: 0;
}

.footer_link_items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 2rem;
  padding-top: 1rem;
  gap: .2rem;
}

.footer_link_items span {
  font-size: .9rem;
}

/* .main_footer a { */
.footer_link_items a {
  text-decoration: none;
  /* color: white; */
  color: #c8c8c8;
}

.footer_logo {
  margin-top: 1rem;
}

.footer_logo img {
  width: 15rem;
}

/* .footer_link_items button {
  color: white;
  background-color: #507B72;
  border-radius: .3rem;
  border: 0;
  width: fit-content;
  padding: .5rem 3rem;
} */
.footer_link_items button {
  /* color: #2c2c2c; */
  /* background: transparent; */
  /* border: 1px solid #2c2c2c; */
  width: fit-content;
  padding: .5rem 3rem;
  transition: all .2s ease-in-out;
  background-color: #DF0000;
  border: 0;
  color: white;
  border-radius: .2rem;
}

.footer_link_items button:hover {
  /* transform: scale(1.01); */
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  /* background-color: rgba(255, 255, 255, 0.346); */
  /* border: 1px solid rgba(255, 255, 255, 0); */
  background-color: #dc4040;
  /* color: #2e5f59; */
}

.footer_link_items input {
  border: 0;
  padding: .5rem;
  /* border-radius: .3rem; */
  margin: 1rem 0;
  width: 80%;
}

.footer_link_items input:focus {
  outline: none;
}

.footer_social_links {
  display: flex;
  gap: 20px;
  /* justify-content: center; */
}

.footer_social_links_inner {
  background-color: white;
  padding: 7px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #000;
}

.footer_social_links_inner a {
  color: black;
  font-size: 20px;
}

.footer_pay_mode {
  display: flex;
  gap: .5rem;
  justify-content: center;
  padding-bottom: .5rem;
}

.footer_pay_mode img {
  width: 2.3rem;
}

.second_footer {
  padding: .5rem;
}

.footer_copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

@media (min-width: 320px) and (max-width: 991px) {
  .footer_subscribe {
    align-items: center;
  }
}


/* CONTACT US PAGE */
/* CONTACT US PAGE */
/* .contact_us_body{
  padding-top: 2rem;
  padding-bottom: 3rem;
} */


/* SHIPPING POLICY */
/* SHIPPING POLICY */
.becks_shipping_heading {
  padding: 2rem;
  font-weight: bold;
  font-size: 2rem;
  color: #507b728f;
}

.becks_shipping_text span {
  color: #507B72;
  font-weight: bold;
  line-height: 2rem;
}


/* PRODUCT DETAIL PAGE */
/* PRODUCT DETAIL PAGE */

/* product option img */
.product-detail-slide {
  position: sticky;
  top: 1rem;
}

.product_img_option {
  display: flex;
  justify-content: space-around;
  padding-top: 1rem;
}

.product_img_option img {
  width: 14%;
  border: 3px solid rgba(128, 128, 128, 0.201);
  border-radius: .3rem;
}


/* right side page */
.product_name {
  padding-top: 2.5rem;
}

.product_name h2 {
  font-weight: 400;
}

.product_sub_name {
  opacity: .7;
}

.product_review {
  padding-top: 1rem;
}

.product_offer {
  opacity: .7;
  display: flex;
  gap: 1.5rem;
  padding-top: 1.5rem;
}

.product_actual_cost {
  padding-top: .3rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.product_tax_heading {
  font-size: .8rem;
  padding-top: .5rem;
}

.product_tax_heading a {
  color: #507B72;
}

.product_quantity_body {
  padding-top: 1.5rem;
}

.product_quantity_body span {
  color: #507b72a8;
}

.product_quantity_inner {
  border: 1px solid #507b7284;
  width: fit-content;
}

.product_quantity button {
  font-size: 1.5rem;
}

.product_quantity button,
input {
  border: 0;
  padding: .3rem;
  width: 3rem;
  background-color: white;
  color: #507B72;
}

.product_quantity input:focus {
  outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
-moz-appearance: textfield;
} */
.product_add_cart {
  padding-top: .8rem;
  padding-bottom: .3rem;
}

.product_add_cart button,
.product_buy_btn button {
  border: 0;
  background-color: #7d0e5e;
  margin-top: .5rem;
  color: white;
  padding: .7rem;
  border-radius: .8rem;
  width: 70%;
  transition: all .2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.product_add_cart button:hover {
  transform: scale(1.01);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product_buy_btn button:hover {
  transform: scale(1.01);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product_description {
  padding-top: 2rem;
  opacity: .7;
  line-height: 1.8rem;
  color: #933f7c;
}

.product_q_and_a {
  padding-top: 1.7rem;
}

.product_q_and_a button {
  font-size: 1rem;
  display: flex;
  gap: 1rem;
  color: #5D9D96;
}

.product_q_and_a i {
  color: #5D9D96;
  font-size: 1.4rem;
}



/* review */
.product_review_wrapper {
  padding: 2rem;
  max-width: 576px;
  width: 100%;
  border-radius: .75rem;
  box-shadow: var(--shadow);
  text-align: center;
  display: none;
}

.product_review_wrapper h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.product_deatil_rating {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: .5rem;
  font-size: 2rem;
  color: #1d928495;
  margin-bottom: 2rem;
}

.product_deatil_rating .review_star {
  cursor: pointer;
}

.product_deatil_rating .review_star.active {
  opacity: 0;
  animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}

.product_review_done_page {
  padding: 1rem;
  display: none;
}

@keyframes animate {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.product_deatil_rating .review_star:hover {
  transform: scale(1.1);
}

.product_review_wrapper textarea {
  width: 90%;
  background: rgb(237, 236, 236);
  padding: 1rem;
  border-radius: .5rem;
  border: none;
  outline: none;
  margin-bottom: .5rem;
  border: 2px solid #507b725a;
}

.product_review_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.product_review_btn button {
  border: 0;
  padding: .5rem 1rem;
  color: white;
  background-color: #5D9D96;
  border-radius: .3rem;
  transition: all .3s;
}

.product_review_btn button:hover {
  background-color: #2e5f59;
  transform: scale(1.01);
}

.product_img_with_txt {
  background-color: #5D9D96;
  color: white;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
}

.product_img_with_txt img {
  height: 20rem;
}

.product_img_with_txt span {
  opacity: .9;
  font-weight: lighter;
  font-size: .9rem;
}

/* Client Review */
.product_rating_percentage {
  width: 6.5rem;
  height: .8rem;
  background-color: #e5e7e6;
}

.product_rating_percentage_inner {
  background-color: #1d9284;
  height: 100%;
  width: fit-content;
}

.write_review_btn {
  border: 0;
  width: 80%;
  padding: .5rem;
  background-color: #2e5f59;
  color: white;
  transition: all .1s ease-in-out;
}

.write_review_btn:hover {
  background-color: #2e5f59cc;
}

.client_review_detail {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.client_review_comment {
  color: #2e5f59;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /* border-bottom: 1px solid #507b7239; */
  opacity: .6;
}

/* Review end */



/* CART PAGE START */
.cart_page_title {
  margin-bottom: 5vh;
}

.cart_body_card {
  margin: auto;
  max-width: 950px;
  width: 90%;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 1rem;
  border: transparent;
  margin-top: 2rem;
}

@media(max-width:767px) {
  .cart_body_card {
    margin: 3vh auto;
  }
}

.cart_leftside {
  background-color: #fff;
  padding: 4vh 5vh;
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem;
}

@media(max-width:767px) {
  .cart_leftside {
    padding: 4vh;
    border-bottom-left-radius: unset;
    border-top-right-radius: 1rem;
  }
}

.cart_page_summary {
  background-color: #ddd;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 4vh;
  color: rgb(65, 65, 65);
}

@media(max-width:767px) {
  .cart_page_summary {
    border-top-right-radius: unset;
    border-bottom-left-radius: 1rem;
  }
}

.cart_page_summary .col-2 {
  padding: 0;
}

.cart_page_summary .col-10 {
  padding: 0;
}

.cart_page_title b {
  font-size: 1.5rem;
}

.cart_main_items {
  margin: 0;
  padding: 2vh 0;
}

.cart_body_card a {
  padding: 0 1vh;
  text-decoration: none;
}

.cart_item_close {
  margin-left: auto;
  font-size: 0.7rem;
}

.cart_main_items img {
  width: 3.5rem;
}

.cart_page_summary h5 {
  margin-top: 4vh;
}

.cart_page_summary hr {
  margin-top: 1.25rem;
}

.cart_page_summary form {
  padding: 2vh 0;
}

.cart_page_summary select {
  border: 1px solid rgba(0, 0, 0, 0.137);
  padding: 1.5vh 1vh;
  margin-bottom: 4vh;
  outline: none;
  width: 100%;
  background-color: rgb(247, 247, 247);
}

.cart_page_summary input {
  border: 1px solid rgba(0, 0, 0, 0.137);
  padding: 1vh;
  margin-bottom: 4vh;
  outline: none;
  width: 100%;
  background-color: rgb(247, 247, 247);
}

.cart_checkout_btn {
  background-color: #2c2c2c;
  border-color: #2c2c2c;
  color: white;
  width: 100%;
  font-size: 0.7rem;
  margin-top: 4vh;
  padding: 1vh;
  border-radius: 0;
}

.cart_checkout_btn:focus {
  box-shadow: none;
  outline: none;
  box-shadow: none;
  color: white;
  -webkit-box-shadow: none;
  /* -webkit-user-select: none; */
  transition: none;
}

.cart_checkout_btn:hover {
  color: white;
}

.cart_body_card a {
  color: #2c2c2c;
}

.cart_body_card a:hover {
  color: #2c2c2c;
  text-decoration: none;
}

.cart_product_quantity_inner {
  width: fit-content;
  border: 1px solid #507b7284;
}

.cart_product_quantity button {
  font-size: .9rem;
}

.cart_product_quantity button {
  width: 1.5rem;
}

.cart_product_quantity button,
input {
  border: 0;
  padding: .2rem;
  /* width: 1.5rem; */
  background-color: white;
  color: #507B72;
}

.cart_product_quantity input {
  width: 2rem;
  text-align: center;
}

.cart_product_quantity input:focus {
  outline: none;
}

@media (min-width: 320px) and (max-width: 991px) {
  .cart_product_quantity button {
    width: 1rem;
  }

  .cart_product_quantity input {
    width: 1.5rem;
    font-size: .8rem;
  }
}

/* CART PAGE END */


/* BLOG PAGE START */
/* BLOG PAGE START */

.blog_header_banner {
  padding-top: 1rem;
  position: relative;
  height: 25rem;
}

.blog_banner_inner {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  padding: 1rem;
}

.blog_banner_inner button {
  padding: .5rem 1rem;
  border: 0;
  border-radius: 2rem;
  font-size: .9rem;
  font-weight: 600;
  color: #2e5f59;
  margin-top: .7rem;
}

.blog_banner_inner h2 {
  color: #2e5f59;
}

.blog_main {
  padding-top: 2rem;
}

.blog_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.5rem;
}

.blog_card {
  width: 20rem;
}

.blog_card img {
  width: 100%;
}

.blog_card_heading {
  font-weight: 700;
  color: #507B72;
  padding-top: .7rem;
  font-size: 1.2rem;
}

.blog_card_description {
  color: #507B72;
  padding-top: 1rem;
  height: 12rem;
  overflow: hidden;
}

.blog_card_readmore {
  padding-top: .5rem;
}

.blog_card_readmore a {
  color: #2c2c2c;
  font-size: .8rem;
}

.blog_card_readmore a:hover {
  text-decoration: none;
}

@media (min-width: 320px) and (max-width: 991px) {
  .blog_header_banner {
    padding-top: 2rem;
    position: relative;
    height: 13rem;
  }

  .blog_banner_inner h2 {
    color: #2e5f59;
    font-size: .7rem;
  }

  .blog_banner_inner button {
    padding: .5rem 1rem;
    border: 0;
    border-radius: 2rem;
    font-size: .5rem;
    font-weight: 600;
    color: #2e5f59;
    margin-top: .7rem;
  }
}

/* BLOG PAGE END */


/* BLOG DETAIL PAGE */
/* BLOG DETAIL PAGE */

.blog_detail_header {
  width: 70%;
  text-align: center;
}

.blog_detail_img_desc {
  display: flex;
  justify-content: center;
}

.blog_detail_img_inner {
  position: relative;
  top: -1.5rem;
  width: 50%;
  background-color: white;
  padding: 1.5rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.blog_detail_img_inner p {
  padding-bottom: .5rem;
  font-size: .9rem;
}

@media (min-width: 320px) and (max-width: 991px) {
  .blog_detail_header {
    width: 100%;
  }

  .blog_detail_img_inner {
    width: 80%;
  }
}

/* BLOG DETAIL PAGE END */



/* CSS FOR ACCOUNT PAGE */
/* CSS FOR ACCOUNT PAGE */

.user_name {
  font-weight: bolder;
}

.my_order_icon {
  /* color: blue; */
  font-size: 1.5rem;
}

.my_orders a {
  text-decoration: none;
  color: #828282;
  font-weight: bolder;
}

.my_orders a:hover {
  color: blue;
}

.my_order_icon2 {
  font-size: 1.5rem;
}

.account_setting_icon {
  font-size: 1.5rem;
}

.account_setting_heading h5 {
  font-size: 1rem;
  color: #828282;
}

.account_setting_detail {
  padding-left: 3rem;
  height: 2rem;
}

.account_setting_detail:hover {
  background-color: rgb(180, 232, 232);
}

.account_setting_detail a {
  text-decoration: none;
  color: #2c2c2c;
}

.frequently_heading p {
  font-size: 0.9rem;
  font-weight: bolder;
}

.frequently_heading a {
  text-decoration: none;
  color: #545454;
  font-size: 0.9rem;
}

.go_back_btn {
  display: none;
}

.go_back_btn button {
  border: 0;
  color: #2e5f59;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.information_heading h4 {
  font-size: 1.3rem;
}

.personal_cancel {
  display: none;
}

.information_heading h6 {
  color: #2e5f59;
  font-size: 1rem;
  cursor: pointer;
}

.first_name,
.last_name {
  border: 1px solid rgba(128, 128, 128, 0.391);
  /* height: 3rem; */
  width: 13rem;
  padding-left: 0.5rem;
  background: none;
  padding-bottom: .2rem;
}

.first_name span {
  font-size: 0.7rem;
  color: #828282;
}

.first_name input {
  border: 0;
  background: none;
  width: 100%;
}

.first_name input:focus {
  outline: none;
}

.last_name span {
  font-size: 0.7rem;
  color: #828282;
}

.last_name input {
  border: 0;
  background: none;
  width: 100%;
}

.last_name input:focus {
  outline: none;
}

.save_btn button {
  border: 0;
  background-color: #507B72;
  color: white;
  font-size: 1.2rem;
  border-radius: 0.2rem;
  height: 3.3rem;
  width: 7rem;
}

.email_cancel {
  display: none;
}

.number_cancel {
  display: none;
}

#personal_save_btn {
  display: none;
}

#email_save_btn {
  display: none;
}

#number_save_btn {
  display: none;
}



.faq {
  padding-bottom: 3rem;
}

.faq_heading {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.faq p {
  font-size: 1rem;
  font-weight: bolder;
}

.faq h6 {
  font-size: 0.9rem;
}

.deactive_account a {
  text-decoration: none;
}

.deactive_account span {
  color: #2e5f59;
  font-weight: bolder;
  /* background: red; */
  font-size: 0.8rem;
}

.deactive_account span:hover {
  color: #1d9284;

}

/* billing address page */
.billing_add_page {
  display: none;
}

.my_current_loc button {
  border: 0;
  background-color: #507B72;
  color: white;
  padding: 0.5rem;
  border-radius: .2rem;
  width: 15rem;
}

.new_add_inp1,
.new_add_inp2 {
  border: 1px solid rgba(128, 128, 128, 0.391);
  height: 3rem;
  width: 13rem;
  padding-left: 0.5rem;
  background: none;
}

.new_add_inp1 span {
  font-size: 0.7rem;
  color: #828282;
}

.new_add_inp1 input {
  /* height: ; */
  border: 0;
  background: none;
}

.new_add_inp1 input:focus {
  outline: none;
}

.new_add_inp2 span {
  font-size: 0.7rem;
  color: #828282;
}

.new_add_inp2 input {
  border: 0;
  background: none;
}

.new_add_inp2 input:focus {
  outline: none;
}

.new_address_page {
  display: none;
}

.area_street {
  border: 1px solid rgba(128, 128, 128, 0.391);
  /* height: 3rem; */
  width: 80%;
  padding-left: 0.5rem;
  background: none;
}

.area_street span {
  font-size: 0.7rem;
  color: #828282;
}

.area_street textarea {
  border: 0;
  background: none;
  width: 100%;
}

.area_street textarea:focus {
  outline: none;
}

.new_add_inp2 select {
  border: 0;
  background: none;
  width: 100%;
}

.new_add_inp2 select:focus {
  outline: none;
}

.new_add_save button {
  border: 0;
  background-color: #507B72;
  color: white;
  padding: 0.5rem;
  border-radius: .2rem;
  width: 10rem;
}

.new_add_cancel button {
  border: 0;
  color: #507B72;
  background: none;
  font-weight: bold;
  padding: 0.5rem;
  border-radius: .2rem;
  /* width: 10rem; */
}


/* Shipping addresss */
.shipping_add_page {
  display: none;
}

.shipping_my_current_loc button {
  border: 0;
  background-color: #507B72;
  color: white;
  padding: 0.5rem;
  border-radius: .2rem;
  width: 15rem;
}

.shipping_new_add_inp1,
.shipping_new_add_inp2 {
  border: 1px solid rgba(128, 128, 128, 0.391);
  height: 3rem;
  width: 13rem;
  padding-left: 0.5rem;
  background: none;
}

.shipping_new_add_inp1 span {
  font-size: 0.7rem;
  color: #828282;
}

.shipping_new_add_inp1 input {
  /* height: ; */
  border: 0;
  background: none;
}

.shipping_new_add_inp1 input:focus {
  outline: none;
}

.shipping_new_add_inp2 span {
  font-size: 0.7rem;
  color: #828282;
}

.shipping_new_add_inp2 input {
  border: 0;
  background: none;
}

.shipping_new_add_inp2 input:focus {
  outline: none;
}

.shipping_new_address_page {
  display: none;
}

.shipping_area_street {
  border: 1px solid rgba(128, 128, 128, 0.391);
  /* height: 3rem; */
  width: 80%;
  padding-left: 0.5rem;
  background: none;
}

.shipping_area_street span {
  font-size: 0.7rem;
  color: #828282;
}

.shipping_area_street textarea {
  border: 0;
  background: none;
  width: 100%;
}

.shipping_area_street textarea:focus {
  outline: none;
}

.shipping_new_add_inp2 select {
  border: 0;
  background: none;
  width: 100%;
}

.shipping_new_add_inp2 select:focus {
  outline: none;
}

.shipping_new_add_save button {
  border: 0;
  background-color: #507B72;
  color: white;
  padding: 0.5rem;
  border-radius: .2rem;
  width: 10rem;
}

.shipping_new_add_cancel button {
  border: 0;
  color: #507B72;
  background: none;
  font-weight: bold;
  padding: 0.5rem;
  border-radius: .2rem;
  /* width: 10rem; */
}


.mobile_screen {
  display: none;
  padding-bottom: 1rem;
}



/* @media (min-width: 320px) and (max-width: 1023px) { */
@media (min-width: 320px) and (max-width: 767px) {


  .mobile_screen {
    display: block;
  }

  .user_profile_menupage {
    display: none;
  }

  .personal_detail_page {
    display: none;
  }

  .go_back_btn {
    display: block;
  }
}

.sm_orders {
  display: flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid #2c2c2c;
  width: 9rem;
  padding: .5rem;
  border-radius: .5rem;
  margin-top: .7rem;
}

.sm_orders i {
  color: rgb(54, 54, 212);
  font-size: 1.3rem;
}

.sm_menu_list a {
  text-decoration: none;
  color: #2c2c2c;
}

.sm_logout_btn button {
  width: 100%;
  border: 1px solid rgb(209, 209, 209);
  margin-top: .5rem;
  color: #1d9284;
  padding: .5rem;
  font-weight: bold;
  border-radius: .3rem;
}

/* ACCOUNT PAGE END */



/* ORDER DETAIL PAGE */
/* ORDER DETAIL PAGE */

.list-group {
  border-color: #fa001d !important;
}

.list-group .list-group-item {
  border-color: #d0d5dc !important;
}

.list-group-item-action .fa {
  width: 22px;
}

.bg-snow {
  background: #f9fafb !important;
}

.btn_secondary {
  background: #fff !important;
  color: #354050 !important;
  border-color: #d0d5dc !important;
  cursor: pointer;
}

.btn_secondary:hover {
  color: #354050 !important;
  background: #f9fafb !important;
}

.btn_secondary:active {
  color: #79879a !important;
  background: #f0f2f5 !important;
}

.btn_secondary:focus {
  color: #79879a !important;
  background: #f0f2f5 !important;
  outline: 0 !important;
}

.list-group {
  border-color: #3878d1 !important;
}

.list-group-item {
  border-color: #d0d5dc !important;
}

/* ORDER DETAIL PAGE END */


/* SALON PAGE */
/* SALON PAGE */

.salon_header {
  padding: 3rem;
}

.salon_page_body img {
  width: 75%;
  border-radius: .3rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.salon_page_body span {
  opacity: .8;
  font-weight: 600;
}

@media (min-width: 320px) and (max-width: 991px) {
  .salon_header {
    padding: 0;
  }

  .salon_page_body span {
    font-size: .5rem;
    text-align: right;
  }
}

/* SALON PAGE END */


/* SALON 2 PAGE START */


.salon_page_heading {
  background-color: #8FCBC4;
  color: white;
  font-weight: 500;
  text-align: center;
  padding: 1rem;
  font-size: 1.2rem;
  margin-top: 1rem;
}

.salon_page_heading span {
  letter-spacing: .2rem;
  position: relative;
}

@media (min-width: 320px) and (max-width: 991px) {
  .salon_page_heading {
    font-size: .7rem;
    padding: .5rem;
  }
}

.salon_service_header {
  padding: 2rem 0;
  color: #2e5f59;
  position: relative;
}

.salon_service_header::before {
  content: "";
  position: absolute;
  bottom: 1.5rem;
  background-color: #2e5f59;
  height: 2.5px;
  width: 10rem;
}

.salon_card_header {
  font-size: 1.2rem;
  padding: .5rem;
  color: #1d9284;
}

.salon_card_desc {
  color: #8FCBC4;
  padding: 0 .5rem .5rem .5rem;
}

@media (min-width: 320px) and (max-width: 991px) {
  .salon_cards {
    width: 8rem;
  }

  .salon_card_header {
    font-size: .8rem;
  }

  .salon_card_desc {
    font-size: .7rem;
  }
}



/* SALON 2 PAGE END */

/* CHECKOUT PAGE */
/* CHECKOUT PAGE */

.checkout_card_body {
  width: 80%;
  border-radius: 10px;
  padding: 2rem;
  margin-top: 1rem;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.checkout_card_body .input-text {
  position: relative;
  margin-top: 30px;
}

.checkout_card_body input[type="text"] {
  height: 2.7rem;
  width: 100%;
  border-radius: 5px;
  border: none;
  outline: 0;
  border: 1px solid #f6f6f7;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
}

.checkout_card_body .input-text span {
  position: absolute;
  top: -16px;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  font-size: 1.1rem;
}

.checkout_card_body .input-text-cvv {
  position: relative;
}

.checkout_card_body .input-text-cvv input[type="text"] {
  height: 40px;
  width: 70px;
  border: none;

  border-bottom: 1px solid #f6f6f7;
  border-top: 1px solid #f6f6f7;
  position: absolute;
  top: -40px;
  right: 60px;
}

.checkout_card_body .cvv input[type="text"] {
  position: absolute;
  right: 0;
  border-right: 1px solid #f6f6f7;
}


.checkout_add_inp {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.checkout_add_inp input {
  width: .8rem;
}



.checkout_card_body .checkout_summary {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.checkout_card_body .text-data p {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
}

.checkout_card_body .numerical-data p {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
}

.checkout_selected_address {
  border: 1px solid #2e5f5941;
  padding: .5rem;
  margin-top: .3rem;
  border-radius: .4rem;
  color: #2e5f5999;
  display: none;
}

.checkout_pay_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.checkout_pay_btn button {
  width: 100%;
  background-color: #7d0e5e;
  border: none;
  outline: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.5s;
  padding: .5rem;
}

.checkout_pay_btn button:hover {
  background-color: #5d0b46;
}

.checkout_page_secure {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  color: #aeaebc;
}

.checkout_page_secure p {
  font-size: 12px;
  font-weight: 600;
  color: #aeaebc;
  margin-left: 5px;
}

.checkout_last_line {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}

.checkout_last_line p {
  margin-right: 5px;
}

.checkout_last_line a {
  color: blue;
  text-decoration: none;
  margin-left: 5px;
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 991px) {
  .checkout_card_body {
    width: 95%;
    padding: 1rem;
  }
}

/* CHECKOUT PAGE END */


/* FAQ PAGE */
/* FAQ PAGE */
.faq_banner {
  position: relative;
}

.faq_banner img {
  height: 25rem;
}

.faq_banner_inner {
  position: absolute;
  top: 0;
  width: 90%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq_banner_inner h2 {
  font-size: 3rem;
}

.faq_banner_inner h3 {
  font-size: 2.5rem;
}

.faq_page_section {
  /* background-color: #e3dede; */
  /* background-color: rgb(227, 76, 227); */
  background-color: #e7a4e4;
  margin-top: 2rem;
  border-radius: 2rem;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  /* box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; */
}

.faq_page_section::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  /* left: 0; */
  width: 0;
  height: 0;
  border-top: 70px solid #ece4e4;
  border-left: 70px solid transparent;

  /* background: #f0f0f0; */
  /* clip-path: polygon(100% 0, 0 0, 100% 100%); */
  /* box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1); */
}

.faq_page_sec_left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
}

.faq_page_sec_right {
  /* background-color: #ff4242; */
  border-radius: 1rem;
}



@media (min-width: 320px) and (max-width: 991px) {
  .faq_banner img {
    height: 15rem;
  }

  .faq_banner_inner h2 {
    font-size: 2rem;
  }

  .faq_banner_inner h3 {
    font-size: 1.5rem;
  }

  .faq_page_section {
    border-radius: 0;
  }
}

/* FAQ PAGE END */

/* CUSTOMIZE PAGE */
/* CUSTOMIZE PAGE */


/* for text slide */
.customize_sliding-text-container {
  position: relative;
  width: 100%;
  padding: 5rem 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}

.customize_sliding-text {
  position: absolute;
  white-space: nowrap;
  width: 100%;
  /* Cover entire width */
  animation: slideText 10s linear infinite;
  color: white;
  text-shadow: rgb(80, 123, 114) 2px 0px 0px, rgb(80, 123, 114) 1.75517px 0.958851px 0px, rgb(80, 123, 114) 1.0806px 1.68294px 0px, rgb(80, 123, 114) 0.141474px 1.99499px 0px, rgb(80, 123, 114) -0.832294px 1.81859px 0px, rgb(80, 123, 114) -1.60229px 1.19694px 0px, rgb(80, 123, 114) -1.97998px 0.28224px 0px, rgb(80, 123, 114) -1.87291px -0.701566px 0px, rgb(80, 123, 114) -1.30729px -1.5136px 0px, rgb(80, 123, 114) -0.421592px -1.95506px 0px, rgb(80, 123, 114) 0.567324px -1.91785px 0px, rgb(80, 123, 114) 1.41734px -1.41108px 0px, rgb(80, 123, 114) 1.92034px -0.558831px 0px;
  font-size: 2.5rem;
  letter-spacing: .5rem;
}

.customize_sliding-text:nth-child(2) {
  animation-delay: 0s;
  /* Delay the second text animation */
}

@keyframes slideText {
  0% {
    transform: translateX(100%);
  }

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

/* text slide end */
.customize_page_body {
  background-color: #8FCBC4;
  color: white;
  padding: 2rem 4rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.customize_page_body h2 {
  color: #ddedec;
  font-size: 2.7rem;
  font-weight: bold;
}

.customize_page_body button {
  border: 0;
  padding: 1rem 2rem;
  background-color: white;
  color: #2e5f59;
  border-radius: 2rem;
  font-weight: bold;
}

.customize_page_body p {
  width: 60%;
}


@media (min-width: 320px) and (max-width: 991px) {
  .customize_page_body {
    padding: 1rem 2rem;
  }

  .customize_page_body button {
    padding: .5rem 1rem;
    font-size: .8rem;
  }

  .customize_page_body p {
    width: 100%;
  }
}

/* CUSTOMIZE PAGE */



/* PRODUCT RETURN */
/* PRODUCT RETURN */

.return_product_form {
  width: 70%;
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin: 1rem;
}

@media (min-width: 320px) and (max-width: 991px) {
  .return_product_form {
    width: 100%;
    margin: 1rem;
  }
}

/* for video  */

.return_video_upload-section h2 {
  margin-bottom: 20px;
}

.return_video_upload-section input[type="file"] {
  margin-bottom: 20px;
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
}

.return_upload_btn button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #5D9D96;
  color: white;
  border: 0;
  border-radius: 5px;
}

.return_upload_btn button:hover {
  background-color: #7cb9b2;
}

.return_video_preview {
  margin-top: 20px;
  display: none;
}

.return_video_preview video {
  width: 100%;
  max-width: 220px;
}

@media (max-width: 600px) {
  .return_video_upload-section {
    width: 95%;
  }

  .return_video_preview video {
    max-width: 50%;
  }
}

/* for images */
.return_image_section {
  padding-top: 1rem;
}

.return_img_upload-section,
.return_img_preview-section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.return_img_upload-section div,
.return_img_preview-section div {
  flex: 1 1 45%;
  max-width: 45%;
}

.preview img {
  max-width: 100%;
  max-height: 100px;
  display: none;
}

@media (max-width: 600px) {

  .return_img_upload-section div,
  .return_img_preview-section div {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* PRODUCT RETURN END */


/* About us */
.about_header {
  height: 25rem;
  background-color: #6E1487;
  display: flex;
  align-items: center;
  justify-content: center;
}


.about_header button {
  background-color: #fa8801;
  border: 0;
  color: white;
  padding: .5rem 1rem;
  border-radius: .3rem;
  font-weight: bolder;
}

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

.about_section1 img {
  width: 10rem;
  height: 10rem;
}

.about_section1_1 {
  width: 50%;
  margin: 0;
  /* background-color: #e7a4e4; */
  margin-left: 0;
  padding-top: 4rem;
  margin-right: 0;
  padding-bottom: 4rem;
  display: flex;
  margin-top: 0;
  justify-content: center;
  padding-left: 2rem;
  margin-bottom: 0;
  padding-right: 2rem;
  background-image: url('../../assets/image-src/know_more_bg.jpeg');
  /* background-size: cover;
  background-repeat: no-repeat; */
  background-size: 100% 100%;
  background-position: center;
}


.about_section1_1 select {
  border: 0;
  border-radius: .3rem;
  height: 100%;
  padding: 0 .3rem;
}

.about_add_to_cart {
  background-color: #fa8801;
  width: fit-content;
  border: 0;
  color: white;
  padding: .5rem 1rem;
  border-radius: .3rem;
  font-weight: bolder;
}

.about_section1_2 {
  background-color: #a865a4;

  /* background-color: #841D4C; */
  width: 50%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  justify-content: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.about_section1_3 {
  width: 50%;
  margin: 0;
  /* background-color: #e7a4e4; */
  margin-left: 0;
  padding-top: 4rem;
  margin-right: 0;
  padding-bottom: 4rem;
  display: flex;
  margin-top: 0;
  justify-content: center;
  padding-left: 2rem;
  margin-bottom: 0;
  padding-right: 2rem;
  /* background-image: url('../../assets/image-src/know_more_bg.jpeg'); */
  background-color: #841D4C;

  background-size: cover;
  background-repeat: no-repeat;
}


.about_section1_3 select {
  border: 0;
  border-radius: .3rem;
  height: 100%;
  padding: 0 .3rem;
}

.about_section1_4 {
  width: 50%;
  margin: 0;
  /* background-color: #e7a4e4; */
  margin-left: 0;
  padding-top: 4rem;
  margin-right: 0;
  padding-bottom: 4rem;
  display: flex;
  margin-top: 0;
  justify-content: center;
  padding-left: 2rem;
  margin-bottom: 0;
  padding-right: 2rem;
  /* background-image: url('../../assets/image-src/know_more_bg.jpeg'); */
  /* background-color: #841D4C; */
  background-color: #F55E3F;

  background-size: cover;
  background-repeat: no-repeat;
}


.about_section1_4 select {
  border: 0;
  border-radius: .3rem;
  height: 100%;
  padding: 0 .3rem;
}


.about_section1_5 {
  width: 50%;
  margin: 0;
  /* background-color: #e7a4e4; */
  margin-left: 0;
  padding-top: 4rem;
  margin-right: 0;
  padding-bottom: 4rem;
  display: flex;
  margin-top: 0;
  justify-content: center;
  padding-left: 2rem;
  margin-bottom: 0;
  padding-right: 2rem;
  /* background-image: url('../../assets/image-src/know_more_bg.jpeg'); */
  /* background-color: #841D4C; */
  background-color: #01A9CE;

  background-size: cover;
  background-repeat: no-repeat;
}


.about_section1_5 select {
  border: 0;
  border-radius: .3rem;
  height: 100%;
  padding: 0 .3rem;
}




/* About us End */

/* Gallery Page */


.gallery_page_main {
  margin-top: 2rem;
}


.gallery_page_card_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  width: 80%;

}

.gallery_page_heading {
  text-align: center;
  padding: 1rem;
  font-size: 3rem;
  /* font-weight: normal; */
}

.gallery_page_card {
  width: 12rem;
  /* border: 1px solid black; */
  border: 1px solid rgb(224, 224, 224);
  padding: .5rem;
  /* display: none; */
  position: relative;
}

.gallery_page_card_inner {
  position: absolute;
  top: 0;
  color: white;
  /* text-shadow: 0px 0px #000000; */
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  padding-right: 1rem;
  text-shadow: 2px 2px 8px #000000;

}

.gallery_page_card img {
  width: 100%;
  /* border: 1px solid rgb(194, 194, 194); */
}

.gallery_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

.gallery_buttons button {
  padding: .4rem .8rem;
  border: 1px solid rgb(192, 192, 192);
  border-radius: .2rem;
  font-size: .8rem;
  /* color: #939393; */
}

.gallery_buttons button:hover {
  background-color: rgb(95, 93, 93);
  color: white;
}

/* Gallery Page End */