@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}

/* variables */

:root {
  --red: #cc0000;
  --bold: 800;
  --sf: 14px;
  --black: #000;
  --white: #fff;
  --gray: #f7f7f7;
  --dgray: #aaaaaa;
  --gred: #b91690;
  --border-color: #73757d;
  --pop: "Poppins", sans-serif;
}

.top_part_header_ {
  background-color: var(--red);
}

.flex__ {
  display: flex;
}

.container_pad {
  padding: 0 150px;
}

.list_items_top {
  justify-content: flex-end;
  color: white;
  font-size: 12px;
  list-style: none;
}

.list_item {
  padding: 15px;
}

.logo_img {
  width: 150px;
}

.list_items_second {
  list-style: none;
}

.second_container_menu {
  padding: 20px 150px;
  /* justify-content: space-around; */
  align-items: center;
  box-shadow: 0px 0px 10px 1px rgb(223, 223, 223);
}

.list_item_second {
  padding: 0 25px;
  font-weight: bold;
}

.input_search {
  position: relative;
}

.search_input {
  width: 450px;
  height: 40px;
  border-radius: 4px;
  border: none;
  background-color: var(--gray);
  padding: 0 15px;
  outline: none;
}

.input_search > .fa-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.buttons_cart_sign {
  padding: 5px 50px;
}

.signin_btn {
  padding: 0 25px;
}

.signin_btn > .fa-user:before {
  font-size: 25px;
  padding: 5px;
}

.body_container {
  margin: 25px 150px;
}

.back_link {
  font-size: 14px;
  color: black;
  text-decoration: underline;
}

.shop_name {
  margin: 15px 0 0 0;
}

.title_p {
  font-size: 25px;
  font-weight: bold;
}

.carousel-indicators .list-inline-item > a > img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  margin: 5px 15px;
  border: 1px solid black;
}

#productCarousel .carousel-inner .carousel-item > img {
  width: 600px;
  height: 600px;
  object-fit: contain;
}

.carousel-indicators-wrapper > ol {
  list-style: none;
  margin: 0 15px;
  overflow-y: scroll;
  height: 600px;
  width: 135px;
}

#productCarousel {
  display: flex;
  width: 800px;
  height: 600px;
}

.carousel-indicators::-webkit-scrollbar {
  width: 4px;
}

.carousel-indicators::-webkit-scrollbar-thumb {
  background-color: gainsboro;
}

.carousel-indicators::-webkit-scrollbar-track {
  background-color: #efefef;
}

.carousel-item > img {
  display: block;
  position: absolute;
  /* transition:opacity 0.5s linear; */
  transition: opacity 0.5s linear;
  /* border: 1px solid black; */
}

.hidden {
  opacity: 0;
}

.onesection_row_container {
  margin: 45px 0 45px -25px;
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
}

.product_purchase_container {
  width: 500px;
}

@media screen and (max-width: 1570px) {
  #productCarousel .carousel-inner .carousel-item > img {
    width: 500px;
    height: 500px;
  }
  .carousel-indicators-wrapper > ol {
    list-style: none;
    margin: 0 15px;
    overflow-y: scroll;
    height: 500px;
    width: 135px;
  }
  .body_checkout_container{
    margin: 25px 100px!important;
  }
}

@media screen and (max-width: 1240px) {
  .onesection_row_container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .description_section_container,
  .body_checkout_container {
    margin: 50px !important;
  }
}

.old_price {
  font-weight: bolder;
  font-size: 25px;
  color: var(--red);
}

.em_p {
  font-size: var(--sf);
  /* color: var(--dgray); */
}

.red {
  color: var(--red);
  font-size: 14px;
  font-weight: bolder;
}

.gray {
  color: gray;
  font-size: 11px;
}

.starts_container {
  display: flex;
  align-items: center;
}

.nbr_rev {
  padding: 5px 10px;
}

.qts_lnk {
  font-size: 14px;
  color: gray;
  text-decoration: underline;
}

.stars > .fa-star:before {
  color: #ffd700;
}

.pickup_item {
  border: 1px solid;
}

.pickup_type {
  display: flex;
}

.pickup_item {
  width: 140px;
  padding: 20px;
  margin-top: 5px !important;
  border-radius: 8px;
  border: 1px solid gray;
  cursor: pointer;
}

.mid {
  margin: 0 10px;
}

