#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;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 100%; /* स्क्रीन की चौड़ाई से ज़्यादा नहीं बढ़ेगा */
    /* max-height: 100vh; स्क्रीन की ऊंचाई से ज़्यादा नहीं बढ़ेगा */
    overflow: auto; /* स्क्रॉलबार दिखाएं अगर कंटेंट बड़ा हो */
}
/* 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 */
.formcreate{
    display: flex;
    width: 1920px;
    margin: 0 auto;
    justify-content: end;
    align-items: end;
   
    
}
.font1{
    background-color: rgb(6, 223, 42)
}
.form{
    display: flex;
    justify-content: end;
    align-items: end;
    justify-items: end;
}
.yahasesizeapneaapincreasehorhahai{
    background-color: rgba(245, 210, 145, 0.63);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    width: 1920px;
    max-width: 100%; /* Ensures the container doesn't exceed screen width */
    height: 800px; /* Use viewport height */
    max-height: 100vh; /* Ensures the container doesn't exceed screen height */
    margin: 0; /* Remove any default margin */
    padding: 20px; /* Adjust padding as needed */
    overflow-x: hidden; /* Prevents horizontal scrolling */
    overflow-y: auto; /* Allows vertical scrolling if needed */
    box-sizing: border-box; /* Includes padding and border in width/height */
}
.form-container{
    text-align: start;
    justify-content: start;
    color: white;
    width: 800px;
    height: 600px;
    border: solid #38166f 2px;
    background-color: #38166f;
}
.formbox{
    height: 50px;
    width: 100%;
    margin: 5px;
    background-color: white;
    border-radius: 5px;
}
.formboxes{
    height: 50px;
    width: 100%;
    margin: 5px;
    background-color: rgb(238, 184, 6);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}
.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 */
    -webkit-appearance: none; /* Removes default arrow style in WebKit browsers */
}


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;
}
.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);
}