@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@300;400;500;600;700&display=swap");
body #hero-section .hero-img {
  width: 100%;
}
body #hero-section .hero-text-wrapper {
  position: absolute;
  backdrop-filter: blur(4px);
  background-color: rgba(243, 248, 255, 0.7019607843);
}
body #hero-section .hero-text-wrapper .hero-text {
  font-family: "Michroma";
  color: #3c3c3c;
  user-select: none;
}
body #abe-info-section {
  display: flex;
}
body #abe-info-section .abe-info-img {
  object-fit: cover;
}

@media all and (min-width: 1367px) {
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 250px;
    padding: 20px 40px 20px 80px;
    border-radius: 0px 30px 30px 0px;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 45px;
  }
  body #abe-info-section {
    padding: 100px;
    gap: 40px;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 150%;
  }
  body #abe-info-section .abe-info-img {
    width: 700px;
    border-radius: 40px 20px 40px 20px;
  }
}
@media all and (max-width: 1366px) and (min-width: 1025px) {
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 200px;
    padding: 20px 30px 20px 60px;
    border-radius: 0px 30px 30px 0px;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 25px;
  }
  body #abe-info-section {
    padding: 100px;
    gap: 40px;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 150%;
  }
  body #abe-info-section .abe-info-img {
    width: 50%;
    border-radius: 40px 20px 40px 20px;
  }
}
@media all and (max-width: 1024px) and (min-width: 769px) {
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 110px;
    padding: 16px 20px 16px 50px;
    border-radius: 0px 20px 20px 0px;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 12px;
  }
  body #abe-info-section {
    padding: 100px;
    gap: 40px;
    flex-direction: column;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 100%;
  }
  body #abe-info-section .abe-info-img {
    width: 100%;
    border-radius: 40px 20px 40px 20px;
  }
}
@media all and (max-width: 768px) and (min-width: 471px) {
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 110px;
    padding: 16px 20px 16px 50px;
    border-radius: 0px 20px 20px 0px;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 12px;
  }
  body #abe-info-section {
    padding: 100px;
    gap: 40px;
    flex-direction: column;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 100%;
  }
  body #abe-info-section .abe-info-img {
    width: 100%;
    border-radius: 40px 20px 40px 20px;
  }
}
@media all and (max-width: 470px) and (min-width: 421px) {
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 70px;
    padding: 16px 20px 16px 25px;
    border-radius: 0px 20px 20px 0px;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 12px;
  }
  body #abe-info-section {
    padding: 100px;
    gap: 40px;
    flex-direction: column;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 100%;
  }
  body #abe-info-section .abe-info-img {
    width: 100;
    border-radius: 40px 20px 40px 20px;
  }
}
@media all and (max-width: 420px) {
  body {
    padding-top: 30px;
  }
  body #hero-section .hero-text-wrapper {
    width: fit-content;
    top: 75px;
    padding: 4px 10px 4px 10px;
    border-radius: 0px 10px 10px 0px;
    box-sizing: border-box;
  }
  body #hero-section .hero-text-wrapper .hero-text {
    font-size: 10px;
  }
  body #abe-info-section {
    padding: 10px;
    gap: 14px;
    flex-direction: column;
  }
  body #abe-info-section .abe-info-text-wrapper {
    width: 100%;
  }
  body #abe-info-section .abe-info-img {
    width: 100%;
    border-radius: 40px 20px 40px 20px;
  }
}/*# sourceMappingURL=home.css.map */