/* 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;
  padding: .4rem;
  color: white;
  font-weight: bold;
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  position: relative;
  width: 100%;
}

.top_navbar h4{
    font-size: .5rem !important;
}

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

.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;
  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;
  align-items: center;
  position: absolute;
  width: 100%;
  padding: 0 2.5rem 0 2.5rem;
  font-size: 1.5rem;
}

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

.nav_search_inp {
  width: fit-content;
  border: 1px solid #5d9d9691;
}

.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 img {
    width: .9rem;
  }

  .nav_social_links {
    display: none;
  }

  .nav_logo img {
    width: 6rem;
  }

  .middle_nav_items {
    justify-content: end;
    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 a {
  text-decoration: none;
  color: #5D9D96;
  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;
  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%;
}

/* 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 */
.new_arrivals {
  margin-top: 2rem;
}

.new_arrivals_heading {
  background-color: #8FCBC4;
  color: white;
  font-weight: 500;
  text-align: center;
  padding: 1rem;
  font-size: 1.5rem;

}

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

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

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

.card_body {
  padding: .5rem;
  box-shadow: rgba(72, 72, 80, 0.2) 0px 7px 29px 0px;
  width: fit-content;
  position: relative;
}

.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;
}

.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;
}

.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;
  border-radius: .3rem;
  color: white;
  font-weight: bold;
  padding: .5rem;
  margin-top: .5rem;
  transition: all .2s;
  border: 0;
}

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

@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: 3rem;
}


/* Shop by Categories */

/* New */
.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: black;
}

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

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

.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;
  }
}


/* Footer */
.main_footer {
  background-color: #8FCBC4;
  margin-top: 5rem;
  padding-top: 1rem;
  color: white;
}

.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;
}

.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 {
  text-decoration: none;
  color: white;
}

.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: white;
  background: transparent;
  border: 1px solid white;
  width: fit-content;
  padding: .5rem 3rem;
  transition: all .2s ease-in-out;
}

.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);
  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 {
  font-size: 1.4rem;
  padding-top: .5rem;
}

.footer_pay_mode {
  display: flex;
  gap: .5rem;
  justify-content: center;
  padding: .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: #5D9D96;
  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: #507B72;
  font-size: .8rem;
}

.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 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: #000;
  border-color: #000;
  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: black;
}

.cart_body_card a:hover {
  color: black;
  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: black;
  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: black;
}

.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 black;
  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: black;
}

.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;
}



/* 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_quote_btn button{
    border: 0;
    padding: 1rem;
}

.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: #5D9D96;
  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: #507B72;
}

.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: #d2ebe8;
  margin-top: 2rem;
  border-radius: 2rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

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

.faq_page_sec_right {
  background-color: #9dccc7;
  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 */
.btn.btn-base:hover {
  background-color: #5d9d96cc;
  color: #fcfcfc;
}

.btn.btn-base {
  background-color: #5D9D96;
  color: #fcfcfc;
}


/* AI Try Page */
/* AI Try Page */

 .ai_try-body{
    border: 1px solid rgb(217, 215, 215);
    padding: 1rem;
  }
  .ai_try-body img {
    max-width: 20rem;
    height: auto;
    margin-top: 20px;
    border-radius: .5rem;
    border: 4px solid rgb(202, 228, 223);
  }
  .ai_try-body select{
    padding: .5rem;
    border: 4px solid rgb(202, 228, 223);
}
/* AI Try Page End */