@media (max-width: 900px) {
  .hide-xl {
    display: flex!important;
  }
}

@media (min-width: 600px) {
  .hide-xl {
    display: none!important;
  }
}

@media (min-width: 900px) {
  .hide-ot {
    display: flex!important;
  }
}

@media (max-width: 600px) {
  .hide-ot {
    display: none!important;
  }
}

.f-btn {
  color: #ff8a00!important;
}

.f-btn:hover {
  color: #00b500!important;
  text-shadow: 0px 2px 3px #c2ffcc;
}

.f-icon {
  color: #00c700;
  margin-right: 6px;
}

.f-h6 {
  color: #ff8a00;
  text-shadow: 0px 0px 3px #cdffc5;
}

.f-div-h6 {
  padding: 4px;
  width: 100%;
  max-width: 142.425px;
}

.p1-f-img-carousel {
  height: 253px;
  z-index: 9999999999999999999;
  position: relative;
  width: 100px;
}

.p1-f-img-carousel-bhd {
  max-width: 91px;
  max-height: 232px;
  position: absolute;
  filter: blur(10px) brightness(18%);
}

.f-btn-order {
  width: 100%;
  border-radius: 40px;
  max-width: 220px;
  color: #ff8a00;
  background: white;
  border: 2px dashed rgb(0,198,55);
}

.f-btn-order:focus {
  box-shadow: 0px 2px 4px black;
  color: #ffffff;
  background: #ff8b38;
  border: none;
}

.f-btn-order:hover {
  box-shadow: 0px 2px 4px black;
  color: #ffffff;
  background: #ff8b38;
  border: none;
}

.logo-lg {
  object-fit: contain;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: #ffffff;
  background-color: #ff8a00;
  border-color: var(--bs-orange);
}

.f-btn-soc {
  margin-right: 10px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  background: #ffb967;
}

.f-bg-p1 {
  width: 100%;
  height: 802px;
  background: url("../../assets/img/bgbg.jpg") center / cover no-repeat;
}

@media (max-width: 700px) {
  .f-bg-p1 {
    height: 757px;
    background: url("../../assets/img/mb-bg.jpg") center / cover no-repeat;
  }
}

.f-btn-soc:hover {
  color: white;
  box-shadow: 0px 2px 3px black;
  background: #ff8a00;
}

.fs-btn:target {
  border-color: transparent;
}

.fs-btn {
  background: white;
  color: #ff8a00;
  border-color: #04a704;
}

.fs-btn:hover {
  border-color: #ff8a00;
  scale: 1.1;
  box-shadow: 0px 3px 4px black;
  background: #ff9a23;
}

.boba-btn {
  background: #ed8e00;
  color: white;
  border: dashed;
}

.boba-btn:hover {
  transform: scale(1.2);
  background: #ffaa2b;
  border: white dashed;
  box-shadow: black 0px 2px 4px 0px;
}

.boba-btn:focus {
  transform: scale(1.2);
  background: #ffaa2b;
  border: white dashed;
  box-shadow: black 0px 2px 4px 0px;
}

.blink{
     animation-name: blinks;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}


@keyframes blinks{
    
    0%{
        color:#ff8a00;
    }
    100%{
        color:#00b500;
    }
}