.heading-h1{
    font-weight: 600;
    font-size: 40px;
    line-height: 44px;
    color: var(--primary-blue) ;
    margin: 0;
    text-transform: capitalize;
}
.heading-h1.lightBlue{
    color: var(--secondary-blue)  !important;
}
.heading-h1.white{
    color: var(--white-color) !important;
}
.heading-h2{
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    color: var(--primary-blue) ;
    margin: 0;
    text-transform: capitalize;
}
.heading-h2.white{
    color: var(--white-color) !important;
}
.heading-h2.lightBlue{
    color: var(--secondary-blue)  !important;
}
.heading-h3{
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: var(--primary-blue) ;
    margin: 0;
    text-transform: capitalize;
}
.heading-h3.white{
    color: var(--white-color) !important;
}
.paragraph{
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-blue) ;
    margin: 0;
    word-wrap: break-word; 
    overflow-wrap: break-word; 

}
.paragraph.bold{
    font-weight: 600;
}
.paragraph.white{
    color: var(--white-color);
}
.paragraph.grey{
    color: var(--dark-grey);
}
.paragraph.dark{
    color: var(--dark-blue);
}
.heading-h5{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--primary-blue) ;
    margin: 0;
    text-transform: capitalize;
}

.heading-h5.regular{
    font-weight: 400 !important;
}
.heading-h5.dark{
    color: var(--dark-blue);
}

.heading-h5.white{
    color: var(--white-color);
}
.subtitle-S1{
    font-size: 16px;
    line-height: 20px;
    color: var(--primary-blue) ;
    margin: 0;
    text-transform: capitalize;
}
.subtitle-S1.light{
    color: var(--secondary-blue);
}
.subtitle-S1.bold{
    font-weight: 600;
}
.subtitle-S1.white{
    color: var(--white-color);
}
.subtitle-S1.dark{
    color: var(--dark-blue);
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}