@media (min-width: 0) {
    .time {
        background-color: #f2ddde;
        padding: 70px 0;
        position: relative;
    }
    .time__inner {
        position: relative;
    }
    .time__text {
        font-size: 24px;
        line-height: 1.3;
    }
    .time__text span {
        font-family: "GothamMedium";
    }
    .time__wave-top {
        position: absolute;
        width: 100%;
        top: -7vw;
    }
    .time__wave-bottom {
        position: absolute;
        transform: scale(1, -1);
        width: 100%;
        bottom: -7vw;
    }
    .time__dot {
        width: 20px;
        height: 20px;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        top: -40px;
    }
    .time__effect {
        position: absolute;
        z-index: -1;
        top: 50%;
        right: -70%;
    }
}

@media (min-width: 375px) {
    .time__effect {
        right: -80%;
        top: 50%;
    }
}
@media (min-width: 480px) {
    .time__text {
        font-size: 26px;
        max-width: 75%;
        margin-left: auto;
    }
    .time__dot {
        top: auto;
        bottom: 15px;
    }
    .time__effect {
        right: -43%;
        top: 40%;
    }
}
@media (min-width: 530px) {
    .time__effect {
        right: -48%;
    }
}
@media (min-width: 580px) {
    .time__effect {
        right: -55%;
    }
}

@media (min-width: 640px) {
    .time__text {
        font-size: 34px;
    }
    .time__effect {
        right: -35%;
        width: 400px;
    }
}

@media (min-width: 958px) {
    /* .time__image-1 {
        left: -140px;
    }
    .time__image-2 {
        left: auto;
        right: -140px;
    } */
    .time__text {
        font-size: 52px;
    }
    .time__dot {
        width: 30px;
        height: 30px;
    }
    .time__effect {
        top: 55%;
        right: -20%;
    }
}

@media (min-width: 1050px) {
    .time__effect {
        right: -30%;
    }
}

@media (min-width: 1200px) {
    /* .time__image-1 {
        width: 1500px;
        left: -190px;
    }
    .time__image-2 {
        width: 1500px;
        left: -170px;
    } */
    .time__effect {
        right: -10%;
    }
    .aim__title {
        max-width: 65%;
    }
    .aim__subtitle {
        max-width: 65%;
    }
}