.meter_hero {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16rem 4% 10rem;
    justify-content: center;
    align-items: center;
    gap: 20rem;
}

@media only screen and (max-width: 768px) {
    .meter_hero {
        padding: 6rem 4% 5rem;
    }
}

@media only screen and (max-width: 768px) {
    .meter_hero-1 {
        margin-top: 10rem;
    }


}

.meter_hero-1{
    padding: 19rem 4% 11rem;
}

/* Styles for div1 */
.meter_hero .div1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meter_hero .div1 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 7rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: auto;
    margin-bottom: -4rem;
    width: 40%;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div1 h1 {
        font-size: 3rem;
        margin-bottom: 0rem;
        width: 90%;
    }
    .meter_hero-1 {
        padding: 10rem 4% 5rem;
    }
}

.meter_hero .div1 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 30rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: right;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div1 h2 {
        font-size: 7.6rem;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
}

.meter_hero .div1 h2 img {
    position: absolute;
    top: -51%;
    z-index: 0;
    left: 14%;
    max-width: 47rem;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div1 h2 img {
        position: relative;
        z-index: -1;
        max-width: 25rem;
        display: flex;
        flex-direction: column;
        align-self: center;
        left: 0;
    }
}

.meter_hero .div1 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 0rem;
    margin-left: 6%;
    max-width: 35%;
    margin-top: 1rem;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div1 h3 {
        font-size: 2rem;
        max-width: 50%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 480px) {
    .meter_hero .div1 h3 {

        max-width: 65%;

    }
}

/* Styles for div2 */
.meter_hero .div2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: -19rem;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div2 {
        flex-direction: column-reverse;
        margin-left: 0%;
    }
}

.meter_hero .div2 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 6rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: 30%;
    margin-bottom: 3rem;
    width: 91%;
}



.meter_hero-2{
    padding-bottom: 32rem;
}




.meter_hero-2 .div2{
    flex-direction: column;
}

.meter_hero .div2 h4{
    font-family: var(--GT-Walsheim);
    font-size: 2.5rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1px;
    text-align: left;
    color: #0081ff;
    max-width: 64rem;
    margin-right: -44rem;
    margin-top: -1rem;
}


@media only screen and (max-width: 768px) {
    .meter_hero .div2 h1 {
        font-size: 3rem;
        margin-bottom: 2rem;
        width: 24rem;
        margin-left: 1rem;
    }

    .meter_hero.meter_hero-2 .div2 h1{
        font-size: 3rem;
        margin-bottom: 2rem;
        width: 24rem;
        margin-left: -4rem;
        margin-top: 1rem;
    }
    
    .meter_hero.meter_hero-2 .div2 h4{
        font-family: var(--GT-Walsheim);
        font-size: 2rem;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 1px;
        text-align: left;
        color: #0081ff;
        max-width: 30rem;
        margin-right: -2rem;
        margin-top: 0rem;
    }

    .meter_hero-2{
        padding-bottom: 16rem;
    }
    
}


.meter_hero .div2 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 30rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: left;
    color: #0081ff;
    /* margin-left: 15%; */
}

@media only screen and (max-width: 768px) {
    .meter_hero .div2 h2 {
        font-size: 10rem;
        text-align: left;
    }
}

@media only screen and (max-width: 480px) {
    .meter_hero .div2 h2 {
        margin-left: 5%;
    }
}

.meter_hero .div2 h2 img {
    position: absolute;
    top: -33%;
    z-index: -1;
    left: 80rem;
    max-width: 36rem;
}




@media only screen and (max-width: 768px) {
    .meter_hero .div2 h2 img {
        position: relative;
        right: 0;
        margin-inline: auto;
        z-index: -1;
        max-width: 25rem;
        left: 0;
    }
    .meter_hero.meter_hero-2 .div2 h2 img{
        position: absolute !important;
        position: relative;
        right: 0;
        margin-inline: auto;
        z-index: -1;
        max-width: 14rem;
        left: 13rem;
        top: -6rem;
    
    }
}

.meter_hero .div2 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 5.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 2.7rem;
    margin-bottom: 2.7rem;
    max-width: 60rem;
    margin-left: 0%;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div2 h3 {
        font-size: 3rem;
        max-width: 25rem;
        margin-left: 2%;
        margin-bottom: 3rem;

    }
}


