/* start global */
body {
    font-family: 'Nunito', sans-serif !important;
}

.color-rad {
    color: #E51837;
}

.bg-rad {
    background-color: #E51837;
}

.color-black-5 {
    color: rgba(0, 0, 0, 0.5);
}

.only-mobile
{
    display: none;
}
.text-bold {
    font-weight: bold;
}

.vh-90 {
    min-height: 90vh;
}
.vh-70 {
    min-height: 70vh;
}
textarea.form-control {
    min-height: calc(1.5em + (3.75rem + 2px));
    color: #000000;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    font-size: 1.375rem;
    display: flex;
    align-items: center;
}
/* end global */
/* start Nav */
.logo_6 {
    max-width : 590px;
    /* max-height: 163.89px; */
}

.logo_7 {
    max-width: 320px;
    /* max-height: 135.09px; */
}
.color-yellow{
    background-color: #FDB815
    ;
}
.Login{
    color: #E51837;
    background-color: rgba(229, 24, 55, .05);
}
.menu-upper{
    width: 75%;
    transform: translate(10%, 20px);
    -webkit-transform: translate(10%, 20px);
    -moz-transform: translate(10%, 20px);
    -ms-transform: translate(10%, 20px);
    -o-transform: translate(10%, 20px);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color      : #E51837;
    font-weight: bold;
    line-height: 18px;
    position: relative;

}

.navbar-light .navbar-nav .nav-link.active::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border: 2px solid #E51837;
    width: 50%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    transform: translate(50%, 0px);
    -webkit-transform: translate(50%, 0px);
    -moz-transform: translate(50%, 0px);
    -ms-transform: translate(50%, 0px);
    -o-transform: translate(50%, 0px);
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}

/* .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(229, 24, 55, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} */

.navbar-toggler:focus {
    text-decoration: none;
    outline        : 0;
    box-shadow     : none
}

/* End Nav */
/* start secretion 2 */

.bg-img {
    background-image   : url('../img/iimage_1png.png');
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : cover;
    height             : 80vh;
    position           : relative;
    z-index            : 1;
    overflow           : hidden;

}

.red-circle {
    width                : 55%;
    height               : 130%;
    background-color     : #FDB815;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius    : 50%;
    -o-border-radius     : 50%;
    position             : absolute;
    display              : flex;
    align-items          : center;
    justify-content      : center;
    z-index              : 1;
}

@media(max-width:767px) {
    .bg-img {
        background: #E51837 !important;
        height             : 100vh;
    }

    .only-mobile
    {
        display: block;
    }

    .mobile-size
    {
        max-width: 150px;
    }

}

.start-85 {
    left: 83% !important;
}

.red-circle::before {
    content              : "";
    position             : absolute;
    background-color     : #E51837;
    top                  : 0;
    right                : -30px;
    width                : 100%;
    height               : 100%;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius    : 50%;
    -o-border-radius     : 50%;
    z-index              : -1;
}

.header-title {
    z-index: 5;
}

.title {
    max-width     : 550px;
    font-style    : normal;
    font-weight   : 800;
    line-height   : 80px;
    text-transform: uppercase;
    color         : #FFFFFF;
}

.SubTitle {
    max-width  : 550px;
    font-style : normal;
    font-weight: 600;
    font-size  : 22px;
    line-height: 35px;
    color      : #FFFFFF;
}

.hedar__buttons .Apply {
    color           : #E51837;
    background-color: #fff;
    font-style      : normal;
    font-weight     : bold;
    font-size       : 22px;
    line-height     : 35px;
    border-radius   : 15px;

}

.hedar__buttons .Know {
    border               : 3px solid #fff;
    font-style           : normal;
    font-weight          : bold;
    font-size            : 22px;
    line-height          : 35px;
    border-radius        : 15px;
    color                : #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius   : 15px;
    -ms-border-radius    : 15px;
    -o-border-radius     : 15px;
}



