body {
    padding-top: 56px;
}
.logoimg {
    /* margin-right: 20px; */
    height: 300px;
    width: 300px;
}
/* navbar css star */
.navbar-top-margin{
    margin-top: 78px;
}

/* .container-fluid{
margin-bottom: 10px;
} */

.text-center {
text-align: center; /* Centers text horizontally */
justify-content: center;
margin: auto;
color: white;
}

.bg-custom-color {
/* background-color: #1626ec; */
background-color: #0d0e10;

}
/* <!-- latest update div start/ colour full div--> */
.box {
    height: 80px; /* Fixed height for each box */
    color: white; /* Text color */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /*border: 2px;*/
    /*font-weight: bold;*/
    font-size: 16px !important; /* Increased font size by 1.5x */
    border-radius: 8px; /* Rounded corners */
}



.box:hover {
    opacity: 0.9; 
    /* Slightly transparent on hover */
    text-decoration: none; /* Remove underline from links */
}


/* <!-- latest update div end --> */


/* main ::content */
.info-header {
    font-size: 25px;
    font-weight: bold;
    background-color: #ec5716;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    padding: 10px;
}
.content-section {
    padding: 20px;
    border: 3px solid #ec5716;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
    margin-top: -5px;
    min-height:1300px;
    
}

/* .content-section li a{
    color: #024955;
} */


.content-section {
    position: relative; /* Set relative positioning for the container */
    padding: 15px; /* Adjust padding as needed */
}
.content-section ul {
    /* color: #024955; */
    font-size: 18px;
    font-weight: 600;
}

.lead {
    margin-top: -10px;
}

.view-more {
    position: absolute;
    right: 0; /* Align to the right side */
    padding: 10px;
    bottom: -5px; /* Adjust bottom spacing as needed */
    margin-top: 30px;
}

.view-more a {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    color: #ec5716; /* Link color */
    text-decoration: none;
    /* margin-top: 20px; */
   
  
   
}

.view-more a:hover {
    text-decoration: none;
    color:rgb(30, 19, 188);
}




/* main content end */


/* job filter start   */


#searchBox {
    padding: 10px;
    width: 50%;
    margin-top: 10px;
    border: 2px solid #0d0f11;
    border-radius: 5px;
    font-size: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* job filter end */

/* suggestion box start   */
.suggestions {
    position: absolute;
    top: 50px; /* Set position just below the search box */
    width: 300px; /* Fixed width for the suggestion box */
    left: 50%; /* Horizontally center the box */
    transform: translateX(-50%); /* Adjust it to be exactly in the center */
    background-color: #fff;
    border: 1px solid #ec5716;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
    display: none;
    max-height: 200px;  /* Limit height */
    overflow-y: auto;
    z-index: 1000;
    border-radius: 5px;
    margin-top: 70px;
}

.suggestions div {
    padding: 10px;
    cursor: pointer;
}

.suggestions div:hover {
    background-color: #f0f0f0;
}

/* Prevent content shift when suggestions appear */
#jobList {
    transition: opacity 0.3s ease;
}
/* suggestion box end */

/* footer  */
.foott{
    color: white;
}
.bg-cyan-900 {
    background-color: #ec5716; /* Cyan color */
}
.footer-link {
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline */
    margin-bottom: 10px; /* Space between links */
    display: block; /* Ensure each link appears on a new line */
}
.footer-link:hover {
    text-decoration: none; /* Underline on hover */
    color: grey;
    
}
.footer {
    padding: 20px 0; /* Padding for top and bottom */
}

/* footer end */


/* developer */


        /* Footer styling */
        .devloper {
            /* position: fixed; */
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #ec5716;;
            color: white;
            text-align: center;
            padding: 10px 0;
            margin-top: -50px;
            /* border-top: 1px solid #444; */
        }
/* developer  end*/



/* box */
.box {
    height: 50px; 
    /* Fixed height for each box */
    color: white; /* Text color */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 15px; */
    font-weight: bold;
    font-size: 12px;
    text-decoration: none; /* Remove underline from links */
    border-radius: 8px; /* Rounded corners */
}


/* CSS Transition से Smooth Effect */

  
/* Loader styling (simple blank screen) */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* White translucent background */
    z-index: 9999;
  }
  
  /*react Effect- best effect of all time*/
    body {
        opacity: 0;
        transform: rotateY(-10deg);
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
        transform-origin: center;
    }
    
    .loaded {
        opacity: 1;
        transform: rotateY(0);
    }