.picked {
  border: 2px solid green;
}

.green {
  color: green;
  font-size: 12px;
}

.pp {
  font-weight: bold;
}

.gray_pp {
  color: gray;
  font-size: 12px;
}

.pickup_item:hover {
  background-color: #fafafa;
}

.pick_up_ {
  margin: 15px 0;
}

.green_p {
  color: green;
}

.red_p_pick {
  color: var(--red);
}

.qty {
  padding: 10px;
  font-size: 15px;
  border-radius: 4px;
}

.qty_cart_container {
  display: flex;
  align-items: center;
}

.button_cart .btn_cart > .cart_b {
  width: 300px;
  height: 45px;
  border-radius: 6px;
  border: none;
  background-color: var(--red);
  color: white;
  font-weight: bold;
  margin: 0 15px;
  cursor: pointer;
}

.icon_container_all,
.save_card_container {
  display: flex;
  align-items: center;
}

.save_card_container {
  justify-content: space-between;
  width: 380px;
  margin: 25px 0;
}

.save_text_p {
  padding: 0 15px;
}

.gray_save_p {
  font-size: 13px;
  color: gray;
}

.bold_save_p {
  font-size: 14px;
  font-weight: bolder;
}

.fa-angle-right:before {
  font-size: 28px;
}

.sign_btn {
  width: 80px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid gray;
  background-color: #fff;
  color: gray;
  cursor: pointer;
}

.sign_btn:hover {
  background-color: #efefef;
}

.description_section_container {
  background-color: #f7f7f7;
  margin: 0 150px;
  padding: 25px;
  border-radius: 8px;
}

.title_desc {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

.list_desc_container {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 25px 0;
  border-bottom: 1px solid black;
  position: relative;
}

.list_item_desc {
  padding: 15px 20px;
}

.active_:before {
  position: absolute;
  content: "";
  background-color: var(--red);
  width: 60px;
  height: 3px;
  bottom: 0;
}

.desc_container_text {
  margin: 30px;
  font-size: 18px;
  background-color: white;
  padding: 15px;
}

.bar_container__ {
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.bar_container {
  width: 200px;
  border-radius: 8px;
  background-color: lightgray;
  height: 8px;
  margin: 0 15px;
  position: relative;
}

.insider_bar {
  position: absolute;
  content: "";
  background-color: green;
  width: 150px;
  height: 100%;
  border-radius: 8px;
}

.fourper {
  width: 30px;
}

.tper {
  width: 15px;
}

.oper {
  width: 10px;
}

.eaper {
  width: 22px;
}

.review_section_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.title_p_review {
  font-size: 24px;
  font-weight: bold;
}

.container_reviews_guest {
  margin-top: 25px;
}

.star_text_p > a,
.bar_text_container_p > a {
  color: gray;
  font-size: 12px;
}

.stars_container > .fa-star {
  color: #ffd700;
}

.stars_container > .fa-star:before {
  font-size: 25px;
}

.rate_nbr {
  font-size: 30px;
  font-weight: bolder;
}

.container_reviews_guest {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.review_stars_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 25px;
}

.review_link,
.recom_p_gray {
  font-size: 12px;
  color: gray;
}

.circle_recom {
  text-align: center;
  margin-bottom: 25px;
}
.p_rec {
  border: 3px solid green;
  /* width: 50px; */
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 12px;
  border-radius: 50%;
}

.recom_p_container {
  text-align: center;
}

.recom_p_con {
  font-weight: bolder;
}

.recom_container {
  margin: 0 25px;
}

.rev_btn_container {
  margin: 35px 0;
}

.rev_btn_container .rev_btn .btn_rev {
  width: 130px;
  height: 40px;
  color: white;
  background-color: var(--red);
  border: none;
  border-radius: 4px;
  outline: none;
  font-weight: bold;
  cursor: pointer;
}

.comment_container {
  border: 1px solid gray;
  margin: 20px 150px;
  padding: 25px;
  border-radius: 4px;
}

.stars_container__ {
  display: flex;
  align-items: center;
}
.bold_,
.sep_ {
  padding: 0 5px;
}

.title_p {
  font-size: 25px;
  margin: 15px 0 10px 0;
}

.stars_container__ > .fa-star {
  color: #ffd700;
}

.gray_little_gray {
  font-size: 12px;
  color: gray;
  margin-bottom: 15px;
}

.para_text_ {
  font-size: 14px;
}

@media screen and (max-width: 1750px) {
  .second_container_menu {
    padding: 20px !important;
  }
}

@media screen and (max-width: 1550px) {
  .bl_i,
  .last_i {
    display: none;
  }
}

@media screen and (max-width: 1161px) {
  .hide_it {
    display: none;
  }
}

@media screen and (max-width: 1080px) {
  .menu_bars {
    display: block !important;
    padding: 0 25px;
  }
  .menu_bars > .fa-bars:before {
    font-size: 25px !important;
  }
  .bll_i {
    display: none;
  }
  .comment_container,
  .body_checkout_container {
    margin: 25px !important;
  }
}

@media screen and (max-width: 950px) {
  .input_search .search_input {
    width: 250px;
  }
  /* #productCarousel{
    width: 200px!important;
  } */
}

.menu_bars {
  display: none;
}

@media screen and (max-width: 1416px) {
  .body_container {
    margin: 25px 50px !important;
  }
  .container_pad {
    padding: 0 25px !important;
  }
}

@media screen and (max-width: 850px) {
  #productCarousel {
    width: 650px !important;
  }
  .buttons_cart_sign {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  #productCarousel {
    width: 650px !important;
  }
  .container_reviews_guest {
    flex-direction: column;
  }
  .review_stars_container {
    margin: 50px 0;
  }
  .first_part_con_ft,
  .ft_sec_container,
  .all_tp_con {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .ft_sec_container,
  .main_lk_ft {
    margin: 15px 0 !important;
  }
  /* #productCarousel .carousel-inner .carousel-item > img{
    width: 250px;
  } */
}

@media screen and (max-width: 690px) {
  #productCarousel .carousel-inner .carousel-item > img {
    width: 300px !important;
    height: 300px !important;
  }
  #productCarousel {
    width: 450px !important;
    height: 350px !important;
  }
  .carousel-indicators-wrapper > ol {
    height: 300px !important;
  }
  .input_search {
    display: none;
  }
  .product_purchase_container {
    width: 400px !important;
  }
  .body_container,
  .description_section_container {
    margin: 25px !important;
  }
}

