.portal-about-content{

}

.short-info-box{
    margin: 40px 0px;
}

.short-info-img{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.short-info-img img{
    width: 20%;
}

.short-info-desc{
    padding: 0px 20px;
}

.short-info-desc p:nth-child(1){
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 15px 0px;
}

.short-info-desc p:nth-child(2){
    font-size: 15px;
    text-align: center;
}

.about-point-box{
    height: 68vh;
}

.about-point-box[for=readiness]{
    background-image: url('/resources/assets/imagesV2/about-banner-06.png');
    background-size: 100%;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.about-point-box[for=goal]{
    height: 58vh;
    background-color: #f8f8f8;
}

.about-point-box[for=engage] {
    height: 58vh;
}

.about-point-box[for=evaluate] {
    height: 58vh;
}

.about-point-box[for=engage] img, .about-point-box[for=goal] img, .about-point-box[for=evaluate] img{
    width: 100%;
}   

.self-learn-title{
    text-align: center;
}

.self-learn-title.main{
    margin-top: 25px;
    font-size: 22px;
    font-weight: bold;
}

.self-learn-title.sub{
    margin-top: 10px;
}

.about-point-box[for=engage] .self-learn-title, .about-point-box[for=goal] .self-learn-title, .about-point-box[for=evaluate] .self-learn-title{
    text-align: left;
}

.goal-numbering{

}

@media (max-width: 450px){
    .portal-about-header{
        /* height: 26vh; */
    }

    .about-banner .banner-desc p:nth-child(1){
        font-size: 22px;
        font-weight: bold;
        padding: 0px 26px;
    }

    .about-banner .banner-desc p:nth-child(2){
        font-size: 15px;
        padding: 5px 15px;
    }

    .about-point-box{
        height: 45vh;
    }

    .about-point-box[for=goal]{
        height: auto;
    }

    .about-point-box[for=engage]{
        height: auto;
    }

    .about-point-box[for=evaluate]{
        height: auto;
    }

    .self-learn-title.sub{
        margin-bottom: 30px;
    }

}

@media (min-width: 451px) and (max-width: 1000px){
    @media (max-width: 800) {
        .about-point-box{
            height: 45vh;
        }

        .about-point-box[for=goal]{
            height: 35vh;
        }

        .about-point-box[for=engage]{
            height: 35vh;
        }

        .about-point-box[for=evaluate]{
            height: 35vh;
        }
    }
}

@media (min-width: 1001px) and (max-width: 1270px){

}