/*latest job section - for showing latest job*/

.new-badge {
    font-size: 8px;
    color: white;
    background: red;
    padding: 2px 4px;
    border-radius: 3px;
    vertical-align: super;
    margin-left: 5px;
    font-weight: bold;
    animation: blink 1s infinite;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  

.job-item a {
    text-decoration: none !important;
    color: rgb(30, 19, 188);
}

.job-item a:hover {
    text-decoration: underline !important;
    color: none;
}

li{
    
margin-bottom: 10px;
}

/*end*/



body {
    padding-top: 56px;
}
.logoimg {
    /* margin-right: 20px; */
    height: 300px;
    width: 300px;
}

.text-center {
text-align: center; /* Centers text horizontally */
justify-content: center;
margin: auto;
}
.bg-cyan-900 {
background-color: #ec5716;
}
/* <!-- latest update div start --> */
.box {
    height: 80px; /* Fixed height for each box */
    color: white; /* Text color */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /*border: 2px;*/
    /*font-weight: bold;*/
    font-size: 16px !important; /* Increased font size by 1.5x */
    border-radius: 8px; /* Rounded corners */
}



.box:hover {
    opacity: 0.9; 
    /* Slightly transparent on hover */
    text-decoration: none; /* Remove underline from links */
}
/* Different colors for each box */
.box1 { background-color: #f38558; }
.box2 { background-color: #f38558; }
.box3 { background-color: #f38558; }
.box4 { background-color: #f38558; }
.box5 { background-color: #f38558; }
.box6 { background-color: #f38558; }
.box7 { background-color: #f38558; }
.box8 { background-color: #f38558; }

/* <!-- latest update div end --> */


/* main ::content */
.info-header {
    background-color: #ec5716;
    color: white;
    text-align: center;
    padding: 10px;
}
.content-section {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* .content-section li a{
    color: #024955;
} */


.content-section {
    position: relative; /* Set relative positioning for the container */
    padding: 15px; /* Adjust padding as needed */
}
.content-section ul {
    /* color: #024955; */
    font-size: 18px;
    font-weight: 600;
}

.lead {
    margin-top: -10px;
}

.view-more {
    position: absolute;
    right: 0; /* Align to the right side */
    padding: 10px;
    bottom: -5px; /* Adjust bottom spacing as needed */
    margin-top: 30px;
}

.view-more a {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    background-color: #ec5716;  
    color: white;
    /* Link color */
    text-decoration: none;
    border-color: none;
    border-radius: 5px;

    /* margin-top: 20px; */
 
}
.view-more a:hover {
    background-color: #ec5716; /* Darker shade on hover */
    transform: scale(1.05); /* Slight zoom effect */
    color: #007bff;
}




/* Prevent content shift when suggestions appear */
#jobList {
    transition: opacity 0.3s ease;
}
/* suggestion box end */

/* footer  */
.foott{
    color: white;
}
.bg-cyan-900 {
    background-color: #ec5716; /* Cyan color */
}
.footer-link {
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline */
    margin-bottom: 10px; /* Space between links */
    display: block; /* Ensure each link appears on a new line */
}
.footer-link:hover {
    text-decoration: none; /* Underline on hover */
    color: grey;
    
}
.footer {
    padding: 10px 0; /* Padding for top and bottom */
}

/* footer end */


/* developer */


        /* Footer styling */
        .devloper {
            /* position: fixed; */
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #ec5716;
            color: white;
            text-align: center;
            padding: 10px 0;
            margin-top: -50px;
            /* border-top: 1px solid #444; */
        }
/* developer  end*/



/* box */
.box {
    height: 50px; 
    /* Fixed height for each box */
    color: white; /* Text color */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 15px; */
    font-weight: bold;
    font-size: 12px;
    text-decoration: none; /* Remove underline from links */
    border-radius: 8px; /* Rounded corners */
}


/* CSS Transition से Smooth Effect */

  
/* Loader styling (simple blank screen) */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* White translucent background */
    z-index: 9999;
  }

/* footer bottom links (About / Privacy / Disclaimer) */
.footer-pages {
    padding: 10px 0 40px;
    color: #ffffff;
}
.footer-pages a {
    color: #ffffff;
    margin: 0 6px;
    text-decoration: none;
}
.footer-pages a:hover {
    color: grey;
    text-decoration: none;
}

/* home page 2nd row (Answer Key / Admission / Documents) - height content ke hisaab se */
.content-section.content-section-auto {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 60px !important;
}

@media (min-width: 600px) and (max-width: 1024px) {
    body {
        font-size: 16px;
    }
   
    /* navbar */

.navbar-top-margin{
    margin-top: 130px;
    text-align: center;
    /* margin-right: 10px; */
    /* width: 150px;  */
    height: 100%;
    z-index: 1000;
    
}
    
        .bg-custom-color {
        
        background-color: #0d0e10;
        
        }

        .welcome-section {
            padding:0px 0px; /* Reduce padding */
            margin: 0px; /* Reduce margin */
            height:190px; /* Let it adjust dynamically */
            text-align: center;
        }
    
        /* If there's an image inside the welcome section */
        .welcome-section img {
            max-width: 70%; /* Scale down images */
            height: auto;
        }
    
        /* Reduce font size inside the welcome section */
        .welcome-section h1, .welcome-section .site-title {
            font-size: 30px; /* Smaller heading */
        }
    
        .welcome-section h5 {
            font-size: 20px; /* Smaller paragraph text */
            line-height: 1.4;
        }
        .welcome-section h6 {
            font-size: 20px; /* Smaller paragraph text */
            line-height: 1.4;
        }


        .bg-cyan-900 {
        background-color: #ec5716;
        }


        .box { 
    background-color: #f38558;
    font-size: 12px!important ; /* Reduce text size */
    padding: 4px; /* Adjust padding if needed */
    text-align: center; 
        }


      

        .content-section {
            padding: 25px;
            border: 3px solid #ec5716;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            margin-bottom: 15px;
            margin-top: -5px;
            height:2700px;
            position: relative; /* Set relative positioning for the container */
            padding: 15px;
            
        }
        
        


        .footer {
            padding: 5px 0; /* Reduce top & bottom padding */
            font-size: 12px; /* Decrease text size */
            text-align: center; /* Center text */
        }
        .devloper {
            padding: 5px 0; /* Reduce padding */
            font-size: 15px; /* Make text smaller */
            margin-top: -30px; /* Reduce negative margin */
            text-align: center;
        }
        
}
/* For mobile devices (width up to 599px) */
@media (max-width: 599px) {
    body {
        font-size: 14px;
    }
/* navbar */

.navbar-top-margin{
    margin-top: 140px;
    text-align: center;
    /* margin-right: 10px; */
    /* width: 150px;  */
    height: 100%;
    z-index: 1000;
    
}
    
        .bg-custom-color {
        
        background-color: #0d0e10;
        
        }

        .welcome-section {
            padding:0px 0px; /* Reduce padding */
            margin: 0px; /* Reduce margin */
            height:200px; /* Let it adjust dynamically */
            text-align: center;
        }
    
        /* If there's an image inside the welcome section */
        .welcome-section img {
            max-width: 50%; /* Scale down images */
            height:auto;
            margin-bottom: 75px;
            
        }
    
        /* Reduce font size inside the welcome section */
        .welcome-section h1, .welcome-section .site-title {
            font-size:20px ; /* Smaller heading */
        }
    
        .welcome-section h5 {
            font-size: 14px ; /* Smaller paragraph text */
            line-height: 1.4;
        }
        .welcome-section h6 {
            font-size: 14px ; /* Smaller paragraph text */
            line-height: 1.4;
        }


        .bg-cyan-900 {
        background-color: #ec5716;
        }

        .footer {
            padding: 0px 0; /* Reduce top & bottom padding */
            font-size: 10px; /* Decrease text size */
            text-align: center; /* Center text */
        }
        .devloper {
            padding: 0px 0; /* Reduce padding */
            font-size: 10px; /* Make text smaller */
            margin-top: -30px; /* Reduce negative margin */
            text-align: center;
        }

        .box {
          
            font-size:14px!important;
        }
    
}















/* Homepage main heading */
.home-title {
    font-size: 20px;
    font-weight: bold;
    color: #ec5716;
    text-align: center;
    margin: 16px 15px 0;
}