/* Styles for div3 */
.meter_hero .div3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meter_hero .div3 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 7rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: auto;
    margin-bottom: -4rem;
    width: 40%;
}

.meter_hero .div3 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 24rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: center;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div3 h2 {
        font-size: 7rem;
        text-align: left;
    }
}

.meter_hero .div3 h2 img {
    position: absolute;
    bottom: 58%;
    z-index: 0;
    left: 3%;
    max-width: 31rem;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div3 h2 img {
        position: relative;
        max-width: 19rem;
        left: 21%;
    }
}


.meter_hero .div3 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 2.7rem;
    max-width: 70rem;
    margin-left: auto;
    margin-right: 10%;
}

@media only screen and (max-width: 768px) {
    .meter_hero .div3 h3 {
        font-size: 2rem;
        max-width: 25rem;
        margin-top: 0;
    }
}



@media only screen and (max-width: 768px) {
    .meter_features .slide .block .image img {
        height: 100% !important;
        width: 11rem;
    }
}

@media only screen and (max-width: 480px) {
    .meter_features .slide .block .image img {
        height: 100% !important;
        width: 7rem;
    }
}

@media only screen and (max-width: 768px) {
    .meter_features .slide .block .content {
        height: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .meter_features .slide .block .content {
        height: 100% !important;
        width: 100% !important;
    }
}


.nilmKey {
    position: relative;
    padding: 10rem 8% 10rem;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .nilmKey {
        padding: 6rem 8% 6rem;
    }
}

.nilmThinking {
    padding: 10rem 4% 10rem;
}

@media only screen and (max-width: 768px) {
    .nilmThinking {
        padding: 6rem 4% 6rem;
    }
}


.nilmKey .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem;
}

.nilmKey .head {
    margin-bottom: 8rem;
}

@media only screen and (max-width: 480px) {

    .nilmKey .head {
        margin-bottom: 6rem;
    }
}

.nilmKey .head h1 {
    font-family: var(--GT-Walsheim);
    font-size: 10rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1px;
    text-align: right;
    color: #0081ff;
    align-self: center;
    margin-right: -41%;
    margin-bottom: -3rem;
}

@media only screen and (max-width: 768px) {
    .nilmKey .head h1 {
        font-size: clamp(3rem, 7vw, 8rem);
        text-align: left;
    }
}

.nilmThinking .head h1 {
    font-size: 8rem;
}

@media only screen and (max-width: 768px) {
    .nilmThinking .head h1 {
        font-size: clamp(2.5rem, 6vw, 7rem);
        /* text-align: left; */
        margin-bottom: 0rem;
    }
}


.nilmKey .head h1 {
    margin-right: 0;
}

.nilmKey .head h2 {
    font-family: var(--GT-Walsheim);
    font-size: 18rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: -2.6px;
    text-align: center;
    color: #0081ff;
}


@media only screen and (max-width: 768px) {
    .nilmKey .head h2 {
        font-size: clamp(4rem, 12vw, 12rem);
    }
}

.nilmKey .slides {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8vw;
}

.nilmKey .slides .slick-slide {
    margin: 0 10px; /* Adjust gap as needed */
}


@media only screen and (max-width: 768px) {
    .nilmKey .slides {
        grid-template-columns: repeat(1, 1fr);
    }
}

.nilmThinking .slides {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
}

@media only screen and (max-width: 768px) {
    .nilmThinking .slides {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* .nilmKey .slides .slick-list {
    padding: 0 10% 0 0;
} */

.nilmKey .slides .block {
    background-color: #F6F6F6;
    border-radius: 6rem;
    padding-bottom: 4rem;
    flex-direction: column;
    align-items: center;
}

.nilmKey .slides .block img {
    width: 100%;
    /* height: 40rem; */
    aspect-ratio: 3/2;
    border-radius: 6rem;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .nilmKey .slides .block img {
        border-radius: 4rem;
    }
}

.nilmKey .slides .block .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 90%;
}

.nilmKey .slides .block h1 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .nilmKey .slides .block h1 {
        font-family: var(--GT-Walsheim);
        font-size: 2rem;
    }
}

.nilmKey .slides .block h1 {
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.3px;
}

.nilmKey .slides .block {
    display: flex;
    gap: 3.7rem;

}

.nilmKey .slides .block p {

    font-family: var(--GT-Walsheim);
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #0081ff;

}

