/* @font-face {
  src: url("../fonts/SuperbaBoldRoman.ttf");
  font-family: "super";
}
.secondary_heading {
  font-size: 0.9rem;
  font-family: super;
  border: 2px dashed #42200b;
  text-align: center;
  width: 75%;
}
.heading {
  font-size: 6.5rem;
  font-family: "super";
  color: #42200b;
  text-shadow: 4px 4px #ffe9bb;
  line-height: 0.6;
}
.heading-pt2 {
  font-size: 4.5rem;
  font-family: "super";
  color: #42200b;
  text-shadow: 2px 2px #ffe9bb;
}
.tw-center {
  width: 25%;
  margin: auto;
}
.normal_font {
  font-size: 0.8rem;
  font-weight: 400;
  top: 1rem;
  left: 1rem;
}
.mediam_font {
  font-size: 1.2rem;
  font-weight: 600;
  top: 2rem;
  left: 1rem;
}
.des_text {
  font-size: 0.9rem;
  color: #4d4d4d;
  text-align: center;
}

.deals_section {
  transition: all 0.3s ease-in;
}
.deals_section:hover {
  transform: scale(0.9);
  /* perspective(500px) rotate3d(1, 1, 0, 180deg); */
/* }
.img-shadow {
  display: block;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}
.odr_btn {
  padding: 0.6rem 1.8rem 0.6rem 1.8rem;
  background-color: #df1c1c;
  /* border-radius: 5px; */
/* color: white;
  font-weight: 800;
  border: none;
} */
/* .odr_btn:hover {
  background-color: #c93030;
}
.img_scale {
  transition: all 0.3s ease-in;
}
.img_scale:hover {
  transform: scale(1.1);
}

.flying-image {
  display: block;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1)); /* Add shadow */
/* animation: flying 5s infinite ease-in-out; */
/* } */

/* @keyframes flying {
  0% {
    transform: translateY(0) rotate(0) scale(1);
  }
  25% {
    transform: translateY(-10px) rotate(-2deg) scale(1.05);
  }
  50% {
    transform: translateY(0) rotate(0) scale(1);
  }
  75% {
    transform: translateY(10px) rotate(2deg) scale(1.05);
  }
  100% {
    transform: translateY(0) rotate(0) scale(1);
  }
}
/* Chatgpt */
/* .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f0c24b;
}

.carousel-indicators .active {
  background-color: #e3b041;
}

.carousel-item img {
  object-fit: cover;
}

.carousel-inner {
  display: flex;
  align-items: center;
  height: 100%;
}

.carousel-caption {
  position: static;
  transform: none;
  bottom: 0;
  text-align: left;
  max-width: none;
  padding: 0;
}

.carousel-caption h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #55330c;
  margin-bottom: 10px;
}

.carousel-caption p {
  font-family: "Roboto", sans-serif;
  color: #000;
}

.carousel-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.carousel-content h5 {
  font-size: 2rem;
  color: #55330c;
  font-weight: bold;
}

.carousel-content p {
  font-size: 1rem;
  color: #000;
}  */
/* ------------------------------------- */
/* .signup_content {
  font-size: 1.6rem;
  color: #55330c;
  font-weight: 500;
}
.rotate_img {
  transition: all 0.3s ease-in-out;
}
.rotate_img:hover {
  transform: rotate(360deg);
} */

/* chat */
/* .logo-color {
  filter: brightness(0) saturate(100%) invert(100%) brightness(1000%);
}

.social-icons a {
  color: white;
  margin: 0 10px;
  font-size: 1.2rem;
}

.sm-des .des_text {
  font-size: 0.9rem;
  color: #ffffffe7;
  font-weight: 200;
}  */

@font-face {
  src: url("../fonts/SuperbaBoldRoman.ttf");
  font-family: "super";
}

.secondary_heading {
  font-size: 0.9rem;
  font-family: super;
  border: 2px dashed #42200b;
  text-align: center;
  width: 75%;
}

.heading {
  font-size: 6.5rem;
  font-family: "super";
  color: #42200b;
  text-shadow: 4px 4px #ffe9bb;
  line-height: 0.6;
}

.heading-pt2 {
  font-size: 4.5rem;
  font-family: "super";
  color: #42200b;
  text-shadow: 2px 2px #ffe9bb;
}

.tw-center {
  width: 25%;
  margin: auto;
}

.normal_font {
  font-size: 0.8rem;
  font-weight: 400;
  top: 1rem;
  left: 1rem;
}

.mediam_font {
  font-size: 1.2rem;
  font-weight: 600;
  top: 2rem;
  left: 1rem;
}

.des_text {
  font-size: 0.9rem;
  color: #4d4d4d;
  text-align: center;
}

.deals_section {
  transition: all 0.3s ease-in;
}

.deals_section:hover {
  transform: scale(0.9);
}

.img-shadow {
  display: block;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

.odr_btn {
  padding: 0.6rem 1.8rem 0.6rem 1.8rem;
  background-color: #df1c1c;
  color: white;
  font-weight: 800;
  border: none;
}

.odr_btn:hover {
  background-color: #c93030;
}

.img_scale {
  transition: all 0.3s ease-in;
}

.img_scale:hover {
  transform: scale(1.1);
}

.flying-image {
  display: block;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1));
  animation: flying 5s infinite ease-in-out;
}

@keyframes flying {
  0% {
    transform: translateY(0) rotate(0) scale(1);
  }
  25% {
    transform: translateY(-10px) rotate(-2deg) scale(1.05);
  }
  50% {
    transform: translateY(0) rotate(0) scale(1);
  }
  75% {
    transform: translateY(10px) rotate(2deg) scale(1.05);
  }
  100% {
    transform: translateY(0) rotate(0) scale(1);
  }
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f0c24b;
}

.carousel-indicators .active {
  background-color: #e3b041;
}

.carousel-item img {
  object-fit: cover;
}

.carousel-inner {
  display: flex;
  align-items: center;
  height: 100%;
}

.carousel-caption {
  position: static;
  transform: none;
  bottom: 0;
  text-align: left;
  max-width: none;
  padding: 0;
}

.carousel-caption h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #55330c;
  margin-bottom: 10px;
}

.carousel-caption p {
  font-family: "Roboto", sans-serif;
  color: #000;
}

.carousel-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.carousel-content h5 {
  font-size: 2rem;
  color: #55330c;
  font-weight: bold;
}

.carousel-content p {
  font-size: 1rem;
  color: #000;
}

.signup_content {
  font-size: 1.6rem;
  color: #55330c;
  font-weight: 500;
}

.rotate_img {
  transition: all 0.3s ease-in-out;
}

.rotate_img:hover {
  transform: rotate(360deg);
}

.logo-color {
  filter: brightness(0) saturate(100%) invert(100%) brightness(1000%);
}

.social-icons a {
  color: white;
  margin: 0 10px;
  font-size: 1.2rem;
}

.sm-des .des_text {
  font-size: 0.9rem;
  color: #ffffffe7;
  font-weight: 200;
}