@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


@font-face {
    font-family: 'Bozart';
    src: url('BOZART.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri-regular';
    src: url('calibri-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    border-left: 2px solid #dee2e5;
    border-right: 2px solid #dee2e5;
    margin: 0 auto;
    max-width: 800px;
    /* Adjust this based on your design */
}

*/ .header {
    background-color: #0077B5;
    color: white;
    text-align: center;
    padding: 20px 0;
}

.header h1 {
    font-size: 3rem;
    font-weight: bold;
}

/* Logo Section */
.logo-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    background-color: #ffffff;
}


@media (max-width: 576px) {
    .logo-section img {
        width: 239px;
    }
}


/* Month Banner */
.month-banner {
    background-color: #0b4c99;
    /* Dark Blue */
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Month Text Styling */
.month-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Playfair Display", serif;
    font-weight: 700;
}

/* Large "MARCH" Text */
.month {
    font-size: 75pt;
    color: white;
    letter-spacing: 3px;
    white-space: nowrap;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

/* Rotated "2025" Text */
.year {
    font-size: 31pt;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: "Baskervville", serif;
    font-weight: 400;
    font-style: normal;
}


/* ✅ Responsive Adjustments */
@media (max-width: 768px) {
    .month {
        font-size: 68px;
        /* Smaller text */
    }

    .year {
        font-size: 45px;
    }
}

@media (max-width: 480px) {
    .month-text {
        flex-direction: column;
        gap: 5px;
    }

    .year {

        writing-mode: horizontal-tb;
        transform: none;
    }
}

/* Month Banner */

/* Content Section */
.content {
    /* padding: 40px 20px; */
    padding: 40px;
    /* Default padding */
    text-align: center;
    font-size: 20pt;
    color: #333;
    font-family: 'calibri-regular';
    line-height: 30px;
}

/* Adjust text size for tablets */
@media (max-width: 992px) {
    .content {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}


.tedx-text {
    font-size: 20pt;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {
    .tedx-text {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}

.e-text {
    font-size: 18pt;
    line-height: 23px;
}

/* Mood Indigo Section */
.mood-indigo-section {
    background-color: #5d7277;
    padding: 40px;
    color: white;
    padding-bottom: 0px !important;
}

/* Title */
.mood-indigo-title {
    font-size: 60pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0px;
}

/* Medium screens (tablets) */
@media (max-width: 992px) {
    .mood-indigo-title {
        font-size: 27pt;
    }
}

/* Small screens (phones) 
@media (max-width: 576px) {
    .mood-indigo-title {
        font-size: 28pt;
    }
}*/

/* Subtitle */
.mood-indigo-subtitle {
    font-size: 40pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0px;
}



/* Medium screens (tablets) */
@media (max-width: 992px) {
    .mood-indigo-subtitle {
        font-size: 17pt;
    }
}

/* Small screens (phones) 
@media (max-width: 576px) {
    .mood-indigo-subtitle {
        font-size: 28pt;
    }
}*/

/* Description */
.mood-indigo-text {
    font-size: 20pt;
    margin-top: 20px;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {
    .mood-indigo-text {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}

.education {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px;
}

.education-title {
    font-size: 30pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    line-height: 4rem;
}

.highlight {
    font-size: 47pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    line-height: 3rem;
}

.education-text {
    font-size: 20pt;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {


    .education-title {
        font-size: 17pt;
        line-height: 20px;
    }
}

@media (max-width: 992px) {


    .highlight {
        font-size: 27pt;
    }
}


/* Media Query for mobile phones 
@media (max-width: 576px) {

    .education-title,
    .highlight {
        font-size: 27px;
        text-align: center;
    }
}*/

@media (max-width: 992px) {
    .education-text {
        font-size: 20pt;
        font-family: 'calibri-regular';
    }
}

/* Mobile view (≤ 576px) 
@media (max-width: 576px) {
    .education-text {
        font-size: 16px;
        line-height: 1.6;
        text-align: left;
        padding: 0 10px;
    }
}*/

.award {
    margin-bottom: 30px;
}

.adept-subtitle {
    font-size: 35pt;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0px;
}

@media (max-width: 992px) {
    .adept-subtitle {
        font-size: 23pt;


    }
}

.adept-title {
    font-size: 59pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    line-height: 6rem;
    margin-bottom: 0px;
}

.adept {
    background-color: #003da6;
    padding: 40px;
    color: white;
    font-family: 'calibri-regular';
}

.adept-text {
    font-size: 20pt;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 30px;
}

@media (max-width: 992px) {
    .adept-text {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}

@media (max-width: 992px) {
    .adept-title {
        font-size: 36pt;
        line-height: 4rem;
    }
}


.partner {
    background-color: #d4e4cc;
    padding: 40px;
}

.partner-text {
    font-size: 20pt;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {
    .partner-text {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}


.focus-section {
    background-color: #2c3e50;
    padding: 40px;
}

.dept-text {
    font-size: 60pt;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    line-height: 75px;
    color: white;
}

@media (max-width: 992px) {
    .dept-text {
        font-size: 27pt;
        line-height: normal;

    }
}

@media (max-width: 992px) {
    .focus-icon {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center;
    }
}


.focus {
    color: white;
    font-size: 20pt;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {
    .focus {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
        margin-top: 0px !important;
    }
}

/* 
@media (max-width: 576px) {
    .dept-text {
        font-size: 46pt;
    }
} */

/* Medium devices (tablets) */
@media (min-width: 577px) and (max-width: 768px) {
    .dept-text {
        font-size: 46pt;
    }
}

/* Large devices (desktops) */
/* @media (min-width: 769px) {
    .dept-text {
        font-size: 46pt;
    }
} */

.back {
    padding: 50px;
}

.register-text {
    font-family: 'Bozart';
    font-size: 76.13pt;
    color: white;
}


.school {
    background-color: #7cccec;
    padding: 40px;
}

.school-text {
    font-size: 20pt;
    font-family: 'calibri-regular';
    line-height: 30px;
}

@media (max-width: 992px) {
    .school-text {
        font-size: 20pt;
        padding: 10px;
        font-family: 'calibri-regular';
    }
}

@media (max-width: 991px) {
    .register-text {
        font-size: 48pt;
    }
}

/* Mobile screens */
@media (max-width: 576px) {
    .register-text {
        font-size: 52pt;
    }
}

/* Footer Section */
.footer-section {
    background-color: #1d74aa;
    text-align: center;
    padding: 15px;
}

/* Footer Text */
.footer-text {
    color: white;
    font-size: 17pt;
    margin-bottom: 15px;
}

/* Footer Links */
.footer-text a {
    color: white;
    text-decoration: none;
}

.Tedx-section {
    padding: 40px;
}