.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
                            
  /* @media (min-width: 768px) {

  } */
.parent {
  display: flex;           /* Use flexbox to center child elements */
  justify-content: center; /* Center horizontally */
  align-items: center;     /* Center vertically */
  width: 100%;            /* Set parent width */
  position: relative;      /* Optional, depends on layout needs */
}

.circle {
  width: 40px;            /* Circle width */
  height: 40px;           /* Circle height (same as width for circle) */
  background-color: #e6e5e5; /* Circle color */
  border-radius: 50%;      /* Makes the div a circle */
  padding-top: 8px;
}
.btn-booking{
  border-radius: 30px !important;
  background-color: #F74B02;
  color: rgb(255, 255, 255);
}
.btn-booking-cancel{
  border-radius: 30px !important;
  background-color: #afafaf;
  color: rgb(255, 255, 255);
}
.btn-booking:hover{background-color: #d24001; color: rgb(255, 255, 255);}
.booking-price{color: rgb(189, 3, 133);}
.booking-detail strong{color: rgb(163, 11, 11) !important;}
.booking-detail span{color: rgb(0, 0, 0) !important;}
.btn-scroll-top{
  /* position:fixed;
  bottom: 1%;
  right:17%; */
  transform: rotateZ(180deg);
  background-color: #F74B02 !important;
  color: #f0f0f0;
  border-radius: 30px;
}
.btn-scroll-top i{color: #000000;}
.btn-scroll-top i:hover{color: #f0f0f0;}
.booking-search{margin-top: 8%;}
@media (max-width: 767px) {
  /* .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  } */
  .btn-booking,.btn-booking-cancel{font-size: 11px;}
  .booking-title{font-size: 17px;}
  .booking-price h3{font-size: 17px;}
  .product-name{
    font-size: 13px;
  }
  .booking-detail strong,.booking-detail span{font-size: 14px;}
  .btn-scroll-top{
    /* position:fixed;
    bottom: 1%;
    right:3%; */
    transform: rotateZ(180deg);
    background-color: #F74B02 !important;
    color: #f0f0f0;
    border-radius: 30px;
  }
  /* .booking-search{margin-top: 12%;} */
}

/* .carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
} */

/* medium and up screens */
@media (min-width: 768px) {
  /* .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  } */
  /* .booking-search{margin-top: 8%;} */
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .booking-category{margin-top: 5%;}
}
@media (max-width: 992px) {
  .booking-search{margin-top: 12%;}
}

@media only screen and (min-width: 923px) {
  .booking-search{margin-top: 10%;}
  /* .booking-category{margin-top: 2%;} */
}
/* @media only screen and (min-width: 1400) {
  .booking-search{margin-top: 8%;}
} */
/* .carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
} */

.jumbotron{ padding: 10px 2px;}
.container-booking{background-color: #ffffff; border-radius: 0px;}
.container-booking-banner{background-color: #ffffff; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;}
.booking-item .material-icons{
  color: rgb(154, 2, 103);
  margin-top: 1.5rem !important;
  width: 40px;
  height: 40px;
  background-color: #e6e5e5;
  border-radius: 50%;
  padding-top: 8px;
}
.carousel-indicators [data-bs-target] {
  width: 5px;
  height: 5px;
  border-radius: 30px !important;
  background-color: #585858;
  border-top:none !important;
  border-bottom:none !important;
}
.booking-input{border-radius: 30px;}
.booking-item{margin-bottom: 7px;}
.fixed-bottom {
  position: fixed;  /* Position the element relative to the viewport */
  bottom: 0;        /* Align the element to the bottom of the viewport */
  left: 50%;        /* Start at the horizontal center */
  transform: translateX(-50%); /* Offset the element by half its width to center it */
  /* Optionally, add width, padding, background, etc. */
  max-width: 700px;     /* Example width */
  min-width: 300px;     /* Example width */
  padding: 4px 10px 4px 10px;
  /* background-color: #F74B02; */
  text-align: center;
  border-radius: 30px;
  /* background-image: linear-gradient(to right,rgb(255, 171, 248), rgb(255, 226, 194),rgb(255, 171, 248)); */
  /* background-color: rgb(0, 154, 67); */
}
.parent-fixed-image {
  position: relative; /* Ensures the child is positioned relative to this parent */
  width: 100%; /* Adjust the width of the parent container as necessary */
}
.fixed-image {
  position: fixed;      /* Fixes the image in place relative to the viewport */
  top: 0;               /* Positions the image at the top of the viewport */
  left: 50%;            /* Positions the image at the horizontal center */
  transform: translateX(-50%); /* Centers the image horizontally */
  z-index: 1000;        /* Ensures the image stays on top of other elements */
  /* max-width: 1300px; */
}
.fixed-image1 {
  position: fixed;
  /* top: 0;
  left: 0; */
  left: 3%;
  right: 3%;
  width: 100%;
  z-index: 1000; /* Ensures the image stays on top, if necessary */
}
.text-b-danger{color: #FE2132;}
.text-b-warning{color: #FDCF00;}
.text-b-primary{color: #00ABF5;}
.text-b-info{color: #015182;}
.text-b-pink{color: #BD084B;}
.text-b-orange{color: #F74B02;}
.text-b-blue{color: #0F0CC6;}
.font-bold{font-weight: bold;}
/* .booking-item.material-icons{margin-top: 1.5rem !important;} */
.row a{text-decoration: none;}
#booking-form .form-control{border-radius: 17px;}
.error{
  font-style: italic;
  font-size: 13px;
  color: red;
}
.product-name{
  padding: 0px;
  color: black;
}
/* .bg-booking-title{background-color: #01ACF1;} */
.bg-booking-title{
  background-image: linear-gradient(to left, rgba(251, 248, 248, 0), rgb(16, 11, 237));
}
.bg-booking-title1{
  /* background-image: linear-gradient(to right, rgba(251, 248, 248, 0), rgb(16, 11, 237),rgba(251, 248, 248, 0)); */
  background-color: #0D4688;
}
.bg-blue{background-color: #100BED;}

@media (max-width: 767px) {
  .recipeCarousel .carousel-inner .carousel-item > div {
    display: none;
  }
  .recipeCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.recipeCarousel .carousel-inner .carousel-item.active,
.recipeCarousel .carousel-inner .carousel-item-next,
.recipeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  .recipeCarousel .carousel-inner .carousel-item-end.active,
  .recipeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .recipeCarousel .carousel-inner .carousel-item-start.active, 
  .recipeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
  .carousel-control-next, .carousel-control-prev {
    top: -18% !important;
  }
}

.recipeCarousel .carousel-inner .carousel-item-end,
.recipeCarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}
.recipeCarousel .carousel{padding-left: 0px; padding-right: 0px;}
.recipeCarousel .carousel-item .col-md-4 {
  padding: 3px; /* Add margin between items */
}
.recipeCarousel .carousel-item .col-md-4:last-child {
  margin-right: 0;
}
.text-blue{
  color: #00ABF5;
  font-size: 17px;
}
.loop-item{margin: 1px;}
/* .carousel-control-next{width: none;} */
.numberCircle-desktop {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 8px;

  background: #ca0000;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-align: center;
  font: 17px Arial, sans-serif;
}
.numberCircle-mobile {
  border-radius: 50%;
  width: 33px;
  height: 33px;
  padding: 8px;

  background: #ca0000;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-align: center;
  font: 13px Arial, sans-serif;
}
.fixed-bottom{
  /* background-image: linear-gradient(to right, rgba(251, 248, 248, 0), rgb(0, 154, 67),rgba(251, 248, 248, 0));
  background-color: rgba(255,255,255,0.5); */
  background:transparent;
}
    /* width */
    ::-webkit-scrollbar {
      width: 0px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
      background: #f1f1f1; 
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
      background: #888; 
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
      background: #555; 
  }
  .sell2-customer{font-size: 22px;}
/* footer a:hover{text-decoration:dashed;} */
.text-black{color: #000000 !important;}