/****** PLACE YOUR CUSTOM STYLES HERE ******/

.screen {
    max-height: 550px;
    max-width: 310px;
}

.bg-custom {
    background-color: rgb(183, 183, 201);
}

.text-custom {
    color: white;
}

input[type="submit"], button[type="submit"] {
    border: 2px solid #380079;
    background: #380079;
    color: #fff;
}

.logo_text {
    color: #fff;
    /* letter-spacing: 7px; */
    font-weight: 700;
    padding-top: 3%;
}

.logo_text_bottom {
    color: #8c8c8c !important;
    /* letter-spacing: 6px; */
    font-weight: 700;
    /* padding-top: 3%; */
}

.logo_text_middle {
    letter-spacing: 0px !important;
    font-weight: 700;
    /* padding-top: 3%; */
}

.sup_top {
    font-size: 33%;
    vertical-align: super;
    top: -0.3em !important;
}

.sup_middle {
    font-size: 33%;
    vertical-align: super;
    top: -0.25em;
}

.sup_bottom {
    font-size: 33%;
    vertical-align: super;
    top: -0.13em !important;
}

.sup_end {
    font-size: 33%;
    vertical-align: super;
    top: -0.05em !important;
}

.dripped {
    letter-spacing: 1px !important;
}

.reg-btn {
    font-size: 150%;
    font-weight: 500;
}

/* styling for brta */

.custom-design {
    background-color: #f3f3f3;
    padding: 15px 2px;
    border-radius: 30px;
    text-align: center;
}

.img-person {
    height: 80vh;
    margin: 0 20%;
}

@media (min-width: 991px) and (max-width: 1440px) {
    .img-sec {
        margin-top: 150px;
    }
}

.custom-style2 {
    padding: 15px 2px;
    border-radius: 30px;
    background-color: #f3f3f3;
}