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

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

@media (max-width: 991px) {
    .banner_box {
        padding-bottom: 25rem;
    }

    .banner_box {
        background-position: 20%;
    }
}

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

@media (max-width: 575px) {
    .blue_ctabtn {
        font-size: 1.2rem !important;
    }

    .girl {
        margin-bottom: -3rem;
    }

    .cta_kknk {
        width: 10rem;
        bottom: -1rem;
        right: 0rem;
    }

    .cta_kknk img {
        width: 100%;
        height: auto;
    }

    .girl img {
        height: auto;
        width: 70%;
        margin: auto;
    }

    .faq-section.bluefooter {
        border-radius: 3rem 3rem 0 0;
        padding-bottom: 7rem;
    }

    .header_logo {
        height: 2.5rem;
    }
}

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

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

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

@media (min-width: 221px) {}

@media (min-width: 360px) {}

@media (min-width: 500px) {}

@media (min-width: 700px) {}

@media (min-width: 768px) {}

@media (min-width: 576px) {
    .girl img {
        height: auto;
        width: 50%;
        margin: auto;
    }

    .peopleimg {
        width: 70%;
        margin: auto;
    }

    .cta_secdiv::before {

        position: absolute;
        height: 2rem;
        background: #229fd9;
        width: 100%;
        content: "";
        top: -1rem;
        -webkit-filter: blur(1rem);
                filter: blur(1rem);
    }


}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .banner_inbox {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }



    .custom-footer {
        margin-top: -14rem;

        min-height: 18rem;
    }

    .faqkknk {
        right: 10%;
    }

    .banner_box {
        background-size: 100% auto;
    }

    .peopleimg img {
        width: auto;
    }

    .peopleimg {
        bottom: 0;
        right: 0;
        position: absolute;
        width: auto;
        height: 17rem;
    }

    .head_robot img {
        height: 100%;
        width: auto;
    }

    .head_robot {
        position: absolute;
        right: 16%;
        height: 8rem;
        top: -1rem;
        z-index: 1;
    }

    .how-it-works::after {
        top: 45%;
    }

    .b2s-with-ai {
        background-size: 100%;
    }
}

@media (min-width: 1100px) {}

@media (min-width: 1200px) {
    .banner_bigtxt {
        font-size: 2.65rem;
    }

    .cta_secdiv::before {
        position: absolute;
        height: 2rem;
        background: #229fd9;
        width: 100%;
        content: "";
        top: -1rem;
        -webkit-filter: blur(1rem);
                filter: blur(1rem);
    }

    .copyrighttext {
        font-size: 1.1rem;
    }

    .peopleimg {
        bottom: 0;
        right: 0;
        position: absolute;
        width: auto;
        height: 20rem;
    }

    .mainbluebox {
        padding-bottom: 4rem;
    }

    .girl img {
        height: 100%;
        width: auto;
    }

    .girl {
        position: absolute;
        bottom: 11rem;
        z-index: 0;
        height: 34rem;
        right: 1rem;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1150px;
    }

}

@media (min-width: 1250px) {
    .banner_inbox {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 1300px) {
    .accordion-body {
        margin-left: 7rem !important;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1220px;
    }

    .custom-footer {

        min-height: 19rem;
    }

    .banner_inbox {
        padding-bottom: 6rem;
    }

    .banner_bigtxt {
        font-size: 2.8rem;
        line-height: 1;
    }
}

@media (min-width: 1366px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1250px;
    }


}

@media (min-width: 1400px) {
    .banner_inbox {
        padding-top: 2rem;
        padding-bottom: 6rem;
    }

    .choosebox img {
        height: 3.7rem;
    }

    .girl {
        bottom: 9rem;
    }

    .custom-footer {
        min-height: 22rem;
    }

    .girl {
        height: 38rem;
        right: 2rem;

    }

    .how-it-works::after {
        top: 43%;
    }
}

@media (min-width: 1440px) {
    .how-it-works {
        padding: 5rem 0rem !important;

    }

    .banner_inbox {
        padding-bottom: calc(8rem + 3vw);
    }

    section {
        padding: 5rem 0rem;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1320px;
    }

    .how-it-works {
        padding-top: 0 !important;
    }

    .b2s-with-ai {
        /* padding-top: 0 !important; */
    }
}

@media (min-width: 1500px) {
    .bluefooter::before {
        border-radius: 5rem;
    }

    .how-it-works::after {
        top: 40%;
    }

    .bluefooter {
        border-radius: 5rem 5rem 0 0;
        padding-bottom: 12rem;

    }

    .faq-section.bluefooter {
        margin-top: -8rem;
    }

    .mainbluebox {
        border-radius: 5rem;
    }

    .b2s-with-ai {
        padding-top: 5rem !important;
    }

    .peopleimg {
        right: 10%;
    }
}

@media (min-width: 1600px) {
    .banner_inbox {
        padding-bottom: calc(8rem + 6vw);
    }

    .custom-footer {
        min-height: 23rem;
    }

    .how-it-works::after {
        top: 35%;
    }
}

@media (min-width: 1700px) {
    .how-it-works::after {
        top: 30%;
    }
}

@media (min-width: 1800px) {
    .custom-footer {
        min-height: 26rem;
    }

    .banner_inbox {
        padding-bottom: calc(8rem + 7vw);
    }

    .peopleimg {

        height: 27rem;
    }

    .how-it-works::after {
        top: 37%;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px;
    }


    .girl {
        right: 2rem;

    }
}

@media (min-width: 1900px) {
    .banner_inbox {
        padding-bottom: calc(8rem + 8vw);
    }

    .how-it-works::after {
        top: 33%;
    }
}

@media (min-width: 1921px) {

    html {
        font-size: calc(12px + (18 - 12) * ((100vw - 1200px) / (1920 - 1200)));
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 80% !important;
    }


}