*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

html{
scroll-behavior:smooth;
scroll-padding-top:90px;
}

body{
background:#111;
overflow-x:hidden;
}

img{
max-width:100%;
}
 
.hero{

height:100vh;
background:url("images/Variable_Test_Magnific_Precision.avif") center center/cover no-repeat;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;

}

.hero::before{

content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.35);

}
 
header{

position:absolute;
top:25px;
left:0;
width:100%;
z-index:10;

}

nav{

width:88%;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;

}
 
.header-logo{

flex-shrink:0;

}

.header-logo a{

display:inline-flex;
align-items:center;
text-decoration:none;

}

.header-logo img{

/* width:100px;
height:auto;
display:block;
object-fit:contain; */
width: 177px;
    height: 46px;
    object-fit: contain;
    object-position: center center;

}
 
.menu{

background:rgba(255,255,255,.18);
backdrop-filter:blur(14px);
padding:10px 22px;
border-radius:50px;
display:flex;
gap:28px;

}

.menu a{

text-decoration:none;
color:#fff;
font-size:15px;
font-weight:500;
white-space:nowrap;

}
 .menu-toggle{

    display:none;

    width:46px;
    height:46px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    cursor:pointer;

    align-items:center;
    justify-content:center;

    flex-direction:column;

    gap:5px;

    transition:.35s ease;

}


.menu-toggle span{

    width:18px;
    height:2px;

    background:#fff;

    border-radius:10px;

    transition:.35s ease;

}


/* Hover */

.menu-toggle:hover{

    background:rgba(255,255,255,.25);

    transform:scale(1.05);

}
.menu-toggle.active span:nth-child(1){

    transform:
    translateY(7px)
    rotate(45deg);

}


.menu-toggle.active span:nth-child(2){

    opacity:0;

}


.menu-toggle.active span:nth-child(3){

    transform:
    translateY(-7px)
    rotate(-45deg);

}
@media(max-width:900px){

.menu{
    display:none;
}


.menu-toggle{

    display:flex;

}

}
/* .menu-toggle{

display:none;
width:42px;
height:42px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.18);
backdrop-filter:blur(14px);
color:#fff;
font-size:20px;
align-items:center;
justify-content:center;
cursor:pointer;

} */
 
.mobile-menu{

display:none;
position:absolute;
top:70px;
right:6%;
background:rgba(17,17,17,.92);
backdrop-filter:blur(14px);
border-radius:16px;
padding:14px 10px;
flex-direction:column;
gap:4px;
min-width:180px;
z-index:20;

}

.mobile-menu.open{

display:flex;

}

.mobile-menu a{

color:#fff;
text-decoration:none;
font-size:15px;
font-weight:500;
padding:10px 14px;
border-radius:8px;
transition:background .2s ease;

}

.mobile-menu a:hover{

background:rgba(255,255,255,.1);

}
 

.contact{

color:#fff;
text-decoration:none;
font-size:15px;

}

 
.content{

position:relative;
z-index:2;
width:100%;
padding:0 20px;
text-align:center;
color:#fff;
margin-top: 70px;
}

.content h1{

font-size:43px;
line-height:0.95;
font-weight:800;
margin-bottom:22px;
margin-top: 185px;
}

.content p{

max-width:500px;
font-size:13px;
margin:auto;
opacity:.9;
margin-bottom:35px;

}

.btn{

display:inline-block;
padding:9px 22px;
background:#fff;
border-radius:50px;
text-decoration:none;
color:#000;
font-weight:600;
transition:.3s;

}

.btn:hover{

transform:translateY(-3px);

}

@media(max-width:900px){

.menu{

display:none;

}

/* .menu-toggle{

display:flex;

} */

.content{

width:88%;

}

.content h1{

font-size:48px;

}

}

@media(max-width:600px){

header{

top:18px;

}

nav{

width:90%;

}

.header-logo img{

width:82px;

}

.menu-toggle{

width:38px;
height:38px;
font-size:18px;

}

.contact{

display:none;

}

.content h1{

font-size:36px;

}

.content p{

font-size:15px;
max-width:320px;
margin-bottom:26px;

}

.btn{

padding:14px 30px;
font-size:14px;

}

}

