.light-ribbon {
    background: #F2FBF5;
    padding: 32px;
    
    
    color: black;
}

.light-ribbon h3 {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    margin: 0;
}

.light-ribbon p {
    font-family: "Inter", sans-serif;
}

.font16 {
    font-size: 16px !important;
}

@media only screen and (max-width: 767px) {
    .hide-mob {
        display: none;
    }

    .light-ribbon label {
        display: none;
    }

    .light-ribbon button {
        margin-top: 24px;
    }

    .light-ribbon p {
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

    .d-xs-block {
        display: block !important;
    }

    .light-ribbon h3 {
        margin-bottom: 20px;
    }

    .light-ribbon {
        padding: 24px 16px;
    }

    .mr-2 {
        margin-right: 0px !important;
    }

    .ml-2 {
        margin-left: 0px !important;
    }
    .mt-10{
        margin-top: 20px;
    }
   
}

.light-ribbon p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.mr-2 {
    margin-right: 20px;
}

.ml-2 {
    margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mr-2 {
        margin-right: 5px;
    }

    .ml-2 {
        margin-left: 5px;
    }
}