@media (max-width: 1200px) {
  html {
    font-size: 56.25%;
  }
  .footer-parent .footer-grid {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 50%;
  }
  .testimonial-section .testimonial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonial-section .testimonial-title {
    width: 100%;
  }
  .footer-parent .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hero-content,
  .video-section,
  .pricing-section,
  .faq-section {
    min-height: 0;
    height: auto;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 43.75%;
  }
  .video-section .video-title {
    width: 100%;
  }
  .hero-section {
    margin: 4rem 0 3rem;
    background-image: url("/images/hero-bg-mobile.png");
    background-repeat: no-repeat;
    background-size: 370px 400px;
    background-position: bottom;
    -o-object-fit: cover;
    object-fit: cover;
    height: 650px;
  }
  .hero-section .hero-content {
    text-align: center;
  }
  .hero-section .hero-text {
    width: 100%;
  }
  .hero-section .hero-content {
    width: 100%;
  }
  .hero-section .hero-content .hero-buttons {
    justify-content: center;
  }
  .navbar .hamburger {
    display: block;
  }
  .navbar .menu-main {
    display: none;
  }
  .footer-parent .footer-grid .card {
    margin-right: 0;
  }
}
@media (max-width: 578px) {
  .footer-parent .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hero-section{
    margin: 2rem 0;
  }
}
@media (max-width: 450px) {
  .text-h1 {
    font-size: 36px;
  }
  .testimonial-section .testimonial-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .pricing-section .pricing-cards {
    flex-direction: column;
  }
  .footer-parent .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .grid-card-item {
    grid-column: 1/4;
    grid-row: 4;
    width: 70%;
  }
  .logo {
    width: 100px !important;
  }
  .navbar .mobile-menu-wrapper {
    width: 210px;
  }
  .hero-section {
    background-size: 315px 370px;
    height: 620px;
  }
} /*# sourceMappingURL=quries.css.map */