.framebox {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
}
.key-point-one,
.key-point-two,
.key-point-three,
.key-point-four,
.separator-line {
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.overview {
    position: relative;
    background-color: #0B0B0B;
    padding: 10px 0px;
}
.overview .about__bottom {
    display: block;
    position: relative;
}
.overview .bg-img {
    position: absolute;
    left: 0;
    max-width: 688px;
}
.overview .bg-img img {
    width: 688px;
    height: 100%;
}
.details-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    z-index: 2;
    width: 100%;
}
.text-element p {
    color: #C2C2C2;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.separator-line {
    width: 100%;
    height: 10px;
    background-color: #0B0B0B;
}
@media (min-width: 992px) {
    .key-point-one, 
    .key-point-two,
    .key-point-three,
    .key-point-four {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .text-element {
        background-color: #0B0B0B;
        padding: 10px 0 10px 25px;
    }
}
@media (max-width:1024px) {
    .framebox {
        width: 933px;
    }
    .text-element {
        height: 90px;
    }
    .key-point-one {
        width: 75%;
    }
    .key-point-two {
        width: 65%;
    }
    .key-point-three {
        width: 55%;
    }
    .key-point-four {
        width: 45%;
    }
}
@media (min-width:1025px) and (max-width: 1199px){
    .framebox {
        width: 933px;
    }
    .text-element {
        height: 123px;
    }
    .key-point-one {
        width: 85%;
    }
    .key-point-two {
        width: 75%;
    }
    .key-point-three {
        width: 65%;
    }
    .key-point-four {
        width: 55%;
    }
}
@media (min-width: 1200px) {
    .key-point-one {
        width: 80%;
    }
    .key-point-two {
        width: 70%;
    }
    .key-point-three {
        width: 60%;
    }
    .key-point-four {
        width: 50%;
    }
}
@media (min-width:1200px) and (max-width: 1399px){
    .framebox {
        width: 1115px;
    }
    .text-element {
        height: 123px;
    }
}
@media (min-width:1400px) {
    .framebox {
        width: 1295px;
    }
    .text-element {
        height: 119px;
    }
}