.montserrat-semibold {
                 font-family: "Montserrat", sans-serif;
                 font-optical-sizing: auto;
                 font-weight: 600;
                 font-style: normal;
             }

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

body
{
    font-family: "Lato", sans-serif;
}

#mainContainer
{
    margin-top: 120px;
}

header h1
{
    font-size: 28px;
    font-weight: 700;
}

header h2
{
    font-size: 24px;
    font-weight: 700;
}

.header-bg
{
    background: linear-gradient(96.38deg, rgb(49 155 207) 0%, rgb(12 41 145) 100%);
    color: white;
    font-size: 1rem;
}

#economies
{
    font-size: 24px;
    color: #293f6e;
    font-weight: bold;
}

.footer-bg
{
    color: #323f68;
    background-color: #e8f1fe;
}

#tv
{
    color: #3a1e4f;
}

.logoStyle
{
    font-size: 20px;
    color: #114d79;
}

.color-simulateur
{
    color: #ea515a;
}

.stepCadre
{
    background-color: #ccbebe4a;
}

.gratuit
{

    color: black;
}

.pourquoi
{

    color: black;
}

.custom-color-1
{
    color: #113899;
}

.cadreGratuit
{
    background-color: #eef3ff;
    font-size: 22px;
}

.cadreThermostat
{
    background-color: #eef3ff;
    font-size: 22px;
}


.cta-custom-color
{
    background-color: #dc5159!important;
}

.cta-custom-color:hover
{
    background-color: #c24854 !important;
}

.free
{
    border-bottom: 2px solid #cc5a5d;
    display: inline-block;
}

.title-section
{
    font-size: 28px;
    color: #293f6e;
    font-weight: bold;
}

.navbarItemStyle
{
    font-weight: bold;
    font-size: 17px;
    color: #2e3f6b !important;
}

.icon-logo
{
    transform: rotate(90deg);
}