#main{
    align-items: flex-start;
    align-content: flex-start;
}
.header-fixed {
    display: flex; /* Flexbox का उपयोग करें */
    justify-content: center; /* Horizontal alignment को center में लाता है */
    align-items: center; /* Vertical alignment को center में लाता है */
    height: 100vh; /* अगर पूरा viewport का केंद्र चाहिए */
    text-align: center; /* Text को भी center में अलाइन करता है */
}


.page-header{
    display: flex; /* Flexbox का उपयोग करें */
    justify-content: center; /* Horizontal alignment को center में लाता है */
    align-items: center; /* Vertical alignment को center में लाता है */
    height: 100vh; /* अगर पूरा viewport का केंद्र चाहिए */
    text-align: center; /* Text को भी center में अलाइन करता है */
}


.page-content{
    display: flex; /* Flexbox का उपयोग करें */
    justify-content: center; /* Horizontal alignment को center में लाता है */
    align-items: center; /* Vertical alignment को center में लाता है */    
    text-align: center; /* Text को भी center में अलाइन करता है */
}
/* Carousel Main Container */
.carousel-main-container {
    height: 500px;
    overflow: hidden; /* To hide overflow content */
    position: relative; /* For positioning child elements */
}
.carousel-container splide{
    height: 500px;

}
.splide__track{
    height: 500px;
}
.splide__list{
    height: 500px;
}
/* YAHA SE maine form likhna suru kiya hai */

.border{
    text-align: center;
    margin-top: 20px;
    margin-left: 10px;
    height: 1450px;
    width: 1920px;
    background-color: rgb(19, 219, 29);  
    border: solid white 5px ;
    font-size: 50px;
}
.font1{
    background-color: rgb(6, 223, 42)
}
.yahasesizeapneaapincreasehorhahai{
    background-color: rgb(236, 221, 8);
    width: 100%  ;
}
.form-container{
    text-align: start;
    color: rgb(233, 4, 4);
}
.showTab{
    width: 200px;
}

input[type="text"], input[type="date"], input[type="tel"], select {
    width: 300px; /* Horizontal size */
    height: 40px; /* Vertical size */
    padding: 10px; /* Inner spacing */
    font-size: 16px; /* Text size */
    color: #333; /* Text color */
    background-color: #f9f9f9; /* Background color */
    border: 2px solid #ccc; /* Border color */
    border-radius: 5px; /* Rounded corners */
    outline: none; /* Remove focus outline */
    transition: all 0.3s ease; /* Smooth transition for hover and focus */
    
}


button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 60px;
    font-size: 16px;
    cursor: pointer;
}
/* yaha se css hai */


.course-gd-content {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 1 px;
    padding: 1rem;
    justify-content: space-between;
    height: 100%;
}
#pdfgenerator {
    display: flex;
    justify-content: top; /* Center the content horizontally */      
    height: 500px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto; 
    background-color: red;/* Ensure it is centered within its parent */
    font-size: 30px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: white;
    flex-direction: column;
}
.Certificate_Generator{
    background-color: aqua;
    width: 100%;
    height: fit-content;
}
.newidea{
    display: flex;
    width: 100%;
    height: 200px;
    background-color: #f8ce73;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.professorlenahai{
    display: flex;
    flex-direction: column;
    width: 1920px;
    height: 200px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: #2980b9;
    margin: 0 auto;
}
.dekhiyefont{
    display: flex;
    color: white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 40pt;
    margin: 0  auto;
}
.eklinemekrnahai{
    display: flex;
}
.formboxprofessor{
    display: flex;
    width: 300px;
    height: 40px;
    border: solid black 1px;
    align-items: center;
    margin: 20px;
    background-color: white;
}
.nopreview{
    display: flex;
    background-color: white ;
    margin: 0   auto;
    padding: 0px;
    height: fit-content;
    border: none;

}
.BUTTONCHANGE{
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #ecaa2f;
    border-radius: 3px;
}

.Thisiscoursepanel{
    display: flex;
    background-color: purple;
    flex-direction: row;
    align-items: top    ;
    height: 500px;
    
}
#shreeg{
    background-color: rgb(231, 124, 124);
    height: 100%;
    width: 100%;
    border: solid black;
}
.buttonlaganahai{
    height: 400px;
    width: 300px;
    background-color: #333;
    margin: 0   auto;
    border-radius: 2cqh;
    align-items: baseline;
    flex-direction: row;
}
.photochatehai{
    height: 350px;
    width: 90%;
    background: red;
    border: solid white;
    border-radius: 30px;    
    margin: 0   auto;
    
}
/* Splide Track */
.photochorakrnahai{
    height: 252px;
    width: 220px;
    border: solid black 5px;
    overflow: hidden;
}
/* yaha se button ka css .header-fixed */
.navbar {
    display: flex;
    gap: 20px;
}
.navbar a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    background: linear-gradient(145deg, #3498db, #2980b9);
    border-radius: 5px;
    box-shadow: 5px 5px 15px #2980b9, -5px -5px 15px #3daef5;
    transition: all 0.3s ease-in-out;
}
.navbar a:hover {
    box-shadow: inset 5px 5px 15px #2980b9, inset -5px -5px 15px #3daef5;
    transform: translateY(-5px);
}
#main{
    margin-top: 100px;
}