.srch-bar .cat-title {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 0
}

.srch-bar {
    background-color: #194294
}

@media screen and (max-width: 765px) {
    .d-flex.justify-content-between.mt-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .d-flex.justify-content-between.mt-3 > button,
    .d-flex.justify-content-between.mt-3 > div {
        margin: 10px 0
    }

    .certificate-section {
        zoom: 0.7;
    }
}