@media screen and (max-width: 500px) {
  #productCarousel .carousel-inner .carousel-item > img {
    width: 190px !important;
    height: 220px !important;
  }
  #productCarousel {
    width: 350px !important;
    height: 220px !important;
    margin-bottom: 25px;
  }
  .carousel-indicators-wrapper > ol {
    height: 220px !important;
  }
  .input_search {
    display: none;
  }
  .product_purchase_container {
    width: 350px !important;
  }
  .body_container,
  .description_section_container {
    margin: 15px !important;
  }
  .pickup_type {
    display: none !important;
  }
  .cart_b {
    width: 150px !important;
  }
  .save_card_container {
    width: 350px !important;
  }
}

@media screen and (max-width: 450px) {
  .save_card_container,
  .product_purchase_container {
    width: 300px !important;
  }
}

.list-inline-item {
  cursor: pointer;
}

.list_items_top > a,
.list_items_second > a {
  text-decoration: none !important;
}

.list_items_second > a {
  color: black;
}

.list_items_top > a {
  color: white;
}

/* footer */

.footer_container {
}

.first_part_con_ft {
  background-color: #f7f7f7;
  width: 100%;
  display: flex;
  justify-content: space-around;
  /* align-items: center; */
  padding: 25px 0;
  list-style: none;
}

.ft_sec_container {
  display: flex;
  flex-direction: column;
}

.title_bl {
  font-size: 17px;
  font-weight: bold;
}

.list_ft {
  text-decoration: none;
  color: gray;
  font-size: 15px;
  padding-top: 10px;
}

.last_sec_container {
  background-color: #333333;
}
.all_tp_con {
  text-align: center;
  padding: 15px;
}
.main_lk_ft {
  color: white;
  text-decoration: none;
  margin: 0 25px;
}

.main_lk_ft:hover,
.list_ft:hover {
  /* text-decoration: none; */
  color: #73757d;
}

.sign_btn {
  color: black !important;
}

.sign_bb:hover {
  text-decoration: none;
}

.find-more {
  width: 150px;
  border: none;
  background-color: #cc0000 !important;
  color: white;
  padding: 8px 0;
  font-weight: bolder;
  border-radius: 5px;
}

