/** 
    Home pages styles
    ----------------------
    
*/

:root {
    /* Color Guilds */
    --primaryColor: #F8C301;
    --primaryColor75: #FAD241;
    --secondaryColor: #334599;
    --secondaryColor75: #6674B3;
    --tertiaryColor: #029445;
    --tertiaryColor75: #41AF74;
    --accentColor: #DA251C;
    --accentColor75: #E35C55;
    --neutral: #F2F3F8;
    --black: #0D0A0A;
    --secondaryColorDark: #2C386D;
    --white: #fff;
    --dimWhite: rgb(223, 223, 223);
    --neutral2: #DFE2EF;

    /* Hero */
    --heroBgColorGradient: rgba(44, 56, 109, 0.7);

    /* Text SIZE */
    --h1: 60px;
    --h2: 50px;
    --h3: 40px;
    --h4: 24px;
    --h5: 18px;
    --bodyIntroSize: 24px;
    --bodyMainSize: 20px;
    --mediumSize: 17px;
    --captionSize: 15px;
    --smallSize: 13px;

    /* SHADOW */
    --boxShadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05);

    /* FONT-WEIGHTS */
    --bold: 700;

    /* Transition Ease */
    --transitionEase: all 0.5s ease-in-out;

    /* Links */
    --navbarLinkColor: rgb(236, 236, 236);
    --navbarLinkHoverColor: var(--white);

    /* ICONS LINEAR GRADIENT */
    --iconsTertiaryBgGradientStart: rgba(2, 148, 69, 0.5);
    --iconsTertiaryBgGradientEnd: rgba(2, 148, 69, 1);
    --iconsSecondaryBgGradientStart: rgba(51, 69, 153, 0.5);
    --iconsSecondaryBgGradientEnd: rgba(51, 69, 153, 1);
    --iconsAccentBgGradientStart: rgba(218, 37, 28, 0.5);
    --iconsAccentBgGradientEnd: rgba(218, 37, 28, 1);

    --secondaryDarkBgGradientEnd: rgba(44, 56, 109, 0.8);
    --secondaryDarkBgGradientStart: rgba(44, 56, 109, 1);
}

/* GENERAL STYLES */
html {
    scroll-behavior: smooth;
}
body{
    background: var(--neutral);
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

/* HEADINGS */
h1, h2, h3, h4, h5 {
    font-weight: var(--bold);
}
h1{
    font-size: var(--h1);
}
h2{
    font-size: var(--h2);
}
h3{
    font-size: var(--h3);
}
h4{
    font-size: var(--h4);
}
h5{
    font-size: var(--h5);
}

/* BUTTON */
.isoa-btn {
    padding: 13px 38px;
    color: var(--white);
    transition: var(--transitionEase);
    border: none;
    border-radius: 10px;
    font-weight: var(--bold);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.isoa-btn:hover,.isoa-btn:active,.isoa-btn:focus {
    outline: none;
}

.isoa-btn.primary {
    background: var(--primaryColor);
}

.isoa-btn.primary:hover {
    background: var(--primaryColor75);
}

.isoa-btn.secondary {
    background: var(--secondaryColor75);
    color: var(--white);
}

.isoa-btn.secondary:hover {
    background: var(--secondaryColor);
}

.isoa-btn.tertiary {
    background: var(--tertiaryColor75);
    color: var(--white);
}

.isoa-btn.tertiary:hover {
    background: var(--tertiaryColor);
}

.isoa-btn.accent {
    background: var(--accentColor75);
    color: var(--white);
}

.isoa-btn.accent:hover {
    background: var(--accentColor);
}

/* ISOA SECTION */
.isoa-section {
    padding: 40px 0;
    line-height: 30px;
}
.isoa-section p {
    font-size: var(--mediumSize);
}

.section-title {
    margin-bottom: 20px;
}

.section-title h3 {
    color: var(--secondaryColor);
}

/* ISOA CARD */
.isoa-card {
    box-shadow: var(--boxShadow);
    background: var(--white);
    transition: var(--transitionEase);
}