@media only screen and (max-width: 768px) {
html,
body {
overflow-x: hidden;
max-width: 100%;
}
#smooth-wrapper,
#smooth-content {
overflow-x: hidden;
max-width: 100%;
}
.section {
height: auto;
}
.header .logo {
width: 15rem;
}
.menuBar.active {
overflow-y: scroll;
}
.menuBar>.head {
margin-bottom: 3rem;
}
.menuBar {
padding: 3rem 10% 0% 10%;
}
.menuBar .list {
gap: .5rem; }
.menuBar .list a img {
width: 1.6rem;
}
.menuBar .list h1.head,
.menuBar .list a.head {
font-size: 2rem;
justify-content: space-between;
max-width: 100%;
}
.menuBar .list .c2 .head img {
display: none;
}
.menuBar .list a {
font-size: 1.5rem;
padding: 0.3rem 0;
}
.menuBar .list .c1 {
grid-template-columns: repeat(1, 1fr);
gap: 0rem;
transition: all 0.3s ease-in-out;
border-bottom: 1px solid #0081ff;
padding-bottom: 1rem;
}
.menuBar .list .c1.active {
border-bottom: 1px solid #0081ff;
padding-bottom: 0.5rem;
margin-bottom: 0.3rem;
}
.menuBar .list .c1 .head2 a {
padding-bottom: 0;
}
.menuBar .list .c1 #dropDownBtn .dropDownBtn {
transition: all 0.3s ease-in-out;
}
.menuBar .list .c1 #dropDownBtn.active .dropDownBtn {
transform: rotate(180deg);
}
.menuBar .list .c1 .dropDown { overflow: hidden;
transition: all 0.3s ease-in-out;
}
.menuBar .list .c1 .dropDown.active {
max-height: 1000px;
}
.menuBar .list .c2 {
grid-template-columns: repeat(1, 1fr);
gap: .5rem;
}
.menuBar .list .dropDownBtn {
width: 2rem !important;
}
.menuBar .list .c2 .block5 .subList,
.menuBar .list .c1 .block4 .subList,
.menuBar .list .c1 .block3 .subList,
.menuBar .list .c1 .block2 .subList {
max-height: 0px;
transition: all .3s ease-in-out;
padding-left: 1.5rem;
}
.menuBar .list .c2 .block5 .subList.active,
.menuBar .list .c1 .block4 .subList.active,
.menuBar .list .c1 .block3 .subList.active,
.menuBar .list .c1 .block2 .subList.active {
max-height: 45rem;
}
.menuBar .list .c2 .block5.active { padding-bottom: 1rem;
}
.menuBar .list .c2 .block6.active {
border-bottom: 1px solid #0081ff;
padding-bottom: 1rem;
}
.menuBar .list .c2 .block5 .dropDoownBtn2.active .dropDownBtn {
transform: rotate(180deg);
}
.menuBar .list .c2 .block6 .dropDoownBtn2.active .dropDownBtn {
transform: rotate(180deg);
}
.menuBar .list .c2 .block6 .subList {
transition: all .3s ease-in-out;
max-height: 0px;
padding-left: 1.5rem;
}
.menuBar .list .c2 .block6 .subList.active {
max-height: 45rem;
}
.menuBar .list .c2 .head,
.menuBar .list .c1 .head a {
font-size: 2.5rem;
}
.menuBar .list .c2 .head,
.menuBar .list .c1 .head {
font-size: 2.5rem;
}
.menuBar .list .head h1 {
font-size: 2.5rem;
} .footer {
padding: 7rem 2.5rem;
min-height: auto;
}
.footer .links a {
font-size: 1.2rem;
}
.footer .links a img {
width: 2rem;
}
.card_1 {
margin-top: 0rem;
}
.card_1 div h1 {
font-size: 4rem;
margin-bottom: 0rem;
margin-left: 10%;
}
.card_1 div h2 {
font-size: 8rem;
}
.card_1 div h2 img {
left: unset; top: 120%;
right: 1%;
max-width: 98%;
}
.card_1 div h3 {
font-size: 2.7rem; align-self: flex-start;
margin-top: 71%;
margin-left: 4%;
max-width: 24rem;
}
.card_2 {
padding: 7rem 0;
margin-top: 0rem;
}
.card_2 div h1 {
font-size: 3.5rem;
margin-bottom: 0rem;
margin-left: unset;
margin-right: 0%;
max-width: 28rem;
align-self: flex-end;
}
.card_2 div h2 {
font-size: 9rem;
}
.card_2 div h2 img {
left: unset;
right: 1%;
max-width: 32rem;
top: 121%;
}
.card_2 div h3 {
font-size: 2.7rem;
margin-top: 69%;
align-self: flex-start;
max-width: 20rem;
margin-left: 1.5rem;
}
.card_3 {
margin-top: 0rem;
padding: 7rem 0;
}
.card_3 div h1 {
font-size: 3.5rem;
margin-bottom: .5rem;
margin-left: 43%;
max-width: 18rem;
}
.card_3 div h2 {
font-size: 7rem;
}
.card_3 div h2 img {
left: 0%;
max-width: 31rem;
z-index: -1;
top: 80%;
}
.card_3 div h3 {
font-size: 2.5rem;
margin-top: 61%;
align-self: flex-start;
margin-left: 2rem;
margin-right: unset;
}
.card_4 {
padding: 7rem 2.5rem;
}
.card_4 .image .text {
bottom: 20%;
justify-content: flex-end;
}
.card_4 .image img {
width: 31.9rem;
height: 17.5rem;
}
.card_4 .image .text h1 {
text-align: center;
font-size: 2.5rem;
margin-right: 13%;
margin-bottom: -1rem;
}
.card_4 .image .text h2 {
text-align: center;
font-size: 12rem;
}
.card_4 p {
width: 90%;
margin-top: 3rem;
font-size: 1.8rem;
}
.card_5 {
padding: 7rem 2rem;
}
.card_5 .div {
padding: 2rem 0;
}
.card_5 div {
width: 100%;
}
.card_5 div .container {
width: auto;
}
.card_5 div .container h1 {
font-size: 2.4rem;
max-width: 25rem;
margin-bottom: 1rem;
margin-left: .5rem;
}
.card_5 div .container>h2 {
font-size: 10rem;
}
.card_5 div .container>h2 .img_1 {
width: 15rem;
display: none;
}
.card_5 div .container>h2 .img_2 {
width: 15rem;
top: 83%;
left: 0%;
}
.card_5 div .container h3 {
font-size: 3rem;
max-width: 15rem;
margin-right: -1rem;
text-align: right;
}
.card_5 div .links {
flex-direction: column;
margin-top: 6rem;
gap: 1rem;
}
.card_5 div .links .block h1 {
font-size: 1.65rem;
white-space: nowrap;
letter-spacing: 1px;
}
.card_5 div .links .block h1 p {
font-size: 1.65rem;
white-space: nowrap;
letter-spacing: 1px;
}
.card_6 {
padding: 5rem 4%;
}
.card_6>div .container>h2 {
font-size: 8rem;
}
.card_6>div .container>h2 .img_1 {
max-width: 7rem;
top: -99%;
left: 13%;
}
.card_6>div .container>h2 .img_2 {
max-width: 12rem;
top: -82%;
right: 4%;
}
.card_6>div .container h3 {
font-size: 4rem;
}
.card_6>div .links {
gap: 1rem;
margin-top: 1rem;
}
.card_6>div .links .block svg {
width: 100%;
height: 4.5rem;
}
.card_7 {
padding: 5rem 0;
margin-top: 0rem;
}
.card_7 .div {
padding: 5rem 0 2rem;
}
.card_7 div .container h1 {
font-size: 4rem;
margin-bottom: -0.7rem;
margin-left: 5%;
}
.card_7 div .container h2 {
font-size: 6rem;
white-space: nowrap;
}
.card_7 div .container h2 .img_1 {
left: 17rem;
right: 9%;
max-width: 10.5rem;
top: unset;
bottom: 3rem;
}
.card_7 div .container h3 {
font-size: 3rem;
margin-top: 2%;
align-self: flex-end;
max-width: 17rem;
text-align: right;
}
.card_8 {
padding: 2rem 4%;
}
.card_9 {
padding: 17rem 0 5rem;
margin-top: 0rem;
}
.card_9 .div {
padding: 5rem 0;
}
.card_9 div h1 {
font-size: 3rem;
margin-bottom: -1rem;
margin-left: 50%;
}
.card_9 div h2 {
font-size: 9rem;
}
.card_9 div h2 img {
left: unset;
right: 5%;
max-width: 27rem;
top: -168%;
}
.card_9 div h3 {
font-size: 2.7rem;
margin-top: 8%;
align-self: flex-start;
}
.card_9 div h3 a svg {
height: 3rem;
width: auto;
}
.ourStory_banner {
padding: 9rem 4% 7rem;
}
.ourStory_banner .div {
padding: 5rem 0;
width: 100%;
}
.ourStory_banner>div .container>h1 {
font-size: 2rem;
margin-left: 0%;
margin-bottom: 1rem;
max-width: 13rem;
}
.ourStory_banner>div .container h2 {
font-size: 8rem;
}
.ourStory_banner>div .container h2 .mobile {
max-width: 15rem;
position: absolute;
right: 0;
bottom: 5rem;
}
.ourStory_banner>div .container h3 {
font-size: 3rem;
align-self: flex-end;
color: #0081ff;
margin-left: 1.5rem;
}
.ourStory_growth {
padding: 10rem 0% 7rem 0%;
}
.ourStory_growth .head {
margin-bottom: 4rem;
padding-left: 1rem;
}
.ourStory_growth .head h1 {
font-size: 7rem;
text-align: left;
line-height: 0.9;
max-width: 35rem;
}
.ourStory_growth .head h1 img {
width: 20rem;
padding-right: 4%;
top: unset;
bottom: 11rem;
right: 2.5rem;
}
.ourStory_growth .slide .block {
align-items: flex-start;
margin: 0 20px 0 20px;
}
.ourStory_growth .slide .block .image {
width: 20rem;
margin-top: 1rem;
width: 30%;
}
.ourStory_growth .slide .block .image img {
height: auto;
width: 7rem;
}
}
@media only screen and (max-width: 768px) and (max-width: 480px) {
.ourStory_growth .slide .block .image {
width: 30rem;
width: 30%;
}
}
@media only screen and (max-width: 768px) {
.ourStory_growth .slide .block .content {
padding: 2.3rem 3.4rem;
width: 70%;
}
.ourStory_growth .slide .block .content h1 {
font-size: 2.1rem;
align-self: flex-start;
}
.ourStory_growth .slide .block .content h2 {
font-size: 2rem;
}
.ourStory_growth .slide .block .content p {
font-size: 1.5rem;
}
.ourStory_history {
padding: 5rem 0% 5rem 0%;
}
.ourStory_history>.head {
justify-content: flex-start;
margin-bottom: 3rem;
margin-left: 4%;
}
.ourStory_history .slides .block {
margin: 0 2rem 0 2rem;
}
.ourStory_history>.head>h1 {
font-size: 8rem;
text-align: left;
}
.ourStory_history .slides .block .head h1 {
font-size: 2.2rem;
max-width: 80%;
}
.ourStory_history .slides .block .container {
gap: 2rem;
flex-direction: column;
}
.ourStory_history .slides .block .container img {
width: 72%;
align-self: flex-end;
}
.ourStory_history .slides .block .container p {
width: 100%;
font-size: 1.6rem;
}
.ourStory_testimonials {
padding: 5rem 0% 5rem 0%;
}
.ourStory_testimonials .head {
padding-left: 4%;
}
.ourStory_testimonials .head h1 {
font-size: 6rem;
text-align: left;
margin-bottom: 2rem;
}
.ourStory_testimonials .slides .block {
padding: 3rem 2rem 2rem 2rem;
margin-left: 2rem;
}
.ourStory_testimonials .slides .block h1 {
font-size: 3rem;
margin-bottom: 2rem;
}
.ourStory_testimonials .slides .block p {
font-size: 1.6rem;
}
.ourStory_testimonials .slides .block a img {
width: auto;
height: 4rem;
}
.ourCore_banner {
padding: 15rem 4% 7rem;
}
.ourCore_banner h1 {
font-size: 10rem;
margin-top: 5rem;
}
.ourCore_banner h2 {
display: none;
}
.ourCore_banner img {
max-width: 80vw;
margin-right: unset;
margin-top: unset;
}
.ourCore_spirit {
padding: 12rem 4% 6rem;
}
.ourCore_spirit>div h1 {
font-size: 4rem;
margin-left: 2%;
margin-bottom: 2rem;
}
.ourCore_spirit>div h2 {
text-align: center;
font-size: 9rem;
}
.ourCore_spirit>div h2 img {
max-width: 13rem;
}
.ourCore_spirit>div h3 {
font-size: 1.7rem;
margin-right: 0%;
max-width: 13rem;
margin-top: 2.7rem;
}
.ourCore_missionVision {
padding: 8rem 6% 7rem;
background-size: 86%;
gap: 3rem;
flex-direction: column;
}
.ourCore_missionVision .block h1 {
font-size: 3rem;
margin-bottom: 0.5rem;
}
.ourCore_missionVision .block img {
width: 80%;
margin-bottom: .5rem;
}
.ourCore_missionVision .c1 {
align-self: flex-start;
}
.ourCore_missionVision .c2 {
align-self: flex-start;
}
.ourCore_missionVision .block p {
font-size: 1.8rem;
max-width: 80%;
letter-spacing: 0px;
}
.ourCore_leaders {
padding: 12rem 4% 10rem;
}
.ourCore-popUp {
flex-direction: column;
border-radius: 2rem;
}
.ourCore-popUp .c1 {
width: 100%;
height: 35%;
}
.ourCore-popUp .c1 img {
object-position: 0 17%;
border-radius: 2rem;
}
.ourCore-popUp .c2 {
width: 100%;
height: 65%;
padding: 3rem 2rem;
}
.ourCore-popUp .c2 h1 {
font-size: 3rem;
}
.ourCore-popUp .c2 p {
font-size: 1.6rem;
}
.ourCore_leaders .head {
margin-bottom: 1.4rem;
}
.ourCore_leaders .head h1 {
font-size: 8rem;
} .ourCore_leaders .content .block {
border-radius: 2rem;
margin-right: 1rem;
margin-left: 1rem;
}
.ourCore_leaders .content .block .text h3 {
font-size: 1.2rem;
}
.ourCore_leaders .content .block .text h1 {
font-size: 2rem;
}
.ourCore_leaders .content .block .text p {
font-size: 1.6rem;
width: 95%;
}
.ourCore_values {
padding: 10rem 0% 6rem 4%;
}
.ourCore_values .head {
margin-bottom: 1.8rem;
}
.ourCore_values .head h1 {
font-size: 9rem;
}
.ourCore_values .head h1 img {
top: -9rem;
right: 4%;
z-index: -1;
max-width: 19rem;
}
.ourCore_values .slides .block {
padding: 3rem 3rem;
margin: 0 10px 0 20px;
}
.ourCore_values .slides .block h1 {
font-size: 3rem;
}
.ourCore_values .slides .block p {
font-size: 1.6rem;
}
.ourCore_DNA {
padding: 15rem 0% 6rem 4%;
}
.ourCore_DNA .head {
margin-bottom: 3rem;
}
.ourCore_DNA .head h1 {
font-size: 10rem;
}
.ourCore_DNA .head h1 img {
top: -13rem;
right: 25%;
z-index: -1;
max-width: 25rem;
}
.ourCore_DNA .slides .block {
padding: 3rem 3rem;
}
.ourCore_DNA .slides .block h1 {
font-size: 3rem;
}
.ourCore_DNA .slides .block p {
font-size: 1.6rem;
}
.kimbalPeople-Banner {
padding: 25rem 4% 7rem;
}
.kimbalPeople-Banner h1 {
font-size: 4rem;
max-width: 18rem;
margin-bottom: 0rem;
}
.kimbalPeople-Banner h2 {
font-size: 8rem;
}
.kimbalPeople-Banner h2 img {
bottom: 15rem;
right: 3%;
z-index: -1;
max-width: 18rem;
}
.kimbalPeople-diversity {
padding: 16rem 4% 7rem;
}
.kimbalPeople-diversity div {
display: flex;
flex-direction: column;
align-items: center;
}
.kimbalPeople-diversity h1 {
font-size: 6rem;
line-height: 1;
max-width: 33rem;
}
.kimbalPeople-diversity h1 img {
top: -80%;
left: 0%;
max-width: 16rem;
}
.kimbalPeople-diversity h2 {
max-width: 23rem;
font-size: 2.2rem;
margin-top: 1rem;
}
.kimbalPeople-Invest h1 {
font-size: 8rem;
}
.kimbalPeople-Invest h1 img {
top: -14rem;
right: -3%;
max-width: 22rem;
}
.kimbalPeople-Invest h2 {
font-size: 2.2rem;
margin-top: -2rem;
margin-left: 2%;
max-width: 28rem;
}
.kimbalPeople-speak {
padding: 16rem 4% 7rem;
}
.kimbalPeople-speak h1 {
font-size: 8rem;
line-height: 1.1;
max-width: 33rem;
}
.kimbalPeople-speak h1 img {
top: -14rem;
right: 23%;
max-width: 20rem;
}
.kimbalPeople-speak h2 {
font-size: 2.2rem;
margin-top: -8rem;
align-self: flex-end;
max-width: 18rem;
}
.kimbalPeople-believe {
padding: 14rem 4% 7rem;
}
.kimbalPeople-believe h1 {
font-size: 9rem;
}
.kimbalPeople-believe h1 img {
top: -9rem;
right: 25%;
max-width: 22rem;
}
.kimbalPeople-believe h2 {
font-size: 2.4rem;
max-width: 18rem;
margin-top: -1rem;
}
.kimbalPeople-believe p {
font-size: 3.5rem;
margin-top: -3rem;
}
.kimbalPeople-team {
padding: 7rem 4% 15rem;
}
.kimbalPeople-team h1 {
font-size: 2.5rem;
max-width: 21rem;
margin-left: 0rem;
margin-bottom: 2rem;
}
.kimbalPeople-team h2 {
font-size: 8rem;
}
.kimbalPeople-team h2 img {
top: 5rem;
max-width: 19rem;
}
.kimbalPeople-difference {
padding: 12rem 4% 7rem;
}
.kimbalPeople-difference h1 {
font-size: 4rem;
margin-left: 0.5rem;
}
.kimbalPeople-difference h2 {
font-size: 9rem;
}
.kimbalPeople-difference h2 img {
bottom: 5rem;
right: -1rem;
max-width: 18rem;
}
.kimbalPeople-difference h3 {
font-size: 2rem;
max-width: 19rem;
margin-top: 1rem;
}
.kimbalPeople-integration {
padding: 7rem 4% 7rem;
}
.kimbalPeople-integration h1 {
font-size: 4rem;
margin-left: 8rem;
margin-bottom: -1rem;
}
.kimbalPeople-integration h2 {
font-size: 9rem;
}
.kimbalPeople-integration h2 img {
bottom: -9rem;
left: 0rem;
max-width: 20rem;
}
.kimbalPeople-integration h3 {
font-size: 2.2rem;
max-width: 19rem;
margin-top: 10rem;
}
.kimbalPeople-learAndLead {
padding: 15rem 4% 7rem;
}
.kimbalPeople-learAndLead h1 {
font-size: 10rem;
line-height: 0.9;
text-align: left;
max-width: 33rem;
}
.kimbalPeople-learAndLead h1 img {
max-width: 27rem;
z-index: -1;
bottom: 13rem;
left: 7rem;
}
.kimbalPeople-learAndLead h2 {
font-size: 2.2rem;
max-width: 25rem;
margin-top: 1rem;
}
.kimbalPeople-WorkYouEnjoy {
padding: 7rem 4% 20rem;
}
.kimbalPeople-WorkYouEnjoy h1 {
font-size: 8rem;
max-width: 33rem;
line-height: 1;
text-align: left;
}
.kimbalPeople-WorkYouEnjoy h1 img {
bottom: -23rem;
right: unset;
max-width: 20rem;
left: 3rem;
}
.kimbalPeople-WorkYouEnjoy h2 {
font-size: 2.2rem;
align-self: flex-end;
max-width: 16rem;
margin-top: -3rem;
margin-right: 3%;
}
.kimbalPeople-Career {
padding: 7rem 4% 7rem;
}
.kimbalPeople-Career h1 {
font-size: 4rem;
margin-bottom: -3rem;
}
.kimbalPeople-Career h2 {
font-size: 14rem;
}
.kimbalPeople-Career h2 img {
max-width: 20rem;
bottom: -8rem;
left: 0rem;
}
.kimbalPeople-Career h3 {
font-size: 2.2rem;
max-width: 18rem;
align-self: flex-end;
margin-top: 9rem;
margin-right: 0rem;
}
.kimbalPeople-Responsibility {
padding: 10rem 4% 7rem;
}
.kimbalPeople-Responsibility h1 {
margin-bottom: -1rem;
font-size: 4rem;
margin-left: 0;
}
.kimbalPeople-Responsibility h2 {
font-size: 7rem;
}
.kimbalPeople-Responsibility h2 img {
bottom: 3.5rem;
right: 0rem;
max-width: 21rem;
}
.kimbalPeople-Responsibility h3 {
font-size: 2.2rem;
max-width: 21rem;
align-self: flex-end;
margin-right: unset;
margin-top: 1rem;
}
.kimbalPeople-bookOfTrust {
padding: 7rem 4% 7rem;
}
.kimbalPeople-bookOfTrust h1 {
font-size: 4rem;
margin-left: -9rem;
margin-bottom: -2rem;
align-self: center;
}
.kimbalPeople-bookOfTrust h2 {
font-size: 10rem;
line-height: 1;
max-width: 33rem;
}
.kimbalPeople-bookOfTrust a {
margin-right: 0;
height: 4rem;
margin-top: 2rem;
}
.kimbalPeople-bookOfTrust a img {
height: 100%;
}
.ourPlants-banner {
padding: 22rem 4% 7rem;
}
.ourPlants-banner h1 {
font-size: 3rem;
margin-left: 0.5rem;
max-width: 10rem;
margin-bottom: -2rem;
}
.ourPlants-banner h2 {
font-size: 10rem;
}
.ourPlants-banner h2 img {
bottom: 4rem;
right: 0rem;
max-width: 19rem;
}
.ourPlants-banner h3 {
font-size: 2.5rem;
max-width: 26rem;
margin-right: 0rem;
align-self: flex-start;
margin-top: 2rem;
}
.ourPlants-blocks {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, 1fr);
padding: 7rem 4% 4rem;
}
.ourPlants-blocks .block {
border-radius: 2rem;
}
.ourPlants-blocks .block p {
padding: 0 2rem 3rem 2rem;
}
.ourPlants-blocks .block .thumbnail {
margin-bottom: 1.5rem;
width: 100%;
height: auto;
}
.ourPlants-blocks .block h1 {
font-size: 1.6rem;
}
.ourPlants-blocks .block .plusBtn {
width: 3rem;
margin-bottom: 1.5rem;
}
.ourPlants-blocks .block .popUp {
border-radius: 3rem;
padding: 5rem 4rem;
width: 90%;
height: 80vh;
overflow-y: scroll;
}
.ourPlants-blocks .block .popUp h1 {
margin-top: 2rem;
}
.ourPlants-blocks .block .popUp .closeBtn {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.ourPlants-blocks .block .popUp .container {
gap: 2rem;
flex-direction: column;
width: 100%;
}
.ourPlants-blocks .block .popUp .container .c1 {
width: 100%;
}
.ourPlants-blocks .block .popUp .container .c2 {
width: 100%;
}
.ourPlants-distinguishingFactor {
padding: 11rem 0% 7rem 0%;
}
.ourPlants-distinguishingFactor .slick-track {
display: flex !important;
}
.ourPlants-distinguishingFactor .slide .block {
margin: 0 2rem 0 2rem;
}
.ourPlants-distinguishingFactor .slide .block .content {
height: auto;
}
.ourPlants-distinguishingFactor .slick-slide {
height: unset !important;
}
.ourPlants-distinguishingFactor .head {
margin-bottom: 3rem;
padding-left: 4rem;
}
.ourPlants-distinguishingFactor .head h1 {
font-size: 4rem;
margin-bottom: 0.5rem;
align-self: center;
margin-left: -23rem;
}
.ourPlants-distinguishingFactor .head h2 {
font-size: 7rem;
line-height: 0.9;
text-align: left;
max-width: 40rem;
}
.ourPlants-distinguishingFactor .head h2 img {
top: -9rem;
right: 3rem;
z-index: -1;
max-width: 18rem;
}
.ourPlants-distinguishingFactor .head h3 {
font-size: 2.3rem;
max-width: 18rem;
margin-right: -14rem;
margin-top: -3rem;
align-self: center;
}
.ourPlants-distinguishingFactor .slide .block {
margin: 0 10px 0 10px;
align-items: flex-start;
}
.ourPlants-distinguishingFactor .slide .block .image { width: 30%; margin-top: 1rem;
}
.ourPlants-distinguishingFactor .slide .block .content {
padding: 2.7rem 2.4rem;
border-radius: 2rem;
width: 70%;
}
.ourPlants-distinguishingFactor .slide .block .content h2 {
font-size: 3rem;
}
.ourPlants-distinguishingFactor .slide .block .content p {
font-size: 1.6rem;
} .ourPlants-distinguishingFactor .slideNav {
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
}
.ourPlants-ZERODefectGoal {
padding: 6rem 4% 6rem 4%;
gap: 3rem;
}
.ourPlants-ZERODefectGoal .content {
flex-direction: column-reverse !important;
}
.ourPlants-ZERODefectGoal .c1 {
width: 100%;
}
.ourPlants-ZERODefectGoal .head {
margin-bottom: 2rem;
}
.ourPlants-ZERODefectGoal .head h1 {
font-size: 4rem;
}
.ourPlants-ZERODefectGoal .c1 .content {
gap: 2rem;
}
.ourPlants-ZERODefectGoal .c1 .content .block {
padding: 3rem 2rem;
border-radius: 2rem;
}
.ourPlants-ZERODefectGoal .c1 .content .block h1 {
font-size: 2.2rem;
margin-bottom: 1rem;
}
.ourPlants-ZERODefectGoal .c1 .content .block p {
font-size: 1.8rem;
max-width: 100%;
}
.ourPlants-ZERODefectGoal .c2 { width: 100%;
}
.ourPlants-sustainableProduction {
padding: 6rem 4% 6rem 4%;
}
.ourPlants-sustainableProduction .c1 {
width: 100%;
}
.ourPlants-sustainableProduction .c1 .head {
margin-bottom: 2rem;
}
.ourPlants-sustainableProduction .c1 .head h1 {
font-size: 5rem;
}
.ourPlants-sustainableProduction .c1 .content {
gap: 2rem;
}
.ourPlants-sustainableProduction .c1 .content .block {
padding: 3rem 2rem;
border-radius: 2rem;
}
.ourPlants-sustainableProduction .c1 .content .block h1 {
font-size: 2.2rem;
margin-bottom: 1rem;
}
.ourPlants-sustainableProduction .c1 .content .block p {
font-size: 1.8rem;
max-width: 100%;
}
.ourPlants-sustainableProduction .c2 {
display: none;
width: 100%;
}
.thoughtLeadership-banner h1 {
font-size: 3.5rem;
align-self: center;
margin-right: -9rem;
margin-bottom: -.5rem;
}
.thoughtLeadership-banner h2 {
font-size: 5rem;
}
.thoughtLeadership-banner h2 img {
bottom: -17rem;
right: 0rem;
max-width: 18rem;
}
.thoughtLeadership-banner h2 img {
bottom: -17rem;
right: 0rem;
max-width: 18rem;
}
.whats-new-banner h2 img {
margin-bottom: -16% !important;
}
.thoughtLeadership-banner h3 {
font-size: 2.2rem;
max-width: 24rem;
align-self: center;
margin-right: 6rem;
margin-top: 1rem;
margin-left: 0rem;
}
.thoughtLeadership-list {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 2rem;
grid-column-gap: 2rem;
padding: 7rem 4% 7rem;
}
.thoughtLeadership-list .block {
border-radius: 1.5rem;
}
.thoughtLeadership-list .block img {
margin-bottom: 2rem;
}
.thoughtLeadership-list .block h1 {
font-size: 1.7rem;
margin-bottom: 1rem;
}
.thoughtLeadership-list .block p {
font-size: 1.2rem;
}
.caseStudies-banner {
padding: 19rem 4% 7rem;
}
.caseStudies-banner h1 {
font-size: 4rem;
align-self: center;
margin-left: -17rem;
margin-bottom: -2rem;
}
.caseStudies-banner h2 {
font-size: 8rem;
}
.caseStudies-banner h2 img {
z-index: -1;
bottom: -9rem;
right: 1rem;
max-width: 12rem;
}
.caseStudies-banner h3 {
font-size: 2.3rem;
max-width: 20rem;
align-self: center;
margin-left: -11rem;
margin-top: 0rem;
}
.caseStudies-list {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 2rem;
grid-row-gap: 2rem;
padding: 7rem 4% 6rem;
}
.caseStudies-list .block {
border-radius: 2.5rem;
}
.caseStudies-list .block h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.caseStudies-list .block p {
margin-bottom: 0.5rem;
}
.faq-banner {
padding: 16rem 4% 5rem;
}
.faq-banner h1 {
font-size: 3rem;
align-self: center;
margin-bottom: -1rem;
margin-right: 23rem;
}
.faq-banner h2 {
font-size: 6rem;
}
.faq-banner h2 img {
bottom: 6.5rem;
right: 1rem;
max-width: 16rem;
}
.faq-banner h3 {
font-size: 2.3rem;
max-width: 20rem;
align-self: center;
margin-right: -11rem;
margin-top: 1rem;
line-height: 1.2;
}
.faq-list {
padding: 5rem 4% 5rem;
}
.faq-list .block.active p {
margin-top: 0.5rem;
}
.faq-list .block h1 {
font-size: 2rem;
max-width: 90%;
}
.faq-list .block h1 .arrow {
width: 2.5rem;
}
.faq-list .block p {
font-size: 1.4rem;
}
.licenses-banner {
padding: 21rem 4% 5rem;
}
.licenses-banner h1 {
font-size: 3rem;
align-self: center;
margin-left: -20rem;
margin-bottom: -0.5rem;
}
.licenses-banner h2 {
font-size: 7rem;
}
.licenses-banner h2 img {
bottom: 8rem;
right: 2rem;
max-width: 17rem;
}
.licenses-banner h3 {
font-size: 2.3rem;
max-width: 19rem;
align-self: flex-end;
margin-right: -12rem;
margin-top: 0rem;
align-self: center;
}
.licenses-list {
gap: 1.8rem;
padding: 5rem 4% 5rem;
}
.licenses-list .block h1 {
font-size: 2rem;
padding: 0.8rem 1rem;
width: 100%;
border-radius: 2rem;
}
.licenses-ccmi {
padding: 5rem 4% 5rem;
}
.licenses-ccmi div {
padding: 5rem 4rem;
border-radius: 8rem;
flex-direction: column;
border-radius: 3rem;
}
.licenses-ccmi div h1 {
font-size: 2.2rem;
text-align: center;
}
.licenses-logoList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding: 5rem 4% 5rem;
}
.licenses-certified {
padding: 6rem 4% 12rem;
}
.licenses-certified div {
margin-left: 0%;
}
.licenses-certified h1 {
font-size: 4rem;
align-self: center;
margin-right: 5rem;
margin-bottom: 2rem;
}
.licenses-certified h2 {
font-size: 7rem;
margin-left: 14rem;
}
.licenses-certified h2 img {
left: -12rem;
bottom: -11rem;
z-index: -1;
max-width: 11rem;
}
.licenses-certified h3 {
font-size: 2.3rem;
align-self: center;
margin-right: -17rem;
max-width: 16rem;
margin-top: 1rem;
}
.news-banner {
padding: 15rem 4% 5rem;
}
.news-banner h1 {
font-size: 3rem;
align-self: center;
margin-left: -15rem;
margin-bottom: -3rem;
}
.news-banner h2 {
font-size: 11rem;
}
.news-banner h2 img {
bottom: -11rem;
right: 0rem;
max-width: 21rem;
}
.news-banner h3 {
font-size: 2.3rem;
max-width: 23rem;
align-self: center;
margin-left: -2rem;
margin-top: 13rem;
}
.news-list {
padding: 7rem 4% 5rem;
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.news-list .block {
gap: 2rem;
border-radius: 1.5rem;
}
.news-list .block .c2 {
padding: 2rem 1rem 2rem 0;
justify-content: center;
gap: 2rem;
}
.news-list .block .c2 h1 {
font-size: 2.1rem;
}
.news-list .block .c2 img {
height: 3rem;
} .downloads-banner h1 {
font-size: 4rem;
align-self: center;
margin-left: -10rem;
margin-bottom: -2rem;
}
.downloads-banner h2 {
font-size: 10rem;
}
.downloads-banner h2 img {
bottom: 13rem;
right: 1rem;
max-width: 18rem;
}
.downloads-banner h3 {
font-size: 2.3rem;
max-width: 24rem;
align-self: flex-start;
margin-left: 1rem;
margin-right: unset;
margin-top: 0rem;
}
.downloads-list {
padding: 7rem 4% 5rem;
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.downloads-list .block {
gap: 2rem;
border-radius: 1.5rem;
}
.downloads-list .block .c2 {
padding: 2rem 1rem 2rem 0;
justify-content: center;
gap: 2rem;
}
.downloads-list .block .c2 h1 {
font-size: 2.1rem;
}
.downloads-list .block .c2 img {
height: 3rem;
}
.contactUs-banner {
padding: 20rem 4% 5rem;
}
.contactUs-banner h2 {
font-size: 9rem;
}
.contactUs-banner h2 img {
bottom: 5rem;
right: 11rem;
max-width: 20rem;
}
.contactUs-banner h3 {
font-size: 2.3rem;
max-width: 21rem;
align-self: center;
margin-left: 10rem;
margin-top: -0.5rem;
}
.contactUs-list {
flex-direction: column;
gap: 3rem;
padding: 8rem 4% 5rem;
}
.contactUs-list .c1 {
width: 100%;
}
.contactUs-list .c1 img {
height: 18rem;
width: 100%;
object-fit: cover;
border-radius: 2rem;
}
.contactUs-list .c2 {
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
width: 100%;
}
.contactUs-list .c2 .block {
padding: 3rem 2rem;
border-radius: 1.5rem;
}
.contactUs-list .c2 .block h1 {
margin-bottom: 1.5rem;
}
.careers-banner {
padding: 16rem 4% 15rem;
}
.careers-banner h1 {
font-size: 4rem;
align-self: center;
margin-left: -12rem;
margin-bottom: -1rem;
}
.careers-banner h2 {
font-size: 7rem;
}
.careers-banner h2 img {
max-width: 22rem;
bottom: -12rem;
right: 2%;
}
.careers-youMatter {
padding: 20rem 4% 8rem;
}
.careers-youMatter h1 {
font-size: 8rem;
}
.careers-youMatter h1 img {
max-width: 16rem;
bottom: 5rem;
margin-left: 3rem;
}
.careers-youMatter h2 {
font-size: 2.3rem;
max-width: 19rem;
align-self: center;
margin-right: -11rem;
margin-top: 1rem;
}
.careers-blocks {
gap: 3rem;
padding: 5rem 10% 5rem;
grid-template-columns: repeat(1, 1fr);
}
.careers-blocks .block {
border-radius: 3rem;
padding-top: 5rem;
justify-content: space-between;
}
.careers-blocks .block .head h1 {
font-size: 1.8rem;
padding: 0 0.5rem;
margin-bottom: 3.5rem;
}
.careers-blocks .block .image .plus {
transform: translate(-50%, -50%);
height: 3rem;
width: 3rem;
}
.careers-blocks .block .content {
width: 87%;
border-radius: 2rem;
}
.careers-blocks .block .content .container {
padding: 4rem 3rem;
}
.careers-blocks .block .content .container h1 {
font-size: 3.5rem;
margin-bottom: 2rem;
width: 90%;
}
.careers-blocks .block .content .container h2 {
font-size: 2.5rem;
}
.careers-blocks .block .content .container p {
font-size: 1.6rem;
}
.careers-blocks .block .content .close {
right: 4rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.careers-certificate {
padding: 15rem 4% 9rem;
}
.careers-certificate h1 {
font-size: 3rem;
align-self: center;
margin-left: -20rem;
margin-bottom: -1rem;
}
.careers-certificate h2 {
font-size: 6rem;
font-size: 7rem;
text-align: left;
margin-left: 1rem;
}
.careers-certificate h2 .img1 {
bottom: 14rem;
right: 2rem;
max-width: 17rem;
}
.careers-certificate h2 .img2 {
top: 20rem;
left: 1rem;
max-width: 10rem;
}
.careers-certificate h3 {
font-size: 1.8rem;
max-width: 20rem;
align-self: center;
margin-left: 13rem;
margin-top: 1rem;
}
.careers-hiring {
align-items: flex-start;
padding: 7rem 4% 5rem;
}
.careers-hiring .head {
margin-bottom: 2rem;
}
.careers-hiring .head h1 {
font-size: 3rem;
align-self: flex-start;
margin-left: 0;
margin-bottom: -1rem;
}
.careers-hiring .head h2 {
font-size: 7rem;
}
.careers-hiring .head h2 img {
display: none;
}
.careers-hiring .nav {
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
margin-bottom: 6rem;
width: 100%;
margin-bottom: 3rem;
}
.careers-hiring .nav .tab {
height: 3.5rem;
}
.careers-hiring .container .slide .block {
width: 23rem;
}
.careers-hiring .container .slide .block h1 {
font-size: 3rem;
margin-bottom: 1.3rem;
}
.careers-hiring .container .slide .block p {
font-size: 1.6rem;
margin-bottom: 1.7rem;
}
.careers-hiring .container .slide .block span {
height: 3rem;
}
.careers-hiring .container .slide.active {
width: 100%;
overflow-x: scroll;
padding-bottom: 2rem;
gap: 2rem;
}
.sub_metering-banner {
padding: 14rem 4% 6rem;
}
.sub_metering-banner h1 {
font-size: 3rem;
align-self: center;
margin-left: -3rem;
margin-bottom: 0.5rem;
max-width: 30rem;
text-align: left;
}
.sub_metering-banner h2 {
font-size: 7rem;
}
.sub_metering-banner h2 img {
right: 1rem;
top: 3rem;
max-width: 17rem;
}
.sub_metering-banner h3 {
font-size: 2.3rem;
align-self: center;
max-width: 29rem;
margin-left: -2rem;
margin-top: 12rem;
}
.sub_metering-whyUs {
padding: 5rem 0% 5rem;
}
.sub_metering-whyUs .head {
margin-bottom: 2rem;
}
.sub_metering-whyUs .head h1 {
font-size: 7rem;
}
.sub_metering-whyUs .slides .block {
border-radius: 2rem;
margin-left: 2rem;
}
.sub_metering-whyUs .slides .block h1 {
font-size: 2rem;
}
.sub_metering-whyUs .slides .block img {
margin-bottom: 1rem;
}
.sub_metering-clientele {
padding: 7rem 0% 6rem;
}
.sub_metering-clientele .head {
margin-bottom: 3rem;
}
.sub_metering-clientele .head h1 {
font-size: 4rem;
align-self: center;
margin-left: 16rem;
margin-bottom: -2rem;
white-space: nowrap;
}
.sub_metering-clientele .head h1 img {
left: -54%;
bottom: -1rem;
max-width: 12rem;
}
.sub_metering-clientele .head h2 {
font-size: 9rem;
}
.sub_metering-clientele .slides img {
height: 12rem !important;
padding: 3rem 3rem;
}
.sub_metering-clientele .slideNav {
justify-content: center;
}
.sub_metering-placementGrid {
padding: 3rem 4% 3rem;
}
.sub_metering-placementGrid div h1 {
font-size: 5rem;
}
.sub_metering-actionable {
padding: 3rem 4% 3rem;
}
.sub_metering-actionable div h1 {
font-size: 5rem;
}
.power_harmonic-banner {
padding: 25rem 4% 6rem;
}
.power_harmonic-banner h1 {
font-size: 3.5rem;
align-self: center;
margin-right: -8rem;
margin-bottom: 2rem;
}
.power_harmonic-banner h2 {
font-size: 10rem;
}
.power_harmonic-banner h2 img {
left: 2rem;
max-width: 18rem;
}
.power_harmonic-banner h3 {
font-size: 2.3rem;
max-width: 14rem;
align-self: center;
margin-left: -15rem;
margin-top: 2rem;
}
.power_harmonic-tarang {
padding: 15rem 4% 5rem;
}
.power_harmonic-tarang h1 {
font-size: 4rem;
margin-left: -10rem;
margin-bottom: -1rem;
}
.power_harmonic-tarang h2 {
font-size: 11rem;
margin-left: -6rem;
}
.power_harmonic-tarang h2 img {
bottom: 10rem;
right: -7rem;
max-width: 19rem;
}
.power_harmonic-tarang h3 {
font-size: 2.3rem;
max-width: 30rem;
align-self: center;
margin-left: 0rem;
margin-top: 3rem;
}
.power_harmonic-whyTarang {
padding: 18rem 4% 7rem;
}
.power_harmonic-whyTarang h1 {
font-size: 3rem;
align-self: center;
margin-bottom: -1rem;
margin-left: 12rem;
}
.power_harmonic-whyTarang h2 {
font-size: 9rem;
margin-right: -8rem;
}
.power_harmonic-whyTarang h2 img {
bottom: 11rem;
max-width: 20rem;
left: -7rem;
}
.power_harmonic-whyTarang h3 {
max-width: 28rem;
align-self: center;
margin-left: -4rem;
margin-top: 1rem;
}
.power_harmonic-specialFeatures {
padding: 15rem 4% 5rem;
}
.power_harmonic-specialFeatures h1 {
font-size: 3.5rem;
align-self: center;
margin-right: -17rem;
margin-bottom: -1rem;
}
.power_harmonic-specialFeatures h2 {
font-size: 6rem;
}
.power_harmonic-specialFeatures h2 img {
bottom: 6rem;
left: -1rem;
max-width: 16rem;
}
.power_harmonic-specialFeatures h3 {
font-size: 2.3rem;
max-width: 26rem;
align-self: center;
margin-left: -4rem;
margin-top: 2rem;
}
.power_harmonic-placementGrid {
padding: 3rem 4% 3rem;
}
.power_harmonic-placementGrid div h1 {
font-size: 5rem;
}
.power_harmonic-actionable {
padding: 3rem 4% 3rem;
}
.power_harmonic-actionable div h1 {
font-size: 5rem;
}
.advanced_metering-banner {
padding: 25rem 4% 6rem;
}
.advanced_metering-banner h1 {
font-size: 2.3rem;
max-width: 19rem;
align-self: center;
margin-right: -11rem;
}
.advanced_metering-banner h2 {
font-size: 7rem;
line-height: 0.8;
text-align: left;
max-width: 30rem;
}
.advanced_metering-banner h2 img {
bottom: 5rem;
left: -1rem;
max-width: 24rem;
}
.advanced_metering-banner h3 {
font-size: 3rem;
align-self: center;
text-align: left;
margin-left: -7rem;
max-width: 22rem;
margin-top: 0.5rem;
}
.advanced_metering-quote {
padding: 5rem 2rem;
}
.advanced_metering-quote h1 {
font-size: 2rem;
}
.advanced_metering-whyChooseUs {
padding: 7rem 0% 7rem;
}
.advanced_metering-whyChooseUs .head {
margin-bottom: 1rem;
}
.advanced_metering-whyChooseUs .head h1 {
font-size: 3.5rem;
margin-left: -15rem;
margin-bottom: -3rem;
align-self: center;
}
.advanced_metering-whyChooseUs .head h2 {
font-size: 8rem;
flex-direction: column;
}
.advanced_metering-whyChooseUs .head p {
font-size: 2rem;
text-align: left;
align-self: flex-start;
margin-left: .5rem;
margin-bottom: 2rem;
margin-top: -1rem;
}
.advanced_metering-whyChooseUs .slides .block {
margin-left: 2rem;
border-radius: 2rem;
padding-bottom: 3rem;
}
.advanced_metering-whyChooseUs .slides .block h1 {
font-size: 2rem;
}
.advanced_metering-whyChooseUs .slides .block img {
margin-bottom: 1.5rem;
}
.advanced_metering-million {
padding: 5rem 4% 5rem;
background-position: center 20rem;
background-size: 33rem;
gap: 18rem;
}
.advanced_metering-million .text1 h1 {
font-size: 3rem;
margin-bottom: -1rem;
}
.advanced_metering-million .text1 h2 {
font-size: 7rem;
}
.advanced_metering-million .text2 {
margin-top: 10rem;
}
.advanced_metering-million .text2 h1 {
font-size: 7rem;
}
.advanced_metering-million .text2 h2 {
gap: 0rem;
flex-direction: row;
}
.advanced_metering-million .text2 span {
font-size: 3rem;
}
.advanced_metering-million .text2 span:nth-child(1) {
margin-left: 5rem;
}
.advanced_metering-million .text2 span:nth-child(2) {
margin-top: 5rem;
margin-left: -2rem;
}
.advanced_metering-placementGrid {
padding: 3rem 4% 3rem;
}
.advanced_metering-placementGrid div h1 {
font-size: 5rem;
}
.advanced_metering-actionable {
padding: 3rem 4% 3rem;
}
.advanced_metering-actionable div h1 {
font-size: 5rem;
}
.head_End_System-banner {
padding: 18rem 4% 5rem;
}
.head_End_System-banner h1 {
font-size: 2.3rem;
align-self: center;
max-width: 20rem;
margin-right: 10rem;
margin-bottom: 2rem;
}
.head_End_System-banner h2 {
font-size: 12rem;
flex-direction: column;
}
.head_End_System-banner h2 img {
bottom: 12rem;
max-width: 13rem;
right: -3rem;
}
.head_End_System-banner p {
font-family: var(--GT-Walsheim);
font-size: 3.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-start;
max-width: 29rem;
text-align: left;
padding-left: 2rem;
margin-top: 1rem;
margin-left: -20px;
}
.head_End_System-banner h3 {
font-size: 3.5rem;
align-self: center;
margin-top: 0.5rem;
margin-right: -21rem;
}
.head_End_System-HES {
padding: 7rem 4% 7rem;
}
.head_End_System-HES h1 {
font-size: 3rem;
align-self: center;
margin-right: 7rem;
margin-bottom: -2rem;
}
.head_End_System-HES h2 {
font-size: 8rem;
margin-bottom: 8rem;
}
.head_End_System-HES h2 img {
margin-top: -3rem;
max-width: 17rem;
}
.head_End_System-HES h3 {
font-size: 2.3rem;
max-width: 31rem;
align-self: center;
margin-right: 0rem;
margin-top: 4rem;
}
.head_End_System-whyChooseUs {
padding: 7rem 0% 7rem;
}
.head_End_System-whyChooseUs .head {
margin-bottom: 2rem;
}
.head_End_System-whyChooseUs .head h1 {
font-size: 3rem;
align-self: center;
margin-left: -14rem;
margin-bottom: -2rem;
}
.head_End_System-whyChooseUs .head h2 {
font-size: 7rem;
}
.head_End_System-whyChooseUs .slides .slick-list {
padding: 0 0% 0 0 !important;
} .head_End_System-whyChooseUs .slides .block {
gap: 1.5rem;
margin-left: 2rem;
margin-right: 2rem;
border-radius: 3rem;
padding-bottom: 2rem;
}
.head_End_System-whyChooseUs .slides .block h1 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
max-width: 90%;
}
.head_End_System-whyChooseUs .slides .block p {
max-width: 90%;
font-size: 1.4rem;
}
.head_End_System-whyChooseUs .slideNav {
justify-content: center;
margin-top: 1.5rem;
}
.head_End_System-placementGrid {
padding: 3rem 4% 3rem;
}
.head_End_System-placementGrid div h1 {
font-size: 5rem;
}
.head_End_System-actionable {
padding: 3rem 4% 3rem;
}
.head_End_System-actionable div h1 {
font-size: 5rem;
}
.rh_mesh-banner {
padding: 16rem 4% 6rem;
}
.rh_mesh-banner h1 {
font-size: 2.5rem;
align-self: center;
text-align: left;
max-width: 11rem;
margin-left: -19rem;
margin-bottom: 1rem;
}
.rh_mesh-banner h2 {
font-size: 10rem;
}
.rh_mesh-banner h2 img {
max-width: 15rem;
bottom: 7rem;
right: -4%;
}
.rh_mesh-banner h3 {
font-size: 2.3rem;
align-self: center;
margin-top: 2rem;
margin-left: -12rem;
max-width: 18rem;
}
.rh_mesh-vayu {
padding: 12rem 4% 6rem;
}
.rh_mesh-vayu div {
margin-left: 0%;
}
.rh_mesh-vayu h1 {
font-size: 3rem;
align-self: center;
margin-bottom: -4rem;
margin-right: 12rem;
}
.rh_mesh-vayu h2 {
font-size: 15rem;
}
.rh_mesh-vayu h2 img {
max-width: 15rem;
bottom: 13.5rem;
margin-left: 9rem;
}
.rh_mesh-vayu h3 {
font-size: 2rem;
align-self: center;
max-width: 27rem;
margin-right: -13rem;
margin-top: 2rem;
}
.rh_mesh-whyChooseVayu {
padding: 7rem 0% 7rem;
}
.rh_mesh-whyChooseVayu .head h1 {
font-size: 3rem;
align-self: center;
margin-right: 0;
margin-bottom: -2rem;
}
.rh_mesh-whyChooseVayu .head h2 {
font-size: 6rem;
}
.rh_mesh-whyChooseVayu .slides .block {
margin-left: 2rem;
}
.rh_mesh-whyChooseVayu .slides .block .text {
gap: 1.2rem;
}
.rh_mesh-whyChooseVayu .slides .block p {
font-size: 1.2rem;
}
.rh_mesh-whyChooseVayu .slides .block {
display: flex;
gap: 2rem;
}
.rh_mesh-whyChooseVayu .slides .block img {
margin-bottom: 1.5rem;
}
.rh_mesh-whyChooseVayu .slideNav {
justify-content: center;
}
.rh_mesh-whyChooseVayu .slides .block h1 {
font-size: 1.8rem;
}
.rh_mesh-whyChooseVayu .get_it_now {
margin-top: 3rem;
;
height: 4rem;
}
.rh_mesh-placementGrid {
padding: 3rem 4% 3rem;
}
.rh_mesh-placementGrid div h1 {
font-size: 5rem;
}
.rh_mesh-actionable {
padding: 3rem 4% 3rem;
}
.rh_mesh-actionable div h1 {
font-size: 5rem;
}
.consumer_mobile_app-banner {
padding: 26rem 4% 5rem;
}
.consumer_mobile_app-banner h1 {
font-size: 3.3rem;
max-width: 19rem;
text-align: right;
align-self: center;
margin-left: 6rem;
margin-bottom: -18rem;
}
.consumer_mobile_app-banner h2 {
font-size: 13rem;
margin-left: 0rem;
}
.consumer_mobile_app-banner div {
margin-left: 0%;
}
.consumer_mobile_app-banner h2 img {
max-width: 15rem;
right: -6rem;
bottom: 8rem;
}
.consumer_mobile_app-banner h3 {
font-size: 2.5rem;
align-self: center;
margin-top: -0.5rem;
margin-right: 0rem;
max-width: 21rem;
margin-top: 7rem;
margin-left: -7rem;
}
.consumer_mobile_app-solution {
padding: 5rem 4% 5rem;
}
.consumer_mobile_app-solution h1 {
font-size: 3rem;
align-self: center;
margin-right: 7rem;
margin-bottom: -1rem;
}
.consumer_mobile_app-solution h2 {
font-size: 8rem;
}
.consumer_mobile_app-solution h2 img {
bottom: -10rem;
left: 0rem;
max-width: 20rem;
}
.consumer_mobile_app-solution h3 {
font-size: 2rem;
max-width: 17rem;
align-self: center;
margin-right: -13rem;
margin-top: 10rem;
}
.consumer_mobile_app-whyChooseVayu {
padding: 7rem 0% 7rem;
}
.consumer_mobile_app-whyChooseVayu .head h1 {
font-size: 2.3rem;
align-self: center;
margin-right: -5rem;
margin-bottom: -1.5rem;
}
.consumer_mobile_app-whyChooseVayu .head h2 {
font-size: 6rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block .text {
gap: 1.2rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block {
margin-left: 2rem;
gap: 2rem;
}
.consumer_mobile_app-whyChooseVayu .slides .text { gap: 2rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block img {
margin-bottom: 1.5rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block h1 {
font-size: 1.8rem;
}
.consumer_mobile_app-whyChooseVayu .slides .block p {
font-size: 1.2rem;
}
.consumer_mobile_app-whyChooseVayu .get_it_now {
margin-top: 2rem;
height: 4rem;
}
.consumer_mobile_app-placementGrid {
padding: 3rem 4% 3rem;
}
.consumer_mobile_app-placementGrid div h1 {
font-size: 5rem;
}
.consumer_mobile_app-actionable {
padding: 3rem 4% 3rem;
}
.consumer_mobile_app-actionable div h1 {
font-size: 5rem;
}
.smart_meters-banner {
padding: 18rem 4% 8rem;
}
.smart_meters-banner h1 {
font-size: 7rem;
align-self: center;
margin-left: 8rem;
margin-bottom: -14rem;
max-width: 20rem;
line-height: .8;
}
.smart_meters-banner h2 {
font-size: 3rem;
margin-left: -13rem;
letter-spacing: -1.07px;
}
.smart_meters-banner h2 img {
max-width: 12rem;
bottom: -11.5rem;
left: 0rem;
}
.smart_meters-banner h3 {
font-size: 2.3rem;
max-width: 33rem;
align-self: center;
margin-top: 13rem;
margin-left: 5rem;
}
.smart_meters-reliablity h1 {
margin-left: -44%;
margin-bottom: 1rem;
}
.smart_meters-reliablity h2 {
font-size: 9rem;
}
.smart_meters-reliablity h3 {
max-width: 17rem;
font-size: 2.5rem;
margin-top: 1rem;
margin-right: 30%;
}
.smart_meters-reliablity {
padding: 8rem 4% 8rem;
}
.smart_meters-reliablity h2 img {
max-width: 16rem;
bottom: 1rem;
left: 15rem;
}
.smart_meters-slides {
padding: 5rem 4%;
overflow: hidden;
}
.smart_meters-slides .nav {
flex-wrap: nowrap;
gap: 2rem;
margin-bottom: 4.5rem;
justify-content: flex-start;
overflow-x: scroll;
}
.smart_meters-slides .nav .tab {
height: auto;
}
.smart_meters-slides .nav .tab svg {
width: auto;
height: 4rem;
}
.smart_meters-slides .content {
overflow: hidden;
}
.smart_meters-slides .content .slide .tabContainer,
.smart_meters-slides .content .slide2 .tabContainer,
.smart_meters-slides .content .slide3 .tabContainer {
gap: 0rem;
flex-direction: column;
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 2rem;
}
.smart_meters-slides .content .slide .tabContainer .c1 {
padding: 0rem;
width: 100%;
}
.smart_meters-slides .content .slide .tabContainer .c1,
.smart_meters-slides .content .slide2 .tabContainer .c1,
.smart_meters-slides .content .slide3 .tabContainer .c1 {
width: 100%;
order: 1;
}
.smart_meters-slides .content .slide .tabContainer .c2,
.smart_meters-slides .content .slide2 .tabContainer .c2,
.smart_meters-slides .content .slide3 .tabContainer .c2 {
width: 100%;
order: 2;
}
.smart_meters-slides .content .slide .tabContainer .c3,
.smart_meters-slides .content .slide2 .tabContainer .c3,
.smart_meters-slides .content .slide3 .tabContainer .c3 { width: 100%;
order: 3;
grid-column: span 2;
border-right: none;
padding-right: 0;
}
.smart_meters-slides .content .slide .tabContainer .c2 {
padding: 0rem;
width: 100%;
}
.smart_meters-slides .content .slide .tabContainer .c2 .content {
flex-direction: column;
}
.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-size: 3rem;
margin-bottom: 2.5rem;
}
.smart_meters-slides .content .slide .tabContainer .c2 .body div h1,
.smart_meters-slides .content .slide2 .tabContainer .c2 .body div h1,
.smart_meters-slides .content .slide3 .tabContainer .c2 .body div h1 {
font-size: 1.4rem;
}
.smart_meters-slides .content .slide .tabContainer .c2 .body div p,
.smart_meters-slides .content .slide2 .tabContainer .c2 .body div p,
.smart_meters-slides .content .slide3 .tabContainer .c2 .body div p {
font-size: 1.4rem;
}
.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-size: 3rem;
}
.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-size: 1.4rem;
}
.smart_meters-slides .content .slide .tabContainer .c2>p {
font-size: 1.8rem;
margin-top: 4rem;
}
.smart_meters-slides .subNav.active {
display: flex;
justify-content: flex-start;
overflow-x: scroll;
height: auto; }
.smart_meters-slides .subNav .tab svg {
height: 4rem;
max-width: unset;
width: auto;
}
.smart_meters-About-Kaushal-U1 {
padding: 3rem 4% 0rem;
}
.smart_meters-About-Kaushal-U1 h1 {
font-size: 3rem;
align-self: center;
margin-left: -22rem;
margin-bottom: 0.5rem;
}
.smart_meters-About-Kaushal-U1 h2 {
font-size: 8rem;
}
.smart_meters-About-Kaushal-U1 h2 img {
max-width: 14rem;
bottom: 4rem;
right: 1rem;
}
.smart_meters-About-Kaushal-U1 h3 {
font-size: 2.3rem;
max-width: 21rem;
align-self: center;
margin-left: 12rem;
margin-top: 0rem;
}
.smart_meters-topFeatures {
padding: 5rem 0% 5rem 0%;
}
.smart_meters-topFeatures .slides .block {
margin-right: 2rem;
margin-left: 2rem;
}
.smart_meters-topFeatures .head {
margin-bottom: 1.7rem;
}
.smart_meters-topFeatures .head h1 {
font-size: 7rem;
}
.smart_meters-topFeatures .slides .block h1 {
font-size: 1.6rem;
}
.smart_meters-topFeatures .slides .block .text {
border-radius: 1.2rem;
padding: 2rem 2rem 2rem 3rem;
}
.smart_meters-placementGrid {
padding: 3rem 4% 3rem;
}
.smart_meters-placementGrid div h1 {
font-size: 5rem;
}
.smart_meters-actionable {
padding: 3rem 4% 3rem;
}
.smart_meters-actionable div h1 {
font-size: 5rem;
} .smart_meters-textImageTab {
padding: 5rem 4% 5rem;
}
.smart_meters-textImageTab h2 {
font-size: 6.5rem;
text-align: left;
line-height: .9;
}
.smart_meters-textImageTab h2 img {
position: absolute;
z-index: -1;
max-width: 15rem;
bottom: -1rem;
left: 50%;
}
.smart_meters-textImageTab:nth-child(1) h3 {
font-family: var(--GT-Walsheim);
font-size: 1.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: 24rem;
align-self: flex-end;
margin-top: 4rem;
margin-right: 21%;
position: relative;
}
.smart_meters-textImageTab:nth-child(2) h2 {
font-size: 7rem;
text-align: left;
line-height: 1;
max-width: 30rem;
}
.smart_meters-textImageTab:nth-child(2) h3 {
max-width: 23rem;
align-self: flex-start;
margin-top: 2rem;
font-size: 1.6rem;
margin-left: 9%;
margin-right: 0;
}
.smart_meters-textImageTab:nth-child(2) h2 img {
position: absolute;
z-index: 0;
max-width: 15rem;
bottom: 2rem;
left: 55%;
}
.smart_meters-textImageTab:nth-child(3) h2 {
max-width: 28rem;
}
.smart_meters-textImageTab:nth-child(3) h2 img {
position: absolute;
z-index: 0;
max-width: 15rem;
bottom: 6rem;
left: 49%;
}
.smart_meters-textImageTab:nth-child(3) h3 {
max-width: 23rem;
align-self: flex-start;
margin-top: 3.6rem;
margin-left: 5%;
font-size: 1.6rem;
}
.smart_meters-textImageTab:nth-child(3) span {
position: absolute;
top: -4rem;
right: -6rem;
font-size: 4rem;
}
.smart_meters-textImageTab:nth-child(4) h2 {
font-size: 6.5rem;
text-align: left;
line-height: .9;
max-width: 20rem;
margin-left: -10rem;
}
.smart_meters-textImageTab:nth-child(4) h2 img {
position: absolute;
z-index: -1;
max-width: 14rem;
bottom: 3rem;
left: 74%;
}
.smart_meters-textImageTab:nth-child(4) h3 {
max-width: 23rem;
align-self: flex-end;
margin-top: 2rem;
margin-right: 0%;
position: relative;
font-size: 1.6rem;
}
.smart_meters-textImageTab:nth-child(5) h2 {
font-size: 6.5rem;
max-width: 29rem;
line-height: 1;
}
.smart_meters-textImageTab:nth-child(5) h3 {
max-width: 23rem;
align-self: flex-end;
margin-top: 5rem;
margin-right: 7%;
font-size: 1.6rem;
}
.smart_meters-textImageTab:nth-child(5) span {
font-size: 4rem;
position: absolute;
top: -5rem;
right: -2rem;
}
.smart_meters-textImageTab:nth-child(5) h2 img {
position: absolute;
z-index: 0;
max-width: 14rem;
bottom: 11rem;
left: 60%;
}
.smart_meters-textImageTab:nth-child(6) h2 img {
position: absolute;
z-index: 0;
max-width: 12rem;
bottom: 9rem;
left: 57%;
}
.smart_meters-textImageTab:nth-child(6) h3 {
font-size: 1.6rem;
max-width: 23rem;
}
.smart_meters-textImageTab:nth-child(1) h2 {
font-size: 6.5rem;
text-align: left;
line-height: .9;
margin-left: 2rem;
}
.smart_meters-slides .blockContainer {
flex-direction: column;
}
.smart_meters-slides .container_1 {
width: 100%;
}
.smart_meters-slides .container_2 {
display: none;
}
.smart_meters-slides .container_1>.text>h1 {
font-size: 1.7rem;
line-height: 1.3;
}
.smart_meters-slides .container_3 .popUpBlock {
gap: 2rem;
overflow-x: scroll;
}
.smart_meters-slides .container_3 .popUpBlock.active {
display: grid;
grid-template-rows: repeat(1, 1fr);
gap: 2rem;
overflow-x: scroll;
}
.smart_meters-slides .container_3 .popUpSlide {
width: 70vw;
gap: 1rem;
}
.smart_meters-slides .container_3 .popUpSlide h1 {
font-size: 2rem;
}
.smart_meters-slides .container_1 .slider .block .text {
border-radius: 2rem;
} .popUp-overlay .smartMeters_popUp {
width: 90%;
padding: 5rem 3rem;
flex-direction: column;
border-radius: 3rem;
}
.popUp-overlay .smartMeters_popUp .c1 {
width: 100%;
}
.popUp-overlay .smartMeters_popUp .c2 {
width: 100%;
}
.popUp-overlay .smartMeters_popUp .c1 .head h1 {
font-size: 4rem;
max-width: 80%;
align-self: flex-start;
}
.popUp-overlay .smartMeters_popUp .c1 .head h1 {
padding-bottom: 0;
margin-bottom: 2rem;
border: none;
}
.popUp-overlay .smartMeters_popUp .c1 .content h1 {
font-size: 1.7rem;
}
.popUp-overlay .smartMeters_popUp .c1 .content p {
font-size: 1.7rem;
}
.popUp-overlay .smartMeters_popUp .close {
width: 2rem;
height: 2rem;
right: 3rem;
top: 3rem;
}
.popUp-overlay .smartMeters_popUp .c1 .head {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #0081ff;
}
.popUp-overlay .smartMeters_popUp .c1 .head img {
max-height: 20rem;
}
.smart_meters-slides .container_3 .popUpSlide .c1 {
width: 60%;
}
.smart_meters-slides .container_3 .popUpSlide .c2 {
width: 40%;
} .workforce-banner {
padding: 13rem 4% 10rem;
}
.workforce-banner h1 {
font-size: 2.3rem;
max-width: 16rem;
align-self: center;
margin-bottom: -1rem;
margin-right: -12rem;
}
.workforce-banner h2 {
font-size: 6rem;
max-width: 33rem;
line-height: .9;
text-align: left;
margin-left: 2rem;
}
.workforce-banner h2 img {
max-width: 15rem;
bottom: -7rem;
left: -2%;
}
.workforce-banner h3 {
font-size: 3rem;
margin-right: -14rem;
margin-top: 0rem;
}
.workforce-yukti {
padding: 11rem 4% 8rem;
}
.workforce-yukti div {
margin-left: 0%;
}
.workforce-yukti h1 {
font-size: 3rem;
align-self: flex-end;
margin-right: -1rem;
margin-bottom: 0rem;
}
.workforce-yukti h2 {
font-size: 13rem;
margin-right: -4rem;
}
.workforce-yukti h2 img {
max-width: 11rem;
bottom: 10rem;
left: 1rem;
}
.workforce-yukti h3 {
font-size: 2.3rem;
max-width: 28rem;
align-self: center;
margin-right: -4rem;
margin-top: 1rem;
}
.workforce-help {
padding: 6rem 4% 6rem;
}
.workforce-help .head {
margin-bottom: 3rem;
}
.workforce-help .head h1 {
font-size: 3rem;
margin-right: -9rem;
margin-bottom: -1rem;
}
.workforce-help .head h2 {
font-size: 9rem;
}
.workforce-help .content {
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
}
.workforce-help .content .block {
border-radius: 2rem;
flex-direction: row;
padding: 0 0rem 0rem 0rem;
}
.workforce-help .content .block img {
max-width: 15rem;
margin-bottom: 0rem;
}
.workforce-help .content .block h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
.workforce-help .content .block p {
text-align: left;
font-size: 1.2rem;
}
.workforce-help .content .block .text {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.workforce-specialFeatures {
padding: 7rem 0% 7rem 0%;
}
.workforce-specialFeatures .head {
margin-bottom: 3rem;
margin-right: 0%;
}
.workforce-specialFeatures .head h1 {
font-size: 6rem;
}
.workforce-specialFeatures .slides .block {
margin-right: 2rem;
margin-left: 2rem;
}
.workforce-specialFeatures .slides .block img {
max-width: 9rem;
}
.workforce-specialFeatures .slides .block h1 {
font-size: 1.6rem;
border-radius: 2rem;
}
.workforce-specialFeatures .slideNav {
margin-top: 2rem;
align-self: center;
}
.workforce-benefits {
padding: 7rem 0% 7rem 0%;
}
.workforce-benefits .slideNav {
align-self: center;
}
.workforce-benefits .head {
margin-bottom: 3rem;
}
.workforce-benefits .head h1 {
font-size: 9rem;
}
.workforce-benefits .slides .block {
gap: 2rem;
margin-right: 2rem;
margin-left: 2rem;
border-radius: 2rem;
padding-bottom: 3rem;
} .workforce-benefits .slides .block h1 {
font-size: 1.6rem;
}
.workforce-getStarted {
padding: 5rem 4% 6rem 4%;
}
.workforce-getStarted .head {
margin-bottom: 5rem;
}
.workforce-getStarted .head h1 {
font-size: 3rem;
margin-right: 24rem;
margin-bottom: -1rem;
}
.workforce-getStarted .head h2 {
font-size: 7rem;
}
.workforce-getStarted .content {
flex-direction: column;
align-items: center;
}
.workforce-getStarted .content .block {
width: 100%;
}
.workforce-getStarted .content .block h1 {
font-size: 1.8rem;
padding: 3rem 3rem 3rem 5rem;
border-radius: 2.5rem;
}
.workforce-getStarted .content .block img {
max-width: 12rem;
}
.workforce-getStarted .content .arrow {
transform: rotate(90deg);
}
.workforce-keyIntegration {
padding: 6rem 4% 6rem 4%;
}
.workforce-keyIntegration .head {
margin-bottom: 3rem;
}
.workforce-keyIntegration .head h1 {
font-size: 5rem;
}
.workforce-keyIntegration .content {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.workforce-keyIntegration .content .block {
border-radius: 2rem;
overflow: hidden;
gap: 2rem;
}
.workforce-keyIntegration .content .block h1 {
font-size: 1.4rem;
padding: 0px 2rem 2rem 2rem;
}
.workforce-placementGrid {
padding: 3rem 4% 3rem;
}
.workforce-placementGrid div h1 {
font-size: 5rem;
}
.workforce-actionable {
padding: 3rem 4% 3rem;
}
.workforce-actionable div h1 {
font-size: 5rem;
}
.ai_enabled_meter-banner {
padding: 24rem 4% 7rem;
}
.ai_enabled_meter-banner h1 {
font-size: 2.3rem;
max-width: 18rem;
align-self: center;
margin-left: -10rem;
margin-bottom: 1rem;
}
.ai_enabled_meter-banner h2 {
font-size: 8rem;
}
.ai_enabled_meter-banner h2 img {
max-width: 19rem;
bottom: 9rem;
}
.ai_enabled_meter-banner h3 {
font-size: 3.5rem;
align-self: center;
margin-right: -13rem;
margin-top: 0.5rem;
}
.ai_enabled_meter-samaksha {
padding: 5rem 4% 5rem;
}
.ai_enabled_meter-samaksha h1 {
font-size: 3rem;
align-self: center;
margin-left: -11rem;
margin-bottom: 0rem;
}
.ai_enabled_meter-samaksha h2 {
font-size: 8rem;
}
.ai_enabled_meter-samaksha h2 img {
max-width: 14rem;
z-index: -1;
right: -4%;
bottom: -12rem;
}
.ai_enabled_meter-samaksha .text {
margin-left: -6rem;
z-index: -2;
align-self: center;
margin-top: 11rem;
max-width: 84%;
}
.ai_enabled_meter-samaksha .text img {
max-width: 10rem;
}
.ai_enabled_meter-samaksha .text h3 {
font-size: 2rem;
}
.ai_enabled_meter-distinguishing {
padding: 9rem 4% 11rem;
}
.ai_enabled_meter-distinguishing h1 {
font-size: 4rem;
align-self: center;
margin-right: 8rem;
margin-bottom: -2rem;
}
.ai_enabled_meter-distinguishing h2 {
font-size: 7rem;
}
.ai_enabled_meter-distinguishing h2 span {
font-size: 4rem;
bottom: -4rem;
right: 0rem;
}
.ai_enabled_meter-distinguishing h2 img {
bottom: -24rem;
max-width: 20rem;
right: -1rem;
}
.ai_enabled_meter-distinguishing h3 {
font-size: 2.3rem;
align-self: center;
margin-top: 4rem;
max-width: 16rem;
margin-left: -15rem;
}
.ai_enabled_meter-Steps {
padding: 6rem 4% 6rem;
}
.ai_enabled_meter-Steps h1 {
font-size: 11rem;
}
.ai_enabled_meter-Steps h1 img {
max-width: 12rem;
bottom: -10rem;
right: -1rem;
}
.ai_enabled_meter-Steps h2 {
font-size: 3rem;
max-width: 18rem;
align-self: center;
margin-top: 1rem;
margin-left: -9rem;
}
.ai_enabled_meter-Steps>.content {
margin-top: 7rem;
grid-template-columns: repeat(1, 1fr);
z-index: -2;
gap: 2rem;
}
.ai_enabled_meter-Steps>.content .block {
max-width: 77%;
}
.ai_enabled_meter-Steps>.content .block:nth-child(2) {
margin-left: 7rem;
}
.ai_enabled_meter-Steps>.content .block img { max-width: 7rem;
margin-top: 0;
}
.ai_enabled_meter-Steps>.content .block .text {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2rem 3rem 2rem 5rem;
border-radius: 2rem;
}
.ai_enabled_meter-Steps>.content .block .text h1 {
font-size: 2rem;
margin-bottom: 0.8rem;
}
.ai_enabled_meter-Steps>.content .block .text p {
font-size: 1.2rem;
}
.ai_enabled_meter-gettingStarter {
padding: 5rem 4% 5rem;
flex-direction: column;
gap: 2rem;
}
.ai_enabled_meter-gettingStarter .c1 {
width: 100%;
}
.ai_enabled_meter-gettingStarter .c1 .head {
margin-bottom: 3rem;
}
.ai_enabled_meter-gettingStarter .c1 .head h1 {
font-size: 5rem;
text-align: center;
}
.ai_enabled_meter-gettingStarter .c1 .content {
gap: 1rem;
}
.ai_enabled_meter-gettingStarter .c1 .content .block {
border-radius: 1rem;
padding: 2rem 3rem;
display: flex;
align-items: center;
}
.ai_enabled_meter-gettingStarter .c1 .content .block h1 {
font-size: 1.8rem;
line-height: 1.25;
}
.ai_enabled_meter-gettingStarter .c2 {
width: 100%;
}
.ai_enabled_meter-howItHelps {
padding: 5rem 4% 5rem;
flex-direction: column;
gap: 2rem;
}
.ai_enabled_meter-howItHelps .c1 {
width: 100%;
}
.ai_enabled_meter-howItHelps .c1 .head {
margin-bottom: 3rem;
}
.ai_enabled_meter-howItHelps .c1 .head h1 {
font-size: 5rem;
text-align: center;
}
.ai_enabled_meter-howItHelps .c1 .content {
gap: 1rem;
}
.ai_enabled_meter-howItHelps .c1 .content .block {
border-radius: 1rem;
padding: 2rem 3rem;
display: flex;
align-items: center;
}
.ai_enabled_meter-howItHelps .c1 .content .block h1 {
font-size: 1.8rem;
line-height: 1.25;
}
.ai_enabled_meter-howItHelps .c2 {
width: 100%;
}
.ai_enabled_meter-whatCanItDo {
padding: 5rem 4% 5rem;
flex-direction: column;
gap: 2rem;
}
.ai_enabled_meter-whatCanItDo .c1 {
width: 100%;
}
.ai_enabled_meter-whatCanItDo .c1 .head {
margin-bottom: 3rem;
}
.ai_enabled_meter-whatCanItDo .c1 .head h1 {
font-size: 5rem;
text-align: center;
}
.ai_enabled_meter-whatCanItDo .c1 .content {
gap: 1rem;
}
.ai_enabled_meter-whatCanItDo .c1 .content .block {
border-radius: 1rem;
padding: 2rem 3rem;
display: flex;
align-items: center;
}
.ai_enabled_meter-whatCanItDo .c1 .content .block h1 {
font-size: 1.8rem;
line-height: 1.25;
}
.ai_enabled_meter-whatCanItDo .c2 {
width: 100%;
}
.ai_enabled_meter-placementGrid {
padding: 3rem 4% 3rem;
}
.ai_enabled_meter-placementGrid div h1 {
font-size: 5rem;
}
.ai_enabled_meter-actionable {
padding: 3rem 4% 3rem;
}
.ai_enabled_meter-actionable div h1 {
font-size: 5rem;
}
.ourStoryReadMore-popUps {
height: auto;
padding: 5rem 2rem;
border-radius: 2rem;
}
.ourStoryReadMore-popUps .head h1 {
font-size: 3rem;
margin-bottom: 3rem;
}
.ourStoryReadMore-popUps .content p {
font-size: 1.6rem;
height: 22rem;
overflow-y: scroll;
padding-right: 1rem;
letter-spacing: 0px;
}
.ourStoryReadMore-popUps .closeBtn {
right: 3rem;
top: 3rem;
width: 1.5rem;
height: 1.5rem;
}
.ourPlants-block-popUp {
border-radius: 3rem;
padding: 5rem 4rem;
width: 90%;
height: 80vh;
overflow-y: scroll;
}
.ourPlants-block-popUp h1 {
font-size: 4rem;
margin-top: 2rem;
}
.ourPlants-block-popUp .closeBtn {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.ourPlants-block-popUp .container {
gap: 2rem;
flex-direction: column;
width: 100%;
}
.ourPlants-block-popUp .container .c1 {
width: 100%;
}
.ourPlants-block-popUp .container .c2 {
width: 100%;
}
.ourPlants-slide-popUp .c1 img {
height: 20rem;
}
.ourPlants-slide-popUp {
flex-direction: column;
gap: 3rem;
border-radius: 2rem;
width: 85vw;
gap: 0;
height: 75vh;
}
.ourPlants-slide-popUp .c1 {
width: 100%;
}
.ourPlants-slide-popUp .c2 {
width: 100%;
padding: 2rem 1rem 2rem 3rem;
overflow-y: scroll;
align-items: flex-start;
justify-content: flex-start;
}
.ourPlants-slide-popUp .c2 h1 {
font-size: 4rem;
}
.ourPlants-slide-popUp .c2 ul li {
font-size: 1.6rem;
}
.ourPlants-slide-popUp .closeBtn {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.careers-block-popUp {
border-radius: 2rem;
width: 80%;
}
.careers-block-popUp .container {
padding: 6rem 3rem 3rem 3rem;
}
.careers-block-popUp .container h1 {
font-size: 3.5rem;
margin-bottom: 2rem;
width: 90%;
}
.careers-block-popUp .container h2 {
font-size: 2.5rem;
}
.careers-block-popUp .container p {
font-size: 1.6rem;
height: 36vh;
overflow-y: scroll;
max-width: 100%;
height: 36vh;
overflow-y: scroll;
padding-right: 1rem;
}
.careers-block-popUp .close {
right: 4rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.beAPartOfTeam div {
flex-direction: column;
}
.beAPartOfTeam img {
max-width: 32rem;
margin-top: 0;
margin-right: 0;
}
.beAPartOfTeam h1 {
font-size: 4rem;
}
.beAPartOfTeam {
position: relative;
padding: 6rem 4% 6rem;
}
.beAPartOfTeam a,
.beAPartOfTeam h2 {
padding-left: 0rem;
max-width: 17rem;
padding-top: 1.5rem;
margin-bottom: 0;
}
.culture_banner {
padding: 19rem 4% 6rem;
}
.culture_banner h1 {
font-size: 8rem;
}
.culture_banner img {
max-width: 17rem;
justify-self: center;
bottom: 12.5rem;
right: -9rem;
}
.culture_banner h2 {
font-size: 2rem;
margin-left: -11rem;
margin-top: 3rem;
color: #0081ff;
max-width: 20rem;
}
.culture_values {
padding: 12rem 4% 4rem
}
.culture_knowItAll h3,
.culture_knowItAll .mail {
font-size: 1.8rem;
}
.culture_values h1 {
font-size: 1.6rem;
max-width: 19rem;
margin-right: 36%;
margin-bottom: 1rem;
}
.culture_values h2 {
font-size: 9rem;
}
.culture_values h3 {
font-size: 2.5rem;
max-width: 18rem;
align-self: flex-start;
margin-top: 0rem;
margin-left: 1rem;
}
.culture_values h2 img {
bottom: -5rem;
left: 51%;
max-width: 15rem;
}
.dot-space svg {
width: 0.5rem;
height: auto;
}
.cultureValues {
padding: 5rem 0% 5rem 0%;
display: flex;
}
.cultureValues .slideNav {
align-self: center;
}
.cultureValues .slides .block {
margin: 0 2rem 0 2rem;
}
.cultureValues .slides .block .head h1 {
font-size: 3rem;
}
.cultureValues .slides .block .container {
gap: 2rem;
flex-direction: column;
}
.cultureValues .slides .block .container img {
width: 100%;
}
.cultureValues .slides .block .container p {
width: 100%;
font-size: 1.6rem;
}
.cultureConductSlide {
padding: 5rem 0% 5rem 0%;
display: flex;
}
.cultureConductSlide .slides .block {
margin: 0 2rem 0 2rem;
}
.cultureConductSlide .slides .block .head h1 {
font-size: 3rem;
}
.cultureConductSlide .slideNav {
align-self: center;
}
.cultureConductSlide .slides .block .container {
gap: 2rem;
flex-direction: column;
}
.cultureConductSlide .slides .block .container img {
width: 100%;
}
.cultureConductSlide .slides .block .container p {
width: 100%;
font-size: 1.6rem;
}
.culture_conduct {
position: relative;
padding: 5rem 4% 3rem;
}
.culture_conduct h1 {
font-size: 1.6rem;
}
.culture_conduct h2 {
font-size: 9rem;
}
.culture_conduct h2 img {
z-index: -1;
bottom: 7rem;
right: 3%;
max-width: 12rem;
}
.culture_conduct h1 {
font-size: 1.5rem;
max-width: 18rem;
margin-right: 40%;
margin-bottom: 2rem;
}
.culture_life {
padding: 5rem 4% 7rem;
}
.culture_trust {
padding: 5rem 4% 5rem;
}
.culture_life h2 {
font-size: 7rem;
}
.culture_life h2 img {
bottom: 1rem;
right: -3%;
max-width: 17rem;
}
.culture_life h1 {
font-size: 3rem;
max-width: 13rem;
margin-left: -55%;
}
.culture_life h3 {
font-size: 2rem;
max-width: 21rem;
align-self: flex-end;
margin-top: 1rem;
margin-right: 0rem;
text-align: right;
}
.culture_trust h2 {
font-size: 6rem;
}
.culture_trust h2 img {
bottom: 3rem;
right: -5%;
max-width: 11rem;
}
.culture_trust h1 {
font-size: 2rem;
max-width: 25rem;
bottom: -12rem;
left: -1rem;
}
.culture_trust h3 {
align-self: flex-start;
margin-top: 8rem;
}
.culture_knowItAll {
padding: 5rem 4% 5rem;
}
.culture_knowItAll h1 {
font-size: 8rem;
}
.culture_knowItAll h2 {
margin-top: 4rem;
font-size: 2.3rem;
max-width: 32rem;
row-gap: 1.5rem;
}
.culture_knowItAll h3,
.culture_knowItAll a {
text-align: center;
font-size: 2.3rem;
}
.post-container>.head {
flex-direction: column;
gap: 2.7rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.post-container .head .c1 {
width: 100%;
}
.post-container .head .c1 .applyBtn {
margin: 3rem 0 0 0;
}
.post-container .head .c2 {
width: 100%;
}
.post-container .head .c1 h1 {
width: 100%;
font-size: 3rem;
}
.post-container h2 {
font-size: 2rem;
padding-bottom: 2.7rem;
max-width: 100%;
}
.post-container>p {
font-size: 1.6rem;
padding-bottom: 2.5rem;
max-width: 100%;
}
.post-container figure>img {
padding-bottom: 3rem;
max-width: 100%;
}
.post-container ul {
padding-bottom: 2.7rem;
}
.post-container ul li {
font-size: 1.8rem;
margin-left: 2rem;
}
.blog_share {
gap: 3rem;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
.blog_share .c2 {
gap: 2rem;
}
.blog_share h1 {
font-size: 2rem;
}
.blog_share .c2 svg {
height: 2rem;
}
.post-container .blog_contact .head {
flex-direction: column;
align-items: flex-start;
gap: 1.8rem;
margin-bottom: 3rem;
}
.post-container .blog_contact .head h1 {
font-size: 2rem;
}
.post-container .blog_contact .block form .form-row {
grid-template-columns: repeat(1, 1fr);
width: 100%;
gap: 1rem;
margin-bottom: 1.5rem;
}
.post-container .blog_contact .checkBox p {
font-size: 1.2rem;
}
.post-container .blog_contact .block form .form-comment textarea {
width: 100%;
}
.post-container .blog_contact {
position: relative;
margin-bottom: 3rem;
padding-bottom: 3rem;
}
.blog_recent .head h1 {
font-size: 2rem;
}
.blog_recent .container {
gap: 2rem;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 3.6rem;
}
.blog_recent .blog_card {
display: flex;
flex-direction: column;
background-color: #F6F6F6;
border-radius: 3rem;
padding-bottom: 4.6rem;
}
.post-container .latestJobs .slideNav {
display: flex;
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
}
.post-container .latestJobs .content {
display: unset;
}
.post-container .latestJobs .content .block {
margin: 0 2rem;
}
.post-container .getAlerts input {
width: 100%;
}
.blog-banner h2 {
font-size: 5rem;
letter-spacing: -1.5px;
}
.blog-banner h1 {
font-size: 3rem;
align-self: flex-start;
margin-left: 15.5rem;
margin-bottom: 0rem;
}
.blog-banner h2 img {
position: absolute;
z-index: -1;
bottom: -18rem;
right: 0rem;
max-width: 18rem;
}
.blog-banner h3 {
font-size: 2rem;
z-index: 1;
max-width: 54rem;
align-self: flex-end;
max-width: 20rem;
margin-right: 0rem;
align-self: flex-start;
margin-top: 2rem;
margin-left: 2rem;
}
.blog-list {
grid-template-columns: repeat(1, 1fr);
}
.error-page img {
width: 100%;
max-width: 75rem;
align-self: center;
}
.error-page h1 {
font-size: 4rem;
}
.post-container>.content {
flex-direction: column;
gap: 5rem;
}
.post-container>.content .c1 {
width: 100%;
}
.post-container>.content .c2 {
width: 100%;
}
.footer .links span {
position: absolute;
flex-direction: row;
right: 0;
top: -5rem;
}
.footer .links span svg {
width: 2rem;
height: 2rem;
}
.footer .links span svg.yt {
width: 3rem;
height: 2rem;
}
.privacyPolicy .entry-content p {
max-width: 95%;
}
.termsOfUse .entry-content p {
max-width: 95%;
}
.termsOfUse .entry-content table {
font-size: 2rem;
max-width: 95%;
} .nic-banner {
position: relative;
padding: 17rem 4% 5rem;
}
.nic-banner h2 {
font-size: 9rem;
}
.nic-banner h2 img {
position: absolute;
z-index: -1;
max-width: 18rem;
bottom: -11rem;
left: 40%;
}
.nic-banner h3 {
font-size: 2rem;
max-width: 13rem;
margin-top: 1rem;
margin-right: 66%;
}
.nic-cards h2 {
font-size: 9rem;
flex-direction: column-reverse;
}
.nic-cards h1 {
font-family: var(--GT-Walsheim);
font-size: 3rem;
margin-left: -46%;
margin-bottom: -8rem;
}
.nic-cards h3 {
font-size: 1.78rem;
max-width: 24rem;
align-self: flex-end;
margin-top: 3rem;
margin-right: 20%;
}
.nic-cards h2 img {
z-index: 0;
max-width: 15rem;
margin-left: 13rem;
margin-bottom: -7rem;
bottom: -16rem;
}
.nic-cards {
padding: 12rem 4% 8rem;
}
.nic-topFeatures .head h1 {
font-size: 6rem;
}
.nic-topFeatures .slideNav {
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
padding-right: 0%;
}
.nic-topFeatures .slides .block h1 {
font-size: 1.4rem;
}
.nic-topFeatures .slides img {
max-width: 6rem;
}
.nic-topFeatures .slides .block {
margin-left: 2rem;
}
.nic-topFeatures .slides .block p {
font-size: 1.4rem;
}
.nic-topFeatures .slides .block .text {
padding: 1rem 2rem 1rem 4rem;
}
.nic-topFeatures {
padding: 1rem 2rem 1rem 0rem;
}
.nic-nan h1 {
order: 3;
font-size: 1.5rem;
letter-spacing: 0px;
margin-left: 11%;
margin-bottom: 3rem;
max-width: 31rem;
}
.nic-nan div {
margin-left: 0%;
}
.nic-nan h2 {
order: 2;
font-size: 10rem;
margin-right: 19rem;
}
.nic-nan h3 {
font-size: 2.5rem;
order: 1;
margin-top: 0rem;
margin-bottom: -2rem;
margin-right: 0%;
margin-left: 15rem;
max-width: 19rem;
}
.nic-nan h2 img {
position: absolute;
z-index: -1;
max-width: 14rem;
bottom: 8rem;
left: 2%;
}
.nic-nan {
padding: 8rem 4% 5rem;
}
.nic_slides .slides .block {
gap: 1.5rem;
margin-left: 2rem;
margin-right: 2rem;
border-radius: 3rem;
padding-bottom: 2rem;
}
.nic_slides .slides .block h1 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
max-width: 90%;
}
.nic_slides .slides .block p {
max-width: 90%;
font-size: 1.4rem;
}
.nic_slides .slideNav {
margin-top: 2rem;
align-self: center;
padding-right: 0%;
}
.nic-wan h1 {
order: 3;
font-family: var(--GT-Walsheim);
font-size: 1.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0px;
text-align: left;
max-width: 32rem;
color: #0081ff;
margin-left: 5%;
margin-top: 6rem;
margin-bottom: 2rem;
}
.nic-wan h2 {
order: 2;
font-size: 10rem;
}
.nic-wan h3 {
order: 1;
font-size: 2.5rem;
max-width: 24rem;
margin-right: 28%;
}
.nic-wan h2 img {
position: absolute;
z-index: -1;
max-width: 15rem;
bottom: -3rem;
left: 107%;
}
.nic-wan {
padding: 3rem 4% 3rem;
} .popUp-overlay .requestForDemo {
width: 95%;
padding: 8rem 4rem;
}
.popUp-overlay .requestForDemo h1 {
font-size: 3.5rem;
}
.popUp-overlay .requestForDemo .close {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.popUp-overlay .requestForDemo p {
font-size: 1.7rem;
}
.popUp-overlay .requestForDemo .form input {
font-size: 1.7rem;
padding: 1.2rem 2.4rem;
}
.popUp-overlay .requestForDemo .submit {
height: 3rem;
} .popUp-overlay .orderYourKit {
width: 95%;
padding: 8rem 4rem;
}
.popUp-overlay .orderYourKit h1 {
font-size: 3.5rem;
}
.popUp-overlay .orderYourKit .close {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.popUp-overlay .orderYourKit p {
font-size: 1.7rem;
}
.popUp-overlay .orderYourKit .form input {
font-size: 1.7rem;
padding: 1.2rem 2.4rem;
}
.popUp-overlay .orderYourKit .submit {
height: 3rem;
} .popUp-overlay .joinTheWaitingList {
width: 95%;
padding: 8rem 4rem;
}
.popUp-overlay .joinTheWaitingList h1 {
font-size: 3.5rem;
}
.popUp-overlay .joinTheWaitingList .close {
right: 3rem;
top: 3rem;
width: 2rem;
height: 2rem;
}
.popUp-overlay .joinTheWaitingList p {
font-size: 1.7rem;
}
.popUp-overlay .joinTheWaitingList .form input {
font-size: 1.7rem;
padding: 1.2rem 2.4rem;
}
.popUp-overlay .joinTheWaitingList .submit {
height: 3rem;
}
.footer .text {
flex-direction: column;
gap: 3rem;
}
.footer .text>h1 {
padding: 1.3rem 2.5rem;
border-radius: 1.5rem;
gap: 3rem;
width: 100%;
}
.footer .text svg {
max-width: 3rem;
}
.page-id-2227 .rh_mesh-whyChooseVayu .head h1 {
font-size: 3rem;
max-width: 90%;
text-align: center;
} .investor-banner {
padding: 15rem 4% 7rem;
}
.investor-banner h2 {
font-size: 6rem;
}
.investor-banner h1 {
font-size: 3rem;
margin-left: 2.5rem;
margin-bottom: -1rem;
}
.investor-banner h2 img {
position: absolute;
z-index: -1;
bottom: 5rem;
left: 11rem;
max-width: 13rem;
}
.investor-banner h3 {
font-size: 2.5rem;
max-width: 54rem;
margin-right: 3.5rem;
}
.investor-banner h4 {
font-size: 1.5rem;
letter-spacing: -0.4px;
max-width: 25rem;
margin-left: 8rem;
margin-top: 1.5rem;
}
.investor-board {
padding: 4rem 4% 5rem;
display: flex;
}
.investor-board h1 {
font-size: 3rem;
margin-left: 0.5rem;
margin-bottom: 0rem;
}
.investor-board h2 {
font-size: 6.5rem;
margin-right: 14rem;
}
.investor-board h3 {
font-size: 6.5rem;
margin-top: -1rem;
margin-left: 14rem;
}
.investor-board h4 {
font-size: 1.5rem;
max-width: 15rem;
margin-left: -17rem;
margin-top: -5rem;
}
.investor-board h2 img {
position: absolute;
z-index: 0;
bottom: -1rem;
left: 20rem;
max-width: 14rem;
} .page-id-2797 .rh_mesh-whyChooseVayu .slides .block {
padding-bottom: 2rem;
}
.page-id-2797 .rh_mesh-whyChooseVayu .slides .block,
.page-id-2797 .rh_mesh-whyChooseVayu .slides .block img {
border-radius: 1.6rem;
}
.page-id-2797 .rh_mesh-whyChooseVayu .slides .block p {
display: none;
}
.page-id-2797 .rh_mesh-whyChooseVayu {
padding: 0rem 0% 3rem;
}
.investor-policies h2 {
font-size: 6rem;
}
.investor-policies h1 {
font-size: 2.8rem;
margin-bottom: -1.5rem;
margin-left: -1.1rem;
}
.investor-policies .content .c1 img {
width: 100%;
max-width: 8rem;
height: auto;
object-fit: contain;
margin-top: -47rem;
margin-left: 13rem;
}
.investor-policies h3 {
font-size: 2.5rem;
font-weight: 300;
margin-bottom: 2rem;
margin-left: 12rem;
}
.investor-policies h2 img {
position: absolute;
top: -7rem;
left: 4rem;
max-width: 8rem;
}
.investor-policies .content {
display: flex;
gap: 4rem;
justify-content: center;
}
.investor-policies .content .c2 {
width: 33rem;
}
.investor-policies a {
position: relative;
width: 10rem;
margin-top: 1rem;
}
.investor-policies h4 {
font-size: 1.5rem;
}
.investor-communication h2 {
font-size: 6rem;
}
.investor-communication h2 img {
z-index: -1;
position: absolute;
top: -7rem;
right: 4rem;
max-width: 10rem;
}
.investor-communication .content {
display: flex;
gap: 1rem;
margin-top: 0rem;
flex-direction: column;
max-width: 34rem;
}
.investor-communication .content .c1 {
display: flex;
width: 100%;
margin-left: 2rem;
}
.investor-communication .content .c2 {
display: flex;
width: 100%;
margin-left: 2rem;
}
.investor-communication h3 {
font-size: 1.5rem;
font-weight: 300;
margin-right: 15rem;
max-width: 56rem;
}
.investor-communication h1 {
font-size: 2.5rem;
margin-bottom: -1rem;
margin-left: -9rem;
}
.investor-communication a {
position: relative;
width: 14rem;
margin-top: 1rem;
}
.investor-communication {
position: relative;
padding: 12rem 4% 6rem;
display: flex;
flex-direction: column;
align-items: center;
}
.investor-welcome h2 {
font-size: 8rem;
;
}
.investor-welcome h2 img {
z-index: -1;
position: absolute;
top: -5rem;
right: 4rem;
max-width: 16rem;
}
.investor-welcome h1 {
font-size: 3rem;
margin-bottom: -1.5rem;
margin-left: -24rem;
}
.investor-welcome h3 {
font-size: 3rem;
max-width: 18rem;
margin-right: -15rem;
margin-top: -1rem;
}
.investor-welcome .content {
justify-content: space-between;
width: 33rem;
gap: 1rem;
}
.investor-welcome .content .c1 {
display: flex;
width: 50%;
}
.investor-welcome .contact-form__form {
padding: 1rem 1rem .5rem 1rem;
width: 100%;
border-radius: 1rem;
}
.investor-welcome .contact-form__label {
font-size: 1.5rem;
width: fit-content;
}
.investor-welcome .contact-form__group {
gap: 1rem;
width: 100%;
}
.investor-welcome .contact-form__input {
font-size: 1.5rem;
width: 100%;
}
.investor-welcome button {
width: 9rem;
margin-left: 0rem;
} .rtu-banner {
position: relative;
padding: 15rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
max-width: 37rem;
margin: 0 auto;
}
.rtu-banner h2 {
font-size: 6rem;
}
.rtu-banner h1 {
font-size: 2.5rem;
margin-bottom: -1rem;
margin-left: -26rem;
}
.rtu-banner .content .c1 {
display: flex;
width: 40%;
align-items: flex-start;
}
.rtu-banner .content .c2 {
display: flex;
width: 60%;
}
.rtu-banner h3 {
font-size: 1.6rem;
letter-spacing: -.5px;
text-align: left;
margin-bottom: 1.5rem;
}
.rtu-banner h4 {
font-size: 1.5rem;
max-width: 58rem;
}
.rtu-banner .content {
display: flex;
gap: 2rem;
}
.rtu-meet h2 {
font-size: 10rem;
}
.rtu-meet .content {
display: flex;
gap: 1rem;
flex-direction: row-reverse;
width: 31rem;
}
.rtu-meet h1 {
font-size: 3rem;
margin-bottom: -1rem;
margin-right: 0rem;
}
.rtu-meet .content .c1 {
display: flex;
width: 50%;
align-items: flex-start;
}
.rtu-meet h3 {
font-size: 1.5rem;
max-width: 45rem;
}
.rtu-meet {
position: relative;
padding: 5rem 4% 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.rtu-distinguishing .head h2 {
font-size: 7rem;
}
.rtu-distinguishing .head h1 {
font-size: 4rem;
margin-left: -7rem;
margin-bottom: -3rem;
}
.rtu-distinguishing .head h3 {
font-size: 3rem;
margin-top: -1.5rem;
margin-right: -16rem;
}
.rtu-distinguishing {
padding: 5rem 0% 5rem;
}
.rtu-distinguishing .slides .block {
border-radius: 1.5rem;
margin-left: 1.5rem;
padding-bottom: 2rem;
}
.rtu-distinguishing .slides .block h1 {
font-size: 1.2rem;
line-height: 1.2;
margin-bottom: 2rem;
max-width: 90%;
}
.rtu-distinguishing .head {
margin-bottom: 4rem;
}
.rtu-distinguishing .slideNav {
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
}
.rtu-dynamic h2 {
font-size: 9rem;
}
.rtu-dynamic h1 {
font-size: 2.5rem;
margin-bottom: -3rem;
margin-left: -11rem;
}
.rtu-dynamic h3 {
font-size: 2.5rem;
margin-top: -1rem;
margin-left: -2rem;
}
.rtu-dynamic .content {
display: flex;
gap: 1rem;
width: 29rem;
justify-content: space-between;
}
.rtu-dynamic h4 {
font-size: 1.5rem;
margin-top: .5rem;
max-width: 36rem;
}
.rtu-dynamic .content .c1 {
display: flex;
width: 50%;
margin-left: -2rem;
}
.rtu-dynamic {
padding: 5rem 4% 5rem;
display: flex;
}
.rtu-topfeatures .head h1 {
font-size: 6rem;
}
.rtu-topfeatures .head h2 {
font-size: 2rem;
margin-left: 9rem;
margin-top: 0rem;
max-width: 16rem;
}
.rtu-topfeatures .head {
align-items: center;
margin-bottom: 4rem;
}
.rtu-topfeatures .slides .block {
border-radius: 1.5rem;
}
.rtu-topfeatures .slides .block .text {
gap: .5rem;
width: 90%;
}
.rtu-topfeatures .slides .block h1 {
font-size: 1.5rem;
}
.rtu-topfeatures .slides .block li {
font-size: 1.2rem;
margin-bottom: .7rem;
}
.rtu-topfeatures .slides .block img {
border-radius: 1.5rem;
}
.rtu-topfeatures .slides .block {
display: flex;
gap: 1.7rem;
padding-bottom: 2rem;
margin-left: 1.4rem;
}
.rtu-topfeatures .slideNav {
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
}
.rtu-why-choose .slides .block {
border-radius: 1.5rem;
}
.rtu-why-choose .slides .block .text {
gap: .5rem;
width: 90%;
}
.rtu-why-choose .slides .block h1 {
font-size: 1.5rem;
}
.rtu-why-choose .slides .block p {
font-size: 1.2rem;
margin-bottom: .7rem;
}
.rtu-why-choose .slides .block img {
border-radius: 1.5rem;
}
.rtu-why-choose .slides .block {
display: flex;
gap: 1.7rem;
padding-bottom: 2rem;
margin-left: 1.4rem;
}
.rtu-why-choose .slideNav {
margin-top: 2.7rem;
justify-content: center;
gap: 2rem;
}
.rtu-why-choose .head h2 {
font-family: var(--GT-Walsheim);
font-size: 6rem;
font-weight: 300;
font-stretch: condensed;
font-style: normal;
line-height: 1.03;
letter-spacing: -3px;
text-align: right;
color: #0081ff;
margin-left: 0;
margin-top: 0;
}
.rtu-why-choose .head h1 {
font-size: 2.5rem;
font-weight: 300;
margin-bottom: 0rem;
}
.rtu-why-choose {
padding: 5rem 0% 5rem;
}
.rtu-downloadBrochure h2 {
font-size: 5rem;
}
.rtu-downloadBrochure h1 {
font-size: 2rem;
margin-left: 0rem;
margin-bottom: -.5rem;
}
.rtu-downloadBrochure h3 {
font-size: 2rem;
margin-top: 0rem;
}
.rtu-downloadBrochure a {
font-family: var(--GT-Walsheim);
max-width: 13rem;
margin-left: 20rem;
margin-top: 2rem;
}
.rtu-downloadBrochure {
position: relative;
padding: 6rem 4% 6rem;
display: flex;
flex-direction: column;
align-items: center;
} .ourCore_gallery .swiper-slide-active {
transform: scale(.9);
opacity: 1;
z-index: 3;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.ourCore_gallery {
padding: 7rem 0;
}
.lg-close::before {
margin-top: 2rem;
position: relative;
z-index: 999999999999999;
}
.lg-close {
position: fixed !important;
top: 15px !important;
right: 15px !important;
z-index: 99999 !important;
width: 38px;
height: 38px;
opacity: 1 !important;
pointer-events: auto !important;
}
}