﻿.application_sec {
    margin: 0;
    position: relative;
    z-index: 9999;
    background: #fff;
    height: 100vh;
}

    .application_sec > .row {
        background: #fff;
        position: relative;
    }

.AlreadyApplied_form {
    margin-top: 30px;
    height: 100vh;
}

    .AlreadyApplied_form p {
        font-size: 15px;
        font-weight: 500;
        color: #3b3b3b;
    }

.text_otp_btn {
    display: flex;
    place-items: center;
    margin-bottom: 30px;
}

.AlreadyApplied_form input[type=text] {
    margin: auto;
}

input::placeholder {
    color: #333;
}

.AlreadyApplied_form input[type=submit] {
    border: none;
    background: #005291;
    color: #fff;
    margin-left: 10px;
}

.enter_otp {
    margin-bottom: 20px;
}

.enter_otp_text {
    width: 30% !important;
    display: inline;
    margin-bottom: 20px !important;
}

.OTP_ProcessSubmit {
    width: auto !important;
    margin-left: 0px !important;
    padding: 10px 80px !important;
    font-size: 17px !important;
}

.setp1_effect, .setp2_effect, .setp3_effect, .setp4_effect {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 0px;
    padding: 10px 20px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.XthMarksheets_box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
}

.personalDetail_box {
    border-radius: 0px;
    padding: 10px 20px;
    margin-bottom: 0px;
}

    .personalDetail_box .nav.nav-tabs {
        border: none;
    }

        .personalDetail_box .nav.nav-tabs li {
            margin-right: 10px;
        }

            .personalDetail_box .nav.nav-tabs li button {
                background: #ffffff;
                color: #000000;
                font-weight: 500;
                font-size: 16px;
                border: 1.5px solid #f64891;
                border-bottom: none;
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
                height: auto;
                padding: 10px 40px;
            }

                .personalDetail_box .nav.nav-tabs li button.active {
                    background: #f64891;
                    color: #fff;
                }

.eduOther_box {
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 0px;
}

.payment_Box {
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 0px;
}

.sticky-tabs {
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99;
    background-color: #ffffff;
    left: 24.5%;
    right: 0;
}

.application_sec > .row > .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}

    .application_sec > .row > .col-md-3 > .more_info_admi {
        background: #f6f6f6;
        height: 100vh;
        position: fixed;
        width: 25.5%;
        padding: 15px 20px;
    }

.application_sec > .row > .col-md-9 {
    padding-left: 0px;
}

.more_info_admi {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    place-items: center;
    justify-content: center;
}

    .more_info_admi img {
        width: 60%;
    }

    .more_info_admi h4 {
        margin: 0;
        color: #3d3b3b;
        font-size: 2.5vw;
        font-weight: 600;
        padding: 0.5vw 0 1vw 0;
    }

    .more_info_admi p {
        margin: 0;
        color: #FFFFFF;
        font-size: 1.2vw;
    }

        .more_info_admi p a {
            color: #d9235c;
            text-decoration: underline;
            font-weight: 500;
        }

    .more_info_admi span {
        margin: 0;
        color: #3b3b3b;
        font-size: 1.05vw;
    }

        .more_info_admi span a {
            color: #d9235c;
            text-decoration: underline;
            font-weight: 500;
        }

.application_sec .form-control {
    margin-bottom: 5px;
}

.application_sec .form-select {
    margin-bottom: 5px;
}

.drag_dropPanel .form-control {
    margin-bottom: 0px;
}

.application_sec input, .application_sec select {
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    background-color: #fff;
    border-color: #bfc3c7a3;
    color: #3d3b3b;
    font-size: 13px;
}

    .application_sec select option {
        font-size: 13px;
    }

    .application_sec input:focus, .application_sec select:focus {
        outline: none;
        box-shadow: none;
    }

    .application_sec input[type=radio] {
        margin-bottom: 30px;
        width: auto;
        margin-top: 0px;
    }

.application_sec label {
    color: #3d3b3b;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 500;
}

.radio_span span {
    font-size: 13px;
}

.checkbox_content {
    margin-top: 3px;
}

    .checkbox_content p {
        font-size: 12px;
    }

        .checkbox_content p span {
            display: block;
            margin-top: 6px;
        }

    .checkbox_content input {
        vertical-align: middle;
        width: auto;
    }

.danger_content {
    font-size: 12px;
    font-weight: 500;
}


