/***
=============================================
Intro Cards
=============================================
***/
.intro{
    width: var(--rn-width1);
    margin: auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 25px 0;
    flex-wrap: wrap;
}
.introCard {
    flex: 0 0 calc(24% - 11px);
    box-sizing: border-box;
}
.introCardTitle{
    font-family: 'PoppinsBold';
    font-size: 22px;
}
.introCardText{
    font-family: 'PoppinsRegular';
    font-size: 16px;
}


@media(max-width: 1300px){
    /*** Intro Cards ***/
    .intro {
        gap: 14px;
    }
    .introCardText {
        font-size: 13px;
    }
    .introCard {
        flex: 0 0 calc(25% - 11px);
    }
}
@media(max-width: 900px){
    /*** Intro Cards ***/
    .intro {
        gap: 25px;
    }
    .introCard {
        flex: 0 0 calc(49% - 30px);
    }
}
@media(max-width: 700px){
    /*** Intro Cards ***/
    .introCard {
        flex: 100%;
    }
}