.milestoneWrapper {
    background-size: 100% 100%;
    background-position: center;
    background-color: #fff;

    .section-title {
        /* text-align: left; */

        h2 {
            /* background: linear-gradient(180deg, #F9E797 0%, #B08F42 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            -webkit-text-fill-color: transparent; */
            text-transform: uppercase;
            font-size: 50px;
            color: #25406c;

            @media(max-width:640px){
                font-size: 30px;
            }
        }

        p {
            color: #1A233F;
            text-transform: uppercase;
        }
    }

    .milestone-detail .section-title {
        margin-block: 10px;
        text-align: center;
        @media(max-width:640px){
            min-height: 100px;
        }

        h2 {
            font-size: 40px;
            margin-bottom: 10px;

            @media(max-width:640px){
                font-size: 20px;
                font-weight: 600;
            }
        }
        p{
            font-size: 12px;
        }
    }
}
@media(min-width:1200px) and (max-width:1400px){
    .milestoneWrapper {
        .section-title {
            h2{
                font-size: 35px;
                line-height: 1.2;
            }
        }
        .milestone-detail .section-title {
            h2 {
                font-size: 35px;
                margin-bottom: 5px;
            }
        }
    }
}