.FormButtonStyle {
    display: flex;
    place-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

    .FormButtonStyle button {
        background: #fff;
        color: #3b3b3b;
        border: 1px solid #005291;
        font-size: 16px;
        padding: 10px 15px;
        display: inline-block;
        border-radius: 5px;
    }

button.btn_previous {
    margin-right: 15px;
}

button.btn_next {
    background: #005291 !important;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 5px;
}

.country_mNO {
    display: flex;
    place-items: center;
    margin-top: 8px;
    align-items: flex-start;
    column-gap: 10px;
}

    .country_mNO select {
        width: 200px;
        margin-bottom: 0px !important;
    }

    .country_mNO input[type=mobile] {
        margin-bottom: 27px;
    }

input.SendOTP_btn[type=button] {
    border: none;
    background: #005291;
    color: #fff;
    margin-top: 20px;
    width: 150px;
}

input.SendOTP_btns[type=button] {
    border: none;
    background: #005291;
    color: #fff;
    margin-top: 0px;
    margin-left: 10px;
    width: 100px;
}

input.SendOTP_btn[type=submit] {
    border: none;
    background: #005291;
    color: #fff;
    margin-top: 20px;
    width: 150px;
    margin-left: 0px !important;
}


.loadingWithVerify_OTP {
    background: #005291;
    color: #fff;
    border: none;
    box-shadow: none;
    display: flex;
    place-items: center;
    width: 120px;
    border-radius: 5px;
    justify-content: center;
    padding: 6px 10px;
}

    .loadingWithVerify_OTP button {
        background: none;
        white-space: nowrap;
    }

    .loadingWithVerify_OTP div p {
        margin: auto;
    }

    .loadingWithVerify_OTP div svg {
        width: 30px;
    }

.loadingWithVerify_OTP_resend {
    display: flex;
}

    .loadingWithVerify_OTP_resend input {
        width: auto;
        margin-left: 20px;
        border: none;
        color: #f64891;
        font-weight: 600;
        font-size: 14px;
        text-decoration: underline;
    }

/* .enter_verifyOtp{display: flex; place-items: center;} */
.enter_verifyOtp input {
    margin-bottom: 0px !important;
}

.otp_sent_this_no {
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    color: #da0042;
}

.MarksinPercentage {
    margin-top: -27px;
}

p.lastdateapplys {
    background: #E91E63;
    padding: 10px;
    color: #fff !important;
    margin-bottom: 20px !important;
}
        .login-container {
            display: flex;
            width: 900px;
            height: 550px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
			margin:auto;
          
        }
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media only screen and (max-width: 767px) {
    .application_sec > .row {
        min-height: auto;
        height: auto;
    }

        .application_sec > .row > .col-md-3 > .more_info_admi {
            position: relative;
            width: 100%;
            height: auto;
            padding: 30px 20px;
        }

    .sticky-tabs {
        left: 0;
    }

    .more_info_admi {
        display: block;
    }

        .more_info_admi img {
            width: 40%;
        }

        .more_info_admi h4 {
            font-size: 5vw;
            margin: 10px 0px;
        }

        .more_info_admi p {
            font-size: 4vw;
        }

        .more_info_admi span {
            font-size: 3vw;
        }

    .application_sec > .row > .col-md-9 {
        padding: initial;
        height: auto;
        overflow: auto;
    }

    .setp1_effect, .setp2_effect, .setp3_effect, .setp4_effect {
        padding: 20px 12px;
    }

    .personalDetail_box .nav.nav-tabs li button {
        padding: 10px 15px;
    }

    .country_mNO select {
        width: 130px;
        font-size: 12px;
    }
    /* .country_mNO input[type=mobile]{width: 135px;} */
    .SendOTP_btn {
        padding: 8px 0px !important;
        font-size: 13px !important;
        width: 130px !important;
    }

    .SendOTP_btns {
        padding: 8px 8px !important;
        font-size: 13px !important;
        width: auto !important;
    }

    .loadingWithVerify_OTP_resend {
        margin-top: 15px;
    }

    .MarksinPercentage {
        margin-top: 0px;
    }

    .loadingWithVerify_OTP {
        margin-top: 10px;
    }
    .login-container {
        flex-direction: column;
        width: 100% !important;
        height: auto;
    }

    .left-panel, .right-panel {
        width: 100% !important;
    }

    .left-panel {
        padding: 30px;
    }
    .page-container {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding: 1.5rem;
    }

    .main-content {
        margin-left: 0;
        padding: 1.5rem;
    }

    .info-section {
        grid-template-columns: 1fr;
    }

    .profile-section {
        flex-direction: column;
        text-align: center;
    }

    .profile-image {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
}