.nilmKey .slides .block p {
    font-size: 3rem;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.3px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .nilmKey .slides .block p {
        font-family: var(--GT-Walsheim);
        font-size: 2rem;
        line-height: 1.3;
    }
}

.nilmKey .slideNav {
    display: flex;
    margin-top: 1.7rem;
    justify-content: flex-end;
    gap: 2rem;
    padding-right: 4%;
}

.nilmBills {
    position: relative;
    padding: 10rem 8% 10rem;

}

@media only screen and (max-width: 768px) {
    .nilmBills {
        position: relative;
        padding: 6rem 8% 6rem;

    }
}

.nilmBills h1 {
    font-family: var(--GT-Walsheim);
    font-size: 6.5rem;
    font-weight: 300;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    text-align: center;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .nilmBills h1 {
        font-size: clamp(3rem, 7vw, 8rem);
        text-align: left;
    }
}

.nilmBills .blockContainer {
    display: flex;
    gap: 4rem;
    justify-content: center;
    margin-top: 6rem;
}

.nilmBills .blockContainer .slick-slide {
    margin: 0 10px; /* Adjust gap as needed */
}


@media only screen and (max-width: 768px) {
    .nilmBills .blockContainer {
        flex-direction: column;
    }
}

.nilmBills .blockContainer .block {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    width: 100%;
}

.nilmBills .blockContainer .block .c1 {
    width: 100%;
}

.nilmBills .blockContainer .block .c1 img {
    object-fit: cover;
    border-radius: 6rem;
    aspect-ratio: 3/2;
    width: 100%;
    /* min-height: 38rem; */
}

@media only screen and (max-width: 768px) {
    .nilmBills .blockContainer .block .c1 img {
        border-radius: 4rem;
    }
}

.nilmBills .blockContainer .block .c2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.nilmBills .blockContainer .block .c2 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 3.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.4px;
    text-align: left;
    color: #0081ff;
    font-weight: 500;
}

.nilmBills .blockContainer .block .c2 svg {
    height: 6rem;
}

.sectionWaitList {
    padding: 10rem 4%;
}

@media only screen and (max-width: 768px) {
    .sectionWaitList {
        padding: 6rem 4%;
        display: flex;
        flex-direction: column;
    }
}

.sectionWaitList h1 {
    font-family: var(--GT-Walsheim);
    font-size: 8rem;
    font-weight: 300;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    text-align: left;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .sectionWaitList h1 {
        font-size: clamp(2.5rem, 12vw, 7rem);
        text-align: left;
    }
}


.sectionWaitList .waitListBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    gap: 4rem;
    padding: 8rem 0;
}


@media only screen and (max-width: 768px) {
    .sectionWaitList .waitListBox {
        justify-content: center;
        padding: 6rem 0;
        flex-direction: column-reverse;
        align-items: flex-start;
        width: 65%;
        align-self: flex-end;
        gap: 2rem;
    }
}

.sectionWaitList .waitPara {
    font-size: 2.4rem;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.24px;
    text-align: left;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .sectionWaitList .waitPara {
        font-size: 1.4rem;
    }
}

.sectionWaitList .waitListBox a {}

.sectionWaitList .waitListBox a svg {
    height: 8.6rem;
    display: block;
}

@media only screen and (max-width: 768px) {
    .sectionWaitList .waitListBox a svg {
        height: 3.5rem;
        display: block;
        width: auto;
    }
}

.sectionWaitList .waitListBox a svg path {}

.sectionWaitList .pointContainer {
    padding: 6rem 6%;
    border-top: 2px solid #0081ff;
    border-bottom: 2px solid #0081ff;

}

