.whatmakesus{
    padding: 0px 0 96px 0;
}

.whatmakesus .qualities-ribbon .qualities-btn{
    width: 247px;
}

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

.whatmakesus .plan-modal .modal-title {
    margin-bottom: 24px;
}

.whatmakesus .plan-modal .modal-body {
    padding: 56px;
}

.whatmakesus .modal-content .btn-close{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

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

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

.qualities-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 screen and (min-width: 1440px){
    .qualities-ribbon h3{
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    
    .qualities .our-service{
        justify-content: unset;
    }
    
    .qualities .service_lists p{
        height: 100%;
    }

    .qualities .link_btn{
        height: 100%;
        min-height: 48px;
        max-height: 48px;
    }

    .qualities .service_lists h3 {
        min-height: 80px;
    }
}

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

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

    .qualities h3{
        font-size: 42px;
        line-height: 44px;
    }
}

@media screen and (max-width: 630px) {
    .whatmakesus .plan-modal .modal-body {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 767px) {
    .whatmakesus .qualities-ribbon .qualities-btn{
        width: 100%;
        max-width: 358px;
    }
    
    .whatmakesus{
        padding-bottom: 64px;
    }
    .qualities .service_lists p{
        width: 240px;
    }
    .our-service {
        flex: 100% !important;
    }

    .service_lists {
        display: flex;
        flex-direction: column;
    }

    .qualities h2 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom:0;
    }

    .qualities .service_lists .our-service:first-child h3 {
        margin-top: 0;
    }

    .qualities .service_lists {
        display: flex;
        flex-direction: column;
        margin: 32px 0 64px 0;
        gap: 48px !important;
    }
    .qualities   .our-service {
        display: block;
    }
    .our-service img {
        float: right;
        width: 100%;
        max-width: 80px;
        height: 80px;
    }
    .qualities .link_btn{
        max-width: 100%;
    }

    .hide-mob {
        display: none;
    }

    .qualities-ribbon label {
        display: none;
    }

    .qualities-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;
    }

    .qualities-ribbon h3 {
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }

    .qualities .service_lists h5{
        font-size: 24px;
        line-height: 28.8px !important;
    }

    .qualities-ribbon {
        padding: 32px 16px;
        flex-direction: column;
        gap: 24px;
        left: 50%;
        margin-left: -50vw;
        position: relative;
        width: 100vw;
        border-radius: 0;
    }

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

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

@media only screen and (min-width: 767px) and (max-width:990px) {
    .our-service {
        flex: 30% !important;
    }
}

@media screen and (max-width: 600px) {
    .whatmakesus .qualities-ribbon .qualities-btn{
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .qualities .service_lists h3 {
        white-space: nowrap;
    }

    .qualities .service_lists p {
        min-height: 90px;
    }
}

@media screen and (max-width: 390px) {
    .qualities h3 span{
        display: block;
    }
}