/* End secretion 2 */
/* start pintes */
.bg-color-pens {
    background            : url('../img/color_pens_1.jpg');
    /* mix-blend-mode     : luminosity; */
    min-height            : 70vh;
    background-repeat     : no-repeat;
    background-position   : bottom;
    background-size       : cover;


}

.pintes {
    border-top: 10px solid #E51837;
}

.pintes-title {
    font-style    : normal;
    font-weight   : 800;
    line-height   : 68px;
    text-transform: uppercase;
    color         : #000000;
}

.pintes-SubTitle {
    font-style : normal;
    font-weight: 600;
    line-height: 45px;
    color      : #000000;
}

/* End pintes */
/* start Eligibility Criteria  section */
.bg-Eligibility-Criteria {
    /* min-height    : 80vh; */
    background: linear-gradient(180deg, rgba(253, 184, 21, 1), rgba(253, 184, 21, 1) 55%, rgba(229, 229, 229, 1), rgba(229, 229, 229, 1) 45%);
}

.Eligibility-title {
    font-weight   : 800;
    line-height   : 60px;
    text-transform: uppercase;
    color         : #000000;
}

.Eligibility-SubTitle {
    font-style : normal;
    font-weight: normal;
    line-height: 42px;
    /* identical to box height, or 140% */
    color      : rgba(0, 0, 0, 0.5);

}

.Eligibility-list .nav-item p {
    font-weight: 600;
    line-height: 35px;
    color      : #000000;
}

.Eligibility-Apply {
    color           : #fff;
    background-color: #E51837;
    font-style      : normal;
    font-weight     : bold;
    font-size       : 22px;
    line-height     : 35px;
    border-radius   : 15px;
}

/* End Eligibility Criteria  section */
/* Start upper */
.upper-color-red {
    background-color: rgba(229, 24, 55, 0.1);
}

.upper-color-red p {
    font-style : normal;
    font-weight: bold;
    line-height: 55px;
    text-align : center;
    color      : #E51837;
}

/* End upper */
/* Start footer */
.left-logo span {
    font-style    : normal;
    font-weight   : bold;
    line-height   : 42px;
    text-transform: capitalize;
    color         : #000000;
}

.logo-img-2 {
    max-width : 271.24px;
    max-height: 70px;
}

.logo-img-3 {
    max-width : 251.66px;
    max-height: 70px;
}

.logo-img-4 {
    max-width : 164.48px;
    max-height: 70px;
}

.bg-color-sim-dark {
    background-color: #26262B;
}

/* End footer */

/* start Application FAQs */
.bg-wavary {
    /* background: linear-gradient(rgba(229, 24, 55, 0.9) 100%, rgba(229, 24, 55, 0.9) 100%),
        url("../img/bg_1_wavay.png") center center no-repeat; */
    background-image: url('../img/bg_wavay_3.png');
    mix-blend-mode  : normal;
    height          : 20vh;
}

.block-title {
    font-style    : normal;
    font-weight   : 800;
    line-height   : 80px;
    text-transform: capitalize;
    color         : #FFFFFF;
}

.accordion-button::after {
    background-image: url('../img/arrow_down.svg');
    background-size : 1rem;

}

.accordion-button:not(.collapsed)::after {
    background-image: url('../img/arrow_up.svg');
    transform       : rotate(0);
}

.accordion-title {
    font-weight: bold;
    line-height: 45px;
    color      : #000000;
}

.accordion-content {
    font-style : normal;
    font-weight: 600;
    line-height: 40px;
    color      : #858585;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color           : #000;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow  : none;
}

.faq-page {
    padding-bottom: 64px;
}

.faq-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 56px 0 36px;
}

.faq-hero .ApplicationForm-intro-title {
    max-width: 780px;
}

.faq-hero .ApplicationForm-intro-title h2 {
    margin-bottom: 14px;
}

.faq-hero .ApplicationForm-intro-title p {
    margin-bottom: 0;
}

.faq-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #f8d35d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.faq-hero-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 6px;
    background: #ffffff;
    color: #234297;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.faq-hero-action:hover {
    color: #234297;
    background: #f8d35d;
}

.faq-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
}

.faq-panel,
.faq-support {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 30, 65, 0.16);
}

