/* ./ FONT FACE */
:root {
    --font-primary: 'Poppins', sans-serif;
    --color-red: #EC2825;
    --color-yellow: #FCD702;
    --color-warning: #FFC107;
    --color-blue: #0D4079;
    --color-cyan-dark: #001D25;
    --color-primary-light: #FCD4D4;   /* Equivalent of the 20% opacity red */
    --color-secondary-light: #FFFBE5; /* Equivalent of the 20% opacity yellow */
    --color-tertiary-light: #E7ECF2;  /* Equivalent of the 10% opacity blue */
    --color-quaternary-light: #E4E8E9;  /* Equivalent of the 10% opacity white blue */
    --color-black: #061C25;
    --color-dark: #2B3037;
    --color-medium-dark: #4C5763;
    --color-medium: #6F7D8B;
    --color-medium-light: #C2C7CF;
    --color-light: #EAECEF;
    --color-ultra-light: #F5F6F9;
    --color-white: #FFFFFF;
    --color-green: #6fb231;
}

.aboutHero {
    color: var(--color-white);
}

.AAIPPLearner {
    margin: 120px 0;
}

.AAIPPLearner .left .title, .AAIPPRightFit .left .title {
    color: var(--color-black)!important;
}

.AAIPPLearner p {
    font-size: 21px;
}

.AAIPPLearner h2 {
    font-size: 28px!important;
    color: var(--color-black)!important;
}

.AAIPPRightFit {
    background: var(--color-primary-light);
}

.our-story {
    padding: 80px 0;
    background: var(--color-medium-light);
}

.aboutHero h2, .our-story h2 {
    font-size: 3rem!important;
}

.aboutHero p, .our-story p {
    font-size: 22px!important;
}

.marquee {
    background: var(--color-medium-light);
    padding: 50px 0;
}

.students-feedback {
    background: var(--color-medium-light)!important;
}

@media (max-width: 1499px) {
    .AAIPPLearner {
        margin-top: 40px!important;
        flex-direction: column!important;
        height: 100%!important;
    }

    .AAIPPLearner .left {
        height: max-content!important;
        padding-left: 10px!important;
        width: 100%!important;
        gap: 10px!important;
    }

    .AAIPPLearner .left .desc {
        margin-top: 16px;
    }

    .AAIPPLearner h2 {
        font-size: 24px!important;
    }

    .AAIPPLearner .right {
        height: 521px!important;
        width: 100%!important;
    }
}

@media (max-width: 1440px) {
    .AAIPPLearner {
        margin-top: 40px!important;
        flex-direction: column!important;
        height: 100%!important;
    }

    .AAIPPLearner .left {
        height: max-content!important;
        padding-left: 10px!important;
        width: 100%!important;
        gap: 10px!important;
    }

    .AAIPPLearner .left .title {
        font-size: 36px!important;
    }

    .AAIPPLearner .left .desc {
        margin-top: 16px;
    }

    .AAIPPLearner h2 {
        font-size: 22px!important;
    }

    .AAIPPLearner .right {
        height: 521px!important;
        width: 100%!important;
    }
}

@media(max-width: 991px) {
    .AAIPPRightFit .left .title {
        margin-bottom: 20px;
    }
}

@media(max-width: 767px) {
    .aboutHero h2 {
        font-size: 2rem!important;
    }

    .aboutHero p {
        font-size: 19px!important;
    }

    .AAIPPLearner .right {
        height: 321px!important;
    }
}

@media(max-width: 575px) {
    .our-story {
        padding: 40px 0;
    }
}

@media(max-width: 480px) {
    .aboutHero {
        height: 55vh!important;
    } 

    .aboutHero h2 {
        font-size: 1.5rem!important;
    }

    .aboutHero p {
        font-size: 17px!important;
    }
}