@media screen and (max-width: 991px) {
    .desktop__max__width {
        width: 100vw;
        padding: 0rem 2.4rem;
    }

    html {
        font-size: 60%;
    }

    .hero__content {
        gap: 2.4rem;
        flex-direction: column;
    }

    .hero__heading {
        font-size: 5.6rem;
        line-height: 125%;
    }

    .hero__logo__image {
        width: 8rem;
        margin-bottom: 4.8rem;
    }

    .hero__image {
        width: 64%;
    }

    .video-container {
        padding: 1.6rem;
        /* width: 100vw; */
        width: calc(100vw - 4.8rem);
        margin: 0 auto;
        /* margin: 0rem 2.4rem; */
    }

    /* #video-player {
        max-width: 80rem;
        max-height: 45rem;
        border-radius: 1.6rem;
    } */

    .intro__container {
        gap: 4.6rem;

        flex-direction: column-reverse;
        max-width: 90%;
    }

    .about__container {
        flex-direction: column;
    }

    .details {
        border-top-left-radius: 16rem;
        border-bottom-right-radius: 16rem;
        padding: 13rem 0rem;
    }

    .details__image__2 {
        top: 48%;
    }

    .details__image__3 {
        position: absolute;
        bottom: 0;
        left: 80%;
        transform: rotate(12deg);
    }

    .sci__image {
        width: 100%;
    }

    .tech__container {
        gap: 2.4rem;
    }

    .tech__image {
        width: 10rem;
    }

    .tech__text {
        font-size: 2.4rem;
    }

    .faq {
        display: flex;
        gap: 8.4rem;
        width: 100%;
        align-items: center;

        flex-direction: column;
    }

    .accordion-group .accordion-item {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hero__image {
        width: 72%;
    }

    /* .video-container {
        padding: .8rem;
    }

    #video-player {
        max-width: 70rem;
        max-height: 40rem;
        border-radius: 1.6rem;
    } */

    .featured__image {
        width: 100%;
    }

    .details {
        border-top-left-radius: 12rem;
        border-bottom-right-radius: 12rem;
        padding: 13rem 0rem;
    }

    .blog__text {
        max-width: 100%;
      }
}

@media screen and (max-width: 450px) {
    .hero__content {
        gap: 4.8rem;
    }

    .hero__image {
        width: 100%;
    }

    .hero__logo__image {
        width: 8rem;
        margin-bottom: 4.8rem;
    }

    .hero__heading {
        font-family: var(--primary__typeface);

        font-size: 5rem;

        font-weight: 800;
        line-height: 100%;
        color: var(--off__black);
        margin-bottom: 1.6rem;
    }

    .form__container {
        padding: 2.4rem;
        width: calc(100vw - 3.2rem);
    }

    .video__close__btn {
        font-size: 1.8rem;
        font-weight: bold;
        outline: none;
        border: none;
        background: white;
        position: absolute;
        height: 1.2rem;
        width: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 99rem;

        top: 2.4rem;
        right: 2.4rem;
    }

    .section__heading__left {
        font-size: 5rem;
    }

    .section__heading__center {
        font-size: 5rem;
    }

    .featured__image {
        display: none;
    }

    .featured__image__mobile {
        display: block;
        width: 56%;
        height: auto;
        object-fit: contain;
    }

    .intro__container {
        max-width: 100%;
    }

    .intro__image__1 {
        width: 100%;
    }

    .intro__image__2 {
        width: 100%;
    }

    .details__image__1 {
        width: 16rem;
        height: auto;
        object-fit: contain;

        position: absolute;
        top: -7.2rem;
        right: -5.6rem;
        transform: rotate(-145deg);
    }

    .details__image__2 {
        top: 52%;
    }

    .details__image__3 {
        position: absolute;
        bottom: 0;
        left: 80%;
        transform: rotate(12deg);
    }

    .tech__container {
        gap: 4.0rem;
    }

    .sci__image {
        display: none;
    }

    .sci__image__mobile {
        display: block;
        width: 56%;
        height: auto;
        object-fit: contain;
        margin-bottom: 4.8rem;
    }

    .payment__icons img {
        width: 6.4rem;
        height: auto;
        object-fit: contain;
    }

    .faq {
        display: flex;
        gap: 4rem;
    }

    .faq__image {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .label img {
        outline: 6.4px solid #59468C;
    }

    .quick__links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.4rem;
    }

    .form__container {
        padding: 3.2rem;
        margin: 20% auto;
    }

    .primary__btn {
        padding: 1rem 2.4rem;
    }

    .secondary__btn {
        padding: 1rem 2.4rem;
    }
}