@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
    .hero-section h1 {
        font-size: 50px;
    }

    .hero-section::before,
    .hero-section::after {
        width: 200px;
    }

    .hero-section {
        padding: 80px 0;
    }

    .benefit h5 {
        font-size: 24px;
    }
    .quick-card img{
        width: 80%;
    }
    .footer-rights{
        margin-top: 42px;
    }
}

@media (max-width: 991.98px) {
    .title {
        max-width: 582px;
        font-size: 32px;
    }

    .easy-fast-section p {
        font-size: 15px;
    }
    .standing-section .container,
    .benefits-section .container {
        padding: 68px 12px;
    }

    .faq-section,
    .quick-section,
    .easy-fast-section {
        padding: 82px 0;
    }
}

@media (max-width: 767.98px) {
    .hero-section h1 {
        font-size: 42px;
    }

    .hero-section p {
        margin-bottom: 38px;
    }

    .hero-section .hero-img {
        max-width: 356px;
    }
    .quick-right-content{
        position: unset;
    }
}

@media (max-width: 575.98px) {
    .hero-section .logo {
        max-height: 48px;
    }

    .hero-section h1 {
        font-size: 27px;
    }

    .btn-outline-primary,
    .btn-primary {
        font-size: 14px;
        padding: 12px 20px;
    }

    .faq-section,
    .quick-section,
    .easy-fast-section,
    .hero-section {
        padding: 48px 0;
    }
    .hero-section::before,
    .hero-section::after {
        width: 110px;
    }

    .title-line::after {
        width: 280px;
    }

    .title {
        font-size: 22px;
        line-height: 150%;
        margin-bottom: 28px;
    }

    .benefit {
        padding: 12px;
    }

    .benefit h5 {
        font-size: 18px;
    }

    .benefit ul li {
        font-size: 14px;
    }

    .quick-card img{
        margin: 24px auto;
    }
    .quick-card h5{
        font-size: 18px;
    }

    .separator-line{
        height: 25px;
    }

    .benefits-section .container,
    .standing-section .container,
    .benefits-section .container {
        padding: 48px 12px;
    }

    .business-section .container{
        padding: 24px 12px;
    }

    .faq-section .accordion-button{
        font-size: 16px;
        padding: 14px;
    }
    .faq-section P{
        padding: 0 14px 14px;
    }

    .business-section h3{
        font-size: 18px;
    }
    .footer-rights{
        margin-top: 42px;
    }
}