@media(max-width:380px){

.content h1{

font-size:30px;

}

}

@media(max-height:600px) and (max-width:900px){

.hero{

height:auto;
min-height:100vh;
padding:110px 0 60px;

}

}
.eco-section{
  width:100%;
  padding:80px 20px;
  background:#efffff;
  font-family:Arial, sans-serif;
  overflow:hidden;
}


.eco-title{
  text-align:center;
  font-size:32px;
  line-height:.95;
  font-weight:500;
  color:#111;
  margin-bottom:70px;
}


.eco-cards{
  max-width:860px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}


.eco-card{
  height:270px;
  border-radius:7px;
  padding:15px;
  position:relative;
  overflow:hidden;
  transition:.45s ease;
  cursor:pointer;
}


.eco-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 50px rgba(0,0,0,.15);
}


.eco-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}


.eco-card h3{
  margin:0;
  font-size:21px;
  line-height:.85;
  font-weight:500;
}


.eco-card span{
  font-size:11px;
}


.eco-green{
  background:#c6ef78;
}


.eco-blue{
  background:#9fd8f7;
}


.eco-grey{
  background:#c9d8ca;
}



.eco-image-wrap{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:200px;
}


.eco-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
}


.eco-overlay{
  position:absolute;
  bottom:12px;
  left:15px;
  right:15px;
  background:rgba(45,55,45,.75);
  color:white;
  padding:10px;
  border-radius:5px;
  font-size:11px;
  backdrop-filter:blur(5px);
}



.eco-blue p,
.eco-grey p{
  position:absolute;
  bottom:15px;
  left:15px;
  font-size:11px;
  line-height:1.2;
  margin:0;
}


.eco-icon{
  position:absolute;
  right:15px;
  top:25px;
  font-size:18px;
}


.top-icon{
  top:20px;
}


.eco-profile{
  position:absolute;
  left:15px;
  bottom:15px;
  width:95px;
  height:160px;
}


.eco-profile img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
}
 
.eco-card img{
  transition:.6s ease;
}


.eco-card:hover img{
  transform:scale(1.08);
}
 
@media(max-width:800px){

.eco-cards{
 grid-template-columns:1fr;
 max-width:350px;
}

.eco-card{
 height:280px;
}

}
.street-section{
  width:100%;
  min-height:470px;
  background:#c9f27b;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:40px 7%;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
}

 
.street-map-area{
  width:40%;
  height:400px;
  position:relative;
}


.street-map{
  position:absolute;
  left:40px;
  top:20px;
  width:260px;
  height:340px;
}


.street-map img{
  width:100%;
  height:100%;
  object-fit:contain;
}
 
.street-user-img{
  position:absolute;
  top:0;
  left:0;
  width:90px;
  height:90px;
  border-radius:10px;
  object-fit:cover;
  z-index:3;
}
 
.street-route{
  position:absolute;
  left:180px;
  top:80px;
  width:120px;
  height:240px;
  border-left:3px solid white;
  border-radius:50%;
  transform:rotate(20deg);
  opacity:.8;
}


.street-bike{
  position:absolute;
  left:210px;
  top:260px;
  width:22px;
  height:22px;
  background:#111;
  color:white;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}
 
.street-point{
  position:absolute;
  width:28px;
  height:28px;
  border:1px solid #555;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#c9f27b;
  font-size:12px;
}


.street-a{
  bottom:10px;
  left:25px;
}


.street-b{
  top:10px;
  right:70px;
}
 
.street-content{
  width:60%;
  padding-left:40px;
}


.street-content h2{
  text-align:center;
  font-size:22px;
  font-weight:500;
  margin:0 0 130px;
}


.street-content blockquote{
  margin:0;
  font-size:34px;
  line-height:.88;
  font-weight:400;
  letter-spacing:-1px;
}


.street-content p{
  margin-top:25px;
  font-size:14px;
}
 
.street-user-img{
  transition:.5s ease;
}


.street-map-area:hover .street-user-img{
  transform:translateY(-8px) scale(1.05);
}


.street-bike{
  transition:.4s ease;
}


.street-map-area:hover .street-bike{
  transform:scale(1.3) rotate(-10deg);
}
 
