@font-face {
font-family: "GT-Walsheim";
src: url(//kimbal.io/wp-content/themes/kimbal/assets/fonts/gt-walsheim/GT-Walsheim-Condensed-Light.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "GT-Walsheim";
src: url(//kimbal.io/wp-content/themes/kimbal/assets/fonts/gt-walsheim/GT-Walsheim-Condensed-Regular.otf) format("opentype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "GT-Walsheim";
src: url(//kimbal.io/wp-content/themes/kimbal/assets/fonts/gt-walsheim/GT-Walsheim-Bold.otf) format("opentype");
font-weight: bold;
font-style: normal;
}
:root {
font-family: "GT-Walsheim";
--GT-Walsheim: "GT-Walsheim";
}
*,
*:before,
*:after {
margin: 0px;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-text-size-adjust: 100%; }
tspan {
white-space: nowrap;
}
html {   font-size: 62.5%;
overflow-x: hidden;
}
.smooth-scroll-wrapper {
transition: height 0.3s ease;
will-change: transform, height;
}
body {
opacity: 0;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-webkit-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
transition: opacity 500ms ease;
} textarea,
button,
select,
a,
div,
li {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
appearance: none;
}
img {
max-width: 100%;
display: block;
}
a {
text-decoration: none;
transition: all 0.3s ease-in-out;
}
a:hover {
opacity: 0.75;
}
li {
list-style: none;
}
.mobile {
display: none;
}
@media only screen and (max-width: 768px) {
.desktop {
display: none !important;
}
.mobile {
display: block !important;
}
} ::-webkit-scrollbar {
width: 5px;
height: 5px;
} ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
} ::-webkit-scrollbar-thumb {
background: grey;
border-radius: 5px;
} ::-webkit-scrollbar-thumb:hover {
background: grey;
}
@media only screen and (min-width: 2500px) {
html {
font-size: 85%;
}
}
@media only screen and (max-width: 1600px) {
html {
font-size: 62.5%;
}
}
@media only screen and (max-width: 1400px) {
html {
font-size: 50%;
}
}
@media only screen and (max-width: 1100px) {
html {
font-size: 40%;
}
}
@media only screen and (max-width: 950px) {
html {
font-size: 35%;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 62.5%;
}
}
@media only screen and (max-width: 320px) {
html {
font-size: 50%;
}
}
#smooth-content {
will-change: transform;
}
.buttonAnimation {
transition: all 0.3s ease-in-out;
}
.buttonAnimation:hover circle {
fill: white;
}
.buttonAnimation:hover ellipse {
fill: white;
}
.buttonAnimation:hover text {
fill: #0081FF;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 3rem 4%;
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #ffffff00 100%);
}
.header .hamburger {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.header .hamburger:hover {
opacity: 0.7;
}
.section {
width: 100%;
height: 100vh;
overflow-x: hidden;
display: flex;
align-items: center;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 100%);
} .menuBtn {
position: fixed;
top: 3rem;
right: 4%;
height: 32px;
width: 40px;
cursor: pointer;
z-index: 10002;
}
.menuBtn span,
.menuBtn span::before,
.menuBtn span::after {
background: #0081ff;
border-radius: 3px;
content: "";
position: absolute;
width: 40px;
height: 4px;
margin-top: 13px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.menuBtn span::before {
margin-top: -12px;
}
.menuBtn span::after {
margin-top: 12px;
}
.menuBtn.active span {
background: transparent;
}
.menuBtn.active span::before {
margin-top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menuBtn.active span::after {
margin-top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menuBar {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10001;
width: 100%;
height: 100%;
padding: 3rem 4%;
transform: translateY(100%);
transition: all 0.3s ease-in-out;
}
.menuBar.active {
transform: translateY(0);
}
.menuBar>.head {
display: flex;
margin-bottom: 3.5rem;
justify-content: space-between;
align-items: center;
}
.menuBar>.head .closeBtn {
width: 3rem;
height: 3rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.menuBar>.head .closeBtn:hover {
opacity: 0.7;
}
.menuBar .list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.menuBar .list .head h1 {
display: flex;
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.8;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
}
.menuBar .list h1.head,
.menuBar .list a.head {
display: flex;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
gap: 2.3rem;
}
.menuBar .list h1.head img,
.menuBar .list a.head img {
width: 3rem;
transition: all 0.3s ease-in-out;
}
.menuBar .list h1.head:hover img,
.menuBar .list a.head:hover img {
transform: translateX(10%);
}
.menuBar .list a {
display: flex;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.82;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
gap: 2.3rem;
}
.menuBar .list a img {
width: 3rem;
transition: all 0.3s ease-in-out;
}
.menuBar .list a:hover img {
transform: translateX(10%);
}
.menuBar .list .c1 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
}
.menuBar .list .c1 .head2 a {
padding-bottom: 2rem;
}
.menuBar .list .c1 .block2 {
overflow: hidden;
}
.menuBar .list .c1 .block2 .subList {
border-left: 1px solid #0081FF;
padding-left: 2rem;
overflow: hidden;
transition: all 1s ease-in-out;
}
.menuBar .list .c2 .block5 .subList {
border-left: 1px solid #0081FF;
padding-left: 2rem;
overflow: hidden;
transition: all 1s ease-in-out;
}
.menuBar .list .c2 .head,
.menuBar .list .c1 .head {
font-size: 3rem;
margin-bottom: 1rem;
}
.menuBar .list .c2 .head,
.menuBar .list .c1 .head a {
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.menuBar .list .c2 .block6 .subList {
border-left: 1px solid #0081FF;
padding-left: 2rem;
overflow: hidden;
transition: all 1s ease-in-out;
}
.menuBar .list .c2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.card_1 {
display: flex;
width: 100%;
padding: 15rem 4% 10rem;
justify-content: center; }
.card_1>div {
display: flex;
flex-direction: column;
}
.card_1>div h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 20%;
margin-bottom: -4rem;
}
.card_1>div 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;
}
.card_1>div h2 img {
position: absolute;
top: 65%;
z-index: -1;
left: 8%;
max-width: 41rem;
}
.card_1>div 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;
align-self: flex-end;
color: #0081ff;
}
.card_2 {
display: flex;
width: 100%;
padding: 10rem 4%;
justify-content: center;
}
.card_2>div {
display: flex;
flex-direction: column;
}
.card_2>div h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-right: 2rem;
margin-bottom: -4rem;
}
.card_2>div 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;
}
.card_2>div h2 img {
position: absolute;
top: 70%;
z-index: -1;
right: -3%;
max-width: 49rem;
}
.card_2>div 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;
align-self: flex-start;
color: #0081ff;
}
.card_3 {
display: flex;
width: 100%;
padding: 10rem 4%;
justify-content: center;
}
.card_3>div {
display: flex;
flex-direction: column;
}
.card_3>div h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: -4rem;
}
.card_3>div 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;
}
.card_3>div h2 img {
z-index: -1;
position: absolute;
top: 79%;
left: 12%;
max-width: 41rem;
}
.card_3>div 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;
align-self: flex-end;
color: #0081ff;
margin-right: 15%;
}
.card_4 {
display: flex;
width: 100%;
padding: 10rem 4%;
justify-content: center;
}
.card_4 div {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.card_4 .image {
width: 100%;
height: 90%;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.card_4 .image img { object-fit: contain;
width: 83.2rem;
height: auto;
}
@media only screen and (max-width: 1400px) {
.card_4 .image img {
width: 103.2rem;
}
}
@media only screen and (max-width: 1100px) {
.card_4 .image img {
width: 78%;
}
}
.card_4 .image .text {
position: absolute;
bottom: 32%;
display: flex;
justify-content: flex-end;
width: 100%;
flex-direction: column;
align-items: center;
}
@media only screen and (max-width: 1100px) {
.card_4 .image .text {
bottom: 42%;
}
}
.card_4 .image .text 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: right;
color: #fff;
margin-right: 36rem;
}
.card_4 .image .text h2 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.51;
letter-spacing: -4.8px;
text-align: center;
color: #fff;
}
.card_4 .image p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
width: 60%;
text-align: center;
margin-top: 5rem;
}
.card_4 p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
width: 60%;
text-align: center;
margin-top: 5rem;
align-self: center;
}
.card_5 {
display: flex;
width: 100%;
padding: 10rem 4%;
justify-content: center;
}
.card_5 .div {
height: 100%;
padding: 10rem 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 5;
}
.card_5>div .container {
display: flex;
flex-direction: column;
}
.card_5>div .container>h1 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: 0rem;
margin-left: 2rem;
}
.card_5>div .container>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;
}
.card_5>div .container>h2 .img_1 {
position: absolute;
top: -67%;
z-index: 1;
right: 2%;
max-width: 27rem;
}
.card_5>div .container>h2 .img_2 {
position: absolute;
top: 65%;
z-index: 1;
left: 6%;
max-width: 22rem;
}
.card_5>div .container h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
align-self: flex-end;
color: #0081ff;
}
.card_5>div .links {
display: flex;
gap: 2.5rem;
margin-top: 3.7rem;
}
.card_5>div .links .block {
border-radius: 100px;
background-color: #0081ff;
padding: 1rem 4rem;
}
.card_5>div .links .block h1 {
display: flex;
justify-content: center;
align-items: center;
gap: 1.3rem;
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.9px;
text-align: center;
color: #fff;
}
.card_5>div .links .block h1 p {
font-family: var(--GT-Walsheim);
font-size: 2.1rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.04;
letter-spacing: -0.5px;
text-align: left;
color: #fff;
}
.card_6 {
display: flex;
width: 100%;
padding: 5rem 4% 0rem;
justify-content: center;
}
.card_6 .div {
height: 100%;
padding: 10rem 0 3rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
z-index: 5;
}
.ourHeroslinks {
padding-bottom: 10rem;
}
.ourHeroslinks a {
margin-left: 1.5rem;
}
.ourHeroslinks a svg {
height: 7rem;
width: auto;
}
.ourHeroslinks.section {
height: auto;
}
.card_6>div .container {
display: flex;
flex-direction: column;
}
.card_6>div .container>h1 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: -4rem;
}
.card_6>div .container>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;
}
.card_6>div .container>h2 .img_1 {
position: absolute;
top: -64%;
z-index: -1;
left: 15%;
max-width: 20rem;
}
.card_6>div .container>h2 .img_2 {
position: absolute;
top: -53%;
z-index: 1;
right: 7%;
max-width: 34rem;
}
.card_6>div .container h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
align-self: flex-end;
color: #0081ff;
} .card_6>div .links .block {
transition: all 0.3s ease-in-out;
}
.card_6>div .links .block text,
.card_6>div .links .block ellipse,
.card_6>div .links .block path {
font-family: var(--GT-Walsheim);
transition: all 0.3s ease-in-out;
}
.card_6>div .links .block:hover {
opacity: 0.7;
}
.card_7 {
display: flex;
width: 100%;
padding: 5rem 4% 0rem;
justify-content: center;
height: unset;
}
.card_7 .div {
height: 100%;
padding: 10rem 0 10rem 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 5;
}
.card_7>div .container {
display: flex;
flex-direction: column;
}
.card_7>div .container>h1 {
font-family: var(--GT-Walsheim);
font-size: 10rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 6%;
margin-bottom: -4rem;
}
.card_7>div .container>h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #0081ff;
}
.card_7>div .container>h2 .img_1 {
position: absolute;
top: -80%;
z-index: -1;
right: 7%;
max-width: 20rem;
}
.card_7>div .container h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
align-self: flex-end;
color: #0081ff;
}
.card_7>div .links {
display: flex;
gap: 2.5rem;
margin-top: 3.7rem;
width: 100%;
align-items: center;
justify-items: center;
}
.card_7>div .links img {
max-width: 20rem;
}
.card_8 {
background-color: #fff;
padding: 0rem 4% 7rem;
height: 100%;
z-index: 5;
}
.card_8 .logo {
display: flex;
justify-content: center;
align-items: center;
}
.card_8 .logo img {
height: 8rem;
}
.card_8 .nav {
display: flex;
height: 70px;
position: relative;
justify-content: flex-end;
align-items: flex-end;
gap: 2rem;
}
.card_8 .nav .swiper-button-prev {
position: unset;
width: 50px;
height: 50px;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/prev-btn.svg);
background-repeat: no-repeat;
}
.card_8 .swiper-slide {
width: fit-content !important;
} .links.slider {
width: 100%;
position: relative;
}
.card_8 .nav .swiper-button-prev::after {
display: none;
}
.card_8 .nav .swiper-button-next {
position: unset;
width: 50px;
height: 50px;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/next-btn.svg);
background-repeat: no-repeat;
}
.card_8 .nav .swiper-button-next::after {
display: none;
}
.card_9 {
display: flex;
width: 100%;
padding: 10rem 4%;
height: 100%;
justify-content: center;
align-items: center;
z-index: 1;
position: relative;
width: 100%;
z-index: 5;
}
.card_9 .div {
height: 100%;
padding: 10rem 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 5;
}
.card_9>div {
padding: 10rem 0;
display: flex;
flex-direction: column;
height: 100%;
background-color: #fff;
z-index: 1;
}
.card_9>div h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-left: 64%;
margin-bottom: -4rem;
z-index: 2;
}
.card_9>div 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;
z-index: 2;
}
.card_9>div h2 img {
position: absolute;
top: 70%;
z-index: -1;
left: 22%;
max-width: 60rem;
}
.card_9>div 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;
align-self: flex-start;
color: #0081ff;
z-index: 3;
}
.card_9>div h3 a svg {
width: 25rem;
}
.footer {
padding: 10rem 4% 0rem;
position: relative;
z-index: 5;
overflow: hidden;
display: flex;
flex-direction: column; }
.footer .text {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 4rem;
}
.footer .text>h1 {
text-align: center;
font-size: 2rem;
font-family: var(--GT-Walsheim);
font-weight: normal;
color: #0081FF; display: flex;
gap: 14rem;
border: 1px solid #0081FF;
padding: 2.3rem 3.5rem;
border-radius: 2.5rem;
width: fit-content;
align-items: center;
justify-content: center;
}
.footer .text svg {
max-width: 5rem;
}
.footer .text>h2 {
text-align: center;
font-size: 1.5rem;
font-family: var(--GT-Walsheim);
font-weight: normal;
color: #0081FF;
}
.footer .links {
position: relative;
display: flex;
justify-content: space-between;
margin-bottom: 7rem;
}
.footer .links a {
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: left;
color: #0081ff;
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.footer .links span {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: flex-start;
align-items: center;
}
.footer .links span svg {
width: 3rem;
height: 3rem;
}
.footer .links a img {
transition: all 0.3s ease-in-out;
width: 5rem;
}
.footer .links a:hover img {
transform: translateX(10px);
}
.ourStory_banner {
display: flex;
width: 100%;
height: 100%;
padding: 12rem 4% 10rem;
justify-content: center;
background-color: #fff;
}
.ourStory_banner .div {
background-color: #fff;
height: 100%;
padding: 10rem 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 5;
}
.ourStory_banner>div .container {
display: flex;
flex-direction: column;
}
.ourStory_banner>div .container>h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 22%;
margin-bottom: -6rem;
}
.ourStory_banner>div .container>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;
}
.ourStory_banner>div .container>h2 .img_1 {
position: absolute;
top: -43%;
z-index: -1;
right: -12%;
max-width: 45rem;
}
.ourStory_banner>div .container h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
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-left: 4.5rem;
}
.ourStory_banner>div .links {
display: flex;
gap: 2.5rem;
margin-top: 3.7rem;
width: 100%;
align-items: center;
justify-items: center;
}
.ourStory_banner>div .links img {
max-width: 20rem;
}
.ourStory_growth {
padding: 15rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.ourStory_growth .head {
display: flex;
justify-content: center;
margin-bottom: 8rem;
}
.ourStory_growth .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
position: relative;
}
.ourStory_growth .head h1 img {
position: absolute;
top: -21rem;
right: 0%;
z-index: -1;
max-width: 46rem;
}
.ourStory_growth .slick-track {
display: flex !important;
}
.ourStory_growth .slick-slide {
height: inherit !important;
}
.ourStory_growth .slide .slick-list {
padding: 0 20% 0 0;
}
@media only screen and (max-width: 768px) {
.ourStory_growth .slide .slick-list {
padding: 0 0% 0 0;
}
}
.ourStory_growth .slide .block {
display: flex;
align-items: center;
gap: 1.9rem;
margin: 0 0px 0 4rem;
height: 100%;
}
.ourStory_growth .slide .block .image {
width: 85%;
height: 85%;
aspect-ratio: 1/1;
border-radius: 50%;
max-width: 16rem;
margin-right: -8rem;
z-index: 2;
}
.ourStory_growth .slide .block .image img {
width: 12rem;
height: 100%;
border-radius: 50%;
aspect-ratio: 1/1;
object-fit: contain;
}
.ourStory_growth .slide .block .content {
background-color: #f6f6f6;
padding: 2.7rem 4.4rem;
border-radius: 35px;
display: flex;
flex-direction: column;
height: 100%;
display: flex;
justify-content: center; }
.ourStory_growth .slide .block .content h1 {
font-family: var(--GT-Walsheim);
font-size: 2.3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.33px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-end;
}
.ourStory_growth .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
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;
}
.meter_features .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2; letter-spacing: -0.25px;
}
.ourStory_growth .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
}
.meter_features .slide .block .content p {
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.ourStory_growth .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourStory_growth .slideNav .prev,
.ourStory_growth .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourStory_growth .slideNav .prev:hover,
.ourStory_growth .slideNav .next:hover {
opacity: 0.7;
}
.ourStory_growth .get-it-now {
align-self: center;
}
.ourStory_history {
padding: 10rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.ourStory_history>.head {
display: flex;
justify-content: center;
margin-bottom: 8rem;
}
.ourStory_history>.head>h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
}
.ourStory_history .slides .block {
display: flex;
flex-direction: column;
margin: 0 2rem 0 4rem;
}
.ourStory_history .slides .block .head {
margin-bottom: 1.7rem;
}
.ourStory_history .slides .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
}
.ourStory_history .slides .block .container {
display: flex;
align-items: center;
gap: 3rem;
}
.ourStory_history .slides .block .container img {
width: 50%;
}
.ourStory_history .slides .block .container p {
width: 50%;
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
}
.ourStory_history .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourStory_history .slideNav .prev,
.ourStory_history .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourStory_history .slideNav .prev:hover,
.ourStory_history .slideNav .next:hover {
opacity: 0.7;
}
.ourStory_testimonials {
display: flex;
padding: 10rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.ourStory_testimonials .head {
display: flex;
justify-content: flex-start;
padding-left: 8rem;
}
.ourStory_testimonials .head h1 {
font-family: var(--GT-Walsheim);
font-size: 17rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -2.1px;
text-align: center;
color: #0081ff;
margin-bottom: 4.2rem;
}
.ourStory_testimonials .slides .slick-list {
padding: 0 20% 0 0;
}
.ourStory_testimonials .slides .block {
display: flex;
flex-direction: column;
margin: 0 20px;
padding: 7rem 4rem 4rem 4rem;
background-color: #f6f6f6;
border-radius: 32px;
}
.ourStory_testimonials .slides .slick-track {
display: flex !important;
}
.ourStory_testimonials .slides .slick-slide {
height: inherit !important;
}
.ourStory_testimonials .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 4.4rem;
}
.ourStory_testimonials .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.4px;
text-align: left;
color: #0081ff;
margin-bottom: 3rem;
}
.ourStory_testimonials .slides .block a {
transition: all 0.3s ease-in-out;
}
.ourStory_testimonials .slides .block a img {
width: 17.4rem;
}
.ourStory_testimonials .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourStory_testimonials .slideNav .prev,
.ourStory_testimonials .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourStory_testimonials .slideNav .prev:hover,
.ourStory_testimonials .slideNav .next:hover {
opacity: 0.7;
}
.ourCore-popUp {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 60%;
background-color: #F6F6F6;
z-index: 555;
border-radius: 4rem;
overflow: hidden;
transition: all .3s ease-in-out;
opacity: 0;
}
.popUp-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(255, 255, 255, 0.7);
transition: all .3s ease-in-out;
z-index: 5;
opacity: 0;
}
.popUp-overlay::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: -1; }
.ourCore-popUp .c1 {
width: 35%;
}
.ourCore-popUp .c1 img {
max-width: unset;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 4rem;
}
.ourCore-popUp .c2 {
display: flex;
width: 65%;
flex-direction: column;
padding: 5rem 5rem;
justify-content: flex-start;
align-items: flex-start;
gap: 2rem;
}
.ourCore-popUp .c2 h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.75px;
text-align: center;
color: #0081ff;
}
.ourCore-popUp .c2 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: left;
color: #0081ff;
overflow-y: auto;
}
.ourCore-popUp .closeBtn {
position: absolute;
width: 1.6rem;
height: 1.6rem;
right: 2rem;
top: 2rem;
transition: all .3s ease-in-out;
cursor: pointer;
}
.ourCore-popUp .closeBtn:hover {
opacity: .7;
}
.ourCore-popUp .closeBtn img {
width: 100%;
height: auto;
}
.ourCore_banner {
display: flex;
flex-direction: column;
padding: 15rem 4% 10rem;
position: relative;
justify-content: center;
align-items: center;
}
.ourCore_banner img {
max-width: 48rem;
justify-self: center;
margin-bottom: -5.5rem;
margin-right: -42rem;
}
.ourCore_banner h1 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.61;
letter-spacing: -3.75px;
text-align: center;
color: #0081ff;
}
.ourCore_banner h2 {
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: center;
margin-left: -40rem;
margin-top: 2rem;
color: #0081ff;
}
.ourCore_spirit {
display: flex;
width: 100%;
padding: 12rem 4% 10rem;
justify-content: center;
}
.ourCore_spirit>div {
display: flex;
flex-direction: column;
}
.ourCore_spirit>div h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-left: 18%;
margin-bottom: -4rem;
}
.ourCore_spirit>div 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;
}
.ourCore_spirit>div h2 img {
position: absolute;
top: 75%;
z-index: -1;
left: -4%;
max-width: 39rem;
}
.ourCore_spirit>div 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-end;
margin-right: 15%;
color: #0081ff;
margin-top: 4.7rem;
}
.ourCore_missionVision {
display: flex;
width: 100%;
padding: 15rem 15% 10rem;
justify-content: space-between; width: 100%;
gap: 7rem; background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-size: 60%;
}
.ourCore_missionVision .block {
display: flex;
flex-direction: column;
}
.ourCore_missionVision .block 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: left;
color: #0081ff;
}
.ourCore_missionVision .block img {
width: 36rem;
}
.ourCore_missionVision .block p {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
}
.ourCore_missionVision .c1 {
align-self: center;
}
.ourCore_missionVision .c2 {
align-self: center;
}
.ourCore_leaders .slideNav {
display: flex;
margin-top: 3.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourCore_leaders .slick-list {
padding: 0 5% 0 0 !important;
overflow: hidden;
}
.ourCore_leaders .slideNav .prev,
.ourCore_leaders .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourCore_leaders .slideNav .prev:hover,
.ourCore_leaders .slideNav .next:hover {
opacity: 0.7;
}
.ourCore_leaders {
display: flex;
width: 100%;
padding: 10rem 0% 10rem;
justify-content: center;
flex-direction: column;
width: 100%;
}
.ourCore_leaders .head {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.ourCore_leaders .head h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.03;
letter-spacing: -3px;
text-align: center;
color: #0081ff;
} .ourCore_leaders .content .block {
border-radius: 4rem;
position: relative;
display: flex;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease-in-out;
margin-left: 3.7rem;
}
.ourCore_leaders .content .block:hover .text {
opacity: 1;
flex-direction: column;
justify-content: space-around;
}
.ourCore_leaders .content .block .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
transition: all 0.3s ease-in-out;
background-color: #0084ff99;
opacity: 0;
}
.ourCore_leaders .content .block .text h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.4px;
text-align: center;
color: #fff;
margin-bottom: 1.5rem;
}
.ourCore_leaders .content .block .text p {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.2px;
text-align: center;
color: #fff;
}
.ourCore_leaders .content .block .text h2 {
display: none;
}
.ourCore_leaders .content .block .text h3 {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.2px;
text-align: center;
color: #0081FF;
background-color: white;
padding: .8rem 1.6rem;
border-radius: 1rem;
transition: all .3s ease-in-out;
z-index: 555;
position: relative;
}
.ourCore_leaders .content .block .text h3:hover {
opacity: .7;
}
.ourCore_values {
display: flex;
width: 100%;
padding: 20rem 0% 10rem 4%;
justify-content: center;
flex-direction: column;
}
.ourCore_values .head {
display: flex;
flex-direction: column;
margin-bottom: 3.8rem;
}
.ourCore_values .head h1 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.99;
letter-spacing: -3.1px;
text-align: center;
color: #0081ff;
position: relative;
}
.ourCore_values .head h1 img {
position: absolute;
top: -50%;
right: 12%;
z-index: -1;
max-width: 42rem;
}
.ourCore_values .slick-list {
padding: 0 20% 0 0;
}
.ourCore_values .slick-track {
display: flex !important;
}
.ourCore_values .slick-slide {
height: inherit !important;
}
.ourCore_values .slides .block {
display: flex;
flex-direction: column;
background-color: #f6f6f6;
padding: 4rem 4rem;
margin: 0 20px;
border-radius: 32px;
height: 100%;
}
.ourCore_values .slides .block h1 {
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-bottom: 1rem;
}
.ourCore_values .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
}
.ourCore_values .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourCore_values .slideNav .prev,
.ourCore_values .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourCore_values .slideNav .prev:hover,
.ourCore_values .slideNav .next:hover {
opacity: 0.7;
}
.ourCore_DNA {
display: flex;
width: 100%;
padding: 20rem 0% 10rem 4%;
justify-content: center;
flex-direction: column;
}
.ourCore_DNA .head {
display: flex;
flex-direction: column;
margin-bottom: 3.8rem;
}
.ourCore_DNA .head h1 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.99;
letter-spacing: -3.1px;
text-align: center;
color: #0081ff;
position: relative;
}
.ourCore_DNA .head h1 img {
position: absolute;
top: -50%;
right: 12%;
z-index: -1;
max-width: 42rem;
}
.ourCore_DNA .slick-list {
padding: 0 20% 0 0;
}
.ourCore_DNA .slick-track {
display: flex !important;
}
.ourCore_DNA .slick-slide {
height: inherit !important;
}
.ourCore_DNA .slides .block {
display: flex;
flex-direction: column;
background-color: #f6f6f6;
padding: 4rem 4rem;
margin: 0 20px;
border-radius: 32px;
height: 100%;
}
.ourCore_DNA .slides .block h1 {
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-bottom: 1rem;
}
.ourCore_DNA .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
}
.ourCore_DNA .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourCore_DNA .slideNav .prev,
.ourCore_DNA .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourCore_DNA .slideNav .prev:hover,
.ourCore_DNA .slideNav .next:hover {
opacity: 0.7;
}
.buttons {
padding: 10rem 4%;
display: flex;
gap: 5rem;
}
.buttons a {
position: relative;
font-size: 4rem;
background-color: blue;
padding: 1rem;
color: white;
border-radius: 5rem;
}
.buttons a .ovel {
position: absolute;
top: -10%;
z-index: -1;
width: 20%;
height: 120%;
left: 0;
background-color: red;
border-radius: 20px;
}
.kimbalPeople-Banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Banner 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-right: 30%;
margin-bottom: -2%;
}
.kimbalPeople-Banner h2 {
font-family: var(--GT-Walsheim);
font-size: 26rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
position: relative;
}
.kimbalPeople-Banner h2 img {
position: absolute;
bottom: 65%;
right: 3%;
z-index: -1;
max-width: 45rem;
}
.kimbalPeople-diversity {
position: relative;
padding: 27rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-diversity h1 {
font-family: var(--GT-Walsheim);
font-size: 17rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
position: relative;
}
.kimbalPeople-diversity h1 img {
position: absolute;
z-index: -1;
top: -65%;
left: 0%;
max-width: 35rem;
}
.kimbalPeople-diversity h2 {
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: 75rem;
align-self: flex-end;
margin-top: -3rem;
}
.kimbalPeople-Invest {
position: relative;
padding: 15rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Invest div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Invest h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
color: #0081ff;
position: relative;
}
.kimbalPeople-Invest h1 img {
position: absolute;
z-index: -1;
top: -20%;
right: -5%;
max-width: 30rem;
}
.kimbalPeople-Invest h2 {
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;
color: #0081ff;
max-width: 45rem;
margin-top: -7rem;
align-self: flex-start;
margin-left: 2%;
}
.kimbalPeople-speak {
position: relative;
padding: 20rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-speak div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-speak h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
color: #0081ff;
position: relative;
}
.kimbalPeople-speak h1 img {
position: absolute;
z-index: -1;
top: -45%;
right: 25%;
max-width: 30rem;
}
.kimbalPeople-speak h2 {
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;
color: #0081ff;
max-width: 45rem;
margin-top: -5rem;
align-self: flex-start;
margin-left: 12%;
}
.kimbalPeople-believe {
position: relative;
padding: 20rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-believe div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-believe p {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
align-self: flex-end;
margin-top: -9rem;
}
.kimbalPeople-believe h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
color: #0081ff;
position: relative;
}
.kimbalPeople-believe h1 img {
position: absolute;
z-index: -1;
top: -10%;
right: 30%;
max-width: 27rem;
}
.kimbalPeople-believe h2 {
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;
color: #0081ff;
max-width: 27rem;
margin-top: -5rem;
align-self: flex-start;
margin-left: 4%;
}
.kimbalPeople-team {
position: relative;
padding: 20rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-team h1 {
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: 51rem;
margin-left: 15rem;
margin-bottom: -4rem;
}
.kimbalPeople-team h2 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -3.6px;
text-align: center;
color: #0081ff;
position: relative;
}
.kimbalPeople-team h2 img {
position: absolute;
z-index: -1;
right: -1rem;
top: 19rem;
max-width: 34rem;
}
.kimbalPeople-difference {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-difference div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-difference 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;
}
.kimbalPeople-difference 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;
}
.kimbalPeople-difference h2 img {
position: absolute;
z-index: -1;
bottom: 14rem;
right: 0rem;
max-width: 36rem;
}
.kimbalPeople-difference 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;
color: #0081ff;
max-width: 54rem;
align-self: flex-end;
margin-top: -1rem;
}
.kimbalPeople-integration {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-integration div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-integration 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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 29rem;
margin-bottom: -8rem;
}
.kimbalPeople-integration h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.96;
letter-spacing: -3.2px;
text-align: center;
color: #0081ff;
}
.kimbalPeople-integration h2 img {
position: absolute;
z-index: -1;
bottom: -15rem;
left: -10rem;
max-width: 41rem;
}
.kimbalPeople-integration 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: 40rem;
align-self: flex-end;
}
.kimbalPeople-learAndLead {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-learAndLead div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-learAndLead h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.kimbalPeople-learAndLead h1 img {
position: absolute;
max-width: 35rem;
z-index: -1;
bottom: 14rem;
left: 2rem;
}
.kimbalPeople-learAndLead h2 {
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;
color: #0081ff;
max-width: 43rem;
align-self: flex-end;
margin-right: -3rem;
}
.kimbalPeople-WorkYouEnjoy {
position: relative;
padding: 10rem 4% 20rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-WorkYouEnjoy div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-WorkYouEnjoy h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.kimbalPeople-WorkYouEnjoy h1 img {
position: absolute;
z-index: -1;
bottom: -21rem;
right: 0rem;
max-width: 31rem;
}
.kimbalPeople-WorkYouEnjoy h2 {
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;
color: #0081ff;
align-self: flex-start;
max-width: 33rem;
margin-top: -4rem;
}
.kimbalPeople-Career {
position: relative;
padding: 10rem 4% 20rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Career div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Career 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: center;
color: #0081ff;
align-self: flex-end;
margin-right: 1rem;
margin-bottom: -7rem;
}
.kimbalPeople-Career h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 32rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: -3.7px;
text-align: center;
color: #0081ff;
}
.kimbalPeople-Career h2 img {
position: absolute;
z-index: -1;
max-width: 35rem;
bottom: -14rem;
left: -8rem;
}
.kimbalPeople-Career 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;
color: #0081ff;
max-width: 44rem;
align-self: flex-end;
margin-right: -12rem;
}
.kimbalPeople-Responsibility {
position: relative;
padding: 10rem 4% 20rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Responsibility div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-Responsibility 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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 14rem;
margin-bottom: -6rem;
}
.kimbalPeople-Responsibility h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 26rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
}
.kimbalPeople-Responsibility h2 img {
position: absolute;
z-index: -1;
bottom: 18rem;
right: -2rem;
max-width: 41rem;
}
.kimbalPeople-Responsibility 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;
color: #0081ff;
max-width: 48rem;
align-self: flex-end;
margin-right: 41rem;
margin-top: -2rem;
}
.kimbalPeople-bookOfTrust {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-bookOfTrust div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-bookOfTrust 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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 27rem;
margin-bottom: -2rem;
}
.kimbalPeople-bookOfTrust h2 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.67;
letter-spacing: -3px;
text-align: center;
color: #0081ff;
margin-bottom: 3rem;
}
.kimbalPeople-bookOfTrust a {
position: relative;
align-self: flex-end;
margin-right: 22rem;
margin-top: 2rem;
}
.ourPlants-banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ourPlants-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.ourPlants-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: -7rem;
}
.ourPlants-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;
}
.ourPlants-banner h2 img {
position: absolute;
z-index: -1;
bottom: 8rem;
right: 3rem;
max-width: 45rem;
}
.ourPlants-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;
max-width: 54rem;
align-self: flex-end;
max-width: 46rem;
margin-right: 12rem;
align-self: flex-end;
margin-top: 0rem;
}
.ourPlants-blocks {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: space-between;
gap: 3rem;
}
.ourPlants-blocks .block {
background-color: #f6f6f6;
border-radius: 6rem;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.ourPlants-blocks .block .popUp {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100001;
height: auto;
display: flex;
flex-direction: column;
background-color: #f6f6f6;
border-radius: 8rem;
padding: 11rem 11rem;
display: none;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.ourPlants-blocks .block .popUp.active {
transition: all 0.3s ease-in-out;
display: flex;
}
.ourPlants-blocks .block .popUp .closeBtn {
position: absolute;
right: 5rem;
top: 5rem;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourPlants-blocks .block .popUp .closeBtn:hover {
opacity: 0.7;
}
.ourPlants-blocks .block .popUp .closeBtn img {
width: 100%;
height: 100%;
}
.ourPlants-blocks .block .popUp h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
align-self: flex-start;
}
.ourPlants-blocks .block .popUp p {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;
align-self: flex-start;
}
.ourPlants-blocks .block .popUp .container {
display: flex;
gap: 7rem;
}
.ourPlants-blocks .block .popUp .container .c1 {
width: 50%;
}
.ourPlants-blocks .block .popUp .container .c1 .head {
display: flex;
gap: 2rem;
margin-bottom: 1.2rem;
}
.ourPlants-blocks .block .popUp .container .c1 .head h1 {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-blocks .block .popUp .container .c1 .head .text_1 {
width: 50%;
}
.ourPlants-blocks .block .popUp .container .c1 .head .text_2 {
width: 50%;
}
.ourPlants-blocks .block .popUp .container .c2 {
width: 50%;
}
.ourPlants-blocks .block .popUp .container .c2 h1 {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-blocks .block .popUp .container .c2 ul li {
list-style: disc;
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-blocks .block .thumbnail {
height: 100%;
width: 100%;
margin-bottom: 3rem;
}
.ourPlants-blocks .block h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
}
.ourPlants-blocks .block p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
text-align: center;
color: #0081ff;
position: relative;
padding: 0 4rem 3rem 4rem;
}
.ourPlants-blocks .block .plusBtn {
margin-bottom: 3rem;
width: 5rem;
height: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
display: none;
}
.ourPlants-blocks .block .plusBtn:hover {
opacity: 0.7;
}
.ourPlants-distinguishingFactor {
padding: 15rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.ourPlants-distinguishingFactor .head {
display: flex;
justify-content: center;
margin-bottom: 8rem;
align-items: center;
flex-direction: column;
padding-left: 4%;
}
.ourPlants-distinguishingFactor .head h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
position: relative;
align-self: flex-start;
margin-left: 18rem;
}
.ourPlants-distinguishingFactor .head h2 {
font-family: var(--GT-Walsheim);
font-size: 18rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
position: relative;
}
.ourPlants-distinguishingFactor .head h2 img {
position: absolute;
top: -19rem;
right: 5rem;
z-index: -1;
max-width: 46rem;
}
.ourPlants-distinguishingFactor .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: 45rem;
margin-right: 10%;
margin-top: 3rem;
}
.ourPlants-distinguishingFactor .slide .slick-list {
padding: 0 20% 0 0;
}
.ourPlants-distinguishingFactor .slide .block {
position: static;
cursor: pointer;
display: flex;
align-items: center;
gap: 1.9rem;
margin: 0 2rem 0 4rem;
}
.ourPlants-distinguishingFactor .slick-track {
display: flex !important;
}
.ourPlants-distinguishingFactor .slick-slide {
height: inherit !important;
}
.ourPlants-distinguishingFactor .slide .block .image {
width: 85%; aspect-ratio: 1/1;
border-radius: 50%;
margin-right: -3rem;
z-index: 2;
width: 35%;
}
.ourPlants-distinguishingFactor .slide .block .image img {
width: 100%;
height: auto;
border-radius: 50%;
aspect-ratio: 1/1;
}
.ourPlants-distinguishingFactor .slide .block .content {
background-color: #f6f6f6;
padding: 2.7rem 4.4rem;
border-radius: 3.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 65%;
height: 100%;
justify-content: center;
}
.ourPlants-distinguishingFactor .slide .block .content .plusBtn {
position: absolute;
bottom: 2rem;
right: 2rem;
width: 2rem;
height: 2rem;
}
.ourPlants-distinguishingFactor .slide .block .content h1 {
font-family: var(--GT-Walsheim);
font-size: 2.3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.33px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-end;
}
.ourPlants-distinguishingFactor .slide .block .content h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
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;
}
.ourPlants-distinguishingFactor .slide .block .content p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
margin-bottom: 1rem;
}
.ourPlants-distinguishingFactor .slide .block .content li {
list-style: disc;
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
margin-left: 2rem;
}
.ourPlants-distinguishingFactor .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourPlants-distinguishingFactor .slideNav .prev,
.ourPlants-distinguishingFactor .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourPlants-distinguishingFactor .slideNav .prev:hover,
.ourPlants-distinguishingFactor .slideNav .next:hover {
opacity: 0.7;
}
.ourPlants-ZERODefectGoal {
padding: 10rem 4% 10rem 4%;
position: relative;
display: flex;
gap: 3rem;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ourPlants-ZERODefectGoal .head {}
.ourPlants-ZERODefectGoal .content {
display: flex;
gap: 3.6rem;
}
.ourPlants-ZERODefectGoal .c1 {
display: flex;
flex-direction: column;
width: 50%;
}
.ourPlants-ZERODefectGoal .head {
margin-bottom: 3rem;
}
.ourPlants-ZERODefectGoal .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;
}
.ourPlants-ZERODefectGoal .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
.ourPlants-ZERODefectGoal .c1 .content .block {
background-color: #f6f6f6;
border-radius: 32px;
padding: 4rem 4rem;
}
.ourPlants-ZERODefectGoal .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
}
.ourPlants-ZERODefectGoal .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: left;
color: #0081ff;
max-width: 70%;
}
.ourPlants-ZERODefectGoal .c2 {
width: 50%;
}
.ourPlants-ZERODefectGoal .c2 img {
width: 100%;
height: 100%;
border-radius: 55px;
overflow: hidden;
object-fit: cover;
}
.ourPlants-sustainableProduction {
padding: 10rem 4% 10rem 4%;
position: relative;
display: flex;
gap: 5rem;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
}
.ourPlants-sustainableProduction .c1 {
display: flex;
flex-direction: column;
width: 50%;
}
.ourPlants-sustainableProduction .c1 .head {
margin-bottom: 3rem;
}
.ourPlants-sustainableProduction .c1 .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;
}
.ourPlants-sustainableProduction .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
.ourPlants-sustainableProduction .c1 .content .block {
background-color: #f6f6f6;
border-radius: 32px;
padding: 4rem 4rem;
}
.ourPlants-sustainableProduction .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
}
.ourPlants-sustainableProduction .c1 .content .block p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 70%;
}
.ourPlants-sustainableProduction .c2 {
width: 50%;
}
.ourPlants-sustainableProduction .c2 img {
width: 100%;
height: 100%;
border-radius: 55px;
overflow: hidden;
}
.thoughtLeadership-banner {
position: relative;
padding: 20rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.thoughtLeadership-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.thoughtLeadership-banner 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: right;
color: #0081ff;
align-self: flex-end;
margin-right: 20%;
margin-bottom: -3.5rem;
}
.whats-new-banner h1 {
align-self: flex-start !important;
margin-left: 10% !important;
}
.whats-new-banner h2 {
line-height: 1.25 !important;
}
.whats-new-banner h3 {
width: 60% !important;
}
@media only screen and (min-width: 768px) {
.whats-new-banner img {
margin-right: -16% !important;
}
}
.thoughtLeadership-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 17rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.thoughtLeadership-banner h2 img {
position: absolute;
z-index: -1;
bottom: -11rem;
right: 6rem;
max-width: 32rem;
}
.thoughtLeadership-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 58rem;
margin-left: 5rem;
align-self: flex-start;
}
.thoughtLeadership-list {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 6rem;
grid-column-gap: 4rem;
}
.thoughtLeadership-list .block {
background-color: #f6f6f6;
border-radius: 5.5rem;
}
.thoughtLeadership-list .block img {
margin-bottom: 4rem;
width: 100%;
border-radius: 40px;
}
.thoughtLeadership-list .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-bottom: 2rem;
padding: 0 1.5rem;
}
.thoughtLeadership-list .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.2px;
text-align: center;
color: #0081ff;
margin-bottom: 3rem;
padding: 0 2rem;
}
.caseStudies-banner {
position: relative;
padding: 30rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.caseStudies-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.caseStudies-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 10%;
margin-bottom: -7rem;
}
.caseStudies-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 24rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.caseStudies-banner h2 img {
position: absolute;
z-index: -1;
bottom: 17rem;
right: 7rem;
max-width: 32rem;
}
.caseStudies-banner 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;
max-width: 45rem;
align-self: flex-start;
margin-left: 26%;
margin-top: -2rem;
}
.caseStudies-list {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 6rem;
grid-column-gap: 4rem;
}
.caseStudies-list .block {
background-color: #f6f6f6;
border-radius: 5.5rem;
}
.caseStudies-list .block img {
margin-bottom: 4rem;
}
.caseStudies-list .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-bottom: 3rem;
padding: 0 1.5rem;
}
.caseStudies-list .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.2px;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
padding: 0 2rem;
}
.caseStudies-list .block .date {
margin-bottom: 3rem;
}
.faq-banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.faq-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.faq-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-bottom: -7rem;
}
.faq-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 24rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.faq-banner h2 img {
position: absolute;
z-index: -1;
bottom: 19rem;
right: 39rem;
max-width: 32rem;
}
.faq-banner 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;
max-width: 45rem;
align-self: flex-end;
margin-right: 24%;
margin-top: -2rem;
}
.faq-list {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.faq-list .block {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 2rem 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.faq-list .block.active p {
max-height: 1000px;
}
.faq-list .block.active img {
transform: rotate(180deg);
}
.faq-list .block h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
display: flex;
align-items: center;
justify-content: flex-start;
}
.faq-list .block h1 .arrow {
width: 3rem;
position: absolute;
right: 0;
transition: all 0.3s ease-in-out;
}
.faq-list .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: left;
color: #0081ff;
max-height: 0;
overflow: hidden;
transition: all 0.5s ease-in-out;
max-width: 90%;
}
.licenses-banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.licenses-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.licenses-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 12%;
margin-bottom: -6rem;
}
.licenses-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 24rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.licenses-banner h2 img {
position: absolute;
z-index: -1;
bottom: 13rem;
right: 3rem;
max-width: 42rem;
}
.licenses-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 45rem;
align-self: flex-end;
margin-right: 36%;
margin-top: -2rem;
}
.licenses-list {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
place-items: center;
gap: 4rem;
}
.licenses-list .block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.licenses-list .block img {
margin-bottom: 1rem;
}
.licenses-list .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.6;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
background-color: #f6f6f6;
padding: 1.8rem 2rem;
width: 100%;
border-radius: 5rem;
}
.licenses-ccmi {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.licenses-ccmi div {
display: flex;
align-items: center;
gap: 3.3rem;
background-color: #f6f6f6;
padding: 7rem 10rem;
border-radius: 8rem;
}
.licenses-ccmi div h1 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.09;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
}
.licenses-logoList {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5.6rem;
}
.licenses-logoList img {
width: 17rem;
aspect-ratio: 1/1;
object-fit: contain;
}
.licenses-certified {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.licenses-certified div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 21%;
}
.licenses-certified 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: center;
margin-right: -16%;
}
.licenses-certified h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
}
.licenses-certified h2 img {
position: absolute;
left: -21rem;
bottom: -11rem;
z-index: -1;
max-width: 23rem;
}
.licenses-certified 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: 34rem;
margin-right: -21%;
}
.news-banner {
position: relative;
padding: 20rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.news-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.news-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 19%;
margin-bottom: -10rem;
}
.news-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.news-banner h2 img {
position: absolute;
z-index: -1;
bottom: -11rem;
right: -3rem;
max-width: 30rem;
}
.news-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 45rem;
align-self: flex-start;
margin-left: 9%;
margin-top: -2rem;
}
.news-list {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7rem;
}
.news-list .block {
background-color: #f6f6f6;
display: flex;
gap: 3.4rem;
border-radius: 5.5rem;
}
.news-list .block .c1 {
width: 50%;
}
.news-list .block .c2 {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 4rem 2rem 4rem 0;
}
.news-list .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;
}
.news-list .block .c2 svg {
height: 5rem;
}
.downloads-banner {
position: relative;
padding: 30rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.downloads-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.downloads-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 21%;
margin-bottom: -9rem;
}
.downloads-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 28rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.downloads-banner h2 img {
position: absolute;
z-index: -1;
bottom: 20rem;
right: 0rem;
max-width: 37rem;
}
.downloads-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 47rem;
align-self: flex-end;
margin-right: 14%;
margin-top: -3rem;
}
.downloads-list {
position: relative;
padding: 15rem 4% 10rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7rem;
}
.downloads-list .block {
background-color: #f6f6f6;
display: flex;
gap: 3.4rem;
border-radius: 5.5rem;
}
.downloads-list .block .c1 {
width: 50%;
}
.downloads-list .block .c2 {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 4rem 2rem 4rem 0;
}
.downloads-list .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;
}
.downloads-list .block .c2 img {
height: 4rem;
}
.contactUs-banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.contactUs-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.contactUs-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 17%;
margin-bottom: -9rem;
}
.contactUs-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 28rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.contactUs-banner h2 img {
position: absolute;
z-index: -1;
bottom: 16rem;
right: 9rem;
max-width: 37rem;
}
.contactUs-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 45rem;
align-self: flex-start;
margin-left: 12%;
margin-top: -4rem;
}
.contactUs-list {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: row;
align-items: center;
gap: 3.5rem;
}
.contactUs-list .c1 {
width: 40%;
border-radius: 4rem;
overflow: hidden;
}
.contactUs-list .c1 iframe {
width: 100%;
height: 100%;
}
.contactUs-list .c1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contactUs-list .c2 {
width: 60%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.5rem;
}
.contactUs-list .c2 .block {
background-color: #f6f6f6;
padding: 6rem 3rem;
border-radius: 4.5rem;
}
.contactUs-list .c2 .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.3px;
text-align: left;
color: #0081ff;
margin-bottom: 3rem;
}
.contactUs-list .c2 .block p,
.contactUs-list .c2 .block a {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
}
.sub_metering-banner {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.sub_metering-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.sub_metering-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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 3%;
margin-bottom: 1%;
}
.sub_metering-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.72;
letter-spacing: -3px;
text-align: center;
color: #0081ff;
}
.sub_metering-banner h2 img {
position: absolute;
z-index: -1;
right: -1rem;
top: 15rem;
max-width: 43rem;
}
.sub_metering-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-start;
margin-left: 1%;
margin-top: 1rem;
}
.sub_metering-whyUs {
position: relative;
padding: 15rem 0% 10rem;
display: flex;
flex-direction: column;
}
.sub_metering-whyUs .slick-track {
display: flex !important;
}
.sub_metering-whyUs .slick-slide {
height: inherit !important;
}
.sub_metering-whyUs .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 5rem;
}
.sub_metering-whyUs .head h1 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.96;
letter-spacing: -2.24px;
text-align: center;
color: #0081ff;
}
.sub_metering-whyUs .slides {
display: flex;
}
.sub_metering-whyUs .slides .block {
display: flex;
flex-direction: column;
margin-right: 2.5rem;
background-color: #F6F6F6;
border-radius: 6rem;
overflow: hidden;
margin: 0 2rem;
}
.sub_metering-whyUs .slides .block img {
margin-bottom: 2.5rem;
}
.sub_metering-whyUs .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;
margin-bottom: 2rem;
padding: 0 2rem;
}
.sub_metering-whyUs .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
padding: 0 3rem 3rem;
}
.sub_metering-whyUs .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.sub_metering-whyUs .slideNav .prev,
.sub_metering-whyUs .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.sub_metering-whyUs .slideNav .prev:hover,
.sub_metering-whyUs .slideNav .next:hover {
opacity: 0.7;
}
.sub_metering-clientele {
position: relative;
padding: 15rem 4% 10rem;
display: flex;
flex-direction: column;
}
.sub_metering-clientele .slick-list { overflow: hidden;
}
.sub_metering-clientele .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 5rem;
}
.sub_metering-clientele .head h1 {
position: relative;
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: flex-end;
margin-right: 21%;
margin-bottom: -5rem;
}
.sub_metering-clientele .head h1 img {
position: absolute;
z-index: -1;
left: -76%;
bottom: -6rem;
max-width: 37rem;
}
.sub_metering-clientele .head h2 {
font-family: var(--GT-Walsheim);
font-size: 27rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -2.73px;
text-align: center;
color: #0081ff;
}
.sub_metering-clientele .slides {
height: 100%;
}
.sub_metering-clientele .slides img {
height: auto;
object-fit: contain; padding-left: 3rem;
background: #F6F6F6;
padding: 2rem 6rem;
border-radius: 10rem;
}
.sub_metering-clientele .slick-slide {
margin: 0 10px;
} .sub_metering-clientele .slick-list {
margin: 0 -10px;
}
.sub_metering-clientele .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.sub_metering-clientele .slideNav .prev,
.sub_metering-clientele .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.sub_metering-clientele .slideNav .prev:hover,
.sub_metering-clientele .slideNav .next:hover {
opacity: 0.7;
}
.sub_metering-clientele .slick-track {
display: flex !important;
}
.sub_metering-clientele .slick-slide {
height: inherit !important;
}
.sub_metering-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.sub_metering-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sub_metering-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.sub_metering-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.sub_metering-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sub_metering-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.power_harmonic-banner {
position: relative;
padding: 25rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 9rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.66;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
align-self: flex-end;
margin-right: -6%;
margin-bottom: -1rem;
}
.power_harmonic-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 33rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.3px;
text-align: center;
color: #0081ff;
}
.power_harmonic-banner h2 img {
position: absolute;
z-index: -1;
bottom: 12rem;
left: 6rem;
max-width: 34rem;
}
.power_harmonic-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;
max-width: 36rem;
align-self: flex-start;
margin-left: 8%;
margin-top: 2rem;
}
.power_harmonic-tarang {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-tarang div {
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-tarang 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: center;
color: #0081ff;
align-self: center;
margin-left: -37%;
margin-bottom: -6rem;
}
.power_harmonic-tarang h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 35rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.71;
letter-spacing: -4.25px;
text-align: center;
color: #0081ff;
}
.power_harmonic-tarang h2 img {
position: absolute;
z-index: -1;
bottom: 14rem;
right: 2rem;
max-width: 46rem;
}
.power_harmonic-tarang h3 {
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: left;
color: #0081ff;
max-width: 50rem;
align-self: flex-start;
margin-left: 7%;
margin-top: 1rem;
}
.power_harmonic-whyTarang {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-whyTarang div {
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-whyTarang 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: center;
margin-bottom: -7rem;
margin-left: -10%;
}
.power_harmonic-whyTarang h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -3.5px;
text-align: center;
color: #0081ff;
}
.power_harmonic-whyTarang h2 img {
position: absolute;
z-index: -1;
bottom: 16rem;
max-width: 38rem;
left: -22%;
}
.power_harmonic-whyTarang h3 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 44rem;
align-self: flex-start;
margin-left: 6%;
}
.power_harmonic-specialFeatures {
position: relative;
padding: 15rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-specialFeatures div {
display: flex;
flex-direction: column;
align-items: center;
}
.power_harmonic-specialFeatures 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: right;
color: #0081ff;
align-self: flex-end;
margin-right: 15%;
margin-bottom: -2rem;
}
.power_harmonic-specialFeatures h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 21rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
}
.power_harmonic-specialFeatures h2 img {
position: absolute;
z-index: -1;
bottom: 13rem;
left: -2%;
max-width: 32rem;
}
.power_harmonic-specialFeatures h3 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 59rem;
align-self: flex-start;
margin-left: 14%;
}
.power_harmonic-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.power_harmonic-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.power_harmonic-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.power_harmonic-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.power_harmonic-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.power_harmonic-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.advanced_metering-banner {
position: relative;
padding: 25rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.advanced_metering-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.advanced_metering-banner h1 {
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;
color: #0081ff;
max-width: 30rem;
align-self: flex-end;
}
.advanced_metering-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -2.17px;
text-align: center;
color: #0081ff;
}
.advanced_metering-banner h2 img {
position: absolute;
z-index: -1;
bottom: -12rem;
left: 66%;
max-width: 31rem;
}
.advanced_metering-banner h3 {
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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 1%;
margin-top: -2rem;
}
.advanced_metering-quote {
position: relative;
padding: 25rem 20rem;
}
.advanced_metering-quote h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
}
.advanced_metering-whyChooseUs {
position: relative;
padding: 10rem 0% 10rem;
display: flex;
flex-direction: column;
}
.advanced_metering-whyChooseUs .head {
display: flex;
flex-direction: column;
align-items: center;
}
.advanced_metering-whyChooseUs .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: right;
color: #0081ff;
margin-left: -30%;
margin-bottom: -7rem;
}
.advanced_metering-whyChooseUs .head h2 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.26;
letter-spacing: -2.45px;
text-align: center;
color: #0081ff;
display: flex;
}
.advanced_metering-whyChooseUs .head p {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
max-width: 26rem;
text-align: right;
align-self: flex-end;
margin-left: 2rem;
margin-bottom: 7rem;
}
.advanced_metering-whyChooseUs .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
display: flex;
flex-direction: column;
align-items: center;
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.advanced_metering-whyChooseUs .slick-list {
padding: 0 10% 0 0 !important;
overflow: hidden;
}
.advanced_metering-whyChooseUs .slides .block img {
margin-bottom: 3rem;
}
.advanced_metering-whyChooseUs .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;
max-width: 90%;
}
.advanced_metering-whyChooseUs .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.advanced_metering-whyChooseUs .slideNav .prev,
.advanced_metering-whyChooseUs .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.advanced_metering-whyChooseUs .slideNav .prev:hover,
.advanced_metering-whyChooseUs .slideNav .next:hover {
opacity: 0.7;
}
.advanced_metering-million {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
background-image: url(//kimbal.io/wp-content/themes/kimbal/assets/images/advanced_metering-1million.png);
background-repeat: no-repeat;
background-position: center;
background-size: 45rem;
gap: 8rem;
max-width: 133rem;
margin: 0 auto;
}
.advanced_metering-million .text1 {
align-self: flex-start;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.advanced_metering-million .text1 h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: right;
color: #0081ff;
margin-bottom: -2rem;
}
.advanced_metering-million .text1 h2 {
font-family: var(--GT-Walsheim);
font-size: 13rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: -1.77px;
text-align: center;
color: #0081ff;
}
.advanced_metering-million .text2 {
align-self: flex-end;
margin-top: 3rem;
}
.advanced_metering-million .text2 h1 {
font-family: var(--GT-Walsheim);
font-size: 13rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: -1.77px;
text-align: center;
color: #0081ff;
}
.advanced_metering-million .text2 h2 {
display: flex;
gap: 3rem;
justify-content: space-between;
flex-direction: row-reverse;
}
.advanced_metering-million .text2 span {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 34rem;
}
.advanced_metering-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.advanced_metering-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.advanced_metering-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.advanced_metering-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.advanced_metering-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.advanced_metering-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.head_End_System-banner {
position: relative;
padding: 20rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-banner h1 {
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: 40rem;
margin-right: 23%;
margin-bottom: -2rem;
}
.head_End_System-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 38rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.61;
letter-spacing: -2.97px;
text-align: center;
color: #0081ff;
display: flex;
}
.head_End_System-banner p {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.9;
letter-spacing: -2.97px;
text-align: center;
color: #0081ff;
align-self: flex-end;
max-width: 29rem;
text-align: left;
padding-left: 2rem;
margin-bottom: -1rem;
}
.head_End_System-banner h2 img {
position: absolute;
z-index: -1;
bottom: 17rem;
max-width: 28rem;
right: 0rem;
}
.head_End_System-banner h3 {
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: center;
color: #0081ff;
align-self: flex-end;
margin-right: 2%;
}
.head_End_System-HES {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-HES div {
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-HES 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-right: 32%;
margin-bottom: -7rem;
}
.head_End_System-HES h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -3.08px;
text-align: center;
color: #0081ff;
}
.head_End_System-HES h2 img {
position: absolute;
z-index: -1;
max-width: 35rem;
margin-left: -23%;
margin-top: -13rem;
}
.head_End_System-HES h3 {
font-family: var(--GT-Walsheim);
font-size: 2.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 52rem;
align-self: flex-end;
margin-right: -12%;
margin-top: -1rem;
}
.head_End_System-whyChooseUs {
position: relative;
padding: 15rem 0% 10rem;
display: flex;
flex-direction: column;
}
.head_End_System-whyChooseUs .head {
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-whyChooseUs .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: right;
color: #0081ff;
margin-left: -32%;
margin-bottom: -8rem;
}
.head_End_System-whyChooseUs .head h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.head_End_System-whyChooseUs .slides img {
max-width: 39rem;
}
.head_End_System-whyChooseUs .slides .slick-list {
padding: 0 20% 0 0 !important;
}
.head_End_System-whyChooseUs .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;
}
.head_End_System-whyChooseUs .slides .block img {
width: 100%;
}
.head_End_System-whyChooseUs .slides .block .content {
display: flex;
flex-direction: column;
align-items: center;
}
.head_End_System-whyChooseUs .slides .block h1 {
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: center;
color: #0081ff;
margin-bottom: 2rem;
max-width: 90%;
}
.head_End_System-whyChooseUs .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%;
}
.head_End_System-whyChooseUs .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.head_End_System-whyChooseUs .slideNav .prev,
.head_End_System-whyChooseUs .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.head_End_System-whyChooseUs .slideNav .prev:hover,
.head_End_System-whyChooseUs .slideNav .next:hover {
opacity: 0.7;
}
.head_End_System-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.head_End_System-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.head_End_System-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.head_End_System-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.head_End_System-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.head_End_System-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.rh_mesh-banner {
position: relative;
padding: 20rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rh_mesh-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.rh_mesh-banner 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 4rem;
}
.rh_mesh-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.71;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
}
.rh_mesh-banner h2 img {
position: absolute;
z-index: -1;
max-width: 34rem;
bottom: 12rem;
right: -10%;
}
.rh_mesh-banner 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-start;
margin-top: 2rem;
margin-left: 1%;
max-width: 42rem;
}
.rh_mesh-vayu {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rh_mesh-vayu div {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 14%;
}
.rh_mesh-vayu 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-bottom: -8rem;
margin-left: 31%;
}
.rh_mesh-vayu 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;
}
.rh_mesh-vayu h2 img {
position: absolute;
z-index: -1;
max-width: 35rem;
bottom: 3rem;
margin-left: -39%;
}
.rh_mesh-vayu h3 {
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: left;
color: #0081ff;
max-width: 42rem; margin-left: -59%;
margin-top: 2rem;
}
.rh_mesh-whyChooseVayu {
position: relative;
padding: 10rem 0% 10rem;
display: flex;
flex-direction: column;
}
.rh_mesh-whyChooseVayu .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 3rem;
}
.meter_help .head {
margin-bottom: 8rem;
}
.rh_mesh-whyChooseVayu .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;
}
.page-id-2227 .rh_mesh-whyChooseVayu .head h1 {
font-size: 6rem;
max-width: 61%;
text-align: center;
}
.meter_help .head h1 {
margin-right: 0;
}
.rh_mesh-whyChooseVayu .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;
}
.rh_mesh-whyChooseVayu .slides {
display: flex;
}
.rh_mesh-whyChooseVayu .slides .slick-list {
padding: 0 10% 0 0;
}
.rh_mesh-whyChooseVayu .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.rh_mesh-whyChooseVayu .slides .block img { width: 100%;
border-radius: 5rem;
}
.rh_mesh-whyChooseVayu .slides .block .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 90%;
}
.rh_mesh-whyChooseVayu .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;
}
.meter_help .slides .block h1 {
font-weight: 500;
font-stretch: condensed;
font-style: normal;
line-height: 1.07;
letter-spacing: -0.3px;
}
.rh_mesh-whyChooseVayu .slides .block {
display: flex;
gap: 3.7rem;
}
.rh_mesh-whyChooseVayu .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;
}
.meter_help .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;
}
.rh_mesh-whyChooseVayu .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.rh_mesh-whyChooseVayu .slideNav .prev,
.rh_mesh-whyChooseVayu .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.rh_mesh-whyChooseVayu .slideNav .prev:hover,
.rh_mesh-whyChooseVayu .slideNav .next:hover {
opacity: 0.7;
}
.rh_mesh-whyChooseVayu .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.rh_mesh-whyChooseVayu .get_it_now img {
width: 100%;
height: 100%;
}
.rh_mesh-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.rh_mesh-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.rh_mesh-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.rh_mesh-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.rh_mesh-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.rh_mesh-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.consumer_mobile_app-banner {
position: relative;
padding: 42rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.consumer_mobile_app-banner div {
display: flex;
flex-direction: column;
align-items: center;
margin-left: -20%;
}
.consumer_mobile_app-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 40rem;
align-self: flex-start;
margin-left: 33rem;
margin-bottom: -34rem;
}
.consumer_mobile_app-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.91;
letter-spacing: -2.2px;
text-align: center;
color: #0081ff;
}
.consumer_mobile_app-banner h2 img {
position: absolute;
z-index: -1;
max-width: 40rem;
right: -37rem;
bottom: 0rem;
}
.consumer_mobile_app-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 3.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;
max-width: 40rem;
margin-left: 15rem;
margin-top: 7rem;
}
.consumer_mobile_app-solution {
position: relative;
padding: 10rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.consumer_mobile_app-solution div {
display: flex;
flex-direction: column;
align-items: center;
}
.consumer_mobile_app-solution 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: center;
color: #0081ff;
margin-right: 30%;
margin-bottom: -5rem;
}
.consumer_mobile_app-solution h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -3.3px;
text-align: center;
color: #0081ff;
}
.consumer_mobile_app-solution h2 img {
position: absolute;
z-index: -1;
bottom: -22rem;
left: 2%;
max-width: 47rem;
}
.consumer_mobile_app-solution h3 {
font-family: var(--GT-Walsheim);
font-size: 2.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 48rem;
align-self: flex-end;
margin-top: -1rem;
}
.consumer_mobile_app-whyChooseVayu {
position: relative;
padding: 15rem 0% 10rem;
display: flex;
flex-direction: column;
}
.consumer_mobile_app-whyChooseVayu .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 3rem;
}
.consumer_mobile_app-whyChooseVayu .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: right;
color: #0081ff;
align-self: center;
margin-left: -13%;
margin-bottom: -9rem;
}
.consumer_mobile_app-whyChooseVayu .head h2 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.consumer_mobile_app-whyChooseVayu .slides {
display: flex;
}
.consumer_mobile_app-whyChooseVayu .slides .slick-list {
padding: 0 10% 0 0;
}
.consumer_mobile_app-whyChooseVayu .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
} .consumer_mobile_app-whyChooseVayu .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;
}
.consumer_mobile_app-whyChooseVayu .slides .block {
display: flex;
gap: 3.7rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block .text {
display: flex;
flex-direction: column;
gap: 2rem;
width: 90%;
justify-content: center; }
.consumer_mobile_app-whyChooseVayu .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;
}
.consumer_mobile_app-whyChooseVayu .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.consumer_mobile_app-whyChooseVayu .slideNav .prev,
.consumer_mobile_app-whyChooseVayu .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.consumer_mobile_app-whyChooseVayu .slideNav .prev:hover,
.consumer_mobile_app-whyChooseVayu .slideNav .next:hover {
opacity: 0.7;
}
.consumer_mobile_app-whyChooseVayu .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.consumer_mobile_app-whyChooseVayu .get_it_now img {
width: 100%;
height: 100%;
}
.consumer_mobile_app-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.consumer_mobile_app-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.consumer_mobile_app-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.consumer_mobile_app-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.consumer_mobile_app-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.consumer_mobile_app-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.smart_meters-banner {
position: relative;
padding: 20rem 4% 23rem;
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-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: right;
color: #0081ff;
margin-left: -48%;
margin-bottom: -1rem;
}
.smart_meters-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 16rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
}
.smart_meters-banner h2 img {
position: absolute;
z-index: 0;
max-width: 35rem;
bottom: -30rem;
left: 9%;
}
.smart_meters-banner 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;
max-width: 50rem;
align-self: flex-end;
margin-top: 6rem;
margin-right: 9%;
} .smart_meters-reliablity {
position: relative;
padding: 26rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-reliablity div {
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-reliablity h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-left: -81%;
margin-bottom: -3rem;
}
.smart_meters-reliablity h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
}
.smart_meters-reliablity h2 img {
position: absolute;
z-index: -1;
max-width: 35rem;
bottom: 11rem;
left: 66%;
}
.smart_meters-reliablity h3 {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 50rem;
align-self: flex-end;
margin-top: 1rem;
margin-right: 17%;
} .smart_meters-slides {
padding: 10rem 4% 1rem;
}
.smart_meters-slides .nav {
display: flex;
justify-content: center;
gap: 2rem;
margin-bottom: 3rem;
}
.smart_meters-slides .nav .tab {
cursor: pointer;
height: auto;
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .subNav {
cursor: pointer;
height: 8rem;
transition: all 0.3s ease-in-out;
display: none;
}
.smart_meters-slides .subNav.active {
display: flex;
justify-content: flex-end;
gap: 2rem;
}
.smart_meters-slides .subNav {
cursor: pointer;
height: 8rem;
transition: all 0.3s ease-in-out;
display: none;
}
.smart_meters-slides .nav .tab.active svg path {
fill: #0081ff;
}
.smart_meters-slides .nav .tab.active svg .arrow {
fill: white;
stroke: white;
}
.smart_meters-slides .nav .tab.active svg .bg {
fill: #0081ff;
}
.smart_meters-slides .nav2 .tab.active svg path {
fill: #0081ff;
}
.smart_meters-slides .nav2 .tab.active svg .text {
fill: #fff;
}
.smart_meters-slides .nav3 .tab.active svg path {
fill: #0081ff;
}
.smart_meters-slides .nav3 .tab.active svg .text {
fill: #fff;
}
.smart_meters-slides .nav .tab svg text {
fill: #0081ff;
} .smart_meters-slides .nav .tab.active svg .text {
fill: #f6f6f6;
stroke: #f6f6f6;
}
.smart_meters-slides .nav .tab:hover svg {
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .nav .tab:hover svg ellipse {
transition: all 0.3s ease-in-out;
fill: #0081ff;
} .smart_meters-slides .nav .tab.active svg text {
fill: #f6f6f6;
stroke: #f6f6f6;
}
.smart_meters-slides .nav .tab.active svg text tspan {
fill: #f6f6f6 !important;
}
.smart_meters-slides .nav .tab svg {
height: auto;
width: 100%;
font-size: var(--GT-Walsheim);
}
.smart_meters-slides .subNav .tab svg {
height: auto;
width: 100%;
font-size: var(--GT-Walsheim);
max-width: 22rem;
}
.smart_meters-slides .nav .tab svg svg {
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .nav .tab svg svg ellipse {
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .nav .tab svg svg text {
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .content {
display: flex;
flex-direction: column;
}
.smart_meters-slides .content .slide .tabContainer,
.smart_meters-slides .content .slide2 .tabContainer,
.smart_meters-slides .content .slide3 .tabContainer {
width: 100%;
display: flex;
min-height: 60vh;
gap: 3rem;
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .content .slide,
.smart_meters-slides .content .slide2,
.smart_meters-slides .content .slide3 {
width: 100%;
display: none;
gap: 5rem;
transition: all 0.3s ease-in-out;
}
.smart_meters-slides .content .slide.active,
.smart_meters-slides .content .slide2.active,
.smart_meters-slides .content .slide3.active {
display: flex;
min-height: 60vh;
flex-direction: column;
}
.smart_meters-slides .content .slide .tabContainer .c1,
.smart_meters-slides .content .slide2 .tabContainer .c1,
.smart_meters-slides .content .slide3 .tabContainer .c1 {
width: 40%;
}
.smart_meters-slides .content .slide .tabContainer .c2,
.smart_meters-slides .content .slide2 .tabContainer .c2,
.smart_meters-slides .content .slide3 .tabContainer .c2 {
width: 30%;
display: none;
}
.smart_meters-slides .content .slide .tabContainer .c3,
.smart_meters-slides .content .slide2 .tabContainer .c3,
.smart_meters-slides .content .slide3 .tabContainer .c3 {
width: 60%;
border-right: 1px solid #0081FF;
padding-right: 2rem;
}
.smart_meters-slides .content .slide .tabContainer .c3 h1,
.smart_meters-slides .content .slide2 .tabContainer .c3 h1,
.smart_meters-slides .content .slide3 .tabContainer .c3 h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
margin-bottom: 2.5rem;
}
.smart_meters-slides .content .slide .tabContainer .c3 p,
.smart_meters-slides .content .slide2 .tabContainer .c3 p,
.smart_meters-slides .content .slide3 .tabContainer .c3 p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: -0.18px;
text-align: left;
color: #0081ff;
}
.smart_meters-slides .content .slide .tabContainer .c2 .head h1,
.smart_meters-slides .content .slide2 .tabContainer .c2 .head h1,
.smart_meters-slides .content .slide3 .tabContainer .c2 .head h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.8px;
text-align: left;
color: #0081ff;
margin-bottom: 5rem;
}
.smart_meters-slides .content .slide .c2 .body,
.smart_meters-slides .content .slide2 .c2 .body,
.smart_meters-slides .content .slide3 .c2 .body {
display: flex;
flex-direction: column; gap: 1rem;
}
.smart_meters-slides .content .slide .c2 .content,
.smart_meters-slides .content .slide2 .c2 .content,
.smart_meters-slides .content .slide3 .c2 .content {
display: flex;
flex-direction: row;
gap: 2rem;
}
.smart_meters-slides .content .slide .c2 .body div,
.smart_meters-slides .content .slide2 .c2 .body div,
.smart_meters-slides .content .slide3 .c2 .body div {
display: grid;
grid-template-columns: repeat(2, minmax(0, 22rem));
}
.smart_meters-slides .content .slide .c2 .body div h1,
.smart_meters-slides .content .slide2 .c2 .body div h1,
.smart_meters-slides .content .slide3 .c2 .body div h1 {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.smart_meters-slides .content .slide .c2 .body div p,
.smart_meters-slides .content .slide2 .c2 .body div p,
.smart_meters-slides .content .slide3 .c2 .body div p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.smart_meters-slides .content .slide .c2 .content p,
.smart_meters-slides .content .slide2 .c2 .content p,
.smart_meters-slides .content .slide3 .c2 .content p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.smart_meters-slides .content .slide .c2>p,
.smart_meters-slides .content .slide2 .c2>p,
.smart_meters-slides .content .slide3 .c2>p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
margin-top: 10rem;
}
.smart_meters-About-Kaushal-U1 {
position: relative;
padding: 5rem 0% 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-About-Kaushal-U1 div {
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-About-Kaushal-U1 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: right;
color: #0081ff;
align-self: flex-start;
margin-left: 13%;
margin-bottom: -7rem;
}
.smart_meters-About-Kaushal-U1 h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.02;
letter-spacing: -3.01px;
text-align: center;
color: #0081ff;
display: flex;
align-items: center;
}
.smart_meters-About-Kaushal-U1 h2 img { z-index: -1;
max-width: 19rem;
bottom: 17rem;
right: 17%;
}
.smart_meters-About-Kaushal-U1 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;
color: #0081ff;
max-width: 102rem;
margin-left: 1%;
margin-top: 1rem;
}
.smart_meters-topFeatures {
position: relative;
padding: 0rem 0% 10rem 4%;
display: flex;
flex-direction: column;
width: 60%; }
.smart_meters-topFeatures .head {
margin-bottom: 3.7rem;
}
.smart_meters-topFeatures .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.23;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
display: none;
}
.smart_meters-topFeatures .slides {
display: none;
}
.smart_meters-topFeatures .slides.active {
display: block;
}
.smart_meters-topFeatures .slides .slick-track {
display: flex !important;
}
.smart_meters-topFeatures .slides .slick-slide {
height: inherit !important;
}
.smart_meters-topFeatures .slides .block {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 4rem;
}
.smart_meters-topFeatures .slides .block img {
max-width: 6rem;
}
.smart_meters-topFeatures .slides .block .text {
z-index: -1;
margin-left: -5rem;
background-color: #f6f6f6;
border-radius: 3.2rem;
padding: 2rem 3rem 2rem 4rem;
height: 100%;
display: flex;
align-items: center;
}
.smart_meters-topFeatures .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 1.4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
@media only screen and (max-width: 950px) {
.smart_meters-topFeatures .slides .block img {
width: 10rem;
}
}
.smart_meters-topFeatures .slideNav {
display: flex;
margin-top: 3rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.smart_meters-topFeatures .slideNav .prev,
.smart_meters-topFeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.smart_meters-topFeatures .slideNav .prev:hover,
.smart_meters-topFeatures .slideNav .next:hover {
opacity: 0.7;
}
.smart_meters-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.smart_meters-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.smart_meters-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.smart_meters-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.smart_meters-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.smart_meters-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.workforce-banner {
position: relative;
padding: 20rem 4% 20rem;
display: flex;
flex-direction: column;
align-items: center;
}
.workforce-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.workforce-banner h1 {
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: 50rem;
align-self: flex-end;
margin-bottom: -4rem;
margin-right: 16%;
}
.workforce-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 14rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -1.8px;
text-align: center;
color: #0081ff;
}
.workforce-banner h2 img {
position: absolute;
z-index: -1;
bottom: -16rem;
left: 2%;
max-width: 39rem;
}
.workforce-banner h3 {
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: center;
color: #0081ff;
align-self: center;
margin-right: 0%;
margin-top: -2rem;
}
.workforce-yukti {
position: relative;
padding: 13rem 4% 14rem;
display: flex;
flex-direction: column;
align-items: center;
}
.workforce-yukti div {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 15%;
}
.workforce-yukti 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: center;
color: #0081ff;
align-self: flex-end;
margin-right: 10%;
margin-bottom: -1rem;
}
.workforce-yukti h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 33rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: -3.7px;
text-align: center;
color: #0081ff;
}
.workforce-yukti h2 img {
position: absolute;
z-index: -1;
max-width: 32rem;
bottom: 0rem;
left: -34rem;
}
.workforce-yukti 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;
color: #0081ff;
max-width: 66rem;
align-self: flex-start;
margin-left: -25%;
margin-top: 2rem;
}
.workforce-help {
position: relative;
padding: 11rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.workforce-help .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 8rem;
}
.workforce-help .head 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: center;
color: #0081ff;
margin-right: -28%;
margin-bottom: -5rem;
}
.workforce-help .head h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff;
}
.workforce-help .content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5rem;
}
.workforce-help .content .block {
display: flex;
flex-direction: column;
background-color: #f6f6f6;
border-radius: 6rem;
overflow: hidden;
padding: 0 0rem 3rem 0rem;
}
.workforce-help .content .block img {
margin-bottom: 4rem;
}
.workforce-help .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
margin-bottom: 2rem;
padding: 0 2rem;
}
.workforce-help .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.2px;
text-align: center;
color: #0081ff;
padding: 0 2rem;
}
.workforce-specialFeatures {
position: relative;
padding: 10rem 0% 10rem 0%;
display: flex;
flex-direction: column;
}
.workforce-specialFeatures .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 6rem;
margin-right: 4%;
}
.workforce-specialFeatures .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.96;
letter-spacing: -2.24px;
text-align: center;
color: #0081ff;
}
.workforce-specialFeatures .slides .slick-list {
padding: 0 00% 0 0;
}
.workforce-specialFeatures .slides .slick-track {
display: flex !important;
}
.workforce-specialFeatures .slides .slick-slide {
height: inherit !important;
}
.workforce-specialFeatures .slides .block {
display: flex;
align-items: center;
gap: 3.2rem;
margin-left: 3rem;
}
.workforce-specialFeatures .slides .block img {
margin-right: -5rem;
max-width: 12rem;
}
.workforce-specialFeatures .slides .block h1 {
z-index: -1;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
background-color: #f6f6f6;
padding: 2rem 3rem;
border-radius: 3.2rem;
}
.workforce-specialFeatures .slideNav {
display: flex;
margin-top: 3rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.workforce-specialFeatures .slideNav .prev,
.workforce-specialFeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.workforce-specialFeatures .slideNav .prev:hover,
.workforce-specialFeatures .slideNav .next:hover {
opacity: 0.7;
}
.workforce-benefits {
position: relative;
padding: 10rem 0% 10rem 0%;
display: flex;
flex-direction: column;
}
.workforce-benefits .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 6rem;
margin-right: 4%;
}
.workforce-benefits .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.96;
letter-spacing: -2.24px;
text-align: center;
color: #0081ff;
}
.workforce-benefits .slides .slick-track {
display: flex !important;
}
.workforce-benefits .slides .slick-list {
padding: 0 10% 0 0;
}
.workforce-benefits .slides .slick-slide {
height: inherit !important;
}
.workforce-benefits .slides .block {
display: flex;
align-items: center;
gap: 3.2rem;
margin-left: 5rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.workforce-benefits .slides .block img { width: 100%;
}
.workforce-benefits .slides .block h1 {
z-index: -1;
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
width: 90%;
}
.workforce-benefits .slideNav {
display: flex;
margin-top: 3rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.workforce-benefits .slideNav .prev,
.workforce-benefits .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.workforce-benefits .slideNav .prev:hover,
.workforce-benefits .slideNav .next:hover {
opacity: 0.7;
}
.workforce-getStarted {
position: relative;
padding: 10rem 4% 10rem 4%;
display: flex;
flex-direction: column;
}
.workforce-getStarted .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10rem;
}
.workforce-getStarted .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: center;
color: #0081ff;
margin-right: 57%;
margin-bottom: -3rem;
}
.workforce-getStarted .head h2 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.76;
letter-spacing: -2.9px;
text-align: center;
color: #0081ff;
}
.workforce-getStarted .content {
display: flex;
gap: 5rem;
}
.workforce-getStarted .content .arrow {
width: 5rem;
}
.workforce-getStarted .content .block {
display: flex;
align-items: center;
gap: 3rem;
width: 45%;
}
.workforce-getStarted .content .block img {
margin-right: -5rem;
max-width: 24rem;
}
.workforce-getStarted .content .block h1 {
z-index: -1;
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
background-color: #f6f6f6;
padding: 5rem 5rem;
border-radius: 5rem;
}
.workforce-keyIntegration {
position: relative;
padding: 10rem 4% 10rem 4%;
display: flex;
flex-direction: column;
}
.workforce-keyIntegration .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 7rem;
}
.workforce-keyIntegration .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.92;
letter-spacing: -2.4px;
text-align: center;
color: #0081ff;
}
.workforce-keyIntegration .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6rem;
}
.workforce-keyIntegration .content .block {
display: flex;
background-color: #f6f6f6;
border-radius: 5rem;
flex-direction: column;
gap: 7rem;
}
.workforce-keyIntegration .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
padding: 0 5rem 5rem 5rem;
}
.workforce-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.workforce-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.workforce-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.workforce-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.workforce-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.workforce-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-banner {
position: relative;
padding: 25rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 35rem;
align-self: flex-start;
margin-left: 24%;
margin-bottom: -1rem;
}
.ai_enabled_meter-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 28rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.68;
letter-spacing: -3.2px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-banner h2 img {
position: absolute;
z-index: -1;
max-width: 37rem;
bottom: 7rem;
right: -7%;
}
.ai_enabled_meter-banner h3 {
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: right;
color: #0081ff;
align-self: flex-end;
}
.ai_enabled_meter-samaksha {
position: relative;
padding: 15rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-samaksha>div {
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-samaksha h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.71;
letter-spacing: -1.4px;
text-align: center;
color: #0081ff;
margin-left: -21%;
margin-bottom: -3rem;
}
.ai_enabled_meter-samaksha h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 28rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.88;
letter-spacing: -3.4px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-samaksha h2 img {
position: absolute;
max-width: 35rem;
z-index: -1;
right: -4%;
bottom: -25rem;
}
.ai_enabled_meter-samaksha .text {
display: flex;
align-items: center;
max-width: 62%;
align-self: flex-start;
gap: 3rem;
margin-top: 3rem;
}
.ai_enabled_meter-samaksha .text img {
max-width: 17rem;
margin-right: -5rem;
}
.ai_enabled_meter-samaksha .text h3 {
font-family: var(--GT-Walsheim);
font-size: 2.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.08;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
background-color: #f6f6f6;
padding: 3rem 3rem;
border-radius: 4rem;
z-index: -1;
max-width: 50rem;
}
.ai_enabled_meter-distinguishing {
position: relative;
padding: 10rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-distinguishing>div {
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-distinguishing h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-right: 24%;
margin-bottom: -5rem;
}
.ai_enabled_meter-distinguishing h2 {
font-family: var(--GT-Walsheim);
font-size: 23rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.07;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
position: relative;
}
.ai_enabled_meter-distinguishing h2 img {
position: absolute;
z-index: -1;
bottom: -21rem;
max-width: 35rem;
right: -4%;
}
.ai_enabled_meter-distinguishing h2 span {
position: absolute;
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: center;
color: #0081ff;
bottom: -5rem;
right: 25%;
}
.ai_enabled_meter-distinguishing h3 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 38rem;
align-self: flex-start;
margin-top: 1rem;
}
.ai_enabled_meter-Steps {
position: relative;
padding: 10rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ai_enabled_meter-Steps>.head {
display: flex;
flex-direction: column;
align-items: center;
margin-left: -10%;
}
.ai_enabled_meter-Steps h1 {
font-family: var(--GT-Walsheim);
font-size: 28rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.78;
letter-spacing: -3.2px;
text-align: center;
color: #0081ff;
position: relative;
}
.ai_enabled_meter-Steps h1 img {
position: absolute;
z-index: -1;
max-width: 24rem;
bottom: -8rem;
right: -29%;
}
.ai_enabled_meter-Steps h2 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -0.8px;
text-align: left;
color: #0081ff;
max-width: 35rem;
align-self: flex-start;
}
.ai_enabled_meter-Steps>.content {
margin-top: 10rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
flex-direction: row;
gap: 4rem;
}
.ai_enabled_meter-Steps>.content .block {
display: flex;
align-items: center;
}
.ai_enabled_meter-Steps>.content .block img {
margin-right: -4rem;
max-width: 12rem;
margin-top: -3rem;
}
.ai_enabled_meter-Steps>.content .block .text {
z-index: -1;
background-color: #f6f6f6;
padding: 4rem 5rem;
border-radius: 4rem;
width: 100%;
}
.ai_enabled_meter-Steps>.content .block .text h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
margin-bottom: 2.5rem;
}
.ai_enabled_meter-Steps>.content .block .text p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-gettingStarter {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
align-items: center;
gap: 6rem;
}
.ai_enabled_meter-gettingStarter .c1 {
width: 50%;
}
.ai_enabled_meter-gettingStarter .c1 .head {
margin-bottom: 6rem;
}
.ai_enabled_meter-gettingStarter .c1 .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;
}
.ai_enabled_meter-gettingStarter .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.6rem;
}
.ai_enabled_meter-gettingStarter .c1 .content .block {
background-color: #f6f6f6;
border-radius: 4rem;
padding: 2rem 4rem;
}
.ai_enabled_meter-gettingStarter .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-gettingStarter .c2 {
width: 50%;
}
.ai_enabled_meter-gettingStarter .c2 img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ai_enabled_meter-howItHelps {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
align-items: center;
gap: 6rem;
flex-direction: row-reverse;
}
.ai_enabled_meter-howItHelps .c1 {
width: 50%;
}
.ai_enabled_meter-howItHelps .c1 .head {
margin-bottom: 6rem;
}
.ai_enabled_meter-howItHelps .c1 .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;
}
.ai_enabled_meter-howItHelps .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.6rem;
}
.ai_enabled_meter-howItHelps .c1 .content .block {
background-color: #f6f6f6;
border-radius: 4rem;
padding: 2rem 4rem;
}
.ai_enabled_meter-howItHelps .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-howItHelps .c2 {
width: 50%;
}
.ai_enabled_meter-howItHelps .c2 img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ai_enabled_meter-whatCanItDo {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
align-items: center;
gap: 6rem;
flex-direction: row;
}
.ai_enabled_meter-whatCanItDo .c1 {
width: 50%;
}
.ai_enabled_meter-whatCanItDo .c1 .head {
margin-bottom: 6rem;
}
.ai_enabled_meter-whatCanItDo .c1 .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;
}
.ai_enabled_meter-whatCanItDo .c1 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.6rem;
}
.ai_enabled_meter-whatCanItDo .c1 .content .block {
background-color: #f6f6f6;
border-radius: 4rem;
padding: 2rem 4rem;
}
.ai_enabled_meter-whatCanItDo .c1 .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: -0.35px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-whatCanItDo .c2 {
width: 50%;
}
.ai_enabled_meter-whatCanItDo .c2 img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ai_enabled_meter-placementGrid {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.ai_enabled_meter-placementGrid div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ai_enabled_meter-placementGrid div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.ai_enabled_meter-actionable {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.ai_enabled_meter-actionable div {
padding: 10rem 4%;
background-color: #f6f6f6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ai_enabled_meter-actionable div h1 {
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.54;
letter-spacing: -2px;
text-align: center;
color: #0081ff;
}
.careers-banner {
position: relative;
padding: 20rem 4% 25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.careers-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.careers-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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 11%;
margin-bottom: -4rem;
}
.careers-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: -3px;
text-align: center;
color: #0081ff;
}
.careers-banner h2 img {
position: absolute;
z-index: -1;
max-width: 47rem;
bottom: -20rem;
right: 6%;
}
.careers-youMatter {
position: relative;
padding: 34rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.careers-youMatter div {
display: flex;
flex-direction: column;
align-items: center;
}
.careers-youMatter h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.81;
letter-spacing: -3.4px;
text-align: center;
color: #0081ff;
}
.careers-youMatter h1 img {
position: absolute;
z-index: -1;
max-width: 35rem;
bottom: 15rem;
margin-left: 14%;
}
.careers-youMatter h2 {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -0.53px;
text-align: left;
color: #0081ff;
max-width: 47rem;
align-self: flex-end;
margin-right: 7%;
margin-top: 1rem;
}
.careers-blocks {
position: relative;
padding: 10rem 4% 10rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
.careers-blocks .block {
display: flex;
flex-direction: column;
background-color: #f6f6f6;
padding-top: 6rem;
border-radius: 6rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.careers-blocks .block:hover .head {
opacity: 0.7;
}
.careers-blocks .block:hover .image {
opacity: 0.7;
}
.careers-blocks .block .head {
transition: all 0.3s ease-in-out;
}
.careers-blocks .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: center;
color: #0081ff;
margin-bottom: 6.8rem;
}
.careers-blocks .block .image {
position: relative;
transition: all 0.3s ease-in-out;
}
.careers-blocks .block .image img {
width: 100%;
height: 100%;
}
.careers-blocks .block .image .plus {
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, -50%);
height: 5rem;
width: 5rem;
}
.careers-blocks .block .content {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 8rem;
}
.careers-blocks .block .content .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.careers-blocks .block .content .close:hover {
opacity: 0.7;
}
.careers-blocks .block .content .close img {
width: 100%;
height: 100%;
}
.careers-blocks .block .content.active {
display: flex;
}
.careers-blocks .block .content.active:hover {
opacity: 1;
}
.careers-blocks .block .content .container {
padding: 10rem 10rem;
}
.careers-blocks .block .content .container h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 3rem;
}
.careers-blocks .block .content .container h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;
}
.careers-blocks .block .content .container p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 95%;
}
.careers-certificate {
position: relative;
padding: 10rem 4% 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.careers-certificate div {
display: flex;
flex-direction: column;
align-items: center;
}
.careers-certificate 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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 11%;
margin-bottom: -5rem;
}
.careers-certificate h2 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
position: relative;
}
.careers-certificate h2 .img1 {
position: absolute;
z-index: -1;
bottom: 12rem;
right: 1%;
max-width: 25rem;
}
.careers-certificate h2 .img2 {
z-index: -1;
position: absolute;
top: 16rem;
left: 7%;
max-width: 18rem;
}
.careers-certificate h3 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 67rem;
align-self: flex-start;
margin-left: 27%;
margin-top: 2rem;
}
.careers-hiring {
position: relative;
padding: 10rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.careers-hiring .slides {
width: 100%;
}
.careers-hiring .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 5rem;
}
.careers-hiring .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: center;
color: #0081ff;
align-self: flex-start;
margin-left: 2%;
margin-bottom: -5rem;
}
.careers-hiring .head h2 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -2.94px;
text-align: center;
color: #0081ff;
position: relative;
}
.careers-hiring .head h2 img {
position: absolute;
z-index: -1;
bottom: 14rem;
right: 4%;
max-width: 37rem;
}
.careers-hiring .nav {
display: flex;
justify-content: center;
gap: 3rem;
margin-bottom: 6rem;
}
.careers-hiring .nav .tab {
cursor: pointer;
height: 8rem;
transition: all 0.3s ease-in-out;
}
.careers-hiring .nav .tab.active svg {
font-family: var(--GT-Walsheim);
}
.careers-hiring .nav .tab.active svg path {
fill: #0081ff;
}
.careers-hiring .nav .tab.active svg text {
fill: #f6f6f6;
}
.careers-hiring .nav .tab:hover svg {
transition: all 0.3s ease-in-out;
}
.careers-hiring .nav .tab:hover svg path {
transition: all 0.3s ease-in-out;
fill: #0081ff;
}
.careers-hiring .nav .tab:hover svg text {
transition: all 0.3s ease-in-out;
fill: #f6f6f6;
}
.careers-hiring .nav .tab svg {
height: 100%;
width: 100%;
font-size: var(--GT-Walsheim);
}
.careers-hiring .nav .tab svg svg {
transition: all 0.3s ease-in-out;
}
.careers-hiring .nav .tab svg svg ellipse {
transition: all 0.3s ease-in-out;
}
.careers-hiring .nav .tab svg svg text {
transition: all 0.3s ease-in-out;
}
.careers-hiring .container .slide {
display: none;
width: 100%;
opacity: 0;
}
.careers-hiring .container .slide.active {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
opacity: 1;
}
.careers-hiring .container .slide .block {
background-color: #f6f6f6;
padding: 3rem 3rem;
border-radius: 3.2rem;
display: flex;
flex-direction: column;
}
.careers-hiring .container .slide .block h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 2.3rem;
}
.careers-hiring .container .slide .block p {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
margin-bottom: 2.7rem;
}
.careers-hiring .container .slide .block span {
height: 5rem;
width: auto;
display: flex;
}
.careers-hiring .container .slide .block span svg {
font-family: var(--GT-Walsheim);
width: auto;
height: 100%;
}
.ourStoryReadMore-popUps {
position: fixed;
background: #f6f6f6;
width: 70vw;
height: 70vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000000000;
border-radius: 8rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 5rem;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.ourStoryReadMore-popUps.active {
display: flex !important;
}
.ourStoryReadMore-popUps .head h1 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
margin-bottom: 5rem;
}
.ourStoryReadMore-popUps .content p {
font-family: var(--GT-Walsheim);
font-size: 2.6rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
}
.ourStoryReadMore-popUps .closeBtn {
position: absolute;
right: 5rem;
top: 5rem;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourStoryReadMore-popUps .closeBtn img {
width: 100%;
height: 100%;
}
.ourStoryReadMore-popUps .closeBtn:hover {
opacity: 0.7;
}
.ourPlants-block-popUp {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100001;
height: auto;
display: flex;
flex-direction: column;
background-color: #f6f6f6;
border-radius: 8rem;
padding: 11rem 11rem;
display: none;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.ourPlants-block-popUp.active {
transition: all 0.3s ease-in-out;
display: flex !important;
}
.ourPlants-block-popUp .closeBtn {
position: absolute;
right: 5rem;
top: 5rem;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourPlants-block-popUp .closeBtn:hover {
opacity: 0.7;
}
.ourPlants-block-popUp .closeBtn img {
width: 100%;
height: 100%;
}
.ourPlants-block-popUp h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
align-self: flex-start;
}
.ourPlants-block-popUp p {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;
align-self: flex-start;
}
.ourPlants-block-popUp .container {
display: flex;
gap: 7rem;
}
.ourPlants-block-popUp .container .c1 {
width: 50%;
}
.ourPlants-block-popUp .container .c1 .head {
display: flex;
gap: 2rem;
margin-bottom: 1.2rem;
}
.ourPlants-block-popUp .container .c1 .head h1 {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-block-popUp .container .c1 .head .text_1 {
width: 50%;
}
.ourPlants-block-popUp .container .c1 .head .text_2 {
width: 50%;
}
.ourPlants-block-popUp .container .c2 {
width: 50%;
}
.ourPlants-block-popUp .container .c2 h1 {
font-family: var(--GT-Walsheim);
font-size: 1.7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-block-popUp .container .c2 ul li {
list-style: disc;
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-slide-popUp {
border-radius: 3rem;
background-color: #f6f6f6;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100000000;
width: 70vw;
display: flex;
gap: 5rem;
transition: all .3s ease-in-out;
opacity: 0;
overflow: hidden;
}
.ourPlants-slide-popUp.active {
display: flex !important;
}
.ourPlants-slide-popUp .c1 {
width: 30%;
}
.ourPlants-slide-popUp .c1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ourPlants-slide-popUp .c2 {
width: 70%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: baseline;
padding: 4rem 0;
}
.ourPlants-slide-popUp .c2 h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-slide-popUp .c2 ul {
width: 95%;
}
.ourPlants-slide-popUp .c2 ul li {
list-style: disc;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 0.5rem;
align-self: flex-start;
}
.ourPlants-slide-popUp .closeBtn {
position: absolute;
right: 5rem;
top: 5rem;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourPlants-slide-popUp .closeBtn:hover {
opacity: 0.7;
}
.ourPlants-slide-popUp .closeBtn img {
width: 100%;
height: 100%;
}
.careers-block-popUp {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 8rem;
opacity: 0;
}
.careers-block-popUp .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.careers-block-popUp .close:hover {
opacity: 0.7;
}
.careers-block-popUp .close img {
width: 100%;
height: 100%;
}
.careers-block-popUp.active {
display: flex;
}
.careers-block-popUp.active:hover {
opacity: 1;
}
.careers-block-popUp .container {
padding: 10rem 10rem;
}
.careers-block-popUp .container h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 3rem;
}
.careers-block-popUp .container h2 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;
}
.careers-block-popUp .container p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 95%;
}
.beAPartOfTeam {
position: relative;
padding: 20rem 4% 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.beAPartOfTeam div {
display: flex;
flex-direction: row;
align-items: center;
}
.beAPartOfTeam 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: right;
color: #0081ff;
}
.beAPartOfTeam img {
max-width: 38rem;
margin-top: -9rem;
margin-right: -2.5rem;
}
.beAPartOfTeam h2 {
padding-left: 3rem;
max-width: 21rem;
margin-bottom: -.5rem;
}
.beAPartOfTeam a {
font-weight: normal;
}
.beAPartOfTeam a svg {
width: 100%;
height: auto;
} .culture_banner {
display: flex;
flex-direction: column;
padding: 22rem 4% 10rem;
position: relative;
justify-content: center;
align-items: center;
}
.culture_banner img {
position: absolute;
max-width: 28rem;
z-index: 0;
justify-self: center;
bottom: 18.5rem;
right: -62rem;
}
.culture_banner h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.61;
letter-spacing: -3.75px;
text-align: center;
color: #0081ff;
z-index: 2;
}
.culture_banner h2 {
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: center;
margin-left: -75rem;
margin-top: 4rem;
color: #0081ff;
max-width: 31rem;
}
.culture_values {
position: relative;
padding: 14rem 4% 11rem;
display: flex;
flex-direction: column;
align-items: center;
}
.culture_values div {
display: flex;
flex-direction: column;
align-items: center;
}
.culture_values h1 {
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: left;
color: #0081ff;
max-width: 41rem;
margin-right: 24%;
margin-bottom: -1rem;
}
.culture_values h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -3.3px;
text-align: center;
color: #0081ff;
}
.culture_values h2 img {
position: absolute;
z-index: -1;
bottom: -9rem;
left: -6%;
max-width: 28rem;
}
.culture_values h3 {
font-family: var(--GT-Walsheim);
font-size: 4.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 50rem;
align-self: flex-end;
margin-top: -4rem;
}
.dot-space {
display: flex;
width: 100%;
justify-content: center;
}
.dot-space svg {
width: 1rem;
}
.cultureValues {
padding: 6rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.cultureValues>.head {
display: flex;
justify-content: center;
margin-bottom: 8rem;
}
.cultureValues>.head>h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
}
.cultureValues .slides .block {
display: flex;
flex-direction: column;
margin: 0 2rem 0 4rem;
}
.cultureValues .slides .block .head {
margin-bottom: 1.7rem;
}
.cultureValues .slides .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
}
.cultureValues .slides .block .container {
display: flex;
align-items: center;
gap: 3rem;
}
.cultureValues .slides .block .container img {
width: 50%;
}
.cultureValues .slides .block .container p {
width: 50%;
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
align-self: flex-start;
}
.cultureValues .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.cultureValues .slideNav .prev,
.cultureValues .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.cultureValues .slideNav .prev:hover,
.cultureValues .slideNav .next:hover {
opacity: 0.7;
}
.culture_conduct {
position: relative;
padding: 10rem 4% 3rem;
display: flex;
flex-direction: column;
align-items: center;
}
.culture_conduct div {
display: flex;
flex-direction: column;
align-items: center;
}
.culture_conduct h1 {
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: left;
color: #0081ff;
max-width: 50rem;
margin-right: 27%;
margin-bottom: -1rem;
}
.culture_conduct h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -3.3px;
text-align: center;
color: #0081ff;
}
.culture_conduct h2 img {
position: absolute;
z-index: 0;
bottom: 16rem;
right: 3%;
max-width: 19rem;
}
.culture_conduct h3 {
font-family: var(--GT-Walsheim);
font-size: 4.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 50rem;
align-self: flex-end;
margin-top: -4rem;
}
.cultureConductSlide {
padding: 6rem 0% 10rem 0%;
position: relative;
flex-direction: column;
}
.cultureConductSlide>.head {
display: flex;
justify-content: center;
margin-bottom: 8rem;
}
.cultureConductSlide>.head>h1 {
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.86;
letter-spacing: -2.8px;
text-align: center;
color: #0081ff;
}
.cultureConductSlide .slides .block {
display: flex;
flex-direction: column;
margin: 0 2rem 0 4rem;
}
.cultureConductSlide .slides .block .head {
margin-bottom: 1.7rem;
}
.cultureConductSlide .slides .block .head h1 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.94;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
}
.cultureConductSlide .slides .block .container {
display: flex;
align-items: center;
gap: 3rem;
}
.cultureConductSlide .slides .block .container img {
width: 50%;
}
.cultureConductSlide .slides .block .container p {
width: 50%;
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
align-self: flex-start;
}
.cultureConductSlide .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.cultureConductSlide .slideNav .prev,
.cultureConductSlide .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.cultureConductSlide .slideNav .prev:hover,
.cultureConductSlide .slideNav .next:hover {
opacity: 0.7;
}
.culture_life {
position: relative;
padding: 14rem 4% 14rem;
display: flex;
flex-direction: column;
align-items: center;
}
.culture_life div {
display: flex;
flex-direction: column;
align-items: center;
}
.culture_life h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
max-width: 43rem;
margin-left: -48%;
margin-bottom: 2rem;
}
.culture_life h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -3.3px;
text-align: center;
color: #0081ff;
}
.culture_life h2 img {
position: absolute;
z-index: -1;
bottom: 8rem;
right: 7%;
max-width: 31rem;
}
.culture_life h3 {
font-family: var(--GT-Walsheim);
font-size: 3.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 71rem;
align-self: flex-end;
margin-top: 4rem;
display: none;
}
.culture_trust {
position: relative;
padding: 15rem 4% 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.culture_trust div {
display: flex;
flex-direction: column;
align-items: center;
}
.culture_trust h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: 0;
text-align: left;
color: #0081ff;
max-width: 37rem;
bottom: 0rem;
left: -38rem;
}
.culture_trust h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -1.3px;
text-align: left;
color: #0081ff; }
.culture_trust h2 img {
position: absolute;
z-index: -1;
bottom: 9rem;
right: 2%;
max-width: 24rem;
}
.culture_trust h3 {
font-family: var(--GT-Walsheim);
font-size: 4.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
max-width: 14rem;
align-self: flex-end;
margin-top: -1rem;
}
.culture_trust h3 svg {
width: 100%;
height: auto;
}
.culture_knowItAll {
position: relative;
padding: 7rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.culture_knowItAll div {
display: flex;
flex-direction: column;
align-items: center;
}
.culture_knowItAll h1 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: 0;
text-align: left;
color: #0081ff;
}
.culture_knowItAll h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.93;
letter-spacing: -1.3px;
text-align: left;
color: #0081ff;
max-width: 117rem;
display: flex;
flex-wrap: wrap;
column-gap: 4rem;
row-gap: 1rem;
justify-content: center;
}
.culture_knowItAll h2 span {
text-decoration: underline;
}
.culture_knowItAll h3,
.culture_knowItAll .mail {
font-family: var(--GT-Walsheim);
font-size: 2.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
margin-top: 10rem;
}
.culture_knowItAll a {
text-decoration: underline;
font-family: var(--GT-Walsheim);
font-size: 2.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
}
.culture_knowItAll h3 svg {
width: 100%;
height: auto;
}
.post-container {
position: relative;
padding: 17rem 4% 5rem 4%;
}
.post-container>.head {
position: relative;
display: flex;
padding-bottom: 7rem;
margin-bottom: 7rem;
gap: 5rem;
border-bottom: 1px solid #0081FF;
}
.post-container .head .c1 {
position: relative;
width: 70%;
}
.post-container .head .c1 h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #000000;
}
.post-container .head .c1 p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
}
.post-container .head .c1 .applyBtn {
margin: 5rem 0 0 0;
display: flex;
gap: 2.6rem;
}
.post-container .head .c1 .applyBtn a {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
background-color: #F6F6F6;
padding: 1.2rem 4rem;
}
.post-container .head .c2 {
position: relative;
width: 30%;
}
.post-container .head .c2 img {
border-radius: 7rem; overflow: hidden;
width: 100%;
height: auto;
object-fit: contain;
}
.post-container h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.post-container>.content {
display: flex;
gap: 10rem;
}
.post-container>.content .c1 {
width: 70%;
}
.post-container>.content .c2 {
width: 30%;
}
.post-container>.content h2 {
max-width: 100%;
}
.post-container>.content p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
padding-bottom: 3rem;
max-width: 100%;
}
.post-container>.content img {
max-width: 100%;
}
.post-container>p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding-bottom: 3rem;
max-width: 75%;
}
.post-container figure>img {
padding-bottom: 5rem;
max-width: 75%;
}
.post-container ul {
padding-bottom: 5rem;
}
.post-container ul li {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
list-style: disc;
margin-left: 2rem;
}
.post-container .getAlerts {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 5rem 0;
border-top: 1px solid #0081ff;
border-bottom: 1px solid #0081ff;
}
.post-container .getAlerts h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
padding-bottom: 5rem;
max-width: 80%;
}
.post-container .getAlerts p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding-bottom: 1.7rem;
max-width: 75%;
}
.post-container .getAlerts input {
border: 1px solid #0081ff;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding: 1.7rem 2.2rem;
outline: none;
width: 22%;
}
.post-container .getAlerts input::placeholder {
color: #9CCEFF;
}
.post-container .getAlerts .submit { font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding: 1.2rem 2.2rem;
outline: none;
border: none;
margin-top: 1.7rem; transition: all .3s ease-in-out;
cursor: pointer;
}
.post-container .getAlerts .submit:hover {
opacity: .7;
}
.post-container .latestJobs {
position: relative;
padding: 5rem 0 0 0;
}
.post-container .latestJobs .slideNav {
display: none;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.post-container .latestJobs .head h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
padding-bottom: 5rem;
max-width: 80%;
}
.post-container .latestJobs .content {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4.3rem;
}
.post-container .latestJobs .content .block {
display: flex;
flex-direction: column;
background-color: #F6F6F6;
border-radius: 3.2rem;
padding: 4rem 3rem;
}
.post-container .latestJobs .content .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;  }
.post-container .latestJobs .content .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.2px;
text-align: left;
color: #0081ff;
margin-bottom: 2rem;  }
.post-container .latestJobs .content .block svg {
height: auto;
width: 12rem;
}
.blog_share {
position: relative;
display: flex;
gap: 6rem;
align-items: center;
border-bottom: 1px solid #0081FF;
padding-bottom: 7rem;
margin-bottom: 7rem;
}
.blog_share h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
}
.blog_share .c2 {
display: flex;
gap: 3rem;
}
.blog_share .c2 svg {
height: 3rem;
}
.blog_recent {
position: relative;
}
.blog_recent .head {
position: relative;
margin-bottom: 7rem;
}
.blog_recent .head h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
}
.blog_recent .container {
display: grid;
gap: 5rem;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 6.6rem;
}
.blog_recent .blog_card {
display: flex;
flex-direction: column;
background-color: #F6F6F6;
border-radius: 7rem;
padding-bottom: 2.6rem;
}
.blog_recent .blog_card .text {
padding: 0 2rem;
}
.blog_recent .blog_card img {
border-radius: 7rem;
overflow: hidden;
margin-bottom: 4rem;
}
.blog_recent .blog_card h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: condensed;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-bottom: 2.5rem;
}
.blog_recent .blog_card p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: center;
color: #0081ff;
max-width: 100%;
}
.blog_recent .seeMore {
display: inline-flex;
gap: 1.4rem;
align-items: center;
transition: all .3s ease-in-out;
}
.blog_recent .seeMore a {
display: inline-flex;
gap: 1.4rem;
align-items: center;
}
.blog_recent .seeMore:hover svg {
transform: translateX(10%);
}
.blog_recent .seeMore a {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
}
.blog_recent .seeMore a svg {
transition: all .3s ease-in-out;
height: 2.5rem;
}
.post-container .blog_contact {
position: relative;
margin-bottom: 7rem;
padding-bottom: 7rem;
border-bottom: 1px solid #0081ff;
} .post-container .blog_contact .head {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 7rem;
}
.post-container .blog_contact .head h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
}
.post-container .blog_contact .head p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
}
.post-container .blog_contact .block {   }
span.required-field-message,
p.logged-in-as {
color: #0081ff;
}
.post-container .blog_contact .block form {
display: flex;
flex-direction: column;
}
.post-container .blog_contact .block form .form-row {
order: 1;
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 75%;
gap: 1rem;
margin-bottom: 1.5rem;
}
.post-container .blog_contact .block form .form-comment {
order: 2;
}
.post-container .blog_contact .block form .form-comment textarea {
border: 1px solid #0081ff;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding: 1.7rem 2.2rem;
outline: none;
width: 75%;
resize: none;
height: 25rem;
margin-bottom: 1.7rem;
}
.post-container .blog_contact .block form .form-comment textarea::placeholder {
color: #9cceff;
}
.post-container .blog_contact .block form .comment-form-cookies-consent {
order: 1;
margin-bottom: 2.8rem;
}
.post-container .blog_contact .block form .form-submit {
order: 4;
}
.post-container .blog_contact .block form .form-submit input {
opacity: 1;
color: #0081ff;
border: none;
}
.post-container .blog_contact .block input::placeholder {
color: #9CCEFF;
}
.post-container .blog_contact .block input {
border: 1px solid #0081ff;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding: 1.7rem 2.2rem;
outline: none;  }
.post-container .blog_contact .block .form-submit input {
transition: all .3s ease-in-out;
}
.post-container .blog_contact .block .form-submit input:hover {
opacity: .7;
}
.post-container .blog_contact .checkBox {
display: flex;
gap: 1.7rem;
margin-bottom: 1.7rem;
}
.post-container .blog_contact .checkBox input {
outline: none;
}
.post-container .blog_contact .block form .comment-form-cookies-consent {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
}
.post-container .blog_contact .block2 textarea {
border: 1px solid #0081ff;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #9cceff;
padding: 1.7rem 2.2rem;
outline: none;
width: 75%;
resize: none;
height: 25rem;
margin-bottom: 1.7rem;
}
.post-container .blog_contact .block2 textarea::placeholder {
color: #9CCEFF;
}
.post-container .blog_contact .submit {
background-color: #f6f6f6;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
padding: 1.2rem 3rem;
outline: none;
border: none;
cursor: pointer;
transition: all .3s ease-in-out;
}
.post-container .blog_contact .submit:hover {
opacity: .7;
} .blog-banner {
position: relative;
padding: 16rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.blog-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.blog-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: 54.5rem;
margin-bottom: 0rem;
}
.blog-banner 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;
}
.blog-banner h2 img {
position: absolute;
z-index: -1;
bottom: -18rem;
right: 12rem;
max-width: 36rem;
}
.blog-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;
max-width: 54rem;
align-self: flex-end;
max-width: 62rem;
margin-right: 12rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: 6rem;
}
.blog-list {
position: relative;
padding: 15rem 4% 5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 6rem;
grid-column-gap: 4rem;
}
.blog-list .block {
background-color: #f6f6f6;
border-radius: 5.5rem;
}
.blog-list .block img {
margin-bottom: 4rem;
}
.blog-list .block h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.4px;
text-align: center;
color: #0081ff;
margin-bottom: 3rem;
padding: 0 1.5rem;
}
.blog-list .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.2px;
text-align: center;
color: #0081ff;
margin-bottom: 1rem;
padding: 0 2rem;
}
.blog-list .block .date {
margin-bottom: 3rem;
}
.blogsViewMore {
padding: 0rem 4% 0rem;
}
.blogsViewMore h1 {
display: flex;
align-items: center;
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #0081ff;
margin-bottom: 1rem;
gap: 1.2rem;
cursor: pointer;
transition: all .3s ease-in-out;
}
.blogsViewMore h1:hover>svg {
transform: translateX(10%);
}
.blogsViewMore svg {
width: 3rem;
transition: all .3s ease-in-out;
}
.error-page {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
padding: 15rem 4%;
height: 100vh;
align-items: center;
}
.error-page img {
max-width: 75rem;
align-self: center;
}
.error-page h1 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.8;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
gap: 2.3rem;
align-self: center;
}
.error-page a {
align-self: center;
}
.error-page a svg {
width: 14rem;
height: auto;
} .jobSharePopup {
position: fixed;
background: rgb(255, 254, 254);
padding: 2.5rem;
border-radius: 1.5rem;
top: 10%;
max-width: 38rem;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
display: none;
pointer-events: none;
z-index: 55;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
transform: translate(-50%, -50%) scale(1.2);
transition: top 0s 0.2s ease-in-out,
opacity 0.2s 0s ease-in-out,
transform 0.2s 0s ease-in-out;
}
@media only screen and (max-width: 768px) {
.jobSharePopup {
max-width: 32rem;
}
}
.jobSharePopup.show {
position: fixed;
display: block;
top: 50%;
left: 50%;
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) scale(1);
transition: top 0s 0s ease-in-out,
opacity 0.2s 0s ease-in-out,
transform 0.2s 0s ease-in-out;
}
.jobSharePopup :is(header, .icons, .field) {
display: flex;
align-items: center;
justify-content: space-between;
}
.jobSharePopup header {
padding-bottom: 15px;
border-bottom: 1px solid #ebedf9;
}
.jobSharePopup header span {
font-family: var(--GT-Walsheim);
font-size: 2.1rem;
font-weight: 600;
color: #0081FF;
}
.jobSharePopup header .close,
.icons a {
display: flex;
align-items: center;
border-radius: 50%;
justify-content: center;
transition: all 0.3s ease-in-out;
}
.jobSharePopup header .close {   height: 3.3rem;
width: 3.3rem;
cursor: pointer;
}
.jobSharePopup header .close:hover {
opacity: .7;
}
.jobSharePopup .content {
margin: 2rem 0;
}
.jobSharePopup .icons {
margin: 1.5rem 0 2rem 0;
}
.jobSharePopup .content p {
font-family: var(--GT-Walsheim);
font-size: 1.6rem;
color: #0081FF;
}
.jobSharePopup .content .icons a {
height: 5rem;
width: 5rem;
font-size: 20px;
text-decoration: none;
transition: all 0.3s ease-in-out; }
.jobSharePopup .icons a {
transition: all 0.3s ease-in-out;
}
.jobSharePopup .icons a:hover {
opacity: .7;
}
.jobSharePopup .icons a:hover {
color: #fff;
border-color: transparent;
}
.jobSharePopup .icons a:hover i {
transform: scale(1.2);
}
.jobSharePopup .content .field {
margin: 1.2rem 0 -.5rem 0;
height: 4.5rem;
border-radius: .4rem;
padding: 0 .5rem;
border: 1px solid #0081FF;
}
.jobSharePopup .content .field svg {
width: auto;
padding: 0 .7rem;
height: 60%;
}
.jobSharePopup .field.active {
border-color: #0081FF;
}
.jobSharePopup .field input {
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 1.5rem;
font-family: var(--GT-Walsheim);
}
.jobSharePopup .field button {
color: #0081ff;
padding: .5rem 1.8rem;
background: #F6F6F6;
border: none;
}
.jobSharePopup .field button:hover {
opacity: .7;
} .jobApplyPopUp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh; z-index: 900; display: none;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
opacity: 0;
backdrop-filter: blur(0px);
transition: all .3s ease-in-out;
}
.jobApplyPopUp.active {
display: flex;
backdrop-filter: blur(4px);
}
.jobApplyPopUp>div {
position: relative;
display: flex;
max-width: 34rem;
padding: 4rem 3rem 3rem;
border-radius: 2rem;
background-color: #F6F6F6;
}
.jobApplyPopUp div h1 {
font-size: 2.2rem;
line-height: 1.1;
font-family: var(--GT-Walsheim);
font-weight: normal;
color: #0081FF;
}
.jobApplyPopUp div h1 a {
color: #0081FF;
text-decoration: underline
}
.jobApplyPopUp div .closeBtn {
position: absolute;
right: 1.5rem;
top: 1.5rem;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
transition: all .3s ease-in-out;
}
.jobApplyPopUp div .closeBtn:hover {
opacity: .7;
}
.jobApplyPopUp div .closeBtn img {
width: 100%;
height: 100%;
}
.sendEnquery {
display: flex;
justify-content: center;
height: 5rem;
margin-top: 3rem;
align-self: center;
}
.sendEnquery svg {
width: auto;
height: 100%;
} .termsOfUse .entry-content {
padding: 15rem 4% 10rem 4%;
}
.termsOfUse .entry-content h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.termsOfUse .entry-content h2 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.termsOfUse .entry-content p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
padding-bottom: 3rem;
max-width: 75%;
}
.termsOfUse .entry-content p strong {
font-family: var(--GT-Walsheim);
font-size: 2rem;
}
.termsOfUse .entry-content a {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
padding-bottom: 3rem;
color: #0081FF;
}
.termsOfUse .entry-content ul {
max-width: 75%;
}
.termsOfUse .entry-content ul li {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
list-style: disc;
margin-left: 2rem;
}
.termsOfUse .entry-content table {
font-size: 2rem;
max-width: 75%;
}
.termsOfUse .entry-content table td {
padding: 1em !important;
} .privacyPolicy .entry-content {
padding: 15rem 4% 10rem 4%;
}
.privacyPolicy .entry-content h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.privacyPolicy .entry-content .para-bold {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.privacyPolicy .entry-content h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
text-align: left;
color: #000;
padding-bottom: 5rem;
max-width: 80%;
}
.privacyPolicy .entry-content p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
padding-bottom: 3rem;
max-width: 75%;
}
.privacyPolicy .entry-content p strong {
font-family: var(--GT-Walsheim);
font-size: 2rem;
}
.privacyPolicy .entry-content a {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
padding-bottom: 3rem;
color: #0081FF;
}
.privacyPolicy .entry-content ul li {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.2px;
text-align: left;
color: #000;
list-style: disc;
margin-left: 2rem;
}
.privacyPolicy .entry-content h4 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.3px;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table {
background-color: #ededed;
border-color: #5c5c5c;
border: 1px solid;
width: 100%;
}
.table .table-dark {
background-color: #ababab;
}
.table-bordered> :not(caption)>* {
border-width: 1px 0;
}
.table p {
max-width: 95%;
padding: 2rem 2rem 2rem 2rem;
}
.table li {
max-width: 95%;
padding: 0rem 0rem 2rem 0rem;
}
.table h4 {
padding: 1rem 0rem 1rem 0rem;
}
.table .table-bordered> :not(caption)>* {
border-width: 1px 0;
}
.table> :not(:last-child)> :last-child>* {
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.table>tbody {
vertical-align: inherit;
}
.table-bordered> :not(caption)>* {
border-width: 1px 0;
}
.privacy-list-sec .table>thead,
.privacy-list-sec .table tr td {
vertical-align: middle;
} .nic-banner {
position: relative;
padding: 25rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.nic-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.nic-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-left: -81%;
margin-bottom: -3rem;
}
.nic-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
}
.nic-banner h2 img {
position: absolute;
z-index: -1;
max-width: 35rem;
bottom: -15rem;
left: -12%;
}
.nic-banner 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;
max-width: 35rem;
align-self: flex-end;
margin-top: 3rem;
margin-right: 2%;
} .nic-cards {
position: relative;
padding: 20rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.nic-cards div {
display: flex;
flex-direction: column;
align-items: center;
}
.nic-cards h1 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-left: -22%;
margin-bottom: -1rem;
}
.nic-cards h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: .85;
letter-spacing: -3.07px;
text-align: left;
color: #0081ff;
display: flex;
gap: 5rem;
}
.nic-cards h2 img { z-index: 0;
max-width: 33rem;
object-fit: contain;
bottom: -24rem;
left: 66%;
}
.nic-cards h3 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 41rem;
align-self: flex-end;
margin-top: -1rem;
margin-right: 18%;
} .nic-topFeatures {
position: relative;
padding: 10rem 0% 10rem 0%;
display: flex;
flex-direction: column;
}
.nic-topFeatures .slideNav {
display: flex;
margin-top: 2.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.nic-topFeatures .slideNav .prev,
.nic-topFeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.nic-topFeatures .slideNav .prev:hover,
.nic-topFeatures .slideNav .next:hover {
opacity: 0.7;
}
.nic-topFeatures .head {
margin-bottom: 3.7rem;
}
.nic-topFeatures .head h1 {
font-family: var(--GT-Walsheim);
font-size: 20rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.23;
letter-spacing: -2.5px;
text-align: center;
color: #0081ff; } .nic-topFeatures .slides.active {
display: block;
}
@media only screen and (max-width: 950px) {
.nic-topFeatures .slides img {
max-width: 10rem;
}
}
.nic-topFeatures .slides .slick-track {
display: flex !important;
}
.nic-topFeatures .slides .slick-slide {
height: inherit !important;
}
.nic-topFeatures .slides .block {
display: flex;
align-items: center;
gap: 3rem;
margin-left: 4rem;
}
.nic-topFeatures .slides .block .text {
z-index: -1;
margin-left: -5rem;
background-color: #f6f6f6;
border-radius: 3.2rem;
padding: 2rem 3rem 2rem 4rem;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.nic-topFeatures .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
margin-bottom: 1.1rem;
}
.nic-topFeatures .slides .block p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.nic-topFeatures .slideNav {
display: flex;
margin-top: 3rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.nic-topFeatures .slideNav .prev,
.nic-topFeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.nic-topFeatures .slideNav .prev:hover,
.nic-topFeatures .slideNav .next:hover {
opacity: 0.7;
} .nic-nan {
position: relative;
padding: 25rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.nic-nan div {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 12%;
}
.nic-nan h1 {
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: left;
max-width: 72rem;
color: #0081ff;
margin-left: -81%;
margin-bottom: -21rem;
}
.nic-nan h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
align-self: flex-end;
margin-right: -10rem;
margin-top: 2rem;
}
.nic-nan h2 img {
position: absolute;
z-index: -1;
max-width: 28rem;
bottom: 11rem;
left: 35%;
}
.nic-nan 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;
max-width: 51rem;
align-self: flex-end;
margin-top: 3rem;
margin-right: 33%;
} .nic_slides {
position: relative;
padding: 5rem 0% 5rem;
display: flex;
flex-direction: column;
}
.nic_slides .head {
display: flex;
flex-direction: column;
align-items: center;
}
.nic_slides .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: right;
color: #0081ff;
margin-left: -32%;
margin-bottom: -8rem;
}
.nic_slides .head h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.nic_slides .slides img {
max-width: 39rem;
}
.nic_slides .slides .slick-list {
padding: 0 20% 0 0 !important;
}
.nic_slides .slides .block {
display: flex;
gap: 2.5rem;
align-items: center;
margin-left: 5rem; border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.nic_slides .slides .block img {
width: 100%;
}
.nic_slides .slides .block .content {
display: flex;
flex-direction: column;
align-items: center;
}
.nic_slides .slides .block h1 {
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: center;
color: #0081ff;
margin-bottom: 2rem;
max-width: 90%;
}
.nic_slides .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%;
}
.nic_slides .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.nic_slides .slideNav .prev,
.nic_slides .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.nic_slides .slideNav .prev:hover,
.nic_slides .slideNav .next:hover {
opacity: 0.7;
} .nic-wan {
position: relative;
padding: 25rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.nic-wan div {
display: flex;
flex-direction: column;
align-items: center;
}
.nic-wan h1 {
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: left;
max-width: 111rem;
color: #0081ff;
margin-left: 42%;
margin-bottom: -19rem;
}
.nic-wan h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 25rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
align-self: flex-start;
margin-left: 0rem;
margin-top: 2rem;
}
.nic-wan h2 img {
position: absolute;
z-index: -1;
max-width: 28rem;
bottom: 11rem;
left: 35%;
}
.nic-wan 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;
max-width: 39rem;
align-self: flex-end;
margin-top: 3rem;
margin-right: 42%;
} .smart_meters-slides .blockContainer {
display: flex;
gap: 5%;
flex-wrap: wrap;
}
.smart_meters-slides .container_1 {
width: 60%;
}
.smart_meters-slides .container_2 {
width: 35%;
}
.smart_meters-slides .container_3 {
width: 100%;
}
.smart_meters-slides .container_1>.text>h1 {
font-family: var(--GT-Walsheim);
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 21px;
letter-spacing: -0.18px;
text-align: left;
color: #0081ff;
display: none;
margin-bottom: 3rem;
}
.smart_meters-slides .container_1 .text h1.active {
display: flex;
}
.smart_meters-slides .container_1 .slider {
display: none;
margin-bottom: 2rem;
}
.smart_meters-slides .container_1 .slider.active {
display: block;
}
.smart_meters-slides .container_1 .slideNav {
display: flex;
gap: 1.2rem;
margin-bottom: 3.5rem;
align-items: center;
justify-content: flex-end;
}
.smart_meters-slides .container_1 .slideNav svg {
cursor: pointer;
transition: all .3s ease-in-out;
}
.smart_meters-slides .container_1 .slideNav svg:hover {
opacity: .7;
transition: all .3s ease-in-out;
}
.smart_meters-slides .container_2 img {
display: none;
}
.smart_meters-slides .container_2 img.active {
display: flex;
} .smart_meters-slides .container_1 .slider .slick-track {
display: flex !important;
}
.smart_meters-slides .container_1 .slider .slick-slide {
height: inherit !important;
}
.smart_meters-slides .container_1 .slider .block {
display: flex;
align-items: center;
gap: 3rem;
margin-right: 1rem;
}
.smart_meters-slides .container_1 .slider .block img {
max-width: 6rem;
}
.smart_meters-slides .container_1 .slider .block .text {
z-index: -1;
margin-left: -5rem;
background-color: #f6f6f6;
border-radius: 2rem;
padding: 2rem 3rem 2rem 4rem;
height: 100%;
display: flex;
align-items: center;
width: 100%;
}
.smart_meters-slides .container_1 .slider .block h1 {
font-family: var(--GT-Walsheim);
font-size: 1.4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
@media only screen and (max-width: 950px) {
.smart_meters-slides .container_1 .slider .block img {
width: 10rem;
}
}
.smart_meters-slides .container_3 .popUpBlock {
display: grid;
grid-template-columns: repeat(3, 1fr);
display: none;
}
.smart_meters-slides .container_3 .popUpBlock.active {
display: grid;
gap: 5rem;
}
.smart_meters-slides .container_3 .popUpSlide {
display: flex;
align-items: center;
border-radius: 2rem;
background-color: #f6f6f6;
padding: 1.6rem;
}
.smart_meters-slides .container_3 .popUpSlide .c1 {
width: 70%;
}
.smart_meters-slides .container_3 .popUpSlide .c2 {
width: 30%;
height: 100%
}
.smart_meters-slides .container_3 .popUpSlide {
cursor: pointer;
}
.smart_meters-slides .container_3 .popUpSlide h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.3px;
text-align: left;
color: #0081ff;
margin-bottom: 1.6rem;
}
.smart_meters-slides .container_3 .popUpSlide h2 {
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 2;
letter-spacing: -0.15px;
text-align: left;
color: #0081ff;
} .smart_meters-slides .container_3 .popUpSlide img {
width: auto;
height: 100% !important;
} .smart_meters-textImageTab {
position: relative;
padding: 20rem 4% 10rem;
display: none;
flex-direction: column;
align-items: center;
}
.smart_meters-textImageTab.active {
display: flex;
}
.smart_meters-textImageTab div {
display: flex;
flex-direction: column;
align-items: center;
}
.smart_meters-textImageTab:nth-child(5) div {
margin-left: -14%;
}
.smart_meters-textImageTab h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: right;
color: #0081ff;
margin-left: -81%;
margin-bottom: -3rem;
}
.smart_meters-textImageTab h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 17rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.65;
letter-spacing: -3.07px;
text-align: center;
color: #0081ff;
}
.smart_meters-textImageTab:nth-child(5) h2 {
font-size: 15rem;
max-width: 73rem;
line-height: .8;
}
.smart_meters-textImageTab h2 img {
position: absolute;
z-index: 0;
max-width: 31rem;
bottom: 8rem;
left: 50%;
}
.smart_meters-textImageTab:nth-child(2) h2 img {
position: absolute;
z-index: 0;
max-width: 28rem;
bottom: 9rem;
left: 62%;
}
.smart_meters-textImageTab:nth-child(3) h2 img {
position: absolute;
z-index: 0;
max-width: 24rem;
bottom: 8rem;
left: 52%;
}
.smart_meters-textImageTab:nth-child(4) h2 img {
position: absolute;
z-index: -1;
max-width: 23rem;
bottom: -13rem;
left: 85%;
}
.smart_meters-textImageTab:nth-child(5) h2 img {
position: absolute;
z-index: -1;
max-width: 27rem;
bottom: 9rem;
left: 94%;
}
.smart_meters-textImageTab:nth-child(6) h2 img {
position: absolute;
z-index: 0;
max-width: 29rem;
bottom: 9rem;
left: 57%;
}
.smart_meters-textImageTab h3 {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 44rem;
align-self: flex-end;
margin-top: 2rem;
margin-right: -2%;
position: relative;
}
.smart_meters-textImageTab:nth-child(2) h3 {
max-width: 54rem;
align-self: flex-end;
margin-top: 2rem;
margin-right: 26%;
}
.smart_meters-textImageTab:nth-child(3) h3 {
max-width: 53rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: -2%;
}
.smart_meters-textImageTab:nth-child(4) h3 {
max-width: 52rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: -26%;
position: relative;
}
.smart_meters-textImageTab:nth-child(5) h3 {
max-width: 53rem;
align-self: flex-end;
margin-top: 2rem;
margin-right: 2%;
}
.smart_meters-textImageTab:nth-child(6) h3 {
max-width: 57rem;
align-self: flex-start;
margin-top: 4rem;
margin-left: 13%;
position: relative;
}
.smart_meters-textImageTab:nth-child(3) span {
display: block;
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: fit-content;
position: absolute;
top: 0rem;
right: -23rem;
}
.smart_meters-textImageTab:nth-child(5) span {
display: block;
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: fit-content;
position: absolute;
top: -2rem;
right: -18rem;
}
.smart_meters-slides .slick-slider .slick-list {
padding: 0% 0% 0 0 !important;
}  .popUp-overlay .smartMeters_popUp .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.popUp-overlay .smartMeters_popUp {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 8rem;
opacity: 1;
padding: 10rem 10rem;
gap: 3rem;
}
.popUp-overlay .smartMeters_popUp .c1 {
width: 60%;
display: flex;
flex-direction: column;
}
.popUp-overlay .smartMeters_popUp .c1 .head h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: .9;
letter-spacing: -1.8px;
text-align: left;
color: #0081ff;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid #0081FF;
}
.popUp-overlay .smartMeters_popUp .c1 .content {
display: flex;
flex-direction: column;
gap: .7rem;
}
.popUp-overlay .smartMeters_popUp .c1 .content div {
display: grid;
grid-template-columns: repeat(2, minmax(0, 22rem));
}
.popUp-overlay .smartMeters_popUp .c1 .content h1 {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.popUp-overlay .smartMeters_popUp .c1 .content p {
font-family: var(--GT-Walsheim);
font-size: 2rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: -0.25px;
text-align: left;
color: #0081ff;
}
.popUp-overlay .smartMeters_popUp .c2 {
width: 40%;
display: flex;
}
.popUp-overlay .smartMeters_popUp .c2 img {
width: 100%;
height: auto;
object-fit: contain;
} .popUp-overlay .requestForDemo {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 3rem;
opacity: 1;
padding: 8rem 10rem;
flex-direction: column;
}
.popUp-overlay .requestForDemo .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.popUp-overlay .requestForDemo h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 2.4rem;
}
.popUp-overlay .requestForDemo p {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
margin-bottom: 8rem;
}
.popUp-overlay .requestForDemo .form input {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
border-radius: 26px;
border: solid 2px #0081ff;
width: 100%;
color: #0081ff;
padding: 2rem 3rem;
margin-bottom: 8rem;
}
.popUp-overlay .requestForDemo .form input:target {
border: solid 2px #0081ff;
}
.popUp-overlay .requestForDemo .form input::placeholder {
color: #0081ff;
}
.popUp-overlay .requestForDemo .form input:focus {
outline: none;
}
.popUp-overlay .requestForDemo .submit {
display: flex;
height: 5rem;
justify-content: flex-end;
width: 100%;
border: none;
background: transparent;
}
.popUp-overlay .requestForDemo .submit svg {
width: auto;
height: 100%;
align-self: flex-end;
transition: all .3s ease-in-out;
}
.popUp-overlay .requestForDemo .submit svg:hover {
cursor: pointer;
opacity: .7;
} .popUp-overlay .orderYourKit {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 3rem;
opacity: 1;
padding: 8rem 10rem;
flex-direction: column;
}
.popUp-overlay .orderYourKit .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.popUp-overlay .orderYourKit h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 2.4rem;
}
.popUp-overlay .orderYourKit p {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
margin-bottom: 8rem;
}
.popUp-overlay .orderYourKit .form input {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
border-radius: 26px;
border: solid 2px #0081ff;
width: 100%;
color: #0081ff;
padding: 2rem 3rem;
margin-bottom: 8rem;
}
.popUp-overlay .orderYourKit .form input:target {
border: solid 2px #0081ff;
}
.popUp-overlay .orderYourKit .form input::placeholder {
color: #0081ff;
}
.popUp-overlay .orderYourKit .form input:focus {
outline: none;
}
.popUp-overlay .orderYourKit .submit {
display: flex;
height: 5rem;
justify-content: flex-end;
width: 100%;
border: none;
background: transparent;
}
.popUp-overlay .orderYourKit .submit svg {
width: auto;
height: 100%;
align-self: flex-end;
transition: all .3s ease-in-out;
}
.popUp-overlay .orderYourKit .submit svg:hover {
cursor: pointer;
opacity: .7;
} .popUp-overlay .joinTheWaitingList {
z-index: 10000000000;
transition: all 0.3s ease-in-out;
width: 65%;
position: fixed;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f6f6f6;
border-radius: 3rem;
opacity: 1;
padding: 8rem 10rem;
flex-direction: column;
}
.popUp-overlay .joinTheWaitingList .close {
position: absolute;
right: 5rem;
top: 5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 3rem;
height: 3rem;
}
.popUp-overlay .joinTheWaitingList h1 {
font-family: var(--GT-Walsheim);
font-size: 5rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.12;
letter-spacing: -0.6px;
text-align: left;
color: #0081ff;
margin-bottom: 2.4rem;
}
.popUp-overlay .joinTheWaitingList p {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
margin-bottom: 8rem;
}
.popUp-overlay .joinTheWaitingList .form input {
font-family: var(--GT-Walsheim);
font-size: 2.2rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.24px;
text-align: left;
color: #0081ff;
border-radius: 26px;
border: solid 2px #0081ff;
width: 100%;
color: #0081ff;
padding: 2rem 3rem;
margin-bottom: 8rem;
}
.popUp-overlay .joinTheWaitingList .form input:target {
border: solid 2px #0081ff;
}
.popUp-overlay .joinTheWaitingList .form input::placeholder {
color: #0081ff;
}
.popUp-overlay .joinTheWaitingList .form input:focus {
outline: none;
}
.popUp-overlay .joinTheWaitingList .submit {
display: flex;
height: 5rem;
justify-content: flex-end;
width: 100%;
border: none;
background: transparent;
}
.popUp-overlay .joinTheWaitingList .submit svg {
width: auto;
height: 100%;
align-self: flex-end;
transition: all .3s ease-in-out;
}
.popUp-overlay .joinTheWaitingList .submit svg:hover {
cursor: pointer;
opacity: .7;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: transparent;
transition: all .3s ease-in-out;
} .investor-banner {
position: relative;
padding: 12rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-banner div {
display: flex;
flex-direction: column;
align-items: center;
}
.investor-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
align-self: flex-start;
margin-left: 8.5rem;
margin-bottom: -4rem;
}
.investor-banner h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 21rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.investor-banner h2 img {
position: absolute;
z-index: -1;
bottom: -19rem;
left: 3rem;
max-width: 37rem;
}
.investor-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.5px;
text-align: left;
color: #0081ff;
max-width: 54rem;
align-self: flex-end;
max-width: 63rem;
margin-right: 11rem;
align-self: flex-end;
margin-top: 0rem;
}
.investor-banner h4 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 69rem;
margin-left: 43rem;
margin-top: 2rem;
} .investor-board {
position: relative;
padding: 12rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-board div {
display: flex;
flex-direction: column;
align-items: center;
}
.investor-board h1 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
align-self: flex-start;
margin-left: 4.5rem;
margin-bottom: -3rem;
}
.investor-board h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 21rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
margin-right: 33rem;
}
.investor-board h2 img {
position: absolute;
z-index: 0;
bottom: 4rem;
left: 63rem;
max-width: 39rem;
}
.investor-board h3 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 21rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.06;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
margin-top: -5rem;
margin-left: 29rem;
}
.investor-board h4 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 56rem;
margin-left: 21rem;
margin-top: -1rem;
} .investor-policies {
position: relative;
padding: 12rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-policies>div {
display: flex;
flex-direction: column;
align-items: center;
}
.investor-policies .content {
display: flex;
gap: 4rem;
}
.investor-policies .content .c1 {
display: flex;
width: 30%;
}
.investor-policies .content .c1 img {
width: 100%;
max-width: 35rem;
height: auto;
object-fit: contain;
}
.investor-policies .content .c2 {
display: flex;
flex-direction: column;
width: 60%;
align-items: flex-start;
}
.investor-policies h1 {
font-family: var(--GT-Walsheim);
font-size: 9rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-bottom: -9rem;
margin-left: -31rem;
}
.investor-policies h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.investor-policies h3 {
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: center;
color: #0081ff;
margin-bottom: 3rem;
}
.investor-policies h4 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 63rem;
}
.investor-policies a {
position: relative;
width: 19rem;
margin-top: 2rem;
}
.investor-policies a svg {
width: 100%;
height: auto;
} .investor-communication {
position: relative;
padding: 30rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-communication>div {
display: flex;
flex-direction: column;
align-items: center;
}
.investor-communication .content {
display: flex;
gap: 4rem;
margin-top: -3rem;
}
.investor-communication .content .c1 {
display: flex;
width: 70%;
}
.investor-communication .content .c1 img {
width: 100%;
max-width: 35rem;
height: auto;
object-fit: contain;
}
.investor-communication .content .c2 {
display: flex;
flex-direction: column;
width: 30%;
align-items: flex-start;
}
.investor-communication h1 {
font-family: var(--GT-Walsheim);
font-size: 9rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-bottom: -9rem;
margin-left: -24rem
}
.investor-communication h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.investor-communication h2 img {
z-index: -1;
position: absolute;
top: -13rem;
right: 17rem;
max-width: 33rem;
}
.investor-communication h3 {
font-family: var(--GT-Walsheim);
font-size: 4rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
max-width: 56rem;
margin-right: 18rem;
}
.investor-communication a {
position: relative;
width: 31rem;
margin-top: 2rem;
}
.investor-communication a svg {
width: 100%;
height: auto;
} .investor-welcome {
position: relative;
padding: 19rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-welcome>div {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.investor-welcome .content {
display: flex;
gap: 4rem;
margin-top: 0rem;
width: 85%;
justify-content: center;
align-items: flex-end
}
.investor-welcome .content .c1 {
display: flex;
width: 70%;
}
.investor-welcome .content .c1 img {
width: 100%;
max-width: 35rem;
height: auto;
object-fit: contain;
}
.investor-welcome .content .c2 {
display: flex;
flex-direction: column;
width: 30%;
align-items: flex-start;
}
.investor-welcome h1 {
font-family: var(--GT-Walsheim);
font-size: 9rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-bottom: -5rem;
margin-left: -70rem;
}
.investor-welcome h2 {
font-family: var(--GT-Walsheim);
font-size: 22rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.investor-welcome h2 img {
z-index: -1;
position: absolute;
top: -7rem;
right: 25rem;
max-width: 33rem;
}
.investor-welcome h3 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
max-width: 36rem;
margin-right: -33rem;
margin-top: -3rem;
}
.investor-welcome a {
position: relative;
width: 31rem;
margin-top: 2rem;
}
.investor-welcome a svg {
width: 100%;
height: auto;
}
.investor-welcome .contact-form {
font-family: Arial, sans-serif;
}
.investor-welcome .contact-form__form {
padding: 0;
background: none;
border: none;
background: #F6F6F6;
border: none;
padding: 3rem;
border-radius: 3rem;
}
.investor-welcome .contact-form__group {
display: flex;
align-items: center;
margin-bottom: 1rem;
gap: 2rem;
}
.investor-welcome .contact-form__label {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
}
.investor-welcome .contact-form__input {
font-family: var(--GT-Walsheim);
font-size: 3.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.35px;
text-align: left;
color: #0081ff;
border: transparent;
background: #F6F6F6;
outline: none;
width: 100%;
}
.investor-welcome .contact-form__button:hover {
background-color: #0056b3;
}
.investor-welcome button {
border: none;
background-color: transparent;
width: 19rem;
margin-left: 11rem;
cursor: pointer;
transition: all .3s ease-in-out;
}
.investor-welcome button:hover {
opacity: .7;
}
.investor-welcome button svg {
width: 100%;
height: auto;
} .rtu-banner {
position: relative;
padding: 18rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-banner>div {
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-banner .content {
display: flex;
gap: 4rem;
}
.rtu-banner .content .c1 {
display: flex;
width: 30%;
}
.rtu-banner .content .c1 img {
width: 100%;
max-width: 46rem;
height: auto;
object-fit: contain;
}
.rtu-banner .content .c2 {
display: flex;
flex-direction: column;
width: 60%;
align-items: flex-start;
}
.rtu-banner h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-bottom: -6rem;
margin-left: -52rem;
}
.rtu-banner h2 {
font-family: var(--GT-Walsheim);
font-size: 21rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.rtu-banner h3 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
margin-bottom: 3rem;
}
.rtu-banner h4 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 58rem;
} .rtu-meet {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-meet>div {
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-meet .content {
display: flex;
gap: 4rem;
flex-direction: row-reverse;
width: 101rem;
}
.rtu-meet .content .c1 {
display: flex;
width: 50%;
}
.rtu-meet .content .c1 img {
width: 100%;
max-width: 46rem;
height: auto;
object-fit: contain;
}
.rtu-meet .content .c2 {
display: flex;
flex-direction: column;
width: 50%;
align-items: flex-start;
}
.rtu-meet h1 {
font-family: var(--GT-Walsheim);
font-size: 7rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
color: #0081ff;
align-self: flex-end;
margin-bottom: -5rem;
margin-right: 13rem;
}
.rtu-meet h2 {
font-family: var(--GT-Walsheim);
font-size: 31rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.rtu-meet h3 {
font-family: var(--GT-Walsheim);
font-size: 3.2rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: left;
color: #0081ff;
max-width: 45rem;
}
.rtu-meet h4 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 58rem;
} .rtu-distinguishing {
position: relative;
padding: 15rem 0% 10rem;
display: flex;
flex-direction: column;
}
.rtu-distinguishing .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10rem;
}
.rtu-distinguishing .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: right;
color: #0081ff;
margin-left: -31rem;
margin-bottom: -7rem;
}
.rtu-distinguishing .head h2 {
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;
}
.rtu-distinguishing .head h3 {
font-family: var(--GT-Walsheim);
font-size: 8rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
margin-top: -5rem;
margin-right: -52rem;
}
.rtu-distinguishing .slides img {
max-width: 39rem;
}
.rtu-distinguishing .slides .slick-list {
padding: 0 20% 0 0 !important;
}
.rtu-distinguishing .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;
}
.rtu-distinguishing .slides .block img {
width: 100%;
}
.rtu-distinguishing .slides .block .content {
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-distinguishing .slides .block h1 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #0081ff;
margin-bottom: 2rem;
max-width: 90%;
}
.rtu-distinguishing .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%;
}
.rtu-distinguishing .slideNav {
display: flex;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
margin-top: 3rem;
}
.rtu-distinguishing .slideNav .prev,
.rtu-distinguishing .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.rtu-distinguishing .slideNav .prev:hover,
.rtu-distinguishing .slideNav .next:hover {
opacity: 0.7;
} .rtu-dynamic {
position: relative;
padding: 12rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-dynamic>div {
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-dynamic .content {
display: flex;
gap: 2rem;
width: 100%;
}
.rtu-dynamic .content .c1 {
display: flex;
width: 50%;
margin-left: -4rem;
}
.rtu-dynamic .content .c1 img {
width: 100%;
max-width: 48rem;
height: auto;
object-fit: contain;
}
.rtu-dynamic .content .c2 {
display: flex;
flex-direction: column;
width: 50%;
align-items: flex-start;
}
.rtu-dynamic h1 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1.1px;
text-align: center;
color: #0081ff;
margin-bottom: -12rem;
margin-left: -46rem;
}
.rtu-dynamic h2 {
font-family: var(--GT-Walsheim);
font-size: 30rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.15;
letter-spacing: -2.6px;
text-align: center;
color: #0081ff;
}
.rtu-dynamic h3 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
text-align: center;
color: #0081ff;
margin-top: -4rem;
margin-left: -15rem;
}
.rtu-dynamic h4 {
font-family: var(--GT-Walsheim);
font-size: 2.5rem;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.13;
letter-spacing: -0.4px;
text-align: left;
color: #0081ff;
max-width: 36rem;
} .rtu-topfeatures {
position: relative;
padding: 10rem 0% 5rem;
display: flex;
flex-direction: column;
}
.rtu-topfeatures .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 8rem;
}
.rtu-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;
}
.rtu-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;
}
.rtu-topfeatures .slides {
display: flex;
}
.rtu-topfeatures .slides .slick-list {
padding: 0 10% 0 0;
}
.rtu-topfeatures .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.rtu-topfeatures .slides .block img { width: 100%;
border-radius: 5rem;
}
.rtu-topfeatures .slides .block .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 90%;
}
.rtu-topfeatures .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;
}
.rtu-topfeatures .slides .block {
display: flex;
gap: 3.7rem;
}
.rtu-topfeatures .slides .block ul {
padding-left: 2rem;
}
.rtu-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;
}
.rtu-topfeatures .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.rtu-topfeatures .slideNav .prev,
.rtu-topfeatures .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.rtu-topfeatures .slideNav .prev:hover,
.rtu-topfeatures .slideNav .next:hover {
opacity: 0.7;
}
.rtu-topfeatures .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.rtu-topfeatures .get_it_now img {
width: 100%;
height: 100%;
} .rtu-why-choose {
position: relative;
padding: 10rem 0% 10rem;
display: flex;
flex-direction: column;
}
.rtu-why-choose .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 4rem;
}
.rtu-why-choose .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: center;
margin-bottom: 1rem;
}
.rtu-why-choose .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: -21rem;
margin-top: -2rem;
}
.rtu-why-choose .slides {
display: flex;
}
.rtu-why-choose .slides .slick-list {
padding: 0 10% 0 0;
}
.rtu-why-choose .slides .block {
margin-left: 4rem;
background-color: #F6F6F6;
border-radius: 6rem;
padding-bottom: 4rem;
flex-direction: column;
align-items: center;
}
.rtu-why-choose .slides .block img { width: 100%;
border-radius: 5rem;
}
.rtu-why-choose .slides .block .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
width: 90%;
}
.rtu-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: normal;
letter-spacing: normal;
text-align: center;
color: #0081ff;
}
.rtu-why-choose .slides .block {
display: flex;
gap: 3.7rem;
}
.rtu-why-choose .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;
}
.rtu-why-choose .slideNav {
display: flex;
margin-top: 1.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.rtu-why-choose .slideNav .prev,
.rtu-why-choose .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.rtu-why-choose .slideNav .prev:hover,
.rtu-why-choose .slideNav .next:hover {
opacity: 0.7;
}
.rtu-why-choose .get_it_now {
align-self: center;
margin-top: 3rem;
height: 6rem;
}
.rtu-why-choose .get_it_now img {
width: 100%;
height: 100%;
} .rtu-downloadBrochure {
position: relative;
padding: 12rem 4% 10rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-downloadBrochure div {
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-downloadBrochure h1 {
font-family: var(--GT-Walsheim);
font-size: 6.5rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.6px;
text-align: center;
color: #0081ff;
align-self: flex-start;
margin-left: 0.5rem;
margin-bottom: -3rem;
}
.rtu-downloadBrochure h2 {
position: relative;
font-family: var(--GT-Walsheim);
font-size: 15rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -1.41px;
text-align: left;
color: #0081ff;
}
.rtu-downloadBrochure h3 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1;
letter-spacing: -0.6px;
text-align: center;
color: #0081ff;
align-self: flex-end;
margin-top: 0rem;
}
.rtu-downloadBrochure a {
font-family: var(--GT-Walsheim);
max-width: 32rem;
margin-left: 48rem;
margin-top: 4rem;
}
.rtu-downloadBrochure a svg {
width: 100%;
height: auto;
}  .lg-backdrop {
background: rgba(255, 255, 255, 0.95) !important;
z-index: 99999 !important; } .lg-outer {
z-index: 99999 !important;
font-family: var(--GT-Walsheim) !important;
} .lg-inner .lg-current img {
width: 80% !important;
height: 90% !important;
object-fit: contain;
}
.lg-download-1 {
display: none !important;
} .lg-toolbar,
.lg-actions,
.lg-prev,
.lg-next,
.lg-close,
.lg-sub-html,
.lg-counter {
color: #0081FF !important;
filter: none !important;
font-family: var(--GT-Walsheim) !important;
background-color: transparent !important;
}
.lg-sub-html {
display: none !important;
} .lg-thumb-outer {
background: #fff !important;
border-top: 1px solid #ccc;
font-family: var(--GT-Walsheim) !important;
} .lg-thumb-item {
border: 2px solid transparent;
transition: border-color 0.3s;
font-family: var(--GT-Walsheim) !important;
}
.lg-thumb-item.active,
.lg-thumb-item:hover {
border-color: #0081FF;
} .ourCore_gallery,
.ourCore_gallery * {
font-family: var(--GT-Walsheim) !important;
} .swiper-button-prev,
.swiper-button-next {
color: #0081FF;
} .swiper-pagination-bullet {
background: #0081FF;
} .lg-prev:after,
.lg-next:after,
.lg-close:after {
content: none !important;
display: none !important;
} .lg-prev svg,
.lg-next svg,
.lg-close svg {
display: none !important;
} .lg-prev::before {
content: "";
display: block;
width: 14px;
height: 25px;
background: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 24L0.999999 12.5L13 1' stroke='%230081FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
} .lg-next::before {
content: "";
display: block;
width: 14px;
height: 25px;
background: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 12.5L1 24' stroke='%230081FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
} .lg-close::before {
content: "";
display: block;
width: 2.5rem;
height: 2.5rem;
background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L37 37' stroke='%230081FF' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M37 1L1 37' stroke='%230081FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #0081FF;
}
.ourCore_gallery {
width: 100%; margin: 0 auto;
padding: 10rem 0;
}
.ourCore_gallery .swiper-wrapper {
align-items: center;
}
.ourCore_gallery .swiper-slide {
width: 30rem; height: 30rem; flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
transform: scale(0.85);
opacity: 0.6;
z-index: 1;
background: #f0f0f0; }
.ourCore_gallery .swiper-slide-active {
transform: scale(1.1);
opacity: 1;
z-index: 3;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.ourCore_gallery .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ourCore_gallery a.glightbox {
width: 100%;
height: 100%;
}
.ourCore_gallery .slideNav {
display: flex;
margin-top: 2.7rem;
justify-content: flex-end;
gap: 2rem;
padding-right: 4%;
}
.ourCore_gallery .slideNav .prev,
.ourCore_gallery .slideNav .next {
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ourCore_gallery .slideNav .prev:hover,
.ourCore_gallery .slideNav .next:hover {
opacity: 0.7;
}
.wpcf7 form .wpcf7-response-output {
border: transparent !important;
}