@media screen and (max-height: 630px) {
    .about {
        height: 100vh;
        margin: 0 0 150px 0;
    }

    .about__content {
        margin: 0 0 0 0;
    }

    .circle-one {
        width: 315px;
        height: 555px;
    }

    .circle-one__text:nth-of-type(1) {
        top: calc(0% + 32px);
        left: calc(50% - 85px);
    }

    .circle-one__text:nth-of-type(1):after {
        bottom: -30px;
    }

    .circle-one__text:nth-of-type(6) {
        bottom: calc(0% + 47px);
        left: calc(50% - 121px);
    }

    .circle-one__text:nth-of-type(6)::after {
        bottom: -18px;
    }

    .circle-two {
        width: 257px;
        height: 220px;
        top: calc(50% - 110px);
        left: calc(50% - 129px);
    }

    .circle-two__text {
        position: absolute;
        font-family: Manrope;
        font-size: 24px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .circle-two__text:nth-of-type(1) {
        top: 30px;
        left: calc(50% - 50px);
    }

    .circle-two__text:nth-of-type(2) {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    /* rotate: revert; */
        left: 30%;
        top: calc(50% - 17px);
    }

    .circle-two__text:nth-of-type(3) {
        right: 15%;
        top: calc(50% - 31.5px);
    }
}

@media (max-width: 999px) {
    .about {
        height: 100vh;
        max-height: 454px;
    }

    .about__decor {
        display: none;
    }

    .about__container {
        padding: 0 10px;
    }

    .about__title {
        font-family: Manrope;
        font-size: 26px;
        font-weight: 600;
        line-height: 39px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .about__sub-title {
        font-size: 20px;
    }

    .about__content {
        margin: 100px 0 0 0;
    }

    .circle {
        height: 85vh;
        width: 90vw;
        max-height: 454px;
    }

    .circle-one {
        height: 250px;
        width: 300px;
    }

    .circle-one__text {
        font-family: Manrope;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .circle-one__text:nth-of-type(1) {
        top: calc(0% - 45px);
        left: calc(50% - 40px);
    }

    .circle-one__text:nth-of-type(1):after {
        bottom: -18px;
    }

    .circle-one__text:nth-of-type(2) {
        right: 0;
        top: 0;
    }

    .circle-one__text:nth-of-type(2)::after {
        bottom: -30px;
        right: calc(50% + 10px);
        left: auto;
    }

    .circle-one__text:nth-of-type(3) {
        right: 0;
        bottom: 0;
    }

    .circle-one__text:nth-of-type(3)::after {
        top: -34px;
        right: 43px;
        left: auto;
    }

    .circle-one__text:nth-of-type(4) {
        left: 0;
        bottom: 0;
    }

    .circle-one__text:nth-of-type(4)::after {
        top: -33px;
        left: 44px;
    }

    .circle-one__text:nth-of-type(5) {
        width: 100%;
        max-width: 130px;
        left: 0;
        top: 0;
    }

    .circle-one__text:nth-of-type(5) br {
        display: none;
    }

    .circle-one__text:nth-of-type(5)::after {
        bottom: -33px;
        left: 44px;
    }

    .circle-one__text:nth-of-type(6) {
        bottom: calc(0% - 40px);
        left: calc(50% - 56px);
    }

    .circle-one__text:nth-of-type(6):after {
        bottom: -18px;
    }

    .circle-two {
        width: 143.7px;
        height: 126px;
        top: calc(50% - 64px);
        left: calc(50% - 73px);
    }

    .circle-two__text {
        position: absolute;
        font-family: Manrope;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .circle-two__text:nth-of-type(1) {
        top: 15px;
        left: calc(50% - 28.8px);
    }

    .circle-two__text:nth-of-type(2) {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    /* rotate: revert; */
        left: 30%;
        top: 40%;
    }

    .circle-two__text:nth-of-type(3) {
        right: 20%;
        top: 35%;
    }
}