.sectionWaitList .pointSubCon {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.sectionWaitList .star {
    font-size: 13rem;
    font-family: var(--GT-Walsheim);
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: -1.3px;
    text-align: left;
    color: #0081ff;
    transform: translateY(25px);
}

@media only screen and (max-width: 768px) {
    .sectionWaitList .star {
        font-size: 4rem;
        transform: translateY(7px);
    }

    .sectionWaitList .pointContainer {
        padding: 3rem 6%;
    }
    .sectionWaitList .pointSubCon{
        gap: 2rem;
    }
}


.sectionWaitList .pointBox {}

.sectionWaitList .pointText {
    font-family: var(--GT-Walsheim);
    font-size: 2.4rem;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.24px;
    text-align: left;
    color: #0081ff;
}


@media only screen and (max-width: 768px) {
    .sectionWaitList .pointText {
        font-family: var(--GT-Walsheim);
        font-size: 1.4rem;
    }
}

.nilm_hero {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 6rem 4% 10rem;
    justify-content: center;
    align-items: center;
    gap: 20rem;
}

@media only screen and (max-width: 768px) {
    .nilm_hero {
        padding: 6rem 4% 8rem;
    }
}

.nilm_hero-1 {
    padding-top: 30rem;
}


@media only screen and (max-width: 768px) {
    .nilm_hero-1 {
        padding-top: 16rem;

    }
    .nilm_hero-2 {
        margin-top: 5rem;
    }
}

/* Styles for div1 */
.nilm_hero .div1 {
    display: flex;
    flex-direction: column;
}

.nilm_hero .div1 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 7rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: -3%;
    margin-bottom: 2rem;
    width: 48rem;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div1 h1 {
        font-size: 3rem;
        margin-bottom: -10rem;
        margin-left: 19rem;
        width: 13rem;
    }
}

.nilm_hero .div1 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: right;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div1 h2 {
        font-size: 6rem;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
    }
}

.nilm_hero .div1 h2 img {
    position: absolute;
    top: -96%;
    z-index: -1;
    max-width: 35rem;
    right: 4%;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div1 h2 img {
        position: relative;
        max-width: 14rem;
        right: 0;
        right: -3rem;
        
        /* margin-inline: auto; */
     
    }
}

.nilm_hero .div1 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 2.7rem;
    max-width: 35%;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div1 h3 {
        font-size: 2rem;
        max-width: 24rem;
        margin-left: 10%;
    }
}

/* Styles for div2 */
.nilm_hero .div2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div2 {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
      
}


.nilm_hero .div2 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 7rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: auto;
    margin-bottom: 30rem;
    width: 25rem;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div2 h1 {
        font-size: 3rem;
        width: 7rem;
        margin-bottom: -14rem;
        margin-left: 7rem;
    }
}

.nilm_hero .div2 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 30rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: left;
    color: #0081ff;
    /* margin-left: 15%; */
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div2 h2 {
        font-size: 8rem;
        text-align: center;
        /* margin-left: 5%; */
    }
}

.nilm_hero .div2 h2 img {
    position: absolute;
    top: 70%;
    z-index: 0;
    max-width: 39rem;
    left: 0px;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div2 h2 img {
        position: relative;
        max-width: 14rem;
        /* margin-inline: auto; */
    }
}

.nilm_hero .div2 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 2.7rem;
    margin-bottom: 2.7rem;
    max-width: 75rem;
    margin-left: 18%;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div2 h3 {
        font-size: 2rem;
        max-width: 23rem;
        margin-left: 10%;
    }
}

/* Styles for div3 */
.nilm_hero .div3 {
    display: flex;
    flex-direction: column;
}

.nilm_hero .div3 h1 {
    font-family: var(--GT-Walsheim);
    font-size: 7rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1px;
    text-align: left;
    color: #0081ff;
    margin-left: 30rem;
    margin-bottom: 2rem;
    width: 40%;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div3 h1 {
        font-size: 3rem;
        margin-bottom: 1rem;
        width: 19rem;
        margin-left: 3rem;
    }
}

.nilm_hero .div3 h2 {
    position: relative;
    font-family: var(--GT-Walsheim);
    font-size: 30rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: center;
    color: #0081ff;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div3 h2 {
        font-size: 7rem;
        text-align: center;
    }
}

.nilm_hero .div3 h2 img {
    position: absolute;
    top: -70%;
    z-index: 0;
    max-width: 36rem;
    right: 10%;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div3 h2 img {
        position: relative;
        max-width: 17rem;
        right: -9rem;
        z-index: -1;
        margin-inline: auto;
    }
}

.nilm_hero .div3 h3 {
    font-family: var(--GT-Walsheim);
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-align: left;
    align-self: flex-start;
    color: #0081ff;
    margin-top: 2.7rem;
    max-width: 59rem;
    margin-left: -1rem;
    margin-right: 0%;
}

@media only screen and (max-width: 768px) {
    .nilm_hero .div3 h3 {
        font-size: 2rem;
        max-width: 24rem;
        margin-left: 3rem;
        margin-right: 0;
    }
}