.list h1 a,
.c2 .head a {
font-size: 3rem !important;
font-weight: 500 !important;
line-height: 1.2;
}
.wp-block-lazyblock-home-banner h4 {
text-align: right;
margin-top: 3rem;
}
.wp-block-lazyblock-home-banner h4 a {
position: relative;
color: #ffffff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union-blue.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-home-banner h4 a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow-white.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
} .resources-banner {
position: relative;
padding: 18rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.resources-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: 18rem;
margin-bottom: -6rem;
}
.resources-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
}
.resources-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
margin-top: 1rem;
max-width: 80rem;
margin-left: 18rem;
}
.resources-blog {
position: relative;
padding: 5rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.resources-blog h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
align-self: flex-start;
margin-right: 19rem;
}
.resources-blog h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 18rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
}
.resources-blog h2 img {
position: absolute;
z-index: -1;
top: 11rem;
right: 9rem;
max-width: 35rem;
}
.resources-blog h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
margin-top: 3rem;
max-width: 60rem;
margin-left: 4rem;
}
.resources-blog h4 {
margin-left: 4rem;
margin-top: 3rem;
}
.resources-blog a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-blog a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-blog-slide {
position: relative;
padding: 0 4% 5rem;
align-items: center;
}
.resources-blog-slide .slick-slide img {
width: 100%;
}
.resources-blog-slide .slideNav {
display: flex;
gap: 1rem;
width: 100%;
justify-content: center;
}
.resources-blog-slide .slideNav img {
cursor: pointer;
}
.resources-blog-slide .slides {
display: flex;
margin-top: 1rem;
}
.resources-blog-slide .slides .block.slick-slide {
cursor: pointer;
margin: 2rem;
background: #f6f6f6;
border-radius: 50px;
}
.resources-blog-slide .slides .block .text {
padding: 3rem;
}
.resources-blog-slide .slides .block .text h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
margin-bottom: 0.9rem;
}
.resources-blog-slide .slides .block .text p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-top: 1.5rem;
}
.resources-stories-case {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.resources-stories-case h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: 8rem;
margin-bottom: -6rem;
}
.resources-stories-case h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
}
.resources-stories-case h2 img {
position: absolute;
z-index: -1;
top: -7rem;
right: 11rem;
max-width: 30rem;
}
.resources-stories-case h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
max-width: 42rem;
margin-left: 37rem;
}
.resources-stories-case h4 {
margin-top: -4rem;
text-align: right;
margin-right: 40rem;
}
.resources-stories-case a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-stories-case a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-stories-list {
display: flex;
margin-top: 1rem;
justify-content: center;
padding: 5rem 4% 5rem;
}
.resources-stories-list .block {
margin: 2rem;
background: #f6f6f6;
border-radius: 50px;
padding-bottom: 2rem;
}
.resources-stories-list img {
height: 200px;
width: 100%;
object-fit: fill;
}
.resources-stories-list h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
margin-bottom: 0.9rem;
margin-top: 2.5rem;
padding: 0 5rem;
}
.resources-stories-list p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-top: 1.5rem;
padding: 0 5rem;
}
.resources-the-news {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.resources-the-news h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: 17rem;
margin-bottom: -6rem;
}
.resources-the-news h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
}
.resources-the-news h2 img {
position: absolute;
z-index: -1;
bottom: -13rem;
right: -5rem;
max-width: 30rem;
}
.resources-the-news h3 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
max-width: 42rem;
margin-left: 8rem;
}
.resources-the-news h4 {
margin-top: -4rem;
text-align: right;
margin-right: 35rem;
}
.resources-the-news a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-the-news a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-the-news-slide {
position: relative;
padding: 5rem 4% 5rem;
margin-top: 1rem;
justify-content: center;
}
.resources-the-news-slide .slideNav {
display: flex;
gap: 1rem;
justify-content: center;
width: 100%;
margin-top: 5rem;
}
.resources-the-news-slide .slideNav img {
cursor: pointer;
}
.resources-the-news-slide .block.slick-slide {
margin: 2rem;
background: #f6f6f6;
border-radius: 50px;
}
.resources-the-news-slide .block .container {
display: flex;
}
.resources-the-news-slide .block img {
width: 60%;
}
.resources-the-news-slide .block .head {
padding: 4rem 3rem 3rem 3rem;
width: 40%;
}
.resources-the-news-slide .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
}
.resources-the-news-slide .block .head p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-top: 1.5rem;
}
.resources-the-news-slide .block .head h4 {
position: absolute;
bottom: 8rem;
margin-left: 1rem;
}
.resources-the-news-slide a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-the-news-slide a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-download {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10rem;
}
.resources-download h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: 17rem;
margin-bottom: -6rem;
}
.resources-download h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
}
.resources-download h2 img {
position: absolute;
z-index: -1;
bottom: 20rem;
right: 3rem;
max-width: 30rem;
}
.resources-download h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
max-width: 47rem;
margin-left: 43rem;
}
.resources-download h4 {
margin-top: 2rem;
text-align: right;
margin-right: 20rem;
}
.resources-download a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-download a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-download-slide {
position: relative;
padding: 5rem 4% 5rem;
margin-top: 1rem;
justify-content: center;
}
.resources-download-slide .slideNav {
display: flex;
gap: 1rem;
justify-content: center;
width: 100%;
margin-top: 5rem;
}
.resources-download-slide .slideNav img {
cursor: pointer;
}
.resources-download-slide .block.slick-slide {
margin: 2rem;
background: #f6f6f6;
border-radius: 50px;
}
.resources-download-slide .block.slick-slide img {
cursor: pointer;
}
.resources-download-slide .block .container {
display: flex;
}
.resources-download-slide .block img {
width: 60%;
}
.resources-download-slide .block .head {
padding: 4rem 3rem 3rem 3rem;
width: 40%;
}
.resources-download-slide .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
}
.resources-download-slide .block .head p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-top: 1.5rem;
}
.resources-download-slide .block .head h4 {
position: absolute;
bottom: 8rem;
margin-left: 1rem;
}
.resources-download-slide a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-download-slide a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.resources-faq {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10rem;
}
.resources-faq h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-bottom: -3rem;
}
.resources-faq h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 18rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
}
.resources-faq h2 img {
position: absolute;
z-index: -1;
bottom: 12rem;
right: 26rem;
max-width: 25rem;
}
.resources-faq h3 {
margin-top: 1rem;
text-align: right;
margin-right: 8rem;
}
.resources-faq a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.resources-faq a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
} .wp-block-lazyblock-company-banner .pin-spacer {
height: auto !important;
z-index: unset !important;
place-self: normal !important;
}
.wp-block-lazyblock-company-banner .company-banner h1 {
margin-bottom: 1rem;
text-align: right;
margin-right: 9rem;
}
.wp-block-lazyblock-company-banner .company-banner h2 {
font-size: 20rem;
}
.wp-block-lazyblock-company-banner .company-banner h3 {
max-width: 82rem;
align-self: flex-start;
margin-top: 1.5rem;
margin-left: 1rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth {
display: flex;
width: 100%;
justify-content: center;
padding: 5rem 10% 10rem 10%;
}
.wp-block-lazyblock-company-our-growth-story .company_growth .head {
width: 100%;
max-width: 1600px;
margin: auto;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: right;
color: #0081ff;
margin-right: 13rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 img {
position: absolute;
z-index: -1;
top: 2rem;
max-width: 30rem;
left: 5rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: right;
color: #0081ff;
margin-top: -2rem;
margin-right: 8rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 65rem;
margin-left: 22rem;
margin-top: -11rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h4 {
text-align: right;
margin-top: -4rem;
margin-right: 21rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.wp-block-lazyblock-company-our-value .company_our_value {
display: flex;
width: 100%;
justify-content: center;
padding: 15rem 10% 10rem;
}
.wp-block-lazyblock-company-our-value .company_our_value .head {
width: 100%;
max-width: 1600px;
margin: auto;
}
.wp-block-lazyblock-company-our-value .company_our_value h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
margin-left: 8rem;
margin-bottom: 1rem;
}
.wp-block-lazyblock-company-our-value .company_our_value h2 img {
position: absolute;
z-index: -1;
top: 2rem;
max-width: 30rem;
}
.wp-block-lazyblock-company-our-value .company_our_value h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 65rem;
margin-left: 32rem;
margin-top: 3rem;
}
.wp-block-lazyblock-company-our-value .company_our_value h4 {
text-align: right;
margin-top: -10rem;
margin-right: 21rem;
}
.wp-block-lazyblock-company-our-value .company_our_value a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-our-value .company_our_value a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.wp-block-lazyblock-company-our-plants .company-our-plants {
display: flex;
width: 100%;
justify-content: center;
padding: 5rem 10% 10rem 10%;
margin-top: 25rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants .head {
width: 100%;
max-width: 1600px;
margin: auto;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: -7rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
margin-top: 6rem;
margin-left: -10rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h2 img {
position: absolute;
z-index: -1;
bottom: 9rem;
right: 10rem;
max-width: 30rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h3 {
font-family: var(--GT-Walsheim);
font-size: 3.9rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-top: 0rem;
margin-left: 0;
max-width: 100rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h4 {
text-align: right;
margin-right: 2rem;
margin-top: 2rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.wp-block-lazyblock-company-our-team .company-our-team {
display: flex;
width: 100%;
justify-content: center;
padding: 5rem 10% 10rem 10%;
}
.wp-block-lazyblock-company-our-team .company-our-team .head {
width: 100%;
max-width: 1600px;
margin: auto;
}
.wp-block-lazyblock-company-our-team .company-our-team h1 {
margin-bottom: 1rem;
text-align: left;
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
color: #0081ff;
margin-left: 18rem;
}
.wp-block-lazyblock-company-our-team .company-our-team h2 {
position: relative;
font-size: 25rem;
font-family: var(--GT-Walsheim);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: left;
margin-left: 20rem;
color: #0081ff;
}
.wp-block-lazyblock-company-our-team .company-our-team h3 {
max-width: 60rem;
margin-top: 1.5rem;
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-left: 24rem;
}
.wp-block-lazyblock-company-our-team .company-our-team h4 {
text-align: center;
margin-left: 60rem;
margin-top: -2em;
}
.wp-block-lazyblock-company-our-team .company-our-team a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-our-team .company-our-team a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.wp-block-lazyblock-company-investor .company-investor {
display: flex;
width: 100%;
justify-content: center;
padding: 15rem 10% 10rem 10%;
}
.wp-block-lazyblock-company-investor .company-investor .head {
width: 100%;
max-width: 1600px;
margin: auto;
}
.wp-block-lazyblock-company-investor .company-investor h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: -7rem;
margin-left: -13rem;
}
.wp-block-lazyblock-company-investor .company-investor h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
margin-top: 7rem;
margin-left: -14rem;
}
.wp-block-lazyblock-company-investor .company-investor h2 img {
position: absolute;
bottom: 5rem;
right: -12rem;
max-width: 40rem;
}
.wp-block-lazyblock-company-investor .company-investor h3 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
margin-left: 8rem;
margin-top: -3rem;
}
.wp-block-lazyblock-company-investor .company-investor h4 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-top: 0rem;
margin-left: 9rem;
max-width: 65rem;
}
.wp-block-lazyblock-company-investor .company-investor h5 {
text-align: right;
margin-right: -5rem;
}
.wp-block-lazyblock-company-investor .company-investor a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-investor .company-investor a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card {
opacity: 100 !important;
position: relative;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card div {
position: relative;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h1 {
margin-left: 36rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h2 {
text-align: left;
font-size: 20rem;
margin-top: 5rem;
margin-left: 35rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card img {
position: absolute;
left: -10rem;
top: 0;
max-width: 45rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h3 {
max-width: 60rem;
margin-left: 36rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h4 {
text-align: right;
position: absolute;
right: 14rem;
top: 19rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
} .solutions-banner {
position: relative;
padding: 18rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.solutions-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: -1.5rem;
margin-bottom: -1rem;
}
.solutions-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
}
.solutions-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4.4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: right;
color: #0081ff;
align-self: flex-end;
align-self: flex-end;
margin-top: 0rem;
}
.solutions-banner h2 img {
position: absolute;
z-index: -1;
bottom: 12rem;
right: 2rem;
max-width: 45rem;
}
.solutions-advanced-metering {
padding: 10rem 4% 10rem 4%;
position: relative;
display: flex;
gap: 3rem;
align-items: center;
justify-content: center;
flex-direction: column;
}
.solutions-advanced-metering .content {
display: flex;
gap: 3.6rem;
}
.solutions-advanced-metering .c2 {
display: flex;
width: 45%;
}
.solutions-advanced-metering .c1 {
display: flex;
width: 55%;
}
.solutions-advanced-metering .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
.solutions-advanced-metering .c1 .content .block {
background-color: #f6f6f6;
border-radius: 32px;
padding: 4rem 6rem;
position: relative;
}
.solutions-advanced-metering .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-bottom: 1.5rem;
}
.solutions-advanced-metering .c1 .content .block p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
} .solutions-advanced-metering .c1 .content .block:first-child {
box-shadow: 5px 4px 4px 0 rgba(0, 0, 0, 0.13);
}
.solutions-advanced-metering .c1 .content .block:first-child a {
display: block;
}
.solutions-advanced-metering .c2 img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}
.solutions-advanced-metering .content .plusBtn {
max-width: fit-content;
position: absolute;
right: 15px;
bottom: 55px;
width: 10%;
}
.solutions-advanced-metering-infra {
position: relative;
padding: 10rem 4% 10rem 4%;
margin-top: 20rem;
}
.solutions-advanced-metering-infra-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.solutions-advanced-metering-infra .head {
width: 100%;
max-width: 1600px;
}
.solutions-advanced-metering-infra h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-bottom: -7rem;
}
.solutions-advanced-metering-infra h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 23rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: left;
color: #0081ff;
margin-top: 8rem;
margin-left: 19rem;
}
.solutions-advanced-metering-infra h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 90rem;
align-self: flex-end;
margin-top: 2rem;
margin-left: 20rem;
}
.solutions-advanced-metering-infra h2 img {
position: absolute;
z-index: -1;
bottom: 15rem;
right: 14rem;
max-width: 42rem;
}
.solutions-advanced-metering-infra h3 a {
position: relative;
color: #0081ff;
font-size: 2.1rem;
padding: 25px 15px 25px 15px;
font-weight: normal;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/union.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.solutions-advanced-metering-infra h3 a:after {
content: "";
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 6px;
background-position: 8px 4px;
width: 15px;
height: 15px;
display: inline-block;
}
.solutions-advanced-metering-infra .slide {
margin-top: 10rem;
}
.solutions-advanced-metering-infra .slide .block.slick-slide {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 1rem;
}
.solutions-advanced-metering-infra .slide .block.slick-slide .image {
width: 30%;
z-index: 9;
}
.solutions-advanced-metering-infra .slide .block.slick-slide .image img {
margin-left: 8rem;
}
.solutions-advanced-metering-infra .slide .block .content {
width: 70%;
background-color: #f6f6f6;
padding: 2rem 3rem 2rem 6rem;
border-radius: 20px;
flex-direction: column;
height: 100%;
display: flex;
position: relative;
}
.solutions-advanced-metering-infra .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
margin-top: 0;
margin-left: 0;
}
.solutions-advanced-metering-infra .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #0081ff;
}
.solutions-advanced-metering-infra .slide .block .content .plusBtn {
max-width: fit-content;
position: absolute;
right: 10px;
bottom: 15px;
width: 10%;
}
.solutions-advanced-metering-infra .slideNav {
display: flex;
width: 100%;
justify-content: flex-end;
margin-top: 2rem;
gap: 1rem;
}
.solutions-advanced-metering-infra .slideNav img {
cursor: pointer;
}
.solutions-energy-management {
position: relative;
padding: 10rem 4% 10rem;
}
.solutions-energy-management-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.solutions-energy-management h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
}
.solutions-energy-management h2 {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
align-self: flex-start;
margin-left: -14.5rem;
margin-top: -2.5rem;
}
.solutions-energy-management h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
align-self: flex-end;
max-width: 50rem;
margin-top: 4rem;
margin-left: 66rem;
}
.solutions-energy-management h2 img {
position: absolute;
z-index: -1;
top: 10rem;
left: 33rem;
max-width: 45rem;
}
.solutions-energy-management .slide {
margin-top: 10rem;
}
.solutions-energy-management .slide .block.slick-slide {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 1rem;
}
.solutions-energy-management .slide .block.slick-slide .image {
width: 18%;
z-index: 9;
}
.solutions-energy-management .slide .block.slick-slide .image img {
margin-left: 8rem;
}
.solutions-energy-management .slide .block .content {
width: 80%;
background-color: #f6f6f6;
padding: 3rem 3rem 4rem 6rem;
border-radius: 20px;
flex-direction: column;
height: 100%;
display: flex;
position: relative;
}
.solutions-energy-management .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
margin-top: 0;
margin-left: 0;
}
.solutions-energy-management .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #0081ff;
}
.solutions-energy-management .slide .block .content .plusBtn {
max-width: fit-content;
position: absolute;
right: 10px;
bottom: 15px;
width: 10%;
}
.solutions-energy-management .slideNav {
display: flex;
width: 100%;
justify-content: flex-end;
margin-top: 2rem;
gap: 1rem;
}
.solutions-energy-management .slideNav img {
cursor: pointer;
}
.solutions-smart-solution {
padding: 15rem 4% 10rem 4%;
position: relative;
margin-top: 15rem;
}
.solutions-smart-solution-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.solutions-smart-solution .head h1 {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.5px;
text-align: left;
color: #0081ff;
position: relative;
align-self: flex-start;
margin-left: 10rem;
margin-bottom: -4rem;
}
.solutions-smart-solution .head h2 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
position: relative;
}
.solutions-smart-solution .head h2 img {
position: absolute;
bottom: 19rem;
right: 2rem;
max-width: 40rem;
}
.solutions-smart-solution .head h3 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
align-self: flex-end;
max-width: 60rem;
margin-top: 3rem;
margin-left: 14rem;
}
.solutions-smart-solution .slide {
margin-top: 10rem;
}
.solutions-smart-solution .slide .block.slick-slide {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 1rem;
}
.solutions-smart-solution .slide .block.slick-slide .image {
width: 30%;
z-index: 9;
}
.solutions-smart-solution .slide .block.slick-slide .image img {
margin-left: 8rem;
z-index: 9;
}
.solutions-smart-solution .slide .block .content {
width: 70%;
background-color: #f6f6f6;
padding: 2rem 3rem 2rem 6rem;
border-radius: 20px;
flex-direction: column;
height: 100%;
display: flex;
position: relative;
}
.solutions-smart-solution .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
margin-top: 0;
}
.solutions-smart-solution .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #0081ff;
}
.solutions-smart-solution .slide .block .content .plusBtn {
max-width: fit-content;
position: absolute;
right: 10px;
bottom: 15px;
width: 10%;
}
.solutions-smart-solution .slideNav {
display: flex;
width: 100%;
justify-content: flex-end;
margin-top: 2rem;
gap: 1rem;
}
.solutions-smart-solution .slideNav img {
cursor: pointer;
}
.solutions-smart-grid-automation {
position: relative;
padding: 0 4% 10rem;
}
.solutions-smart-grid-automation-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.solutions-smart-grid-automation h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
margin-left: -33rem;
}
.solutions-smart-grid-automation h2 {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-start;
margin-left: 43rem;
margin-bottom: -7rem;
margin-top: -2rem;
}
.solutions-smart-grid-automation h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 52rem;
margin-top: 9rem;
margin-left: 43.2rem;
}
.solutions-smart-grid-automation h2 img {
position: absolute;
z-index: -1;
top: -11rem;
left: -43rem;
max-width: 50rem;
}
.solutions-smart-grid-automation .slide {
margin-top: 10rem;
}
.solutions-smart-grid-automation .slide .block.slick-slide {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 1rem;
}
.solutions-smart-grid-automation .slide .block.slick-slide .image {
width: 30%;
z-index: 9;
}
.solutions-smart-grid-automation .slide .block.slick-slide .image img {
margin-left: 8rem;
}
.solutions-smart-grid-automation .slide .block .content {
width: 70%;
background-color: #f6f6f6;
padding: 2rem 3rem 2rem 6rem;
border-radius: 20px;
flex-direction: column;
height: 100%;
display: flex;
position: relative;
}
.solutions-smart-grid-automation .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 0.9rem;
margin-top: 0;
margin-left: 0;
}
.solutions-smart-grid-automation .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #0081ff;
}
.solutions-smart-grid-automation .slide .block .content .plusBtn {
max-width: fit-content;
position: absolute;
right: 10px;
bottom: 15px;
width: 10%;
}
.solutions-smart-grid-automation .slideNav {
display: flex;
width: 100%;
justify-content: flex-end;
margin-top: 2rem;
gap: 1rem;
}
.solutions-smart-grid-automation .slideNav img {
cursor: pointer;
}
.mobile_image,
.phone-text {
display: none;
}
.emt_card>div h1 {
font-size: 22rem;
line-height: 1.15;
letter-spacing: -2.6px;
z-index: 1;
margin-left: 0;
text-align: right;
}
.emt_card>div h2 {
font-size: 8rem;
letter-spacing: -1.1px;
margin-right: 11rem;
margin-bottom: 2.5rem;
margin-top: 2%;
}
.emt_card>div h3 {
font-size: 3rem;
font-weight: 500;
width: 40%;
margin-right: 8.5%;
margin-top: 1%;
}
.emt_card>div h2 img {
top: 0;
left: -6rem;
max-width: 46rem;
}
.emt_card div {
position: relative;
}
.emt_card_2>div h1 {
font-size: 6rem;
letter-spacing: -1.1px;
margin-right: 8rem;
margin-bottom: 2.5rem;
position: absolute;
left: 18%;
top: -4%;
}
.emt_card_2>div h2 {
font-size: 18rem;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;
text-align: left;
margin-left: 18rem;
}
.emt_card_2>div h3.head {
font-size: 18rem;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;
text-align: right;
margin-left: 35rem;
}
.emt_card_2>div h3.last-head {
font-size: 18rem;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;
text-align: right;
text-align: right;
width: 30%;
margin-top: -8%;
margin-left: 41%;
}
.emt_card_2>div h3.last-para {
font-size: 2.5rem;
font-weight: 500;
width: 40%;
margin-left: 13%;
margin-top: 2.1%;
position: static;
}
.emt_card_2>div h2 img {
top: -63%;
right: 37%;
max-width: 40rem;
}
.emt_card_2 div {
position: relative;
}
.emt_card_3>div h1 {
font-size: 8rem;
letter-spacing: -1px;
margin-right: 8rem;
margin-bottom: 2.5rem;
position: absolute;
left: 31%;
top: -6%;
}
.emt_card_3>div h2 {
font-size: 22rem;
line-height: 18rem;
z-index: 1;
margin-left: 0;
text-align: center;
margin-right: 0;
letter-spacing: -2.6px;
margin-bottom: 4rem;
}
.emt_card_3>div h3 {
font-size: 7rem;
letter-spacing: -1px;
margin-right: 4rem;
position: absolute;
right: 12%;
top: 38%;
z-index: 1;
align-self: flex-start;
}
.emt_card_3>div h3.last-para-4 {
font-size: 2.5rem;
font-weight: 500;
width: 62%;
margin-left: 10%;
margin-left: 29rem;
position: absolute;
left: 13%;
top: 56%;
}
.emt_card_3>div img {
width: 28%;
margin-left: 8%;
}
.emt_about {
display: block;
}
.emt_about .div {
align-items: flex-start;
padding: 0 10rem;
}
.emt_about>div h1 {
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 3%;
margin-bottom: 1rem;
z-index: 2;
}
.emt_about>div h2 {
font-size: 12rem;
letter-spacing: -1.41px;
text-align: left;
width: 100%;
margin-bottom: 15px;
margin-left: 3rem;
}
.emt_about h3 {
font-size: 5rem !important;
width: 100%;
text-align: right !important;
margin-bottom: 2%;
}
.emt_about h3 a {
position: relative;
color: #0081ff;
font-size: 3rem;
font-weight: 300; margin-right: 0%; padding-left: 0;
padding-right: 50px;
letter-spacing: 0;
}
.emt_about h3 a:before {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/btn.svg);
background-repeat: no-repeat;
background-size: 94%;
background-position: 0 0;
position: absolute;
top: -18px;
left: -40px;
right: 0; width: 34rem;
height: 10rem;
}
.emt_about h3 a:after {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/arrow.webp);
background-repeat: no-repeat;
background-size: 10px;
background-position: 0 0;
position: absolute;
top: 10px;
right: 20px;
width: 20px;
height: 40px;
}
.emt_about h4 {
font-size: 3.2rem;
font-weight: normal;
color: #0081ff;
width: 100%;
text-align: center;
}
.emt_about h4 a {
color: #0081ff;
border-bottom: 1px solid #0081ff;
padding-bottom: 2px;
}
.wp-block-lazyblock-emt-learn-about .jobApplyNow {
display: none;
} .emt-topfeatures {
position: relative;
padding: 10rem 0% 5rem;
display: flex;
flex-direction: column;
}
.emt-topfeatures .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 8rem;
}
.emt-topfeatures .head h1 {
font-family: var(--GT-Walsheim);
font-size: 24rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
align-self: center;
}
.emt-topfeatures .head h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: right;
color: #0081ff;
margin-left: 54rem;
margin-top: -3rem;
}
.emt-topfeatures .slides {
display: flex;
}
.emt-topfeatures .slides .slick-list {
padding: 0 10% 0 0;
}
.emt-topfeatures .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.emt-topfeatures .slides .block img { width: 100%;
border-radius: 5rem;
}
.emt-topfeatures .slides .block .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 90%;
}
.emt-topfeatures .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3.75rem;
font-weight: 500;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #0081ff;
padding-bottom: 1.6rem;
padding-top: 1.6rem;
}
.emt-topfeatures .slides .block {
display: flex;
gap: 3.7rem;
opacity: 1;
}
.emt-topfeatures .slides .block ul {
padding-left: 2rem;
}
.emt-topfeatures .slides .block li {
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: left;
color: #0081ff;
list-style: disc;
gap: 1rem;
align-items: center;
margin-bottom: .7rem;
}
.emt-topfeatures .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1px;
text-align: center;
color: #0081ff;
gap: 1rem;
align-items: center;
margin-bottom: .7rem;
}
.emt-topfeatures .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.emt-topfeatures .slideNav .prev,
.emt-topfeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.emt-topfeatures .slideNav .prev:hover,
.emt-topfeatures .slideNav .next:hover {
opacity: 0.7;
}
.emt-topfeatures .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.emt-topfeatures .get_it_now img {
width: 100%;
height: 100%;
} .emt-how-it-help {
position: relative;
padding: 10rem 0% 10rem;
display: flex;
flex-direction: column;
}
.emt-how-it-help .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 4rem;
}
.emt-how-it-help .head h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
align-self: flex-start;
margin-bottom: -8rem;
margin-left: 24%;
top: 14%;
}
.emt-how-it-help .head h2 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.03;
letter-spacing: -3px;
text-align: right;
color: #0081ff;
margin-left: 0;
margin-top: 0;
}
.emt-how-it-help .slides {
display: flex;
}
.emt-how-it-help .slides .slick-list {
padding: 0 10% 0 0;
}
.emt-how-it-help .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.emt-how-it-help .slides .block img { width: 100%;
border-radius: 5rem;
}
.emt-how-it-help .slides .block .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 90%;
}
.emt-how-it-help .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: 500;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #0081ff;
}
.emt-how-it-help .slides .block {
display: flex;
gap: 3.7rem;
}
.emt-how-it-help .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;
gap: 1rem;
align-items: center;
margin-bottom: .7rem;
}
.emt-how-it-help .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.emt-how-it-help .slideNav .prev,
.emt-how-it-help .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.emt-how-it-help .slideNav .prev:hover,
.emt-how-it-help .slideNav .next:hover {
opacity: 0.7;
}
.emt-how-it-help .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.emt-how-it-help .get_it_now img {
width: 100%;
height: 100%;
} .emt-why-choose {
position: relative;
padding: 15rem 0% 10rem;
display: flex;
flex-direction: column;
}
.emt-why-choose .head {
display: flex;
flex-direction: column;
margin-bottom: 10rem;
}
.emt-why-choose .head h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: -104rem;
}
.emt-why-choose .head h2 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: -50rem;
}
.emt-why-choose .head h3 {
font-family: var(--GT-Walsheim);
font-size: 24rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
text-align: left;
color: #0081ff;
margin-left: 10rem;
}
.emt-why-choose .slides img {
max-width: 39rem;
}
.emt-why-choose .slides .slick-list {
padding: 0 20% 0 0 !important;
}
.emt-why-choose .slides .block {
display: flex;
gap: 2.5rem;
align-items: center;
margin-left: 5rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.emt-why-choose .slides .block img {
width: 100%;
}
.emt-why-choose .slides .block .content {
display: flex;
flex-direction: column;
align-items: center;
}
.emt-why-choose .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: 500;
font-stretch: condensed;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
max-width: 90%;
}
.emt-why-choose .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.2px;
text-align: center;
color: #0081ff;
max-width: 90%;
}
.emt-why-choose .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.emt-why-choose .slideNav .prev,
.emt-why-choose .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.emt-why-choose .slideNav .prev:hover,
.emt-why-choose .slideNav .next:hover {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.emt_card>div h1 {
font-size: 6rem !important;
line-height: 1.15;
letter-spacing: 0;
z-index: 1;
margin-left: 0;
text-align: center;
margin-left: 0 !important;
}
.emt_card>div h2 {
font-size: 3rem !important;
letter-spacing: -1.1px;
margin-right: 11rem;
margin-bottom: 2.5rem;
margin-top: 2%;
}
.emt_card>div h2 img {
top: 0 !important;
left: 0rem !important;
max-width: 15rem !important;
}
.emt_card>div h3 {
font-size: 1.5rem !important;
font-weight: 500;
width: 100%;
margin-right: 0 !important;
margin-top: 1% !important;
align-self: flex-start;
margin-top: -1rem !important;
margin-left: 15.5rem !important;
max-width: 62% !important;
}
.emt_card_2>div h1 {
font-size: 3rem !important;
letter-spacing: -1.1px;
margin-right: 8rem;
margin-bottom: 1.5rem !important;
position: absolute;
left: 4%;
top: -20%;
line-height: 2rem;
}
.emt_card_2>div h2 {
font-size: 7.5rem !important;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;
text-align: left;
margin-left: 2rem !important;
}
.emt_card_2 div h2 img {
left: unset;
right: 1%;
max-width: 16rem !important;
top: -6rem !important;
left: 18rem !important;
}
.emt_card_2>div h3.head {
font-size: 7.5rem !important;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1; margin-left: 8rem !important;
}
.emt_card_2 div h3 {
margin-top: 1% !important;
align-self: flex-start;
max-width: 100% !important;
}
.emt_card_2>div h3.last-para {
font-size: 1.5rem !important;
font-weight: 500;
width: 60%;
margin-left: 4% !important;
margin-top: 4% !important;
position: static;
}
.emt_card_2>div h3.last-head {
font-size: 7.5rem;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;  width: 100%;
margin-top: -28% !important;
margin-left: -2rem !important;
} .emt_card_3>div h2 {
font-size: 7rem !important;
line-height: 9rem;
z-index: 1;
margin-left: 0;
text-align: center;
margin-right: 0;
letter-spacing: -2.6px;
margin-bottom: 4rem;
}
.emt_card_3>div h1 {
font-size: 2.5rem !important;
left: -11% !important;
top: 26% !important;
}
.emt_card_3 div h3 {
font-size: 2.5rem; align-self: flex-start;
margin-left: 2rem;
margin-right: unset;
}
.emt_card_3>div h3 {
font-size: 2.5rem !important;
letter-spacing: -0.5px;
margin-right: 4rem;
position: absolute;
right: 22%;
top: 28.5%;
z-index: 1;
align-self: flex-start;
margin-top: 0 !important;
}
.emt_card_3>div h3.last-para-4 {
font-size: 1.5rem !important;
font-weight: 500;
width: 60%;
margin-left: 8%;
margin-left: 16rem;
position: absolute;
left: -5%;
top: 29.5%;
}
.emt_card_3>div img {
width: 31%;
margin-left: 1rem;
margin-top: -2rem;
}
.emt-topfeatures .slides .block p {
font-size: 1.2rem !important;
line-height: normal;
letter-spacing: 0px !important;
padding: 0px !important;
margin-bottom: 1.6rem !important;
}
.emt-topfeatures .slides .block h1 {
font-size: 1.4rem !important;
padding-bottom: 1.6rem;
padding-top: 1.6rem;
}
.emt-topfeatures .slides .block .text {
gap: .5rem;
}
.emt-topfeatures .slides .block {
padding-bottom: 0rem !important;
}
.emt-how-it-help .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 1.2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
color: #0081ff;
list-style: disc;
gap: 1rem;
align-items: center;
margin-bottom: .7rem;
}
.emt-why-choose .slides .block h1 {
font-size: 1.4rem !important;
}
.emt-why-choose .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 1.2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0;
text-align: center;
color: #0081ff;
list-style: disc;
gap: 1rem;
align-items: center;
margin-bottom: .7rem;
}
.emt-how-it-help .head h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem !important;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
align-self: flex-start;
margin-bottom: 0rem !important;
margin-left: 8rem;
top: 16%;
}
.emt-how-it-help .head h2 {
font-family: var(--GT-Walsheim);
font-size: 9rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.03;
letter-spacing: -3px;
text-align: right;
color: #0081ff;
top: 9rem;
margin-top: -3rem !important;
}
.emt-why-choose .head {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.emt-why-choose .head h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
text-align: left;
color: #0081ff;
margin-left: 2rem !important;
margin-bottom: 3rem;
}
.emt-why-choose .head h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0px !important;
text-align: left;
color: #0081ff;
margin-left: -7rem !important;
}
.emt-why-choose .head h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0px !important;
text-align: left;
color: #0081ff;
margin-left: -28rem !important;
}
.emt_about>div h1 {
font-size: 1.5rem !important;
margin-bottom: 1rem !important;
margin-left: 2rem !important;
}
.emt_about h3 {
font-size: 1.5rem !important;
width: 98% !important;
text-align: right !important;
margin-bottom: 2% !important;
margin-top: 3% !important;
}
.emt_about h4 {
font-size: 1.1rem !important;
font-weight: normal;
color: #0081ff;
width: 100%;
text-align: center;
margin-top: 2rem;
}
.emt_about>div h2 {
font-size: 3rem !important;
letter-spacing: -1.41px;
text-align: left;
width: 100%;
margin-bottom: 0;
margin-left: 2rem;
}
.emt_about h3 a {
position: relative;
color: #0081ff;
font-size: 2rem;
font-weight: 300; margin-right: 0%; padding-left: 0;
padding-right: 50px;
letter-spacing: 0;
}
.emt_about h3 a:before {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/btn.svg);
background-repeat: no-repeat;
background-size: 94%;
background-position: 0 0;
position: absolute;
top: -11px;
left: -16px;
right: 0; width: 20rem;
height: 10rem;
}
.emt_about h3 a:after {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/arrow.webp);
background-repeat: no-repeat;
background-size: 10px;
background-position: 0 0;
position: absolute;
top: 3px;
right: 25px;
width: 20px;
height: 40px;
}
.wp-block-lazyblock-emt-learn-about .card_9 {
padding: 0rem 0 0rem;
margin-top: 0rem;
}
.wp-block-lazyblock-emt-dist-tech {
margin-top: 15rem;
}
}
@media only screen and (max-width: 380px) {
.emt-how-it-help .head h1 {
margin-left: 6rem;
}
emt-how-it-help .slides .block p {
letter-spacing: 0.8px;
}
.emt_card>div h2 {
margin-right: 8rem;
}
.emt_card_2>div h3.last-head {
margin-top: -33% !important;
margin-left: 0rem !important;
}
.emt_card_2>div h3.last-para {
width: 63%;
}
.emt_card_3>div h3.last-para-4 {
width: 60%;
}
} .mobile_image,
.phone-text {
display: none;
}
.licenses-banner h3 {
font-weight: 500;
font-size: 4.5rem;
margin-right: 32%;
}
.licenses-ccmi {
padding: 18rem 4% 0 4%;
}
.licenses-ccmi img {
max-width: 45%;
}
.licenses-ccmi div {
padding: 7rem 0 7rem 12rem;
gap: 3rem;
}
.licenses-logoList {
padding: 7rem 4% 16rem 4%;
gap: 2.5rem;
}
.licenses-banner h1 {
font-size: 8rem;
margin-bottom: -7rem;
}
.licenses-list {
grid-template-columns: repeat(4, 1fr);
gap: 8rem;
}
.nilm_hero.nilm_hero-2 .div2 h3 {
font-weight: 500;
max-width: 75rem;
margin-left: 10%;
}
.nilm_hero.nilm_hero-2 .div2 h2 {
font-size: 25rem;
}
.nilm_hero.nilm_hero-2 .div2 h1 {
margin-right: 2rem;
}
.nilm_hero.nilm_hero-2 .div2 h2 img {
top: 58%;
max-width: 30rem;
left: -5px;
}
.nilm_hero.nilm_hero-3 .div3 h2 {
font-size: 20rem;
}
.nilm_hero.nilm_hero-3 .div3 h1 {
width: 60%;
margin-left: 19rem;
}
.nilm_hero.nilm_hero-3 .div3 img {
max-width: 25rem;
top: -65%;
right: -7%;
}
.nilm_hero.nilm_hero-3 .div3 h3 {
font-weight: 500;
}
.wp-block-lazyblock-nilm-key-components .head h1 {
font-size: 7rem !important;
}
.wp-block-lazyblock-nilm-key-components .nilmKey {
padding: 10rem 15%;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides {
gap: 6vw;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .text h1 {
font-weight: 600;
font-size: 2.5rem;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .text p {
font-size: 2.5rem;
text-align: justify;
}
.lazyblock-in-meter-help-block-Rcs7j .meter_help .slides .block h1 {
font-weight: 600;
font-size: 2.5rem;
}
.lazyblock-in-meter-help-block-Rcs7j .meter_help .slides .block p {
font-size: 2.5rem;
}
.lazyblock-in-meter-help-block-Rcs7j .meter_help .slides .block .text {
width: 80%;
}
.energy_card>div h1 {
font-size: 21rem;
line-height: 1.15;
letter-spacing: -2.6px;
z-index: 1;
margin-left: 0;
text-align: right;
}
.energy_card>div h2 {
font-size: 7rem;
letter-spacing: -1.1px;
margin-right: 2rem;
margin-bottom: 2.5rem;
margin-top: 2%;
}
.energy_card>div h3 {
font-size: 2.5rem;
font-weight: 500;
width: 40%;
margin-right: 16.5%;
margin-top: 1%;
}
.energy_card>div h2 img {
top: -18rem;
left: -11rem;
max-width: 46rem;
}
.energy_card div {
position: relative;
}
.wp-block-lazyblock-energy-section-2 {
margin-bottom: 5rem;
}
.energy_card_2>div h1 {
font-size: 6rem;
letter-spacing: -1.1px;
margin-right: 8rem;
margin-bottom: 2.5rem;
position: absolute;
left: 28%;
top: -10%;
}
.energy_card_2>div h2 span.energy {
font-size: 10rem;
position: absolute;
top: 26%;
right: 1%;
}
.energy_card_2>div h2 {
font-size: 18rem;
line-height: 0.9;
letter-spacing: -1px;
z-index: 1;
text-align: center;
}
.energy_card_2>div h3 {
font-size: 6rem;
letter-spacing: -1.1px;
margin-bottom: 2.5rem;
position: absolute;
right: 28rem;
bottom: 27%;
z-index: 1;
}
.energy_card_2>div h3.last-para {
font-size: 2.5rem;
font-weight: 500;
width: 30%;
margin-left: 21%;
margin-top: 2.1%;
position: static;
}
.energy_card_2>div img {
position: absolute;
max-width: 25rem;
right: 29%;
bottom: -2%;
}
.energy_card_2 div {
position: relative;
}
.energy_card_3 .div {
position: relative;
}
.energy_card_3>div h1 {
font-size: 8rem;
letter-spacing: -1px;
margin-right: 8rem;
margin-bottom: 2.5rem;
position: absolute;
left: 35%;
top: -6%;
}
.energy_card_3>div h2 {
font-size: 24rem;
line-height: 22rem;
z-index: 1;
margin-left: 0;
text-align: center;
margin-right: 0;
letter-spacing: -2.6px;
}
.energy_card_3>div h3 {
font-size: 8rem;
letter-spacing: -1px;
margin-right: 4rem;
margin-bottom: 2.5rem;
position: absolute;
right: 18%;
top: 45%;
z-index: 1;
align-self: flex-start;
}
.energy_card_3>div h3.last-para-4 {
font-size: 2.5rem;
font-weight: 500;
width: 30%;
margin-left: 10%;
margin-top: 1%;
position: static;
}
.wp-block-lazyblock-energy-top-feature .head h1 {
font-size: 24rem;
text-align: center;
}
.wp-block-lazyblock-energy-top-feature .meter_help .slides .block p {
font-size: 2.5rem;
}
.wp-block-lazyblock-energy-top-feature .slick-slider .slick-slide {
gap: 1.5rem;
}
.wp-block-lazyblock-energy-why-choose .head h1 {
font-size: 4rem;
letter-spacing: -0.5px;
text-align: center;
}
.wp-block-lazyblock-energy-why-choose .head h2 {
font-size: 24rem;
line-height: 1.18;
text-align: center;
margin-top: 0;
}
.wp-block-lazyblock-energy-why-choose .head {
margin-bottom: 1%;
}
.wp-block-lazyblock-energy-why-choose .meter_help .slides .block p {
font-size: 2.5rem;
}
.wp-block-lazyblock-energy-why-choose .slick-slider .slick-slide {
gap: 1.5rem;
}
.wp-block-lazyblock-energy-features-block h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
letter-spacing: -1px;
text-align: center;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #0081ff;
align-self: center;
margin-bottom: -3rem;
position: absolute;
top: 16%;
left: 53%;
}
.wp-block-lazyblock-energy-features-block h1 {
font-size: 24rem !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide {
position: relative;
}
.wp-block-lazyblock-energy-features-block .slick-slide .content {
padding-left: 110px !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide img {
position: absolute;
left: 6%;
position: absolute;
top: 0;
width: 16rem !important;
}
.energy_about {
display: block;
}
.energy_about .div {
align-items: flex-start;
padding: 0 10rem;
}
.energy_about>div h1 {
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 3%;
margin-bottom: 1rem;
z-index: 2;
}
.energy_about>div h2 {
font-size: 15rem;
letter-spacing: -1.41px;
text-align: center;
width: 100%;
}
.energy_about h3 {
font-size: 5rem !important;
width: 100%;
text-align: right !important;
margin-left: -10%;
margin-bottom: 2%;
}
.energy_about h3 a {
position: relative;
color: #0081ff;
font-size: 2.5rem;
font-weight: 500;
padding: 10px;
margin-right: 8%;
}
.energy_about h3 a:before {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/08/btn-outline-shape.webp);
background-repeat: no-repeat;
background-size: 100%;
background-position: 0 0;
position: absolute;
top: 0;
left: -5px;
right: -20px;
margin: auto;
width: auto;
height: 55px;
}
.energy_about h3 a:after {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/arrow.webp);
background-repeat: no-repeat;
background-size: 10px;
background-position: 0 0;
position: absolute;
top: 13px;
right: -12px;
width: 15px;
height: 20px;
}
.energy_about h4 {
font-size: 3.2rem;
font-weight: normal;
color: #0081ff;
width: 100%;
text-align: right;
margin-left: -15%;
margin-top: 2%;
}
.energy_about h4 a {
color: #0081ff;
}
.investor-communication .content {
position: relative;
}
.investor-communication .year_dropdown {
display: none;
position: absolute;
right: 10px;
top: 85px;
}
.investor-communication .year_dropdown .drop-list .text a {
color: #fff;
display: grid;
width: 21rem;
height: 9rem;
font-size: 2.5rem;
text-align: center;
justify-content: center;
margin-top: 0;
background-image: url(https://kimbal.io/wp-content/uploads/2025/08/btn-shape.png);
background-repeat: no-repeat;
background-size: contain;
margin-bottom: -24px;
padding-top: 1.8rem;
position: relative;
} .investor-communication .year_dropdown .drop-list .text a:hover {
opacity: 100;
}
.investor-communication #yearBtn {
cursor: pointer;
}
.wp-block-lazyblock-nilm-want-to-explore .card_9>div h1 {
margin-left: -18%;
text-align: left;
margin-bottom: 0;
}
.wp-block-lazyblock-nilm-want-to-explore a.download {
position: relative;
color: #0081ff;
font-size: 2.5rem;
font-weight: 500;
padding: 15px;
margin-top: 5px;
display: block;
line-height: 22px;
}
.wp-block-lazyblock-nilm-want-to-explore a.download:before {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/08/btn-outline-shape.webp);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 0;
left: -5px;
right: -20px;
margin: auto;
width: auto;
height: 55px;
}
.wp-block-lazyblock-nilm-want-to-explore a.download:after {
content: "";
background-image: url(https://kimbal.io/wp-content/uploads/2025/07/arrow.webp);
background-repeat: no-repeat;
background-size: 8px;
background-position: center 0;
position: absolute;
top: 20px;
right: -5px;
width: 15px;
height: 20px;
}
.wp-block-lazyblock-nilm-want-to-explore .card_9>div h3 {
align-self: flex-end;
margin-right: -18%;
}
.wp-block-lazyblock-nilm-want-to-explore .nilm_want {
padding: 0;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div {
align-items: center;
position: relative;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h1 {
margin: 2% 0 0 15%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h2 {
font-size: 18rem;
margin: 1% 0 0 5%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div img {
max-width: 45rem;
position: absolute;
left: 2%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h3 {
margin: 1% 10% 0 42%;
font-size: 4.5rem;
font-weight: 500;
}
.wp-block-lazyblock-licences-certified {
display: none;
}
.licences-logo-list-mobile {
display: none;
}
.wp-block-lazyblock-nilm-bills {
display: none;
}
.meter_hero {
display: flex;
flex-direction: column;
width: 100%;
padding: 16rem 4% 10rem;
justify-content: center;
align-items: center;
gap: 20rem;
} @media (min-width:2052px) and (max-width:2732px) {
.wp-block-lazyblock-nilm-want-to-explore a.download {
font-size: 1.5rem;
}
} @media (min-width:2733px) and (max-width:4102px) {
.wp-block-lazyblock-nilm-want-to-explore a.download {
font-size: 1.5rem;
}
} @media (min-width:4103px) and (max-width:5464px) {
.wp-block-lazyblock-nilm-want-to-explore a.download {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 1100px) {
.wp-block-lazyblock-nilm-want-to-explore a.download {
padding: 8px;
}
.wp-block-lazyblock-nilm-want-to-explore a.download::after {
top: 10px;
right: -10px;
}
.wp-block-lazyblock-nilm-want-to-explore a.download:before {
background-position: 0 0;
}
}
@media only screen and (max-width: 1024px) {
.energy_card_3>div h1 {
top: -5%;
}
.investor-communication .year_dropdown {
top: 70px;
}
.wp-block-lazyblock-nilm-want-to-explore .card_9>div h3 {
margin-top: 6%;
}
.wp-block-lazyblock-nilm-want-to-explore a.download {
font-size: 3rem;
}
.wp-block-lazyblock-nilm-want-to-explore a.download::after {
top: 13px;
}
}
@media only screen and (max-width: 768px) {
.meter_hero {
padding: 6rem 4% 5rem;
}
.meter_hero-1 {
margin-top: 10rem;
}
.energy_card .div {
flex-direction: row;
}
.energy_card {
padding-top: 250px;
}
.energy_card>div h2 span.power {
display: block;
font-size: 7rem;
margin-top: -52%;
margin-left: 102%;
width: 100%;
}
.energy_card>div h2 span.procurement {
display: block;
font-size: 3rem;
margin-top: 2%;
margin-left: 123%;
width: 100%;
}
.energy_card>div h2 img {
top: -9rem !important;
left: 0 !important;
max-width: 14rem !important;
}
.energy_card>div h1 {
font-size: 3rem !important;
position: absolute;
bottom: auto;
left: 20% !important;
top: -85%;
}
.energy_card>div h3 {
font-size: 2rem !important;
width: 100%;
margin-top: 7% !important;
margin-left: 9% !important;
margin-right: 0;
}
.energy_card_2>div img {
max-width: 10rem;
right: -56%;
top: 9%;
}
.energy_card_2>div h1 {
font-size: 3rem !important;
top: -1%;
left: -30%;
}
.energy_card_2>div h2 {
line-height: 7rem;
}
.energy_card_2>div h2 br {
display: none;
}
.energy_card_2>div h2 .energy {
font-size: 4rem !important;
right: -25%;
margin-top: -15%;
}
.energy_card_2>div h2 .management {
font-size: 6rem;
position: absolute;
left: -40%;
margin-top: 15%;
}
.energy_card_2>div h3 {
bottom: auto;
top: -18%;
left: 48%;
}
.energy_card_2>div h3 .solution {
font-size: 6rem;
position: absolute;
left: 0;
}
.energy_card_2>div h3.last-para {
font-size: 2rem;
margin: 52% 0 0 -38%;
width: 100%;
}
.energy_card_3>div h2 {
font-size: 6rem !important;
}
.energy_card_3>div h1 {
font-size: 3rem !important;
top: 12%;
left: -3%;
}
.energy_card_3>div h3.last-para-4 {
font-size: 2rem;
margin: 0;
margin-top: -8% !important;
margin-left: 27%;
}
.energy_card_3>div h3 {
margin-top: -4% !important;
right: 25%;
}
.wp-block-lazyblock-energy-top-feature h1 {
font-size: 7rem !important;
line-height: 8rem !important;
margin-bottom: -7% !important;
}
.wp-block-lazyblock-energy-top-feature .slick-slider .slick-slide {
border-radius: 1.5rem;
gap: 0.5rem !important;
}
.wp-block-lazyblock-energy-top-feature .slick-slider .slick-slide img {
border-radius: 1.5rem;
}
.wp-block-lazyblock-energy-top-feature .slick-slider .slick-slide p {
font-size: 1.2rem !important;
}
.wp-block-lazyblock-energy-top-feature .slides .block {
gap: 1rem !important;
}
.wp-block-lazyblock-energy-why-choose .head {
margin-bottom: 10%;
}
.wp-block-lazyblock-energy-why-choose .head h1 {
margin-bottom: 0 !important;
}
.wp-block-lazyblock-energy-why-choose h2 {
font-size: 7rem !important;
line-height: 8rem !important;
margin-bottom: -7%;
}
.wp-block-lazyblock-energy-why-choose .slick-slider .slick-slide {
border-radius: 1.5rem;
gap: 0.5rem !important;
}
.wp-block-lazyblock-energy-why-choose .slick-slider .slick-slide img {
border-radius: 1.5rem;
}
.wp-block-lazyblock-energy-why-choose .slick-slider .slick-slide p {
font-size: 1.2rem !important;
}
.wp-block-lazyblock-energy-why-choose .slides .block {
gap: 0 !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide .content {
padding: 0 30px 0 90px !important;
}
.wp-block-lazyblock-energy-features-block h2 {
left: 0;
right: 0;
margin: auto;
font-size: 3rem;
top: 18%;
}
.wp-block-lazyblock-energy-features-block h1 {
margin-top: 2%;
font-size: 7rem !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide img {
left: 0;
width: 10rem !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide .content {
padding: 0 0 0 70px !important;
}
.wp-block-lazyblock-energy-features-block .slideNav {
justify-content: center;
}
.wp-block-lazyblock-energy-learn-about h1 {
font-size: 2rem !important;
margin-left: 5% !important;
}
.wp-block-lazyblock-energy-learn-about h2 {
font-size: 7rem !important;
margin-top: 3%;
}
.wp-block-lazyblock-energy-learn-about h3 {
font-size: 2rem !important;
margin: 0 0 3% -5% !important;
}
.energy_about h4 {
font-size: 1.7rem
}
.energy_about h3 a::after {
top: 17px;
}
.nilm_hero.nilm_hero-1 .div1 h2 {
font-size: 8rem;
}
.nilm_hero.nilm_hero-1 .div1 h3 {
max-width: 60rem;
margin-top: 2rem;
margin-left: 20%;
font-size: 2.8rem;
font-weight: normal;
}
.nilm_hero.nilm_hero-1 .div1 h2 img {
right: -22%;
max-width: 16rem;
}
.nilm_hero.nilm_hero-1 .div1 h1 {
margin-left: 31rem;
font-size: 4rem;
margin-bottom: -13rem;
}
.nilm_hero.nilm_hero-2 .div2 h2 {
font-size: 8rem;
}
.nilm_hero.nilm_hero-2 .div2 h2 img {
max-width: 14rem;
left: 0px;
margin-top: -6%;
}
.nilm_hero.nilm_hero-2 .div2 h1 {
margin-right: -4rem;
font-size: 3.5rem;
}
.nilm_hero.nilm_hero-2 .div2 h3 {
font-weight: normal;
max-width: 35rem;
margin-left: 10%;
font-size: 2.8rem;
}
.nilm_hero.nilm_hero-3 .div3 h2 {
font-size: 8rem;
}
.nilm_hero.nilm_hero-3 .div3 h1 {
width: 80%;
margin-left: 1rem;
font-size: 3.5rem;
}
.nilm_hero.nilm_hero-3 .div3 h3 {
font-weight: normal;
}
.nilm_hero.nilm_hero-3 .div3 img {
max-width: 20rem;
top: -65%;
right: -18%;
}
.nilm_hero.nilm_hero-3 .div3 h3 {
font-weight: normal;
margin-top: 3%;
font-size: 2.5rem;
max-width: 30rem;
}
.nilm_hero.nilm_hero-3 {
padding-top: 0;
}
.wp-block-lazyblock-nilm-key-components .head h1 {
font-size: 5rem !important;
font-weight: 500 !important;
text-align: center !important;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .text h1 {
font-weight: 600;
font-size: 3rem;
margin-bottom: 2rem;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .text p {
font-size: 2.2rem;
text-align: justify;
font-weight: 500;
}
.investor-communication .year_dropdown {
top: 95px;
right: auto;
}
.investor-communication .year_dropdown .drop-list .text a {
width: 10rem;
height: 6.5rem;
font-size: 1.3rem;
margin-bottom: -37px;
padding-top: 0.9rem;
}
.wp-block-lazyblock-nilm-want-to-explore .card_9>div h3 {
margin-top: 8%;
}
.wp-block-lazyblock-nilm-want-to-explore a.download {
font-size: 2rem;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h1 {
margin: -15% 0 0 -55%;
font-size: 3rem;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h2 {
font-size: 5.5rem;
margin: 1% 0 0 -80%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div img {
max-width: 15rem;
left: auto;
right: -20%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h3 {
font-size: 2rem;
margin: 52% 0 0 -8%;
max-width: 22rem;
}
.licences-logo-list-desktop {
display: none;
}
.licences-logo-list-mobile {
display: block;
}
.wp-block-lazyblock-home-banner h4 {
text-align: center;
}
.solutions-banner {
padding-top: 0;
padding-bottom: 0;
height: 50vh;
}
.solutions-banner h1 {
font-size: 2.6rem;
margin-left: -3rem;
margin-bottom: -2rem;
}
.solutions-banner h2 {
font-size: 7rem;
margin-top: 2rem;
}
.solutions-banner h3 {
font-size: 2rem;
max-width: 23rem;
margin-right: 0;
align-self: flex-start;
margin-top: 0.5rem;
text-align: left;
margin-left: 4rem;
}
.solutions-banner h2 img {
bottom: 4rem;
right: 0rem;
max-width: 13rem;
}
.solutions-advanced-metering {
padding-top: 0;
}
.solutions-advanced-metering .content {
flex-direction: column-reverse !important;
}
.solutions-advanced-metering .c1,
.solutions-advanced-metering .c2 {
width: 100%;
}
.solutions-advanced-metering .c1 .content {
gap: 2rem;
}
.solutions-advanced-metering .c1 .content .block {
padding: 3rem 1rem;
border-radius: 2rem;
}
.solutions-advanced-metering .c1 .content .block h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
.solutions-advanced-metering .c1 .content .block p {
font-size: 1.8rem;
max-width: 100%;
}
.solutions-advanced-metering-infra {
margin-top: 10rem;
padding-top: 0;
}
.solutions-advanced-metering-infra .head {
width: auto;
}
.solutions-advanced-metering-infra h1 {
font-size: 2.6rem;
margin-bottom: 0;
}
.solutions-advanced-metering-infra h2 {
font-size: 7rem;
margin-top: 0;
margin-left: 0;
}
.solutions-advanced-metering-infra h3 {
font-size: 1.6rem;
max-width: 32rem;
margin-right: 0rem;
align-self: flex-start;
margin-top: 1rem;
margin-left: 1rem;
margin-bottom: -1rem;
}
.solutions-advanced-metering-infra h2 img {
bottom: 6rem;
right: 0rem;
max-width: 15rem;
}
.solutions-advanced-metering-infra h3 a {
position: absolute;
right: 5rem;
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.solutions-advanced-metering-infra h3 a:after {
background-size: 6px;
top: 25px;
}
.solutions-advanced-metering-infra .slide {
display: block;
}
.solutions-energy-management {
padding-top: 0;
}
.solutions-energy-management h1 {
font-size: 7rem;
text-align: left;
}
.solutions-energy-management h2 {
font-size: 2.6rem;
margin-left: 18rem;
max-width: 10rem;
margin-bottom: 0;
margin-top: -3rem;
}
.solutions-energy-management h3 {
font-size: 1.6rem;
max-width: 30rem;
margin-right: 0rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: 0;
}
.solutions-energy-management h2 img {
bottom: auto;
right: 0rem;
max-width: 13rem;
top: -7rem;
left: 0;
}
.solutions-energy-management .slide {
display: block;
}
.solutions-energy-management .slide .block .content {
padding: 2.4rem;
}
.solutions-energy-management .slide .block .content h2 {
font-size: 3rem;
margin-left: 0;
}
.solutions-energy-management .slide .block .content p {
max-width: 100%;
}
.solutions-smart-solution .head h1 {
font-size: 2.6rem;
margin-left: 0;
max-width: 10rem;
margin-bottom: -2rem;
}
.solutions-smart-solution .head h2 {
font-size: 7rem;
text-align: left;
margin-top: 2rem;
}
.solutions-smart-solution .head h3 {
font-size: 2rem;
max-width: 34rem;
margin-right: 0rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: 0;
}
.solutions-smart-solution .head h2 img {
bottom: 2rem;
right: 0rem;
max-width: 19rem;
z-index: -1;
}
.solutions-smart-solution .slide {
display: block;
}
.solutions-smart-solution .slide .block .content {
padding: 2.4rem;
}
.solutions-smart-solution .slide .block .content h2 {
font-size: 3rem;
}
.solutions-smart-solution .slide .block .content p {
max-width: 100%;
}
.solutions-smart-grid-automation {
padding-top: 0;
}
.solutions-smart-grid-automation h1 {
font-size: 10rem;
margin-left: 0;
text-align: left;
}
.solutions-smart-grid-automation h2 {
font-size: 2.6rem;
margin-left: 15rem;
margin-bottom: -2rem;
margin-top: 0.1rem;
}
.solutions-smart-grid-automation h3 {
font-size: 2rem;
max-width: 20rem;
margin-right: 0rem;
margin-top: 3rem;
margin-left: 15rem
}
.solutions-smart-grid-automation h2 img {
max-width: 19rem;
left: -17rem;
top: -5rem;
}
.solutions-smart-grid-automation .slide {
display: block;
}
.solutions-smart-grid-automation .slide .block .content {
padding: 2.4rem;
}
.solutions-smart-grid-automation .slide .block .content h2 {
font-size: 3rem;
}
.solutions-smart-grid-automation .slide .block .content p {
max-width: 100%;
}
.wp-block-lazyblock-company-banner .company-banner h1 {
font-size: 2.6rem;
text-align: left;
margin-right: 0;
margin-left: 1rem;
}
.wp-block-lazyblock-company-banner .company-banner h2 {
font-size: 5.5rem;
text-align: left;
}
.wp-block-lazyblock-company-banner .company-banner h3 {
font-size: 1.5rem;
margin-top: 1.4rem;
letter-spacing: normal;
max-width: 29rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth {
padding: 0 5% 10rem 5%;
}
.wp-block-lazyblock-company-our-growth-story .company_growth .head {
width: auto;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 {
font-size: 6rem;
text-align: left;
margin-right: 0;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 img {
max-width: 12rem;
top: 11rem;
right: -6rem;
left: auto;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h2 {
font-size: 6rem;
text-align: right;
letter-spacing: normal;
margin-right: -6rem;
margin-top: -1rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h3 {
font-size: 1.5rem;
margin-top: -3rem;
max-width: 19rem;
margin-left: 0;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h4 {
text-align: left;
margin-top: 2rem;
margin-right: 0;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a::after {
background-size: 6px;
top: 25px;
}
.wp-block-lazyblock-company-our-value .company_our_value {
padding: 2rem 5% 10rem 5%;
}
.wp-block-lazyblock-company-our-value .company_our_value .div {
max-width: 1600px;
margin: auto;
width: auto;
}
.wp-block-lazyblock-company-our-value .company_our_value h1 {
font-size: 6rem;
margin-bottom: -2rem;
margin-left: 0;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-value .company_our_value h2 img {
max-width: 14rem;
padding-right: 1rem;
}
.wp-block-lazyblock-company-our-value .company_our_value h3 {
font-size: 1.4rem;
margin-left: 14rem;
max-width: 20rem;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-value .company_our_value h3.value-btn {
margin-top: 1.5rem;
text-align: right;
margin-right: 2rem;
}
.wp-block-lazyblock-company-our-value .company_our_value a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-value .company_our_value a::after {
background-size: 6px;
top: 25px;
}
.wp-block-lazyblock-company-our-plants .company-our-plants {
padding: 5rem 4% 10rem 4%;
margin-top: 0;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h1 {
font-size: 2rem;
letter-spacing: normal;
text-align: left;
margin-left: 0;
margin-bottom: -5rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h2 {
font-size: 6.5rem;
margin-left: 2rem;
margin-top: 5rem;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h2 img {
max-width: 12rem;
right: 1rem;
bottom: 3rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h3 {
font-size: 1.5rem;
letter-spacing: normal;
max-width: 29rem;
margin-left: 7rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h4 {
text-align: left;
margin-right: 0;
margin-top: 2rem;
margin-left: 6rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h3.value-btn {
margin-top: 1.5rem;
text-align: right;
margin-right: 2rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a::after {
background-size: 6px;
top: 25px;
}
.wp-block-lazyblock-company-our-team .company-our-team {
padding: 2rem 4% 10rem 4%;
}
.wp-block-lazyblock-company-our-team .company-our-team .head {
width: auto;
}
.wp-block-lazyblock-company-our-team .company-our-team h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 0;
}
.wp-block-lazyblock-company-our-team .company-our-team h2 {
font-size: 8rem;
letter-spacing: normal;
margin-left: 3rem;
}
.wp-block-lazyblock-company-our-team .company-our-team h2 img {
max-width: 12rem;
}
.wp-block-lazyblock-company-our-team .company-our-team h3 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 4rem;
margin-top: 1rem;
max-width: 25rem;
}
.wp-block-lazyblock-company-our-team .company-our-team h4 {
text-align: left;
margin-right: 0;
margin-top: 2rem;
margin-left: 4rem;
}
.wp-block-lazyblock-company-our-team .company-our-team a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-team .company-our-team a::after {
background-size: 6px;
top: 25px;
}
.wp-block-lazyblock-company-investor .company-investor {
padding: 2rem 4% 10rem 4%;
}
.wp-block-lazyblock-company-investor .company-investor div {
width: 47%;
}
.wp-block-lazyblock-company-investor .company-investor h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 0;
}
.wp-block-lazyblock-company-investor .company-investor h2 {
font-size: 10rem;
letter-spacing: normal;
margin-left: 0;
}
.wp-block-lazyblock-company-investor .company-investor h2 img {
max-width: 18rem;
right: 1rem;
bottom: 9rem;
}
.wp-block-lazyblock-company-investor .company-investor h3 {
font-size: 10rem;
letter-spacing: normal;
margin-left: 2rem;
margin-top: 0;
}
.wp-block-lazyblock-company-investor .company-investor h4 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 2.5rem;
}
.wp-block-lazyblock-company-investor .company-investor h5 {
text-align: left;
margin-right: 0;
margin-top: 2rem;
margin-left: 2rem;
}
.wp-block-lazyblock-company-investor .company-investor a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-investor .company-investor a::after {
background-size: 6px;
top: 25px;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card {
padding: 2rem 4% 10rem 4%;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h1 {
font-size: 2rem;
letter-spacing: normal;
margin-left: 0;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h2 {
font-size: 8rem;
letter-spacing: normal;
margin-left: 11rem;
margin-top: -2.5rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card img {
left: 0;
top: 3rem;
max-width: 11rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h3 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 11.5rem;
margin-top: 0;
max-width: 30rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card h4 {
text-align: center;
position: static;
margin-top: 2rem;
margin-left: -2rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a {
padding: 2.2rem 1rem 1rem 1rem;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a::after {
background-size: 6px;
top: 25px;
}
.resources-banner {
padding: 10rem 4% 0rem;
}
.resources-banner h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 5rem;
margin-bottom: 2rem;
}
.resources-banner h2 {
font-size: 6rem;
letter-spacing: normal;
margin-left: 0;
margin-top: -2.5rem;
}
.resources-banner h3 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 3rem;
margin-top: 1rem;
max-width: 25rem;
}
.resources-blog {
margin-top: 8rem;
}
.resources-blog h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 1rem;
text-align: left;
margin-right: 0;
}
.resources-blog h2 {
font-size: 5rem;
letter-spacing: normal;
margin-left: 0;
margin-top: 0;
text-align: left;
}
.resources-blog h2 img {
right: 3rem;
top: -7rem;
max-width: 12rem;
}
.resources-blog h3 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 1rem;
margin-top: 1.5rem;
max-width: 20rem;
}
.resources-blog h4 {
text-align: center;
margin-top: -2rem;
margin-left: -7rem;
}
.resources-blog a {
padding: 8px;
font-size: 1.2rem;
}
.resources-blog a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-blog-slide {
padding: 0 4% 5rem;
margin-top: -2rem;
}
.resources-blog-slide .slides .block.slick-slide {
margin: 1rem;
border-radius: 30px;
}
.resources-blog-slide .slides .block .text {
padding: 2rem;
}
.resources-blog-slide .slides .block .text h1 {
font-size: 1.5rem;
}
.resources-blog-slide .slides .block .text p {
font-size: 1.1rem;
letter-spacing: normal;
}
.resources-stories-case {
padding: 5rem 4% 5rem;
}
.resources-stories-case h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 0;
margin-bottom: -2rem;
}
.resources-stories-case h2 {
font-size: 8rem;
letter-spacing: normal;
margin-left: 0;
}
.resources-stories-case h2 img {
right: 0;
top: 7rem;
max-width: 9.5rem;
}
.resources-stories-case h3 {
font-size: 1.5rem;
margin-left: 0;
margin-top: 0.5rem;
max-width: 28rem;
letter-spacing: normal;
}
.resources-stories-case h4 {
text-align: left;
margin-top: 1.5rem;
margin-left: 0;
margin-right: 0;
}
.resources-stories-case a {
padding: 8px;
font-size: 1.2rem;
}
.resources-stories-case a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-stories-list {
padding: 0 3% 5rem;
margin-top: -2rem;
}
.resources-stories-list .block {
border-radius: 30px;
margin: 1rem;
}
.resources-stories-list img {
height: 140px;
}
.resources-stories-list h1 {
font-size: 1.8rem;
margin: 1rem 0 0 0;
padding: 0 1rem;
}
.resources-stories-list h1 br {
display: none;
}
.resources-stories-list p {
font-size: 1.5rem;
margin-top: 1rem;
padding: 0 1rem;
}
.resources-blog h3 {
font-size: 1.5rem;
letter-spacing: normal;
margin-left: 1rem;
margin-top: 1.5rem;
max-width: 20rem;
}
.resources-the-news {
padding: 2rem 4% 5rem;
align-items: center;
}
.resources-the-news h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 1rem;
margin-bottom: -0.5rem;
}
.resources-the-news h2 {
font-size: 7rem;
letter-spacing: normal;
margin-left: 2rem;
}
.resources-the-news h2 img {
right: 0;
top: -2rem;
max-width: 9rem;
}
.resources-the-news h3 {
font-size: 1.5rem;
margin-left: 3rem;
margin-top: 0.5rem;
max-width: 23rem;
letter-spacing: normal;
}
.resources-the-news h4 {
text-align: left;
margin-top: 1.5rem;
margin-left: 3rem;
margin-right: 0;
}
.resources-the-news a {
padding: 8px;
font-size: 1.2rem;
}
.resources-the-news a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-the-news-slide {
padding: 0 6% 4rem;
margin-top: -2rem;
}
.resources-the-news-slide .block.slick-slide {
margin: 0;
border-radius: 30px;
}
.resources-the-news-slide .block .head {
padding: 2rem;
}
.resources-the-news-slide .block .head h1 {
font-size: 1.6rem;
margin-bottom: 2rem;
}
.resources-the-news-slide .block .head h4 {
bottom: 3rem;
margin-left: 0rem;
}
.resources-the-news-slide a {
padding: 8px;
font-size: 1.2rem;
}
.resources-the-news-slide a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-download {
padding: 12rem 4% 5rem;
margin-top: 0;
}
.resources-download h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: -1rem;
margin-bottom: 0;
}
.resources-download h2 {
font-size: 9.5rem;
letter-spacing: normal;
margin-left: 0;
}
.resources-download h2 img {
right: 0;
top: -7rem;
max-width: 12rem;
}
.resources-download h3 {
font-size: 1.5rem;
margin-left: 1rem;
margin-top: 0.5rem;
max-width: 25rem;
letter-spacing: normal;
}
.resources-download h4 {
text-align: left;
margin-top: 1.5rem;
margin-left: 1rem;
margin-right: 0;
}
.resources-download a {
padding: 8px;
font-size: 1.2rem;
}
.resources-download a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-download-slide {
padding: 0 6% 4rem;
margin-top: -2rem;
}
.resources-download-slide .block.slick-slide {
margin: 0;
border-radius: 30px;
}
.resources-download-slide .block .head {
padding: 2rem;
}
.resources-download-slide .block .head h1 {
font-size: 1.6rem;
margin-bottom: 2rem;
}
.resources-download-slide .block .head h4 {
bottom: 3rem;
margin-left: 0rem;
}
.resources-download-slide a {
padding: 8px;
font-size: 1.2rem;
}
.resources-download-slide a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.resources-faq {
padding: 8rem 4% 5rem;
margin-top: 0;
}
.resources-faq h1 {
font-size: 2.5rem;
letter-spacing: normal;
margin-left: 0;
margin-bottom: -1rem;
}
.resources-faq h2 {
font-size: 7rem;
letter-spacing: normal;
margin-left: 0;
}
.resources-faq h2 img {
right: 10rem;
top: -5rem;
max-width: 11rem;
}
.resources-faq h3 {
margin-right: 3rem;
margin-top: 1rem;
}
.resources-faq a {
padding: 8px;
font-size: 1.2rem;
}
.resources-faq a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.solutions-advanced-metering-infra h3 a {
padding: 10px;
font-size: 1.5rem;
}
.solutions-advanced-metering-infra h3 a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-our-value .company_our_value a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-value .company_our_value a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-plants .company-our-plants a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-our-team .company-our-team a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-our-team .company-our-team a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-investor .company-investor a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-investor .company-investor a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a {
padding: 10px;
font-size: 1.5rem;
}
.wp-block-lazyblock-company-kimbal-ranked .licences_card a::after {
background-size: 5px;
background-position: 8px center;
height: 9px;
}
.solutions-smart-solution {
padding: 0 4% 10rem 4%;
margin-top: 10rem;
}
.wp-block-lazyblock-home-banner h4 {
text-align: center;
}
.solutions-advanced-metering .content .plusBtn {
left: 0;
right: 0;
margin: auto;
bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.nilm_hero.nilm_hero-1 .div1 h2 {
font-size: 7rem;
}
.nilm_hero.nilm_hero-1 .div1 h2 img {
right: -4%;
}
.nilm_hero.nilm_hero-1 .div1 h1 {
margin-left: 19rem;
}
.nilm_hero.nilm_hero-1 .div1 h3 {
font-size: 2.2rem;
margin-left: 8%;
}
.nilm_hero.nilm_hero-2 .div2 h3 {
margin-top: 5%;
}
.wp-block-lazyblock-nilm-key-components .head h1 {
font-size: 3.6rem !important;
text-align: center;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .text p {
line-height: 2rem;
font-size: 1.8rem;
}
.wp-block-lazyblock-nilm-key-components .nilmKey {
padding: 4rem 15%;
}
.wp-block-lazyblock-nilm-key-components .nilmKey .slides .block .text {
width: 75%;
}
.wp-block-lazyblock-nilm-wating-list .sectionWaitList .waitListBox {
padding: 4rem 0 7rem 0;
}
.wp-block-lazyblock-nilm-wating-list .sectionWaitList .pointContainer {
padding: 2rem 6%;
}
.wp-block-lazyblock-nilm-wating-list .sectionWaitList {
padding-top: 0;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div {
align-items: flex-start;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h1 {
margin: -15% 0 0 -25%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h2 {
font-size: 5.5rem;
margin: 1% 0 0 -25%;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div img {
right: -10%;
max-width: 20rem;
}
.wp-block-lazyblock-licences-kimbal-ranked .card_1>div h3 {
margin: 78% 0 0 -25%;
}
.wp-block-lazyblock-licences-kimbal-ranked .licences_card {
padding: 7rem 4% 7rem;
}
.wp-block-lazyblock-licences-cmmi .licenses-ccmi div {
padding: 4rem 0;
gap: 1.5rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth {
padding: 0 5% 10rem 5%;
}
.wp-block-lazyblock-company-our-growth-story .company_growth .head {
width: 100%;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 {
font-size: 6.5rem;
text-align: left;
margin-right: 0;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h1 img {
max-width: 12rem;
top: 11rem;
right: 1rem;
left: auto;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h2 {
font-size: 6.5rem;
text-align: right;
letter-spacing: normal;
margin-right: 0;
margin-top: -1rem;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h3 {
font-size: 1.5rem;
margin-top: -3rem;
max-width: 19rem;
margin-left: 0;
letter-spacing: normal;
}
.wp-block-lazyblock-company-our-growth-story .company_growth h4 {
text-align: left;
margin-top: 2rem;
margin-right: 0;
}
.wp-block-lazyblock-company-our-value .company_our_value .div {
width: 100%;
}
.wp-block-lazyblock-company-investor .company-investor div {
width: 100%;
}
.wp-block-lazyblock-company-our-team .company-our-team .head {
width: 100%;
}
.wp-block-lazyblock-company-our-plants .company-our-plants h3 {
margin-left: 6rem;
margin-top: 1rem;
}
.resources-blog-slide .slides {
display: block;
}
.wp-block-lazyblock-company-banner .company-banner {
padding-top: 10rem !important;
}
.solutions-advanced-metering-infra .slide .block.slick-slide {
gap: 0;
margin-right: 0;
justify-content: flex-end;
position: relative;
}
.solutions-advanced-metering-infra .slide .block.slick-slide .image {
width: 10rem;
position: absolute;
left: 0;
top: 4rem;
}
.solutions-advanced-metering-infra .slide .block.slick-slide .image img {
margin-left: 0;
}
.solutions-advanced-metering-infra .slide .block .content {
width: 90%;
padding: 2rem 2rem 2rem 8rem;
position: relative;
}
.solutions-advanced-metering-infra .slide .block .content h2 {
font-size: 2.5rem;
}
.solutions-energy-management .slide .block.slick-slide {
gap: 0;
margin-right: 0;
justify-content: flex-end;
position: relative;
}
.solutions-energy-management .slide .block.slick-slide .image {
width: 10rem;
position: absolute;
left: 0;
top: 8rem;
}
.solutions-energy-management .slide .block.slick-slide .image img {
margin-left: 0;
}
.solutions-energy-management .slide .block .content {
width: 90%;
padding: 2rem 2rem 2rem 8rem;
position: relative;
}
.solutions-energy-management .slide .block .content h2 {
font-size: 2.5rem;
}
.solutions-smart-solution .slide .block.slick-slide {
gap: 0;
margin-right: 0;
justify-content: flex-end;
position: relative;
}
.solutions-smart-solution .slide .block.slick-slide .image {
width: 10rem;
position: absolute;
left: 0;
top: 2.5rem;
}
.solutions-smart-solution .slide .block.slick-slide .image img {
margin-left: 0;
}
.solutions-smart-solution .slide .block .content {
width: 90%;
padding: 2rem 2rem 2rem 8rem;
position: relative;
}
.solutions-smart-solution .slide .block .content h2 {
font-size: 2.5rem;
}
.solutions-smart-grid-automation .slide .block.slick-slide {
gap: 0;
margin-right: 0;
justify-content: flex-end;
position: relative;
}
.solutions-smart-grid-automation .slide .block.slick-slide .image {
width: 10rem;
position: absolute;
left: 0;
top: 6rem;
}
.solutions-smart-grid-automation .slide .block.slick-slide .image img {
margin-left: 0;
}
.solutions-smart-grid-automation .slide .block .content {
width: 90%;
padding: 2rem 2rem 2rem 8rem;
position: relative;
}
.solutions-smart-grid-automation .slide .block .content h2 {
font-size: 2.5rem;
}
.resources-stories-list img {
height: 80px;
}
}
@media only screen and (max-width: 480px) {
.resources-the-news {
align-items: flex-start;
}
.resources-the-news div {
width: 100%;
}
}
@media only screen and (max-width: 398px) {
.resources-blog h2 {
font-size: 4rem;
}
.resources-blog h1 {
font-size: 2rem;
}
.resources-blog h4 {
margin-left: 1rem;
}
.resources-stories-case h2 {
font-size: 6rem;
}
.resources-stories-case h1 {
margin-bottom: -1.5rem;
}
.resources-the-news-slide .block img {
width: 50%;
}
.resources-the-news-slide .block .head {
width: 50%;
}
.resources-the-news-slide .block .head h1 {
font-size: 1.2rem;
}
.resources-download h2 {
font-size: 7rem;
}
.resources-download h1 {
font-size: 2rem;
}
.resources-download-slide .block img {
width: 50%;
}
.resources-download-slide .block .head {
width: 50%;
}
.resources-download-slide .block .head h1 {
font-size: 1.2rem;
}
.resources-faq h2 {
font-size: 5rem;
}
.resources-faq h1 {
font-size: 2rem;
margin-left: -1rem;
}
.resources-faq h2 img {
top: -3rem;
right: 7rem;
max-width: 7rem;
}
}
@media only screen and (max-width: 360px) {
.investor-communication .year_dropdown {
top: 110px;
}
}
@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;
} .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: 767px) {
.desktop_image,
.desktop-text {
display: none;
}
.mobile_image,
.phone-text {
display: block;
}
.energy_card>div h2 img {
max-width: 15rem !important;
left: 25% !important;
}
.energy_card>div h1 {
left: 15%;
top: -110%;
}
.energy_card>div h3 {
margin-left: 8% !important;
margin-right: 0 !important;
font-size: 1.5rem !important;
}
.energy_card>div h2 span.power {
margin-left: 90%;
}
.energy_card>div h2 span.procurement {
margin-left: 115%;
}
.energy_card_2>div h2 .management {
font-size: 5rem;
}
.energy_card_2>div img {
max-width: 9rem;
right: -27%;
top: 15%;
}
.energy_card_2>div h3 .solution {
font-size: 5rem;
}
.energy_card_2>div h1 {
font-size: 2.5rem !important;
top: 5%;
}
.energy_card_2>div h3 {
top: -25%;
}
.energy_card_2>div h3.last-para {
font-size: 1.5rem;
margin: 52% 0 0 -34%;
width: 86%;
}
.energy_card_3>div h3 {
margin-top: -19% !important;
right: 0;
max-width: 25rem !important;
}
.energy_card_3>div h3.last-para-4 {
margin-top: -18% !important;
margin-left: 0;
width: 70%;
}
.energy_card_3>div h1 {
margin-left: 43% !important;
}
.wp-block-lazyblock-energy-features-block .slick-slide img {
width: 9rem !important;
}
.wp-block-lazyblock-energy-top-feature .head {
margin-bottom: 5rem;
}
.wp-block-lazyblock-energy-why-choose .head {
margin-bottom: 5rem;
}
.wp-block-lazyblock-energy-learn-about h2 {
font-size: 5rem !important;
}
.wp-block-lazyblock-energy-learn-about h3 {
margin: 2% 0 6% -5% !important;
}
.energy_about h4 {
font-size: 1.3rem;
margin-left: 0;
text-align: center;
}
.licenses-list {
grid-template-columns: repeat(2, 1fr);
gap: 3.5rem 2rem !important;
}
.licenses-list .block {
gap: 1rem 0;
}
.licenses-ccmi {
padding: 10rem 4% 0 4% !important;
}
.licenses-ccmi div {
gap: 2rem;
}
.licenses-ccmi img {
max-width: 75%;
}
}
@media only screen and (max-width: 480px) {
.meter_hero .div1 h3 {
max-width: 65%;
}
} .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; }
@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;
}
} .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); 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; }
@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 .block {
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.nilmKey .slides .block img {
width: 100%; 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; }
@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%; }
@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;
padding-bottom: 18rem;
}
@media only screen and (max-width: 768px) {
.nilm_hero-1 {
padding-top: 16rem;
padding-bottom: 14rem;
}
.nilm_hero-2 {
margin-top: 5rem;
}
} .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: 2%;
margin-bottom: 0;
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: 22rem;
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: -95%;
z-index: -1;
max-width: 30rem;
right: -7%;
}
@media only screen and (max-width: 768px) {
.nilm_hero .div1 h2 img {
position: relative;
max-width: 14rem;
right: 0;
right: -3rem; }
}
.nilm_hero .div1 h3 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
align-self: flex-start;
color: #0081ff;
max-width: 42%;
margin-left: auto;
margin-right: 16%;
}
@media only screen and (max-width: 768px) {
.nilm_hero .div1 h3 {
font-size: 2rem;
max-width: 24rem;
margin-left: 10%;
}
} .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; }
@media only screen and (max-width: 768px) {
.nilm_hero .div2 h2 {
font-size: 8rem;
text-align: center; }
}
.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; }
}
.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%;
}
} .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;
}
}