body {
    text-transform: capitalize;
}
.mp-header-font {
    font-size: 40px;
    color: #01215C;
    font-weight: bold;
}

.mp-regular-font {
    font-size: 16px;
    color: #01215C;
}
.mp-comment-font {
    font-size: 13px;
    color: #01215C;
}

.w-66 {
    width: 66%;
}


.mp-blue-gradient {
    background: radial-gradient(368.11% 476.83% at 69.04% 95.47%, #5186ED 2.26%, #305996 18.24%, #123487 46.17%)
}
.mp-white-text{
    color:#ffffff;
}

.btn-pink {
    background-color: #FF2557;
    color: #ffffff;
}

.btn-pink:hover {
    background-color: #ffffff;
    color: #FF2557;
    border: 1px solid #FF2557;
}

.btn-pink:disabled {
    background-color: #30303080;
    color: #FFFFFF66;
}

.btn.btn-outline-primary {
    border-color: rgba(18, 52, 135, 1) !important;
    color: rgba(18, 52, 135, 1) !important;
}

.btn.btn-outline-primary:hover {
    background-color: rgba(18, 52, 135, 1) !important;
    color: white !important;
}
.mw-75{
    max-width:75%;
}

#toolbar {
    height: 60px;
    box-shadow: 0px 0px 9.2px 0px #12348747;
}
#mainBody {
    padding-top: 60px;
}
.mp-input-blue {
    border: 0.94px solid #01215C;
}

.input-blue::placeholder {
    color: #01215C;
}

.z-index-under {
    z-index: -10;
}
.mp-mobile-bc{
    position:absolute;
    transform:translateY(-25%);
}

.modal-with-image .image-out img,
.modal-with-image img.image-out {
    position: absolute;
    width: 18%;
}
.modal-backdrop.show {
    opacity: 1;
    background-color: #343434;
}
@media (max-width:767px) {
    #toolbar {
        height: 50px;
    }

    #mainBody {
        padding-top: 50px;
    }

    .mp-header-font {
        font-size: 30px;
    }

    .mp-input-blue {
        line-height: 42px;
    }

    .mp-comment-font {
        color: #ffffff;
    }

    .mp-mobile-white-font {
        color: #ffffff !important;
    }

    .mp-comment-font a,
    .btn-link {
        color: #ffffff;
    }

    .mp-mobile-fixed-bottom {
        position: sticky;
        bottom: 5%;
        min-width: 56%;
    }
}