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

@font-face {
    font-family: 'Source Serif4-Semi-Bold';
    src: url('../fonts/SourceSerif4-SemiBold.ttf') format('truetype');
}

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

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

@font-face {
    font-family: 'SourceSans3-Medium';
    src: url('../fonts/SourceSans3-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSerif4-Light';
    src: url('../fonts/SourceSerif4-Light.ttf') format('truetype');
}


@font-face {
    font-family: 'SourceSerif4-SemiBoldItalic';
    src: url('../fonts/SourceSerif4-SemiBoldItalic.ttf') format('truetype');
}  

body {
    position: relative;
    background-image: url('../images/background_img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


.back_btn {
    width: 50px;
    position: fixed;
    left: 10px;
    bottom: 10px;
}
/*MASTER CSS START*/

.txt_prime {
    color: #fa1432;
}

.txt_second {
    color: #00005a !important;
}

.txt_underline{
    text-decoration:underline!important;
}

.btn_prime {
    background-color: #fa1432;
    color: #fff;
    border-radius: 0px !important;
}

.btn_second {
    background-color: #00005a;
    color: #fff;
    border-radius: 0px !important;
    padding: 7px 20px;
}

/*NAVBAR START*/
.navbar_outline {
    border-bottom: 2px solid #003466;
}

.navbar-brand {
    width: 150px; /* Custom width */
    display: flex; /* Makes it a flex container */
    align-items: center; /* Vertically centers the image */
    padding: 0; /* Removes extra padding */
}

    .navbar-brand img {
        max-width: 100%; /* Ensures the image doesn't overflow */
        height: auto; /* Keeps image proportionate */
        margin-left: 10px;
    }

.navbar-brand {
    height: auto !important;
}

.navbar .navbar-toggler:focus {
    box-shadow: none !important;
}



/*BANNE TYPE 1 START*/

.main_banner1 {
    position: relative;
    background-color: #f4f4f4;

}

.banner_content {
    position: absolute;
    top: 50px;
    right: 200px;
    width: 40%;
    padding: 30px;
    background-color: #ffff;
}

.details_result p {
    font-family: 'SourceSans3-Regular';
}

    .banner_content h3 {
        font-family: "Source Serif 4", serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 35px;
    }

    .banner_content p {
        font-family: "Source Sans 3", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
    }



/*PARAMETERS SECTION*/

.parameters_selection button {
    font-size: 30px;
    margin-top: 40px;
}


/*SECTION*/

.section_title1 h3 {
    font-family: 'SourceSans3-Regular';
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-top: 30px;
    /* margin-bottom: 30px; */
    font-size: 44px;
    text-transform: uppercase;
    /*  margin-bottom: 25px;*/
}
.section_title1 p {
 /*   font-family: 'SourceSansPro-Regular';*/
}

    
.nominator-box {
    padding: 5px;
}

    .nominator-box img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        object-position: top;
    }

    .nominator-box h4 {
        font-family: 'SourceSans3-SemiBold';
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        padding-top: 20px;
    }
.nominator-box_action .btn {
    font-family: 'SourceSans3-Regular'!important;
}
.nominator-box h6 {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

    .nominator-box p {
        font-family: "Source Sans 3", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
    }

    .nominator-box a {
     /*   text-decoration: underline;*/
    }

.nominator-inner-box {
    background-color: #def2fc;
    padding-bottom: 1px;
}

.nominator-box_action {
    padding-top: 20px;
}

    .nominator-box_action a {
        font-family: "Source Sans 3", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

/*MY NOMINATION PAGE*/

.mynomination {
    width: 100%;
    height: 100vh;
    background-image: url('../images/myNominationbg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.mynomination_inner_box p {
    margin-bottom: 0.5rem;
    font-family: 'SourceSans3-Medium'!important;
}

    .mynomination h3 {
        font-size: 40px;
        padding-top: 30px;
        font-family: 'SourceSans3-Regular';
    }

    .mynomination h4 {
        /*   font-family: 'Source Serif4-Semi-Bold';*/
        font-family: 'SourceSans3-SemiBold';
    }

.badge {
    background-color: #fa1432;
    border-radius: 0px;
}

.mynominationbox {
    border: 1px solid #c1c1c1;
    background-color: #fff;
}

    .mynominationbox p {
        margin-bottom: 10px;
        /*font-family: 'SourceSansPro-Regular'!important;*/
        font-weight: 500;
    }

    .mynominationbox span {
        font-family: 'SourceSans3-Regular';
    }

    .mynominationbox a {
        /*font-family: 'SourceSansPro-Regular'!important;*/
        font-weight: 500;
    }

.nom_num {
    color: #0e0e0e;
}

.nom_cat {
    color: #585858;
}

.mynomination_inner_box {
    border-right: 1px solid #c1c1c1;
    height: 100%;
}



/*NOMINATION DETAILS*/

.main_banner2 img {
    width: 1000px;
}


.banner_content_title {
    font-family: 'Source Serif4-Semi-Bold'!important;
}
.banner_box2 {
    position: relative;
}

    .banner_box2 .banner_content_title {
        position: absolute;
        top: 56%;
        left: 84%;
        transform: translate(-80%, -50%);
    }

        .banner_box2 .banner_content_title h3 {
            font-size: 82px;
            font-family: 'Source Serif4-Semi-Bold';
         
            font-optical-sizing: auto;
            font-weight: bold;
            font-style: normal;
            text-transform: uppercase;
        }

.nom_details {
    background-color: #f3fbfb;
    padding-bottom: 50px;
}

    .nom_details .details_title p {
        font-family: 'SourceSerif4-SemiBoldItalic';
        font-size: 20px;
      /*  font-style: italic;
        font-weight: 800;*/
    }

.nom_img {
    width: 100%;
    height: 180px;
  
    overflow: hidden;
  
    object-fit: fill;
}

.nom_my_img {
    height: 100%;
    object-fit: cover;
    width:100%
}



.details_result {
    color: #101010;
    font-size: 20px;
    font-family: 'SourceSansPro-Regular' !important;
}

.details_btn {
    background-color: #00005a;
    color: #ffff;
    border-radius: 0px;
    padding: 5px 25px;
}

.nomination_box .mt-20 {
    margin-top: 20px;
}


/*NOMINATION REGISTRATION*/

.nomination_box h3 {
    font-size: 40px;
    padding: 10px 0px 30px 0px;
     font-family: 'SourceSansPro-Regular' !important;
  /*  font-family: 'SourceSans3-Regular';*/
}
.nomination_box p {
    font-weight: 600;
    font-family: 'SourceSans3-Regular';
}


.btn-close-custom{
    top:6px!important;
    right:6px!important;

}
/*PARAMETERS*/
/* General Section Box Styling */
.section_box {
    padding: 20px 0;
}

/* Border around each parameter box */
.parameter_box {
    padding: 15px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Remove border from the last column */
.col-md-2:last-child .parameter_box {
    border-right: none;
}

/* Center the team_img and adjust image size */
.parameter_img img {
    width: 60%; /* Adjust as per requirement */
    max-width: 100px; /* Optional: Limit the max width */
}

/* Center-align text in team_desc */
.parameter_title h4 {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #231f20;
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.border-right {
    border-right: 1px solid #d9d8db;
}

.dashed-border {
    border: 1px dashed #00005a;
}

.single-dashed-border {
    border: 1px dashed #00005a; /* Single dashed border */
    position: relative; /* Allows positioning of the button */
    text-align: center;
    margin-bottom: 50px;
}

.nominate-btn {
    background-color: #00005a; /* Button background color */
    color: white; /* Text color */
    border: none; /* No border */
    padding: 10px 20px; /* Button padding */
    border-radius: 0; /* No border-radius */
    position: absolute; /* Absolute positioning for centering */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust the position to perfectly center */
    text-decoration: none;
}


/* Ensure row elements take up full height and align */
/*.row {
    display: flex;
    align-items: stretch;
}*/


.main_box {
    border: 1px solid #d8d8d8;
    padding: 5px;
}

.team_desc {
    padding: 0px 20px;
}


.divder {
    border: 1px dashed #00005a;
   /* margin: 20px 0px;*/
}



.team_img img {
    margin: auto;
}


.main_banner2 {
    background-color: #f3fbfb;
}



.box-wrapper {
    margin: 20px 0;
    display: flex;
}

.team_box {
    position: relative;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 0px;
    background-color: #fff;
    flex: 1; /* Ensures boxes stretch evenly */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Align the content */
    height: 316px;
}

    .team_box img {
        position: absolute;
        top: -26px;
        left: 50%;
        transform: translateX(-50%);
        width: 90px;
        height: 113px;
        border-radius: 50%;
      /*  background-color: #fff;*/
    }

    .team_box h3 {
        margin-top: 100px;
        font-size: 25px;
        font-family: 'SourceSerif4-Bold';
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
    }

    .team_box p {
        font-size: 16px;
        color: #303030;
        margin-top: 0px;
        font-family: 'SourceSans3-Regular';
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
    }

    .team_box .cta-buttons {
        display: flex;
        justify-content: space-between;
        margin-top: auto; /* Keep buttons at the bottom */
    }

        .team_box .cta-buttons a {
            font-family: 'SourceSans3-Regular';
            font-optical-sizing: auto;
            font-weight: 500;
            font-style: normal;
        }

    .team_box .btn-left {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 4px;
    }

    .team_box .btn-right {
        background-color: #28a745;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 4px;
    }

/* Responsive Fixes */
@media (max-width: 768px) {
    .box-wrapper {
        margin-bottom: 30px;
    }

    .mynomination h4 {
        padding-top: 20px;
    }

    .nomination_box .text-end {
        text-align: left !important;
    }

    .button-wrapper {
        width: 100%;
    }

        .button-wrapper a {
            font-size: 13px;
        }

    
}





/*NOMINATION FORM*/

.nomination_box {
    width: 100%;
    height: auto;
    background-image: url('../images/nomination_form_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 30px 0px;
}

.btn_link {
    color: #000;
    text-decoration: underline;
}

/*FAQ*/

.banner_section {
    overflow: hidden;
}

.banner_icon {
    top: -50px;
    right: -0px;
}

.category_title h4 {
    color: #003366;
    font-weight: 700;
    font-family: 'SourceSans3-SemiBold';
}

.category_title p {
    color: #101010;
    font-weight: 500;
    font-family: 'SourceSans3-Regular';
}

.category_btn {
    border-radius: 0px;
    background-color: #ed1c24;
    border: none !important;
    outline: none !important;
    font-family: 'SourceSans3-SemiBold';
    text-transform:uppercase;
}

.image-button-section {
    border-bottom: 2px solid #ed1c24;
    position: relative;
}

.faq_title {
    position: absolute;
    bottom: -40px;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, 0);
}

    .faq_title img {
        width: 60%;
    }

/* General Styling */
/* Custom CSS */
.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 */
}


/* Custom CSS for responsive behavior */
.banner_section {
    min-height: auto;
    padding: 32px;
}
.banner_bg {
    z-index: 1;
}

.video-container {
    position: relative;
    z-index: 2;
    background: #000;
    overflow: hidden;
}

.banner_icon {
    z-index: 3;
    right: 50px;
    top: 0px;
    transition: transform 0.3s ease;
}

    .banner_icon:hover {
        transform: scale(1.05);
    }

/* Custom circular close button */
.modal-content {
    border: 3px solid #f91431 !important;
    border-radius: 0 !important;
}

/* Custom close button */
.btn-close-custom {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #f91431 !important;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -20px;
    right: -20px;
    z-index: 1;
}

    .btn-close-custom:hover {
        background-color: #f91431;
        color: white;
    }

    .btn-close-custom span {
        font-size: 1.5rem;
        line-height: 1;
        font-weight: bold;
        margin-top: -7px;
    }


.modal-content h5 {
    font-family: 'SourceSerif4-Bold';
    font-size: 18px;
}

.modal-content p {
    font-family: 'SourceSans3-Regular';
}
/* Bullet point styling */
.bullet-point {
    font-size: 1.5rem;
    line-height: 1.2;
    color: #f91431;
    width: 24px;
    text-align: center;
    margin-top:-4px;
}

.accordion-item {
    margin-bottom: 20px;
}

@media (min-width: 600px) and (max-width: 899px) {
    .nomination_box {
        height: 100vh!important
    }
    .mynomination {
        height: 100vh !important
    }
}

/* Responsive adjustments */
@media (max-width: 767.98px) {

    .nomination_box {
        height:auto!important
    }
        .video-container {
        margin: 0px !important;
    }

    .banner_section .position-relative {
        padding: 0px !important;
    }

    .banner_section {
        min-height: auto;
        padding: 0px;
    }

    .accordion-item {
        margin-bottom: 7px;
    }

    .contact_us {
        margin: 0px 30px !important;
    }

    .video-container {
        margin: 20px auto;
    }

    /* Show icon on mobile but position differently */
    .banner_icon {
        display: block !important;
        position: relative;
        margin: 20px auto 0;
        text-align: center;
        right: auto;
        bottom: auto;
    }
    .nom-details-mob{
        width:100%!important;
    }
    .nom-details-mob::placeholder{
        font-size:13px!important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .banner_icon {
        max-width: 100px;
        right: 15px;
        bottom: 15px;
    }
}



/* Mobile-specific styles */
@media (max-width: 768px) {
    .dropdown-title {
        font-size: 14px;
    }

    .dropdown-header {
        padding: 10px;
    }

    .dropdown-menu-custom p {
        font-size: 13px;
    }

    .custom-dropdown {
        border-radius: 5px;
    }

    .faq_title {
        bottom: -20px;
    }

    .banner_icon {
        top: 15px !important;
    }

        .banner_icon img {
            max-width: 96px !important;
        }
    .nom_img {
        height: 250px;
    }
}

.btn_contact {
    background-color: #fa1432;
    color: #fff;
    border-radius: 0px;
    margin-bottom: 50px;
    font-family: 'SourceSans3-SemiBold';
}


.btn_contact_nav {
    background-color: #fa1432;
    color: #fff;
    border-radius: 0px;
     margin-right: 20px; 
}

.accordion-header span {
    font-weight: 600;
    font-family: 'SourceSans3-Medium';
    color: #003366!important;
}

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

.my-lg-5 {
    margin-bottom: 0px !important;
}


.category_title
{
    padding-top:5px;
}



/* SSO LOGIN*/

.sso-container {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    max-width: 450px;
    width: 100%;
}

.sso-login .btn {
    padding: 12px 24px;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
}

    .sso-login .btn i {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .sso-login .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

.powered-by {
    margin-top: 1.5rem;
    font-size: 0.85rem;
    color: #6c757d;
}

/*MEDIA QUERIES*/
@media (max-width: 1200px) {
    .banner_content {
        position: absolute;
        top: 50px;
        right: 18px;
        width: 52%;
        padding: 30px;
        background-color: #ffff;
    }
    .banner_box2 .banner_content_title h3 {
        font-size: 68px;
    }
        .banner_icon {
        top: 50px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .video-container {
        padding-top: 50px;
    }
}

@media (max-width: 1350px) {
    .banner_content p {
        font-size: 16px;
    }
    .team_box h3 {
        font-size: 21px;
    }
    .team_box .cta-buttons a {
        font-size: 12px;
    }
}

    @media (max-width: 991px) {


       

        .banner_content {
            position: relative;
            top: -109px;
            width: 90%;
            left: 0px;
            background-color: #ffff;
            margin: auto;
        }

        .banner-img {
            width: 100%;
        }

        .banner_icon {
            display: none !important;
        }

        .banner_box2 .banner_content_title h3 {
            font-size: 40px;
        }

        .mynomination_action {
            margin-top: 20px;
            text-align: center;
        }

        .rm_border_md {
            border-right: none !important;
        }

        .navbar .navbar-brand {
            width: 35%;
        }

        .navbar .navbar-toggler {
            background-color: transparent !important;
            border: none !important;
            text-align: right !important;
        }

            .navbar .navbar-toggler img {
                width: 50%;
            }

        .team_box img {
            width: 80px;
            height: 100px;
        }
        .team_box h3 {
            margin-top: 80px;
            font-size: 14px !important;
        }
        .team_box {
            padding: 12px;
            height: 250px;
        }

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

    @media (max-width: 767px) {


        .nom_details .details_title p {
            font-size: 25px;
        }


        .main_banner1 {
            background: #f4f4f4;
          /*  height: 730px;*/
        }

            .main_banner1 .container {
                max-width: 100% !important;
                padding: 0px !important;
            }

        .banner_content {
            position: relative;
            top: -182px;
            width: 90%;
            left: 0px;
            background-color: #ffff;
            text-align: left;
            margin: auto;
        }

            .banner_content img {
                margin: auto;
            }

            .banner_content h3 {
                font-size: 25px;
                margin-top: 0px;
            }

        .banner_box2 .banner_content_title h3 {
            font-size: 30px;
        }

        .parameters_selection button {
            margin-top: 0px;
        }

        .mynomination_inner_box {
            border: none !important;
            text-align: center;
        }

        .main_banner2 .banner_content_title {
            font-size: 34px;
        }

        .parameter_box {
            border-right: none !important;
        }

        .btn_mob_center {
            text-align: center;
        }

        .navbar .navbar-brand {
            width: 30%;
        }

        .main_banner2 .container {
            padding: 0px;
        }

        .section_title1 h3 {
            font-size: 35px;
        }
    }

    @media (max-width: 576px) {
        .banner_box2 .banner_content_title {
            position: absolute;
            top: 75% !important;
            left: 50%;
            transform: translate(-50%,0%);
            text-align: center;
        }

            .banner_box2 .banner_content_title h3 {
                font-size: 40px;
            }

        .nom_details .text-end, .text-start {
            text-align: center !important;
        }
        .mob-parameter h5{
            font-size:14px;
        }
        .team_box h3 {
            font-size: 16px;
        }
        .team_box .cta-buttons a {
            font-size: 10px;
        }
        .team_box {
            padding: 15px!important
        }
        .nominator-box h4 {
            /*padding-top:1px;*/
        }
            /*    .top5_mob {
            text-align:left!important;
        }*/
        }

    @media (max-width: 350px) {
        .navbar .navbar-brand {
            width: 25%;
        }
    }

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -100px;
    margin-top: var(--bs-dropdown-spacer);
}

.param-container {
    position: relative;
    z-index: 2;
}

    .param-container h2 {
        font-family: 'SourceSans3-Regular';
    }
.parameter-title {
    font-family: 'SourceSans3-SemiBold';
}


.top-nominations h2 {
    text-transform: uppercase;
    font-family: 'SourceSans3-Regular';
}

.break-word {
    word-wrap: break-word; /* For legacy */
    overflow-wrap: break-word; /* Modern browsers */
    word-break: break-word;
}


.floating-tutorial-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #fa1432;
    color: white;
    padding: 10px 18px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

    .floating-tutorial-btn:hover {
        background-color: #00005a;
        transform: scale(1.05);
    }

    .floating-tutorial-btn i {
        font-size: 18px;
    }