body {
  font-family: "Sofia Sans";
  position: relative;
}

.row_1 {
  background: linear-gradient(
    180deg,
    rgba(245, 71, 72, 0.06) 0%,
    rgba(245, 71, 72, 0) 100%
  );
}

span {
  color: #f54748;
}

.h1 {
  font-size: 4rem;
  font-weight: 700;
  position: relative;
}

.span_1 {
  color: #fdc55e;
}

.text_bottom_img_1 {
  position: absolute;
  top: 60%;
  left: 40%;
}

.text_bottom_img_2 {
  position: absolute;
  top: 10%;
  right: 0%;
}

.para {
  font-size: 1rem;
}

input {
  background-color: transparent;
  border: none;
}

input:focus {
  outline: none;
}

.border {
  border: 1px solid black !important;
}

.bi-play-fill {
  margin-right: 12px;
}

.search {
  background-color: #fdc55e;
}

.shadow {
  box-shadow: rgb(248, 111, 111) 0px 10px 20px !important;
}

.top_btn {
  background: linear-gradient(
    93deg,
    rgba(255, 255, 255, 0.67) 0.43%,
    #ffe2e2 15.9%
  );
}

.bg_card {
  /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -31.53%, #F54748 303.75%);  */
  background: linear-gradient(to top, #f1a1a1, #ddd8d8, #ffffff);
  border-radius: 10rem 10rem 1rem 1rem;
  position: relative;
}

.bg_card img:nth-child(1) {
  margin-top: -3rem;
  /* position: absolute;
    top: -70%;
    left: 10%; */
}
.food-card {
    background: linear-gradient(to bottom, #fff, #ffe7ea);
    border-radius: 2rem;
    padding: 2rem 1rem 3.5rem;
    position: relative;
    box-shadow: 0px 10px 20px rgba(248, 111, 111, 0.4);
    transition: 0.3s;
    min-height: 100%;
  }
  
  .card_btn {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .food-img {
    margin-top: -30%;
  }
  
  /* Responsive Tweaks */
  @media (max-width: 992px) {
    .food-card {
      padding: 1.5rem 1rem 3.5rem;
    }
  }
  
  @media (max-width: 768px) {
    .food-img {
      width: 90% !important;
      margin-top: -20%;
    }
  
    .card_btn {
      font-size: 14px;
      padding: 6px 20px;
    }
  }
  

.top_text_arrow {
  position: absolute;
  top: 1%;
  left: 10%;
}

.navbar {
  position: relative !important;
}

.cook_arrow {
  position: absolute;
  left: 40%;
  top: -15%;
}

.cool_left_circle {
  position: absolute;
  left: 0;
  top: 0;
}

.row_3 {
  position: relative;
}

.row_5 {
  background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgb(252, 197, 94, 0.3) 73.18% );
}

@media (max-width: 786px) {
  .h1 {
    font-size: 3rem;
    /* text-align: center; */
  }
  .para {
    /* text-align: center; */
  }
  .cook_arrow {
    display: none;
  }
  .row_5 {
    flex-direction: column-reverse;
  }
  .text_bottom_img_1 {
    display: none;
  }
  .btn_responsive_part {
    font-size: .7rem;
    padding: .6rem 1.2rem;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .para_responsive {
    width: 100% !important;
  }
}