.body_checkout_container {
  margin: 50px 150px 150px 150px;
}

.header_ {
  font-size: 28px;
  font-weight: bolder;
}

.subtt_ {
  font-size: 20px;
  font-weight: bold;
  color: #73757d;
}

.fa-circle:before {
  font-size: 10px;
}

.subtt_ {
  display: flex;
  align-items: center;
}

.circle__ {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
}

.product_con_check {
  box-shadow: 1px 1px 10px 1px gray;
  border-radius: 15px;
  padding: 25px;
  margin: 25px 0;
}

.__wrap {
  display: flex;
  align-items: center;
}

.ship_sss {
  margin: 0 15px;
}

.title_ss {
  font-size: 19px;
  font-weight: bolder;
}

.items_sss {
  font-size: 14px;
}

.img_prod_cs {
  width: 90px;
  height: 90px;
  object-fit: cover;
}

.first_con_sss,
.product_info_con_sss {
  display: flex;
}

.product_info_con_sss {
  padding: 15px 0px;
}

.second_con_sss {
  padding: 10px;
}

.qty_save_for_later_container .qty_check_con {
  padding: 5px;
  margin: 15px 0;
  font-size: 13px;
  border-radius: 4px;
}

.third_con_sss {
  margin: 0 15px;
}

.type_ship_sss {
  display: flex;
  font-size: 14px;
  padding: 5px;
  align-items: center;
}

.txt_tss {
  padding: 0 10px;
}

.green_fs {
  color: green;
  font-size: 12px;
}

.learn_more_fs {
  color: gray;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.cb_in {
  width: 15px;
  height: 15px;
}

.salre_red_price {
  font-size: 12px;
  color: var(--red);
}

.offers_av_con_prod {
  margin-top: 15px;
  font-size: 15px;
}

.offers_av_con_prod > a {
  color: var(--red);
  text-decoration: underline;
}

.product_con_check {
  width: 50vw;
}

.first_sec_pcc {
  display: flex;
  flex-direction: column;
}

.product_info_con_sss {
  justify-content: space-between !important;
}

.fa-close:before {
  font-size: 29px;
}

.switch {
  display: inline-block;
  width: 60px;
  height: 34px;
  position: relative;
}

.toggle-thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 40px;
  cursor: pointer;
}

.toggle-thumb:before {
  content: "";
  height: 26px;
  width: 26px;
  position: absolute;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: #e2e8f0;
  transition: 0.4s all ease;
}

.checkbox:checked + .toggle-thumb:before {
  transform: translateX(26px);
  background-color: green;
}

.checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.wrapper__ch{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.second_sec_pcc{
  margin: 25px 50px;
  width: 20vw;
}

.subtotal_,
.deliv_t,
.third_pas,
.gift_con_{
  display: flex!important;
  flex-direction: row!important;
  justify-content: space-between;
}

.first_part_top_sum{
  font-size: 22px;
  font-weight: bold;
  padding: 15px 0 25px 0;
}

.icon_gift{
  display: flex;
  flex-direction: row;
  
}

.text_p_s{
  padding: 0 15px;
}

.fa-gift:before{
  font-size: 25px;
}

.third_pa,
.total_con_{
  display: flex;
  justify-content: space-between;
}

.b_total,
.b_price_total{
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width:1200px)
{
  .wrapper__ch{
    flex-direction: column;
    align-items: center;
  }
  .product_con_check,.second_sec_pcc{
    width: 100%;
  }
}



@media screen and (max-width:800px)
{
  .product_info_con_sss,
  .first_con_sss,
  .second_con_sss,
  .fourth_con_sss,
  .third_con_sss{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .last__con_sss{
    display: none;
  }
  .fourth_con_sss{
    margin: 15px;
  }
  .price_prod_s{
    font-size: 20px;
  }
  .desc_container_text{
    margin: 0;
    font-size: 14px;
  }
  .title_p,
  .bold_{
    font-size: 15px;
  }
  .gray_save_p_sign,
  .pickup_p_{
    font-size: 14px;
  }
}

.lk_det{
  text-decoration: none;
  color: black;
}

.sign_bb{
  text-decoration: none!important;
  color: black;
}

.container{
  margin-bottom: 150px!important;
  margin-top: 100px!important;
}

.comments_section_container{
  width: 100%;
}