.faq-panel {
    padding: 18px;
}

.faq-accordion {
    display: grid;
    gap: 12px;
}

.faq-item {
    overflow: hidden;
    border: 1px solid #e7edf7;
    border-radius: 8px;
    background: #ffffff;
}

.faq-item .accordion-button {
    gap: 16px;
    min-height: 68px;
    padding: 18px 20px;
    background: #ffffff;
}

.faq-item .accordion-button:not(.collapsed) {
    background: #f5f8ff;
}

.faq-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: #eef3ff;
    color: #234297;
    font-size: 13px;
    font-weight: 800;
}

.faq-item .accordion-content {
    padding: 0 20px 20px 74px;
    line-height: 30px;
    color: #4e5869;
    font-weight: 500;
}

.faq-item .accordion-content p:last-child,
.faq-item .accordion-content ul:last-child,
.faq-item .accordion-content ol:last-child {
    margin-bottom: 0;
}

.faq-item .accordion-content li {
    margin-bottom: 8px;
}

.faq-benefit-table th {
    color: #234297;
    font-weight: 800;
}

.faq-benefit-note {
    color: #234297;
    font-weight: 800;
}

.faq-support {
    position: sticky;
    top: 24px;
    padding: 28px;
}

.faq-support h3 {
    margin-bottom: 12px;
    color: #17233f;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
}

.faq-support p {
    color: #5d6676;
    line-height: 28px;
}

.faq-contact-list {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.faq-contact-list a {
    display: block;
    padding: 12px 14px;
    border: 1px solid #e7edf7;
    border-radius: 6px;
    color: #234297;
    font-weight: 800;
    text-decoration: none;
}

.faq-contact-list a:hover {
    border-color: #234297;
    background: #f5f8ff;
}

.login-modal .modal-dialog {
    max-width: 460px;
}

.login-modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(12, 24, 54, 0.28);
}

.login-modal-header {
    align-items: flex-start;
    padding: 28px 30px 24px;
    border-bottom: 0;
    background: #234297;
    color: #ffffff;
}

.login-modal-kicker {
    display: inline-block;
    margin-bottom: 8px;
    color: #f8d35d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.login-modal-header .modal-title {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 32px;
}

.login-modal-header p {
    max-width: 340px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 22px;
}

.login-modal-close {
    flex: 0 0 auto;
    margin: 0;
    filter: invert(1) grayscale(1) brightness(2);
    opacity: 0.9;
}

.login-modal-body {
    padding: 30px;
    background: #ffffff;
}

.login-alert {
    margin-bottom: 20px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 22px;
}

.login-form {
    display: grid;
    gap: 18px;
}

.login-field label {
    display: block;
    margin-bottom: 8px;
    color: #17233f;
    font-size: 14px;
    font-weight: 800;
}

.login-field .form-control {
    min-height: 50px;
    border: 1px solid #dbe4f2;
    border-radius: 6px;
    color: #17233f;
    font-size: 15px;
}

.login-field .form-control:focus {
    border-color: #234297;
    box-shadow: 0 0 0 3px rgba(35, 66, 151, 0.12);
}

.login-submit {
    min-height: 50px;
    margin-top: 4px;
    border: 0;
    border-radius: 6px;
    background: #234297;
    color: #ffffff;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(35, 66, 151, 0.22);
}

.login-submit:hover,
.login-submit:focus {
    background: #f3362c;
    color: #ffffff;
}

.login-otp-input {
    text-align: center;
    font-size: 20px !important;
    font-weight: 800;
    letter-spacing: 0;
}