@media(max-width:900px){

.street-section{
 flex-direction:column;
}


.street-map-area,
.street-content{
 width:100%;
}


.street-content{
 padding:40px 0 0;
}


.street-content h2{
 margin-bottom:50px;
}


.street-content blockquote{
 font-size:26px;
}

}

@media(max-width:480px){

.street-section{
 padding:40px 5%;
}

.street-map-area{
 height:300px;
 transform:scale(.82);
 transform-origin:top left;
}

.street-content blockquote{
 font-size:22px;
}

}
 
.wr-section{
    position:relative;
    width:100%;
    min-height:700px;
    background:url("images/Variable_Test_Gemini_3.avif") center center/cover no-repeat;
    overflow:hidden;
    font-family:Arial,sans-serif;
}

.wr-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(0,0,0,.65),
        rgba(0,0,0,.15),
        rgba(0,0,0,.75)
    );
}

.wr-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    height:700px;
    padding:0 20px;
}

.wr-title{
    position:absolute;
    top:80px;
    left:55%;
    color:#fff;
    font-size:42px;
    font-weight:700;
    line-height:1.1;
}

.wr-cards{
    position:absolute;
    bottom:70px;
    left:38%;
    display:grid;
    grid-template-columns:300px 300px;
    gap:20px;
}

.wr-card{
    border-radius:6px;
    padding:22px;
    backdrop-filter:blur(6px);
    transition:.3s;
}

.wr-card:hover{
    transform:translateY(-6px);
}

.wr-card-light{
    background:#eef8fb;
    color:#111;
}

.wr-card-small{
    background:rgba(255,255,255,.15);
    color:#fff;
}

.wr-card-dark{
    background:#a8d7fb;
    color:#111;
    grid-row:span 2;
}

.wr-number{
    display:block;
    font-size:11px;
    margin-bottom:25px;
    opacity:.7;
}

.wr-card h3{
    margin:0 0 8px;
    font-size:20px;
}

.wr-card p{
    margin:0;
    font-size:14px;
    line-height:1.6;
}

.wr-chart{
    height:90px;
    position:relative;
    margin-bottom:25px;
}

.wr-chart::before{
    content:"";
    position:absolute;
    top:40px;
    left:5px;
    width:90%;
    height:2px;
    background:#222;
    transform:rotate(-12deg);
}

.wr-chart span{
    position:absolute;
    width:6px;
    height:6px;
    background:#111;
    border-radius:50%;
}

.wr-chart span:nth-child(1){
    left:0;
    top:55px;
}
.wr-chart span:nth-child(2){
    left:60px;
    top:35px;
}
.wr-chart span:nth-child(3){
    left:135px;
    top:55px;
}
.wr-chart span:nth-child(4){
    right:0;
    top:35px;
}

@media(max-width:1100px){

.wr-title{
    position:static;
    padding:40px 20px 0;
}

.wr-content{
    height:auto;
    padding-bottom:40px;
}

.wr-cards{
    position:static;
    display:flex;
    flex-direction:column;
    padding:20px;
}

.wr-card-dark{
    grid-row:auto;
}
}

@media(max-width:400px){

.wr-title{
    font-size:32px;
}

}
 
.impact-sec{
    background:#edf8f8;
    padding:35px 0 90px;
    font-family:Arial,Helvetica,sans-serif;
    overflow:hidden;
}

.impact-wrap{
    width:86%;
    max-width:1240px;
    margin:auto;
}

.impact-title{
    margin-bottom:20px;
}

.impact-title h2{
    margin:0;
    font-size:22px;
    font-weight:500;
    color:#000;
}

.impact-box{

    display:grid;
    grid-template-columns:330px 1fr;
    align-items:start;
    margin-top:10px;

}

.impact-img{

    display:flex;
    justify-content:center;
}

.impact-img img{

    width:92px;
    height:92px;
    border-radius:18px;
    object-fit:cover;
        margin-left: 571px;
    margin-top: -51px;
}

.impact-text{

    padding-top:170px;
}

.impact-text h3{

    margin:0;
    max-width: 593px;
    font-size: 31px;
    line-height:.95;
    font-weight:300;
    
    color:#000;
}

