@font-face {
    font-family: 'SourceSans3-Bold';
    src: url('../fonts/SourceSans3-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Regular';
    src: url('../fonts/SourceSans3-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-SemiBold';
    src: url('../fonts/SourceSans3-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSerif4-Bold';
    src: url('../fonts/SourceSerif4.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSerif4-Italic';
    src: url('../fonts/SourceSerif4-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}



.main-content label {
    font-family: 'SourceSans3-Regular';
    color: #151515;
    font-weight: 500;
}


/* Navbar */
.navbar-custom {
    background: #fff;
    border-bottom: 2px solid var(--primary-color);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.navbar-expand-lg {
    border-bottom: 2px solid #003366;
}

.navbar-custom .nav-link {
    color: #000;
    font-weight: 500;
    padding: 8px 14px;
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: bold;
}
/* Divider between menu items */
.navbar-nav .nav-item:not(:last-child) .nav-link::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 65%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: silver;
}

.brand-logo1 {
    height: 40px;
    width: auto;
}

.brand-logo2 {
    height: 60px;
    width: auto;
}

.logo-divider {
    width: 2px;
    height: 32px;
    background: #021e5e;
    margin: 0 12px;
}

.navbar-nav {
    padding-top: 25px;
}

    .navbar-nav li a {
        text-transform: uppercase;
        font-family: 'Source Sans 3', sans-serif;
        color: #223b73 !important;
    }

/*HOME PAGE START*/

.main_banner {
    background-image: url('../images/main_banner.jpg');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

    .main_banner .banner-content h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #fa1432;
        font-size: 40px;
    }

.sub-tittle {
    color: #003974;
    font-family: 'SourceSerif4-Italic';
    font-size: 25px;
}

.main_banner_mob {
    background-color: #dff1fe;
    padding-bottom: 20px;
}

    .main_banner_mob .banner-content h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #fa1432;
        
        font-size: 25px;
        padding: 10px;
    }



.main_banner .apply_offer {
    font-family: 'SourceSans3-SemiBold';
    color: #000;
    border: 2px solid #fa1432;
    display: inline-block;
    padding: 10px 120px 10px 20px;
    border-radius: 50px;
    position: relative;
    margin: 20px 0px;
}

    .main_banner .apply_offer .amt_img {
        position: absolute;
        right: -30px;
        top: -26px;
    }

.main_banner_mob .apply_offer {
    font-family: 'SourceSans3-SemiBold';
    color: #000;
    border: 2px solid #fa1432;
    display: inline-block;
    padding: 20px 90px 80px 90px;
    border-radius: 100px;
    position: relative;
    margin: 20px 0px;
}

    .main_banner_mob .apply_offer .amt_img {
        position: absolute;
        bottom: -57px;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 33%;
    }

.main_banner_mob .last_date_cta {
    margin-top: 80px;
}

.eligibility .col-1 {
    width: auto;
}


.apply_offer p {
    margin: 0px !important;
    font-size: 21px;
    font-family: 'SourceSans3-SemiBold';
}

.last_date_cta {
    background-color: #00005a;
    color: #fff !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 20px;
   /* width:90%*/
}

    .last_date_cta p {
        margin: 0px !important;
        font-size: 20px;
        font-weight:bold;
    }

.lstdat_cta {
    text-transform: uppercase;
    text-decoration: underline;
    color: #fff !important;
}

.eligibility {
    padding: 50px 0px;
}

    .eligibility h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #fa1432;
    }

    .eligibility ul li {
        font-family: 'SourceSans3-Regular';
        font-weight: 600;
        margin-bottom: 6px;
    }

    .eligibility ul {
        list-style: none;
        margin: 0px !important;
        padding: 0px !important;
    }

.about_award {
    background-image: url('../images/about_award_bg.png');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}

    .about_award h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #fa1432;
        font-size:35px;
    }

    .about_award p {
        font-family: 'SourceSans3-Regular';
        font-weight: 500;
    }

.mob_about_award p {
    font-family: 'SourceSans3-Regular';
    font-weight: 500;
    padding: 0px 30px;
}

.about_award a {
    color: #00005a;
    text-decoration: none;
    font-family: 'SourceSans3-Regular';
    font-weight: 600;
}

.mob_about_award a {
    color: #00005a;
    text-decoration: none;
    font-family: 'SourceSans3-Regular';
    font-weight: 600;
    margin-left: 30px;
}

.mob_about_award .arrow {
    width: 5%;
}

.mob_about_award {
    background-color: #add9e0;
    padding-bottom: 20px;
}

    .mob_about_award .banner {
        position: relative;
        margin-bottom: 30px;
    }

        .mob_about_award .banner h3 {
            position: absolute;
            top: 50%;
            left: 60%;
            width: 50%;
            transform: translate(-50%, -50%);
            font-family: 'SourceSans3-Bold';
            text-transform: uppercase;
            color: #fa1432;
        }

.footer {
    background-color: #fa1432;
    padding: 50px;
}

    .footer img {
       /* width: 30%;*/
       margin:auto;
    }
/*HOME PAGE END*/


/*ABOUT PAGE START*/

.about_award2 {
    background-image: url(../images/about_award_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 32px 0px;
    background-position: top left;
}

    .about_award2 h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #00005a;
    }

    .about_award2 p {
        font-family: 'SourceSans3-Regular';
        font-weight: 500;
    }

.award_category {
    background-color: #def6f6;
    padding: 30px 0px;
}

    .award_category h3 {
        color: #00005a;
        text-transform: uppercase;
        font-family: 'SourceSans3-Bold';
    }


.eligibility2 {
    padding: 50px 0px;
}

    .eligibility2 h3 {
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        color: #00005a;
        margin-bottom: 30px;
    }


    .eligibility2 .col-11 {
        font-family: 'SourceSans3-Regular';
        font-weight: 600;
    }

.eligibility .col-11 {
    font-family: 'SourceSans3-Regular';
    font-weight: 600;
}
.eigibility_offer p {
    margin-top: 20px;
    border: 1px solid #e2e2e2;
    display: inline-block;
    padding: 15px;
    font-weight: 600;
}
/*ABOUT PAGE END*/


/*LOGIN PAGE START*/
.login {
    /*background-color:#eff4ff;*/
    height: 90vh;
    padding: 20px;
    position: relative;
    background: linear-gradient(to right #bbe2e1, #eff4ff);
}

.login_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fa1432;
    border-radius: 10px;
    background: linear-gradient(to right, #bbe2e1, #66aaab);
    background-image: url('../images/login-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 65%;
    padding: 35px 0px 95px 0px;
    background-position: bottom right;
}

.mobilefeild::placeholder {
    font-size: 16px;
    color: #9c9c9c;
    opacity: 1;
    font-family: 'SourceSans3-Regular';
    padding-left:6px;
}

.login-input {
    width: 240px;
    height: 40px;
    border-radius: 0px !important;
    border: 2px solid #9c9c9c;
    background-color: #f7f7f7;
}

.login-feild {
    margin: 10px 0px;
}

.login_box h3 {
    font-family: 'SourceSans3-Bold';
    text-transform: uppercase;
    color: #fa1432;
    font-size: 40px;
    padding-left:40px
}

.login_box p {
    font-family: 'SourceSerif4-Bold';
    font-weight: bold;
    padding-left: 40px;
    margin: 0px;
    font-size: 20px;
}

.login_box a {
    font-family: 'SourceSerif4-Bold' !important;
    font-style: italic;
    padding-left: 40px;
    margin: 0px;
    font-weight: bold;
    display: block;
}

.resend-otp {
    font-family: 'SourceSans3-SemiBold';
    text-transform: uppercase;
    text-decoration: underline;
    font-style: normal !important;
    color: #6c6c6c;
    font-size: 14px;
}

.login-feild {
    background-color: #fff;
    display: table;
    padding: 20px 120px 35px 35px;
    border-radius: 0px 80px 80px 0px;
}

    .login-feild h4 {
        font-family: 'SourceSans3-SemiBold';
        font-size:28px;
    }

.btn-login {
    background-color: #fa1432;
    color: #fff;
    border: none !important;
    margin-left: 20px;
    height: 40px;
    margin-top: -7px
}

.btn-knowmore {
    background-color: #fa1432;
    color: #fff;
    border: none !important;

    height: 40px;

}

.btn-login:hover {
    background-color: #fa1432;
    color: #fff;
    border: none !important;
    /*  margin-left: 20px;*/
}
    /*LOGIN PAGE END*/
    .text_prime {
        color: #00005a;
    }

.text_second {
    color: #fa1432;
}


/* Hero Section */
.hero-section {
    background: #eef4fa;
    padding: 10px 0px 0px 0px;
    border-bottom: 2px solid #fa1432;
}

.hero-text {
    color: #fa1432;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700; /* Bold (Roman Bold) */
    text-transform: uppercase;
}

    .hero-text h2 {
        font-size: 44px;
        font-weight: bold;
        margin: 0px;
    }

    .hero-text h1 {
        font-size: 55px;
        font-weight: bold;
    }


/*MAIN CONTENT*/

.input95 {
    width: 95%;
}

.input30 {
    width: 30%;
}

.inputfeild {
    height: 28px;
    margin-bottom: 10px;
    border-radius: 0px !important;
    border: 1px solid #acacac !important;
}

.main-title h4 {
    color: #00005a;
    text-transform: uppercase;
}

.main-title p {
    color: #95979a;
}


/* Button Section */
.button-section {
    position: relative;
    padding: 60px 0;
    text-align: center;
}

.button-wrapper {
    display: inline-flex;
    gap: 20px;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

    .button-wrapper a {
        background-color: #fa1432 !important;
        color: #fff !important;
    }

.button-section .bckLine {
    position: absolute;
    display: block;
    width: 100%;
    border: 1px dashed #003974;
    top: 50%;
}

.attach {
    color: #000;
    font-weight: bold;
    background-color: #ebebeb;
    padding: 10px;
    border-radius: 10px;
}


/*FAQ SECTION START*/
.faq_banner {
    background-color: #eff4fa;
    border-bottom: 2px solid #fa1432;
}

    .faq_banner .faq_title h3 {
        font-size: 30px;
        color: #fa1432;
        font-family: 'SourceSans3-Bold';
        text-transform: uppercase;
        font-size: 65px;
    }

.accordion {
    margin-top: 50px;
}

.accordion-button {
    padding-left: 2.5rem;
    outline: none !important;
    border: 1.5px solid #E3E3E4 !important;
    border-radius: 0px !important;
}

    .accordion-button:focus {
        box-shadow: none !important;
    }

    .accordion-button:not(.collapsed) .accordion-arrow {
        transform: rotate(180deg);
    }

.accordion-arrow {
    position: absolute;
    left: 1rem;
    transition: transform 0.3s ease;
}

.accordion-button::after {
    display: none; /* Hide Bootstrap's default arrow */
}

.accordion-header {
    font-family: 'SourceSans3-SemiBold';
}

.accordion-body {
    font-family: 'SourceSans3-Regular';
}

.accordion-button {
    color: #00005a !important;
}

/*FAQ SECTION END*/


/*TERMS & CONDITION START*/

.term_condition_content .temscon_title {
    font-family: 'SourceSans3-SemiBold';
    text-transform: uppercase;
    color: #00005a !important;
    margin-top: 20px;
}

.term_condition_content .temscon_desc p {
    font-family: 'SourceSans3-Regular';
    margin-bottom: 5px;
    color: #757575;
}

.term_condition_content .temscon_desc td {
    font-family: 'SourceSans3-Regular';
}

/*TERMS & CONDITION END*/


@media only screen and (max-width: 991px) {
    .about_award2 {
        background-position: center;
    }

    .input30 {
        width: 100%;
        margin-top: 10px;
    }

    .login_box {
        width: 90%;
    }
}

@media only screen and (max-width: 767px)
{
    .last_date_cta p {
    
        font-size: 15px;
        
    }

    .mob_about_award img {
        width: 100%;
    }

    .aboutmobbanner1 {
        position: relative;
    }

    .aboutmobbanne1rtxt {
        position: absolute;
        left: 60%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        width: 56%;
    }

    .brand-logo1 {
        height: 35px;
    }

    .brand-logo2 {
        height: 50px;
    }

    .logo-divider {
        margin: 0px 0px;
    }

    .aboutmobbanne1rtxt h3 {
        font-family: 'SourceSans3-Bold';
        font-weight: bold;
        color: #00005a;
        font-size: 33px;
    }

    .aboutmobtext1 {
        background-color: #bce1e5;
        padding: 20px 0px;
    }

        .aboutmobtext1 p {
            font-family: 'SourceSans3-Regular';
            font-weight: 500;
            font-size: 20px;
        }

    .login_box h3 {
        font-size: 25px;
        text-align: left !important;
        padding-left: 20px;
    }

    .login_box p {
        padding-left: 20px;
    }

    .login-feild {
        padding: 15px 10px 15px 20px;
        border-radius: 0px 80px 80px 0px;
    }

    .login_box a {
        padding-left: 20px;
    }

    .mobilefeild {
        display: block;
    }

    .btn-login {
        display: inline-block;
        margin-left: 0px;
        margin-top: 10px;
    }

    .login_box a {
        display: inline-block;
    }

    .sub-tittle {
        padding: 0px 20px;
        font-size:20px;
    }

    .footer {
        background-color: #fa1432;
        padding: 20px 10px 20px 10px;
    }

        .footer img {
            width: 50%;
        }


    .faq_banner .faq_title h3
    {
        text-align:center!important;
        font-size:28px!important;
        padding:20px 0px;
    }
    .hero-text h2 {
        text-align: center !important;
        font-size: 26px !important;
        padding: 20px 0px 0px 0px;
    }

    .hero-text h1 {
        text-align: center !important;
        font-size: 35px !important;
        padding: 20px 0px;
    }

    .hero-section img{
        width:50%;
    }

    .inputfeild {
        width: 100%
    }

    .attach{
        margin-left:0px!important;
        margin-top:4px!important;
        display:inline-block;
    }

    .login_box {
        background-image: url('../images/login-mob-bg.png');
        padding: 30px 0px 122px 0px;
    }

    .mob-footer {
        position: absolute;
        bottom: 5px;
        margin-top: 20px;
    }


    .mob-footer p{
   
        padding-top: 20px;
    }

    .resend-otp {
   
        display: block;
        text-align: left !important;
    }
    .last_date_cta {
     
        width:90%;
    }

    .btn-knowmore {
   margin-left:30px;
    }

    .main_banner_mob .apply_offer {

        margin: 0;
    }

    .amt_img img{
        width:75%;
    }
}

@media only screen and (max-width: 560px) {
    .aboutmobbanne1rtxt h3 {
        font-family: 'SourceSans3-Bold';
        font-weight: bold;
        color: #00005a;
        font-size: 28px;
    }

    .main_banner_mob .apply_offer {
        padding: 15px 60px 25px 60px;
    }

    .apply_offer p {
        font-size: 18px;
    }

    .main_banner_mob .apply_offer .amt_img {
        bottom: -68px;
    }

    .footer img {
        width: 100%;
    }
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0!important;
    margin-top: .125rem;
    width:200px;
}

.profile_nav{
    text-transform:uppercase;
    color:blue;
    font-weight:bold;
}

.button-wrapper .btn-danger {
    background-color: #fa1432 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'SourceSans3-Regular';
}




.no-arrows {
    -moz-appearance: textfield;
    appearance: textfield;
}

    .no-arrows::-webkit-outer-spin-button,
    .no-arrows::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }