* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'JetBrains Mono', monospace;
}

a {
    text-decoration: none;
    color: inherit;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    color: #132238;
}



/* HEADER */

header {
    position: fixed;
    z-index: 10;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 88px;
    background-color: #FFFFFF;
}

.logo {
    display: flex;
}

header .logo img {
    height: 80px;
    width: auto;
}

.navbar {
    display: flex;
    align-items: center;
}

.navsublinks {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 0 28px;
    margin-right: 24px;
    border-right: 1px solid #E6E8EB;
}

.navsublinks a p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #424E60;
}

.navsublinks a p:hover {
    color: #132238;
    transition: color 0.3s ease;
}

.activenav p {
    background-color: #FFF0A3;
    padding: 8px 16px;
}

.navmainlinks p {
    background-color: #FFD91A;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 700;
}

/* Base hamburger styling */

.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #132238;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Animation when hamburger is active */

.hamburger.open span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}

.hamburger.open span:nth-child(2) {
    opacity: 0;
}

.hamburger.open span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}

/* Responsive styles for screens under 1080px */
@media screen and (max-width: 1080px) {
    header .logo img {
        height: 54px;
        width: auto;
    }

    .navbar {
        position: absolute;
        top: 53px;
        right: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        background-color: #ffffff;
        padding: 24px;
        gap: 16px;
        transform: translateY(-150%);
        transition: transform 0.3s ease-in-out;
        z-index: 9;
    }

    .navbar.show {
        transform: translateY(0);
    }

    .navsublinks {
        flex-direction: column;
        align-items: flex-start;
        border-right: none;
        padding: 0;
        gap: 16px;
        margin-right: 0;
    }

    .navsublinks a p {
        font-size: 14px;
    }

    .activenav p {
        padding: 8px 16px;
    }

    .navmainlinks {
        width: 100%;
    }

    .navmainlinks p {
        width: 100%;
        justify-content: center;
    }

    .hamburger {
        display: flex;
    }
}




/* HERO SECTION */

section.hero-section {
    height: calc(100vh + 172px);
    background-color: #FFF7D1;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 88px 88px 0 88px;
}

.herosection {
    margin-top: -172px;
    display: flex;
    align-items: center;
    gap: 48px;
    width: 100%;
    justify-content: space-between;
}

.herotexts {
    max-width: 720px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.herotexts-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.herotexts-head h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.herotexts-head h1 {
    font-size: 40px;
    font-weight: 700;
}

.herotexts p {
    font-size: 16px;
}

.hero-image {
    max-width: 540px;
    width: 100%;
}

.hero-image img {
    width: 100%;
    height: auto;
}

.hero-image video {
    width: 100%;
    height: auto;
}

.heroctas {
    display: flex;
    align-items: center;
    gap: 24px;
}

.maincta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 32px;
    height: 64px;
    background-color: #FFD91A;
    width: fit-content;
}

.maincta p,
.subcta p {
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: capitalize;
    color: #132238 !important;
}

.maincta img,
.subcta img {
    height: 24px;
    width: auto;
}

.subcta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 32px;
    height: 64px;
    background-color: #FFFFFF;
    border: 2px solid #FFD91A;
    width: fit-content;
}