.impact-text span{

    display:block;
    margin-top:28px;

    font-size:18px;
    color:#000;
}
 
@media(max-width:991px){

.impact-box{

grid-template-columns:1fr;

}

.impact-img{

justify-content:flex-start;
margin:20px 0;

}

.impact-text{

padding-top:20px;

}

.impact-text h3{

font-size:42px;
line-height:1.05;
letter-spacing:-1px;

}

}

@media(max-width:576px){

.impact-text h3{

font-size:30px;

}

.impact-title h2{

font-size:20px;

}

}
 
.eap-section{
    position:relative;
    width:100%;
    height:620px;
    overflow:hidden;
    background:url("images/early_adopter.avif") center center/cover no-repeat;
    font-family:Arial,Helvetica,sans-serif;
}

.eap-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.12);
}

.eap-container{
    position:relative;
    z-index:2;
    width:1100px;
    max-width:90%;
    height:100%;
    margin:auto;
}

.eap-title{
    position:absolute;
    top:35px;
    left:0;
    color:#fff;
    font-size:44px;
    line-height:.95;
    font-weight:500;
    margin:0;
}

.eap-card{
    position:absolute;
    left:0;
    bottom:55px;
    width:310px;
    max-width:calc(100% - 20px);
}

.eap-icons{
    display:flex;
    gap:10px;
    margin-bottom:14px;
}

.eap-box{
    width:48px;
    height:48px;
    border-radius:6px;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    color:#000;
    font-weight:600;
}

.eap-card p{
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.4;
    max-width:270px;
}
 
@media(max-width:768px){

.eap-section{
    height:480px;
}

.eap-title{
    font-size:32px;
}

.eap-card{
    bottom:35px;
}

}

@media(max-width:400px){

.eap-section{
    height:520px;
}

.eap-title{
    font-size:26px;
}

.eap-card p{
    font-size:12px;
}

}
 
.journey-section {
    width: 100%;
    min-height: 620px;
    background: #efffff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 70px 4vw;
}
 
.journey-wrapper {
    width: 100%;
    max-width: 1240px;
    min-height: 480px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 50px;

    align-items: center;
}
 
.journey-content {
    width: 100%;
    max-width: 550px;
    position: relative;
    z-index: 5;
}


.journey-title {
    margin: 0;

    color: #050505;

    font-size: 35px;

    line-height: 1.05;

    font-weight: 500;

    letter-spacing: -2px;
}


.journey-subtitle {
    margin: 8px 0 55px;

    color: #111;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 400;
}
 
.journey-form {
    width: 100%;
    max-width: 475px;

    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;

    gap: 25px;
}


.journey-field {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 7px;
}


.journey-field label {
    color: #050505;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 500;
}


.journey-field input {
    width: 100%;
    height: 48px;

    padding: 0 18px;

    border: 1px solid #888;

    border-radius: 25px;

    outline: none;

    background: transparent;

    color: #050505;

    font-family: inherit;

    font-size: 14px;

    box-sizing: border-box;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}


.journey-field input:hover {
    border-color: #333;
}


.journey-field input:focus {
    border-color: #050505;

    background: rgba(255, 255, 255, 0.35);

    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.06);
}
 
.journey-submit {
    width: 148px;
    height: 46px;

    margin-top: 3px;

    border: 0;
    border-radius: 25px;

    background: #000;

    color: #fff;

    font-family: inherit;

    font-size: 13px;

    font-weight: 500;

    cursor: pointer;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


.journey-submit:hover {
    background: #ff5b1f;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(255, 91, 31, 0.25);
}


.journey-submit:active {
    transform: translateY(-1px);
}
 
.journey-visual {
    width: 100%;
    min-height: 500px;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}
 
.journey-map {
    width: 100%;
    max-width: 680px;
    height: 420px;

    position: relative;

    overflow: hidden;

    background-color: transparent;

    opacity: 0.9;
}
 
.journey-map-line {
    position: absolute;

    height: 1px;

    background: rgba(70, 90, 90, 0.35);

    transform-origin: left center;
}


.journey-map-line-1 {
    width: 90%;
    top: 30%;
    left: 2%;
    transform: rotate(8deg);
}


.journey-map-line-2 {
    width: 75%;
    top: 52%;
    left: 10%;
    transform: rotate(-15deg);
}


.journey-map-line-3 {
    width: 65%;
    top: 70%;
    left: 20%;
    transform: rotate(20deg);
}
 
.journey-route {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}


.journey-route path {
    fill: none;

    stroke: #75c9ff;

    stroke-width: 2;

    stroke-dasharray: 7 7;

    opacity: 0.7;

    animation: journeyRouteMove 5s linear infinite;
}


@keyframes journeyRouteMove {

    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -100;
    }

}
 
.journey-map-point {
    position: absolute;

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background: #a7df65;

    box-shadow:
        0 0 0 5px rgba(167, 223, 101, 0.12);

    animation: journeyPointPulse 2.5s ease-in-out infinite;
}


.point-one {
    top: 28%;
    left: 35%;
}


.point-two {
    top: 55%;
    left: 52%;
    background: #7acaff;
}


.point-three {
    top: 45%;
    left: 72%;
}


.point-four {
    top: 72%;
    left: 38%;
    background: #7acaff;
}


@keyframes journeyPointPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.4);
    }

}
 
.journey-transport {
    position: absolute;

    top: 5px;
    right: 70px;

    display: flex;

    gap: 7px;

    z-index: 10;
}


.journey-transport-btn {
    width: 34px;
    height: 34px;

    border: 0;

    border-radius: 10px;

    background: rgba(220, 220, 220, 0.8);

    color: #111;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}


.journey-transport-btn:hover {
    transform: translateY(-3px);

    background: #fff;
}


.journey-transport-btn.active {
    background: #b8ee72;
}
 
.journey-image {
    position: absolute;

    width: 185px;
    height: 205px;

    right: 0;
    bottom: 0;

    z-index: 8;

    overflow: hidden;

    border-radius: 12px;
}


.journey-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.5s ease;
}


.journey-image:hover img {
    transform: scale(1.06);
}
 
@media (max-width: 1100px) {

    .journey-section {
        padding: 60px 30px;
    }

    .journey-wrapper {
        grid-template-columns:
            minmax(0, 0.85fr)
            minmax(0, 1.15fr);

        gap: 30px;
    }

    .journey-visual {
        min-height: 450px;
    }

    .journey-image {
        width: 160px;
        height: 180px;
    }

    .journey-transport {
        right: 30px;
    }

}
 
@media (max-width: 850px) {

    .journey-section {
        padding: 60px 25px;
    }

    .journey-wrapper {
        grid-template-columns: 1fr;

        max-width: 650px;

        gap: 60px;
    }

    .journey-content {
        max-width: 100%;
    }

    .journey-form {
        max-width: 520px;
    }

    .journey-visual {
        min-height: 420px;
    }

    .journey-map {
        max-width: 650px;
    }

}
 
@media (max-width: 600px) {

    .journey-section {
        padding: 50px 18px;
    }

    .journey-wrapper {
        gap: 45px;
    }

    .journey-title {
        font-size: 42px;

        letter-spacing: -1.5px;
    }

    .journey-subtitle {
        margin-bottom: 40px;

        font-size: 15px;
    }

    .journey-form {
        gap: 22px;
    }

    .journey-field input {
        height: 46px;
    }

    .journey-submit {
        width: 145px;
    }

    .journey-visual {
        min-height: 350px;
    }

    .journey-map {
        height: 320px;
    }

    .journey-transport {
        top: 0;
        right: 10px;
    }

    .journey-image {
        width: 130px;
        height: 150px;

        right: 0;
        bottom: 0;
    }

}
 
@media (max-width: 400px) {

    .journey-title {
        font-size: 36px;
    }

    .journey-subtitle {
        font-size: 14px;
    }

    .journey-visual {
        min-height: 300px;
    }

    .journey-map {
        height: 280px;
    }

    .journey-image {
        width: 110px;
        height: 130px;
    }

    .journey-transport {
        right: 0;
    }

    .journey-transport-btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

}
 
@media (prefers-reduced-motion: reduce) {

    .journey-route path,
    .journey-map-point {
        animation: none;
    }

    .journey-submit,
    .journey-field input,
    .journey-image img {
        transition: none;
    }

}
 
.nimbus-footer {
    width: 100%;
    background: #efffff;
    color: #080808;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

 
.nimbus-footer-nav {
    width: 100%;
    min-height: 74px;

    padding: 0 4.7vw;

    display: flex;
    align-items: center;

    border-top: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;

    box-sizing: border-box;
}

 
.nimbus-footer-logo {
    flex-shrink: 0;
    width: 200px;
}


.nimbus-footer-logo a {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
}


.nimbus-footer-logo img {
    width: 105px;
    height: auto;

    display: block;

    object-fit: contain;
}

 
.nimbus-footer-left-links {
    display: flex;
    align-items: center;

    gap: 64px;

    margin-left: 0;
}


.nimbus-footer-left-links a,
.nimbus-footer-right-links a {
    color: #080808;

    text-decoration: none;

    font-size: 14px;
    font-weight: 400;

    white-space: nowrap;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}


.nimbus-footer-left-links a:hover,
.nimbus-footer-right-links a:hover {
    opacity: 0.55;

    transform: translateY(-1px);
}
 
.nimbus-footer-right-links {
    margin-left: auto;

    display: flex;
    align-items: center;

    gap: 50px;
}

 
.nimbus-footer-bottom {
    width: 100%;

    min-height: 160px;

    padding: 55px 4.7% 30px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    box-sizing: border-box;
}
 
.nimbus-footer-contact {
    display: flex;
    align-items: flex-start;

    gap: 70px;
}


.nimbus-contact-item {
    display: flex;
    flex-direction: column;

    color: #080808;

    font-size: 14px;
    line-height: 1.25;
}


.nimbus-contact-item span {
    display: block;
}
 
.nimbus-footer-meta {
    display: flex;
    flex-direction: column;

    align-items: flex-end;

    gap: 18px;
}


.nimbus-social {
    display: flex;
    align-items: center;

    gap: 15px;
}


.nimbus-social a {
    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #000;

    text-decoration: none;

    font-size: 19px;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}


.nimbus-social a:hover {
    transform: translateY(-3px);

    opacity: 0.6;
}
 
.nimbus-footer-meta p {
    margin: 0;

    color: #080808;

    font-size: 14px;

    line-height: 1.4;

    text-align: right;
}


.nimbus-footer-meta p a {
    color: #080808;

    text-decoration: underline;

    text-underline-offset: 2px;
}
 
@media (max-width: 1000px) {

    .nimbus-footer-nav {
        padding: 20px 30px;

        flex-wrap: wrap;

        gap: 25px;
    }


    .nimbus-footer-logo {
        width: auto;
        margin-right: 30px;
    }


    .nimbus-footer-left-links {
        gap: 30px;
    }


    .nimbus-footer-right-links {
        width: 100%;

        margin-left: 0;

        justify-content: flex-end;

        gap: 35px;
    }


    .nimbus-footer-bottom {
        padding: 45px 30px 30px;

        gap: 40px;
    }


    .nimbus-footer-contact {
        gap: 40px;
    }

}
 
@media (max-width: 700px) {

    .nimbus-footer-nav {
        padding: 30px 20px;

        flex-direction: column;

        align-items: flex-start;

        gap: 25px;
    }


    .nimbus-footer-logo {
        width: 100%;
    }


    .nimbus-footer-left-links {
        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;
    }


    .nimbus-footer-right-links {
        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;
    }


    .nimbus-footer-bottom {
        padding: 40px 20px 30px;

        flex-direction: column;

        gap: 40px;
    }


    .nimbus-footer-contact {
        width: 100%;

        flex-direction: column;

        gap: 25px;
    }


    .nimbus-footer-meta {
        width: 100%;

        align-items: flex-start;

        gap: 15px;
    }


    .nimbus-footer-meta p {
        text-align: left;

        font-size: 13px;
    }

}
 

@media (max-width: 400px) {

    .nimbus-footer-nav {
        padding: 25px 16px;
    }


    .nimbus-footer-bottom {
        padding: 35px 16px 25px;
    }


    .nimbus-footer-left-links a,
    .nimbus-footer-right-links a,
    .nimbus-contact-item,
    .nimbus-footer-meta p {
        font-size: 13px;
    }

}