@media (max-width: 575px) {
    .login-modal .modal-dialog {
        margin: 14px;
    }

    .login-modal-header,
    .login-modal-body {
        padding: 22px;
    }

    .login-modal-header .modal-title {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 991px) {
    .faq-hero,
    .faq-shell {
        display: block;
    }

    .faq-hero-action {
        margin-top: 22px;
    }

    .faq-support {
        position: static;
        margin-top: 24px;
    }
}

@media (max-width: 575px) {
    .faq-page {
        padding-bottom: 36px;
    }

    .faq-hero {
        padding: 36px 0 24px;
    }

    .faq-panel,
    .faq-support {
        padding: 14px;
    }

    .faq-item .accordion-button {
        gap: 12px;
        padding: 14px;
        line-height: 26px;
    }

    .faq-number {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .faq-item .accordion-content {
        padding: 0 14px 16px;
        line-height: 28px;
    }
}

/* End Application FAQs */
/* start ApplicationForm */

.bg-texuer-page {
    /*background-image   : url('../img/bg-form.png');*/
    background-repeat  : no-repeat;
    background-position: top;
    background-size    : cover;
    min-height         : 100vh;
    background-color: red;

}

.border-form-10 {
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;

}

.ApplicationForm-intro-title h2 {
    font-style    : normal;
    font-weight   : 800;
    text-transform: capitalize;
    color         : #FFFFFF;
}

.ApplicationForm-intro-title p {
    font-family: Nunito;
    font-style : normal;
    font-weight: 400;
    line-height: 40px;
    color      : #FFFFFF;
}

.form-step-title span {
    border               : 2px solid #000;
    min-Width            : 50px;
    Height               : 50px;
    color                : #000000;
    text-transform       : uppercase;
    font-weight          : bold;
    line-height          : 45px;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius    : 50%;
    -o-border-radius     : 50%;
    text-align           : center;
}

.form-step-title h3 {
    color      : #000000;
    font-style : normal;
    font-weight: 400;
    line-height: 45px;
}

.form-questions-style {
    color         : #858585;
    text-transform: uppercase;
    font-style    : normal;
    font-weight   : normal;
    line-height   : 40px;
}

.form-answer-style {
    color      : #000000;
    font-style : normal;
    font-weight: 400;
    line-height: 40px;
    font-size  : 1.375rem;
}

.select-birth .form-select {
    border               : none;
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;
    background-image     : url('../img/arrow_down.svg');
    background-size      : 12px 12px;
    padding-left         : 20px;
}

.select-birth .form-select:focus {
    background-color: rgba(133, 133, 133, 0.05);
    box-shadow      : none;
}

.select-gender .form-check-input[type=checkbox] {
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;
}

.Course {
    color    : #858585;
    font-size: 12px;
}

.marks {
    color       : #858585;
    font-size   : 12px;
    padding-left: 1rem
}

.textarea-marks {
    border               : none;
    background-color     : rgba(133, 133, 133, 0.05);
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;
    padding              : 10px 5px;
}

.textarea-marks::placeholder {
    display   : flex;
    align-self: center;
    padding   : 20px 5px;
}

.textarea-address {
    border               : none;
    background-color     : rgba(133, 133, 133, 0.05);
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;
}

.textarea-ifsc {
    border               : none;
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;
}

.form-upload-style .form-control {}

.fileUpload {
    color      : #fff;
    font-size  : 1em;
    font-weight: bold;
    /*20px/16px 0*/
    overflow   : hidden;
    padding    : 0.875em;
    /*14px/16px*/
    position   : relative;
    text-align : center;
    cursor     : pointer;
    color      : #38B64A;
    font-style : normal;
    font-weight: normal;
    line-height: 40px;
}

.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
    background: #fff;
    cursor    : pointer;
}

.fileUpload input.upload {
    position : absolute;
    top      : 0;
    right    : 0;
    margin   : 0;
    padding  : 0;
    font-size: 20px;
    cursor   : pointer;
    opacity  : 0;
    filter   : alpha(opacity=0);
    width    : 148px;
    height   : 46px;
    cursor   : pointer;
}

input[type="file"] {
    position: fixed;
    right   : 100%;
    bottom  : 100%;
}

.custom-file-upload {
    border : 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor : pointer;
}

.form-check-box .form-check-input[type=checkbox] {
    border-radius        : 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius   : 0px;
    -ms-border-radius    : 0px;
    -o-border-radius     : 0px;

}

.form-check-box .form-check-label {
    line-height: 35px;
}

/* End ApplicationForm */