@media (max-width: 1080px) {
    section.hero-section {
        height: auto;
        padding: 54px 0 0 0;
    }

    .herosection {
        margin: 60px 0;
        gap: 32px;
        flex-direction: column;
    }

    .herotexts {
        max-width: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .herotexts-head {
        gap: 8px;
    }

    .herotexts-head h5 {
        font-size: 16px;
    }

    .herotexts-head h1 {
        font-size: 32px;
        font-weight: 700;
    }

    .herotexts p {
        font-size: 14px;
    }

    .hero-image {
        max-width: 480px;
        width: 100%;
    }

    .heroctas {
        gap: 16px;
    }

    .maincta {
        gap: 8px;
        padding: 0 24px;
        height: 44px;
    }

    .maincta p,
    .subcta p {
        font-size: 14px;
    }

    .maincta img,
    .subcta img {
        height: 20px;
        width: auto;
    }

    .subcta {
        gap: 8px;
        padding: 0 24px;
        height: 44px;
        border: 1px solid #FFD91A;
    }
}

@media (max-width: 480px) {
    .heroctas {
        flex-direction: column;
        gap: 8px;
    }

    .maincta,
    .subcta {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .maincta p,
    .subcta p {
        text-align: center;
    }
}



/* ABOUT SECTION */

section.about-person {
    padding: 0 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.aboutperson {
    position: relative;
    top: -170px;
    background-color: #FFFFFF;
    border: 1px solid #E6E8EB;
    display: flex;
    gap: 32px;
    padding: 44px 40px;
    justify-content: center;
    box-shadow: 0 24px 80px 0 rgba(19, 34, 56, 0.08);
}

.aboutme {
    display: flex;
    gap: 32px;
}

.aboutmeimg img {
    width: 200px;
    height: auto;
}

.aboutmedetails {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aboutctas {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.aboutmedetails h2 {
    font-size: 32px;
    font-weight: 700;
}

.aboutmedetails p {
    font-size: 16px;
    font-weight: 400;
    color: #556070;
}

.badges {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid #E6E8EB;
    background: #FFFFFF;
    width: 100%;
}

.badges-head h4 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #697484;
}

.badges-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.badge {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #E6E8EB;
    background: #FFF;
    padding: 12px 16px;
    align-items: flex-end;
    width: 100%;
}

.badge img {
    height: 40px;
    width: auto;
}

.badge-texts {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.badge p.badgetitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #000000;
}

.badge p.badgesubtext {
    color: #556070;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1080px) {
    .aboutperson {
        position: relative;
        top: 0;
        gap: 24px;
        margin-top: 60px;
        padding: 24px;
        flex-direction: column;
    }

    .aboutme {
        display: flex;
        gap: 24px;
        align-items: center;
    }

    .aboutmeimg img {
        width: 200px;
        height: auto;
    }

    .aboutmedetails {
        max-width: unset;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .aboutctas {
        margin-top: 8px;
        gap: 12px;
    }

    .aboutmedetails h2 {
        font-size: 28px;
    }

    .aboutmedetails p {
        font-size: 14px;
    }

    .badges {
        padding: 16px;
        gap: 16px;
    }

    .badges-head h4 {
        font-size: 14px;
    }

    .badges-body {
        gap: 12px;
    }

    .badge {
        gap: 8px;
        padding: 12px;
    }

    .badge img {
        height: 36px;
    }

    .badge-texts {
        gap: 2px;
    }

    .badge p.badgetitle {
        font-size: 14px;
    }

    .badge p.badgesubtext {
        font-size: 11px;
    }
}

@media (max-width: 720px) {
    .aboutme {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .aboutctas {
        flex-direction: column;
        gap: 8px;
    }
}



/* ACADEMIC ROLES */

section.academic-roles {
    padding: 100px 88px;
    margin-top: -170px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.academicroles {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.regular-head {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

.regular-head h2 {
    font-size: 48px;
    font-weight: 700;
}

.rheadline {
    width: 200px;
    height: 1px;
    background: #E6E8EB;
}

.regular-head p {
    font-size: 16px;
    font-weight: 400;
    color: #556070;
    max-width: 648px;
}

.aroles-body {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

.schoolbox {
    display: flex;
    width: 400px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border: 1px solid #E6E8EB;
    background: #FFFFFF;
}

.schoolbox img {
    width: 100%;
    height: auto;
}

.schoolbox-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schoolbox p.schooolname {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #697484;
}

.schoolbox h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #132238;
    font-style: italic;
}

.schoolbox p.programmedetails {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #556070;
}

.schoolbox .subcta {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
}

@media (max-width: 1080px) {
    section.academic-roles {
        margin-top: 0;
    }

    .academicroles {
        gap: 28px;
    }

    .regular-head {
        gap: 8px;
    }

    .regular-head h2 {
        font-size: 32px;
    }

    .rheadline {
        width: 200px;
        height: 1px;
    }

    .regular-head p {
        font-size: 14px;
    }

    .aroles-body {
        gap: 20px;
    }

    .schoolbox {
        width: 400px;
        padding: 20px;
        gap: 20px;
    }

    .schoolbox-content {
        gap: 6px;
    }

    .schoolbox p.schooolname {
        font-size: 12px;
    }

    .schoolbox h3 {
        font-size: 16px;
    }

    .schoolbox p.programmedetails {
        font-size: 12px;
    }

    .schoolbox .subcta {
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .schoolbox {
        width: 100%;
    }
}




/* TESTIMONIALS */

section.testimonials {
    background-color: #132238;
    padding: 100px 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.testimonialsmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.testmn-body,
.testimony {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.testimony {
    display: none;
}

.testmn-body {
    position: relative;
    width: 50%;
}

.testmn-body h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #FFD91A;
    text-transform: uppercase;
}

.testimony p.testimony-quote {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
}

.testimony-author {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.testimony-author p.author {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #FFFFFF;
}

.testimony-author p.authorrole{
    font-size: 15px;
    color: #FFFFFF;
}

.testimony-author p.school {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #A5ACB5;
}

.testimony-author p.school span.authortitlepad {
    padding-bottom: 80px;
}

.testimony-author p.school span {
    text-transform: lowercase;
}

.testmn-directions {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.testmn-indicators {
    /* position: absolute;
    bottom: 24px;
    right: 0; */
    display: flex;
    align-items: center;
    gap: 16px;
}

.testmn-indicators .indicator {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #556070;
}

.testmn-indicators .active {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #FFFFFF;
}

.testmn-img {
    max-width: 520px;
    width: 100%;
}

.testmn-img video {
    width: 100%;
    height: auto;
}

@media (max-width: 1080px) {
    .testimonialsmain {
        gap: 28px;
        flex-direction: column;
    }

    .testmn-body,
    .testimony {
        gap: 24px;
    }

    .testmn-body {
        width: 100%;
    }

    .testmn-body h5 {
        font-size: 16px;
    }

    .testimony p.testimony-quote {
        font-size: 16px;
    }

    .testimony-author {
        gap: 8px;
    }

    .testimony-author p.author {
        font-size: 16px;
    }

    .testimony-author p.authorrole {
        font-size: 13px;
    }

    .testimony-author p.school {
        font-size: 12px;
    }

    .testmn-indicators {
        /* bottom: 14px; */
        gap: 12px;
    }

    .testmn-indicators .indicator {
        width: 6px;
        height: 6px;
    }

    .testmn-indicators .active {
        width: 12px;
        height: 12px;
    }
}




/* QUALIFICAIONS AND SELECTED AWARDS */

section.qualifications-awards {
    padding: 100px 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.qualificationsawards {
    display: flex;
    flex-direction: column;
    gap: 54px;
}

.qa-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 24px;
}

.qualifications {
    display: flex;
    max-width: 544px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.qualification {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    border-bottom: 1px solid #E6E8EB;
    padding-bottom: 40px;
}

.qualification:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.schooletduration {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 120px;
}

.schooletduration p.qa-school {
    font-size: 14px;
    font-style: normal;
    color: #1777E5;
    font-weight: 600;
}

.schooletduration p.qa-duration {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #697484;
}

.programmeetdetails {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.programmeetdetails p.qa-programme {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #132238;
}

.programmeetdetails p.qa-details {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #697484;
}

.awards {
    display: flex;
    flex-direction: column;
    /* gap: 68px; */
    gap: 32px;
}

.award {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #E6E8EB;
    background-color: #FFFFFF;
    padding: 24px;
}

.awardimagenum {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* top: -64px; */
}

.awardtexts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* margin-top: -64px; */
}

.awardtexts h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #132238;
}

.awardtexts p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #697484;
}

.awardimagenum h2 {
    font-family: "Barlow", 'JetBrains Mono', serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    color: #F0F1F3;
}

h2.gold {
    color: #FFD91A;
}

@media (max-width: 1080px) {
    .qualificationsawards {
        gap: 28px;
    }

    .qa-body {
        flex-direction: column;
        gap: 32px;
    }

    .qualifications {
        max-width: unset;
        gap: 24px;
        width: 100%;
    }

    .qualification {
        gap: 20px;
        padding-bottom: 24px;
        width: 100%;
    }

    .schooletduration {
        gap: 6px;
        min-width: 120px;
    }

    .schooletduration p.qa-school {
        font-size: 13px;
    }

    .schooletduration p.qa-duration {
        font-size: 11px;
    }

    .programmeetdetails {
        gap: 8px;
    }

    .programmeetdetails p.qa-programme {
        font-size: 16px;
    }

    .programmeetdetails p.qa-details {
        font-size: 13px;
    }

    .awards {
        gap: 24px;
    }

    .award {
        gap: 12px;
        padding: 20px;
    }

    .awardimagenum {
        top: 0px;
    }

    .awardtexts {
        gap: 6px;
        margin-top: 0px;
    }

    .awardtexts h4 {
        font-size: 16px;
    }

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

    .awardimagenum h2 {
        font-size: 40px;
    }

    h2.gold {
        color: #FFD91A;
    }
}

@media (max-width: 400px) {
    .qualification {
        flex-direction: column;
        gap: 12px;
    }
}



/* ODE INTEGRATION BEE */

section.odeintegrationbee {
    position: relative;
    padding: 100px 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #132238;
}

.odeintbee {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 48px;
}

.odeintbee-img {
    max-width: 540px;
    width: 100%;
}

.odeintbee-img img {
    width: 100%;
}

.int-line {
    width: 1px;
    height: 446px;
    background: #424E60;
}

.odeintbee-texts {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.odeintbee-maintexts {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 28px;
    border-bottom: 1px solid #2B384C;
}

.odeintbee-maintexts h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
}

.odeintbee-maintexts p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #87909D;
}

.odeintbee-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.odeintbeelistitem {
    display: flex;
    align-items: center;
    gap: 8px;
}

.odeintbeelistitem img {
    width: 24px;
    height: auto;
}

.odeintbeelistitem p {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #FFFFFF;
}

@media (max-width: 1080px) {
    .odeintbee {
        gap: 28px;
        flex-direction: column;
    }

    .odeintbee-img {
        max-width: 540px;
        width: 100%;
    }

    .odeintbee-img img {
        width: 100%;
    }

    .int-line {
        display: none;
    }

    .odeintbee-texts {
        max-width: unset;
        width: 100%;
        gap: 20px;
    }

    .odeintbee-maintexts {
        gap: 12px;
        padding-bottom: 20px;
    }

    .odeintbee-maintexts h3 {
        font-size: 24px;
    }

    .odeintbee-maintexts p {
        font-size: 14px;
    }

    .odeintbee-list {
        gap: 12px;
    }

    .odeintbeelistitem {
        gap: 6px;
    }

    .odeintbeelistitem img {
        width: 20px;
    }

    .odeintbeelistitem p {
        font-size: 16px;
    }
}




/* PUBLISHED PAPERS */

section.published-papers {
    padding: 100px 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.publishedpapers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.ppapers {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 540px;
}

.ppapers-txts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ppapers-txts h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
}

.ppline {
    width: 200px;
    height: 1px;
    background-color: #E6E8EB;
}

.ppapers-txts p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #556070;
}

.pp-deirections-indicator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.ppdirections,
.rtsmovement,
.ttmnmove {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pp-direction,
.rtsmove,
.ttmn-move {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 100px;
    border: 2px solid #FFD91A;
    background: #FFFFFF;
}

.ttmn-move {
    width: fit-content;
}

.pp-indicators {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pp-indicator {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #C3C7CE;
}

.pp-indicators .active {
    background-color: #132238;
    width: 12px;
    height: 12px;
    border-radius: 12px;
}

.pp-quotes {
    display: flex;
    padding: 56px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border: 4px solid #FFD91A;
    background-color: #FFFBE8;
    max-width: 840px;
}

.pp-quotes img {
    width: 56px;
    height: auto;
}

.ppquote {
    display: flex;
    flex-direction: column;
    gap: 32px;
    display: none;
}

.ppquote p.ppquotepara {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.ppquotectas {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ppquotectas .maincta,
.ppquotectas .subcta {
    justify-content: center;
    width: 100%;
}

@media (max-width: 1080px) {
   .publishedpapers {
        gap: 24px;
        flex-direction: column;
    }

    .ppapers {
        flex-direction: column;
        gap: 24px;
        max-width: unset;
        width: 100%;
    }

    .ppapers-txts {
        gap: 16px;
    }

    .ppapers-txts h2 {
        font-size: 28px;
    }

    .ppapers-txts p {
        font-size: 14px;
    }

    .pp-deirections-indicator {
        gap: 12px;
    }

    .ppdirections,
    .rtsmovement {
        gap: 12px;
    }

    .pp-direction,
    .rtsmove,
    .ttmn-move {
        padding: 12px;
        border: 1px solid #FFD91A;
    }

    .pp-direction img,
    .ttmn-move img {
        width: 20px;
        height: auto;
    }

    .pp-indicators {
        gap: 12px;
    }

    .pp-indicator {
        width: 6px;
        height: 6px;
    }

    .pp-indicators .active {
        width: 12px;
        height: 12px;
    }

    .pp-quotes {
        padding: 20px;
        gap: 16px;
        border: 2px solid #FFD91A;
    }

    .pp-quotes img {
        width: 48px;
    }

    .ppquote {
        gap: 16px;
    }

    .ppquote p.ppquotepara {
        font-size: 18px;
    }

    .ppquotectas {
        gap: 12px;
    }
}




/* RECENT TALKS & SEMINARS */

.recent-talks-seminars {
    padding: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    background: #F0F1F3;
}

.recenttalksseminars {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.rts-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.rts-head .regular-head {
    text-align: left;
    align-items: flex-start;
}

.rts-head .regular-head p {
    max-width: 540px;
}

.rts-body {
    display: flex;
    align-items: center;
    gap: 24px;
}

.rts-talk {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FFFFFF;
    display: flex;
}

.rtstalk-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.talkdate {
    display: flex;
    align-items: center;
    gap: 6px;
}

.talkdate img {
    width: 24px;
    height: auto;
}

.rts-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.rts-indicator {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #C3C7CE;
}

.rts-indicators .active {
    background-color: #132238;
    width: 12px;
    height: 12px;
    border-radius: 12px;
}

.rts-talk .subcta {
    justify-content: center;
    width: 100%;
}

@media (max-width: 1080px) {
    .recenttalksseminars {
        gap: 24px;
    }

    .rts-head {
        gap: 24px;
    }

    .rts-body {
        gap: 20px;
    }

    .rts-talk {
        padding: 20px;
        gap: 16px;
    }

    .rtstalk-head {
        gap: 8px;
    }

    .talkdate {
        gap: 4px;
    }

    .talkdate img {
        width: 20px;
    }

    .rts-indicators {
        gap: 12px;
    }

    .rts-indicator {
        width: 6px;
        height: 6px;
    }

    .rts-indicators .active {
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 540px) {
    .rts-head {
        flex-direction: column;
        gap: 20px;
    }

    .rts-body {
        flex-direction: column;
    }
}




/* FOOTER */

footer {
    padding: 0 88px;
    background-color: #132238;
}

.top-footer,
.bottom-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 72px 0;
    gap: 48px;
    border-bottom: 1px solid #2B384C;
}

.top-footer h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    width: 100%;
}

.tfooter-more {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 800px;
}

.tfooter-more p.textmain {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #A5ACB5;
}

.tfooter-more p.textmain a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bottom-footer {
    flex-wrap: wrap;
}

.footlogo img {
    height: 72px;
    width: auto;
}

.footlocation,
.quick-links,
.social-media {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footlocation h4,
.quick-links h4,
.social-media h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
}

.footlocation p,
.quick-links p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #C3C7CE;
}

.footlocation p {
    max-width: 280px;
}

.quicklinks,
.socialmedia {
    display: flex;
    align-items: center;
}

.quicklinks p {
    padding: 8px 14px;
}

.socialmedia {
    gap: 16px;
}

.socialmedia img {
    width: 44px;
    padding: 14px;
}

.ql-active p {
    background-color: #FFD91A;
    color: #132238;
}

.socialactive img {
    background-color: #FFD91A;
}

.copyright p {
    font-family: "Barlow";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #A5ACB5;
    text-align: center;
    padding: 24px 0;
}


@media (max-width: 1080px) {
    .top-footer,
    .bottom-footer {
        padding: 44px 0;
        gap: 24px;
    }

    .top-footer h3 {
        font-size: 28px;
    }

    .tfooter-more {
        gap: 16px;
    }

    .tfooter-more p.textmain {
        font-size: 16px;
    }

    .footlogo img {
        height: 54px;
    }

    .footlocation,
    .quick-links,
    .social-media {
        gap: 16px;
    }

    .footlocation h4,
    .quick-links h4,
    .social-media h4 {
        font-size: 16px;
    }

    .footlocation p,
    .quick-links p {
        font-size: 13px;
    }

    .quicklinks,
    .socialmedia {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .quicklinks p {
        padding: 6px 12px;
    }

    .socialmedia {
        gap: 12px;
    }

    .socialmedia img {
        width: 40px;
        padding: 12px;
    }

    .copyright p {
        font-size: 14px;
        padding: 20px 0;
    }
}

@media (max-width: 640px) {
    .top-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .footlocation p {
        max-width: unset;
    }
}










/* GENERAL PADDING STYLES */

@media (max-width: 1200px) {
    header {
        padding: 0 40px;
    }
    
    section.hero-section {
        padding: 88px 40px 0 40px;
    }

    section.about-person {
        padding: 0 40px;
    }

    section.academic-roles {
        padding: 100px 40px;
    }

    section.testimonials {
        padding: 100px 40px;
    }

    section.qualifications-awards {
        padding: 100px 40px;
    }

    section.odeintegrationbee {
        padding: 100px 40px;
    }

    section.published-papers {
        padding: 100px 40px;
    }

    .recent-talks-seminars {
        padding: 100px 40px;
    }

    footer {
        padding: 0 40px;
    }
}

@media (max-width: 1080px) {
    header {
        padding: 0 24px;
    }
    
    section.hero-section {
        padding: 54px 24px 0 24px;
    }

    section.about-person {
        padding: 0 24px;
    }

    section.academic-roles {
        padding: 60px 24px;
    }

    section.testimonials {
        padding: 60px 24px;
    }

    section.qualifications-awards {
        padding: 60px 24px;
    }

    section.odeintegrationbee {
        padding: 60px 24px;
    }

    section.published-papers {
        padding: 60px 24px;
    }

    .recent-talks-seminars {
        padding: 60px 24px;
    }

    footer {
        padding: 0 24px;
    }
}




/* ABSTRACT PAGE */


section.abstract-main {
    padding: 160px 88px 100px 88px;
}

.abstractmain {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.abstractmain h2 {
    font-size: 32px;
    font-weight: 700;
}

.abstractmain p {
    font-size: 16px;
    font-weight: 400;
    color: #424E60;
}

@media (max-width: 1080px) {
    section.abstract-main {
        padding: 100px 24px 60px 24px;
    }

    .abstractmain {
        gap: 24px;
    }

    .abstractmain h2 {
        font-size: 24px;
    }

    .abstractmain p {
        font-size: 14px;
    }
}