@font-face {     font-display: fallback;     font-family: 'DM Sans';     font-weight: 300;     src: url('https://uptown.dev/public/dmsans.ttf'); }  @font-face {     font-display: fallback;     font-family: 'Space Grotesk';     font-weight: 300;     src: url('https://uptown.dev/public/grotesk.ttf'); }  @font-face {     font-display: fallback;     font-family: 'Space Grotesk Light';     font-weight: 300;     src: url('https://uptown.dev/public/grotesk-light.ttf'); }  * {     font-family: 'DM Sans';     font-weight: 300;     --grey: #E8E8E8;     --darker-grey: #b9b9b9;     --light-blue: #45D6FF;     --aqua: #00D1A6;     --off-aqua: #00e7b3;     --green: #122E29;     --lighter-green: #042F29;     --border-radius: 5px;     --some-box-shadow: 5px 22px 16px -4px rgba(0, 0, 0, 0.2); }  h1, h2, h3, h4, h5 {     all: unset;     font-family: 'Space Grotesk';     font-weight: 300; }  body {     all: unset;     background-color: var(--grey); }  .nav-container {     position: relative;     display: flex;     align-items: center;     margin: 20px 20px 0 40px; }  @media only screen and (max-width: 1000px) {     .nav-container {         width: 100%;         margin: 20px 0 0 10px;     } }  .nav-wrapper {     max-width: calc(100% - 20px);     margin-left: 10px; }  @media only screen and (max-width: 1000px) {     .nav-wrapper {         max-width: calc(100% - 20px);         margin-left: unset;     } }  .nav-container__decoration {     min-height: 120px;     border-radius: var(--border-radius) var(--border-radius) 0 0;     background-color: var(--aqua);     min-width: 72%; }  @media only screen and (max-width: 1000px) {     .nav-container__decoration {         min-width: 60%;     } }  .contact .nav-container__decoration {     background-color: white; }  .nav-logo {     width: 180px;     margin: 50px 50px 0px 50px; }  @media only screen and (max-width: 1000px) {     .nav-logo {         width: 140px;         margin: 50px 30px 0px 30px;     } }  .nav-popover {     cursor: pointer;     z-index: 100;     display: none;     background-color: white;     border-radius: var(--border-radius);     padding: 30px 20px 10px 20px;     position: absolute;     flex-direction: column;     top: 83%;     line-height: 30px; }  @media only screen and (max-width: 1000px) {     .nav-popover {         padding: 30px 20px 10px 20px;         position: absolute;         flex-direction: column;         top: 83%;         right: 18px;         line-height: 30px;     } }  .nav-popover > a {     transition: color 0.2s; }  .nav-popover > a:hover {     font-style: italic; }  .nav-popover .active-page {     font-style: italic;     text-decoration: underline;     color: var(--aqua); }  @media only screen and (min-width: 1000px) {     #product-nav-item {         cursor: pointer;         border-radius: var(--border-radius);         background-color: transparent;     }      .nav-items #product-nav-item:hover .nav-popover {         display: flex;     } }  #product-nav-item:hover {     background-color: white; }  .nav-items {     min-width: 240px;     width: 100%;     display: flex;     justify-content: space-evenly; }  @media only screen and (max-width: 1000px) {     .nav-items {         min-width: unset;         margin-left: 5px;     } }  .nav-items a {     display: flex;     padding: 40px 20px 40px 20px;     margin-bottom: 10px;     text-decoration: none;     border-radius: var(--border-radius);     color: var(--green);     text-transform: uppercase;     font-weight: bold;     font-size: 15px; }  .nav-items a:hover {     text-decoration: underline; }  @media only screen and (max-width: 1000px) {     .nav-items a {         padding: 40px 20px 40px 20px;         font-size: 12px;         font-weight: unset;     } }  @media only screen and (max-width: 600px) {     .nav-items a {         padding: 40px 5px 40px 5px;     } }  @media only screen and (max-width: 1000px) {     .nav-items a.active {         background-color: transparent;         font-weight: 500;     } }  @media (max-width: 1000px) {     .nav-items {         display: none;         flex-direction: column;     }      .burger-menu {         width: 100%;         display: flex;         justify-content: center;         font-size: 2em;     } }  @media (min-width: 1000px) {     .burger-menu {         display: none;     } }  .burger-menu {     user-select: none;     cursor: pointer; }  .nav-items.toggled {     display: flex;     flex-direction: column;     justify-content: flex-start; }  .nav-popover > a {     letter-spacing: 1px;     padding: 0px 10px;     color: var(--green);     text-transform: uppercase;     font-weight: 600;     font-size: 14px; }  .nav-follower {     background-color: var(--aqua);     display: flex;     flex-wrap: wrap;     align-items: center;     margin: 0 40px 0px 40px;     border-radius: 0 var(--border-radius) var(--border-radius) 0;     min-height: 40vh; }  @media only screen and (max-width: 1000px) {     .nav-follower {         margin: 0 10px 40px 10px;     } }  .nav-follower__info {     display: flex;     flex-direction: column;     padding: 50px 80px 20px 80px;     max-width: 60%; }  @media only screen and (max-width: 1000px) {     .nav-follower__info {         padding: 0px 80px 100px 80px;     }     .contact .nav-follower__info {         margin-top: 50px;     } }  @media only screen and (max-width: 1000px) {     .contact .nav-follower__info {         height: unset;     } }  .nav-wrapper__v3 .nav-follower__info {     padding: 0px 80px 20px 80px; }  .nav-wrapper__v2 .nav-follower__info {     min-height: 305px;     padding-top: 100px; }  @media only screen and (max-width: 1000px) {     .nav-wrapper__v2 .nav-follower__info {         min-height: unset;     } }  .nav-follower__info h1 {     font-family: "Space Grotesk";     font-weight: bold;     text-transform: uppercase;     font-size: 14px;     letter-spacing: 1px;     color: var(--green); }  .nav-follower__info h2 {     margin-top: 20px;     font-size: 50px;     font-weight: 300;     letter-spacing: -0.05em;     line-height: 1.2em;     color: var(--green); }  @media only screen and (max-width: 1000px) {     .nav-follower__info h2 {         font-size: 20px;     } }  .contact .nav-follower__info {     width: 30%;     font-family: "Space Grotesk";     color: var(--lighter-green); }  .contact .nav-follower__info p, .contact .nav-follower__info span {     font-family: "Space Grotesk"; }  @media only screen and (max-width: 1000px) {     .contact .nav-follower__info {         margin-top: 50px;         width: unset;     } }  .contact .nav-follower__info h1 {     font-size: 20px;     color: var(--green); }  .contact .nav-follower__info .contact-description {     font-size: 18px;     color: var(--green); }  .contact .nav-follower__info .contact-address {     font-size: 18px;     font-weight: 500;     color: var(--green); }  .contact .nav-follower__info .contact-email {     font-size: 18px;     font-weight: 500;     color: var(--green);     text-decoration: none; }  .contact .nav-follower__info .contact-email:hover {     text-decoration: underline; }  .contact .nav-follower__info .contact-phone {     font-size: 18px;     font-weight: 500;     color: var(--green); }  .contact-map-container {     background-color: white;     z-index: 4;     position: relative;     top: 80px;     width: 55%;     height: 60vh; }  @media only screen and (max-width: 1150px) {     .contact-map-container {         width: 40vw;     } }  @media only screen and (max-width: 1400px) {     .contact-map-container {         width: 50%;     } }  @media only screen and (max-width: 1150px) {     .contact-map-container {         width: 45%;     } }  @media only screen and (max-width: 1000px) {     .contact-map-container {         top: 100px;         top: 0;         left: 5%;         width: 90%;         height: 50vh;         margin-bottom: 10vh;     } }  .nav-follower__post-decoration {     position: relative;     margin: 0 40px 20px 40px;     background-color: var(--aqua);     border-radius: 0 0 var(--border-radius) var(--border-radius);     min-height: 150px;     width: calc(100% - 330px); }  @media only screen and (max-width: 1000px) {     .nav-follower__post-decoration {         display: none;     } }  .nav-wrapper__v2 .nav-follower__post-decoration {     margin: 0 40px 20px 40px;     background-color: var(--aqua);     border-radius: 0 0 var(--border-radius) var(--border-radius);     min-height: 70px;     width: 229px; }  .nav-wrapper__v3 .nav-follower__post-decoration {     --approximate-effective-left-offset: 85%;     margin: 0 40px 20px calc((100% - 40px) - (var(--approximate-effective-left-offset)));     background-color: var(--aqua);     border-radius: 0 0 var(--border-radius) var(--border-radius);     min-height: 75px;     width: var(--approximate-effective-left-offset); }  .nav-wrapper__v3 .nav-follower {     border-radius: 0 var(--border-radius) 0 var(--border-radius);     min-height: 58vh; }  @media only screen and (max-width: 1000px) {     .nav-wrapper__v3 .nav-follower {         min-height: 44vh;     } }  .nav-wrapper__v4 .nav-follower {     min-height: 48vh; }  .product-page {     max-width: calc(100% - 600px);     margin-left: 300px; }  @media only screen and (max-width: 1000px) {     .product-page {         max-width: unset;         margin-left: unset;     } }  .product-page.product-page-2 {     position: relative;     bottom: 70px; }  @media only screen and (max-width: 1000px) {     .product-page.product-page-2 {         bottom: 0px;     } }  .product-block {     position: relative;     margin-top: 20px;     background-color: white;     padding: 50px 40px;     min-height: 180px; }  .product-page-1 .product-block:nth-child(1) {     margin-top: 30px; }  .product-page-1 .product-block:nth-child(2) {     border-radius: var(--border-radius) 0 0 0; }  .product-page-1 .product-block:nth-child(3) {     min-height: 240px;     margin-top: 0;     border-radius: 0 0 var(--border-radius) var(--border-radius); }  .product-page-1 .product-block:nth-child(3) img {     width: unset;     max-height: 148px; }  .product-page-2 .product-block:nth-child(1) {     border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius); }  .product-page-2 .product-block:nth-child(2) {     margin-top: 0;     border-radius: 0 0 0 0; }  .product-page-2 .product-block:nth-child(3) {     margin-top: 0;     border-radius: 0 0 0 var(--border-radius); }  .product-page-3 .product-block:nth-child(1) {     border-radius: var(--border-radius); }  .product-page-3 .product-block:nth-child(2) {     border-radius: 0 var(--border-radius) var(--border-radius) 0; }  .product-page-3 .product-block:nth-child(3) {     border-radius: var(--border-radius) 0 0 0; }  .product-page-3 .product-block:nth-child(4) {     margin-top: 0;     border-radius: 0 0 var(--border-radius) var(--border-radius); }  .product-page-3 .product-block:nth-child(5) {     border-radius: var(--border-radius); }  .product-page-3 .product-block:nth-child(6) {     border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius); }  .product-page-4 .product-block:nth-child(1) {     border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0; }  .product-page-4 .product-block:nth-child(2) {     border-radius: var(--border-radius) 0 0 0; }  .product-page-4 .product-block:nth-child(3) {     margin-top: 0;     border-radius: 0 0 var(--border-radius) var(--border-radius);     min-height: 220px; }  .product-block-l {     border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius); }  .product-block-r {     border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius); }  .product-block .product-block__image-container {     display: flex;     top: 0;     left: calc(-1 * (250px));     position: absolute;     background-color: white;     width: 230px; }  @media only screen and (max-width: 1000px) {     .product-block .product-block__image-container {         position: static;     } }  .product-page-4 .product-block:nth-child(1) .product-block__image-container {     bottom: 0; }  .product-block-l .product-block__image-container {     justify-content: center;     border-radius: var(--border-radius) 0 0 var(--border-radius);     padding: 55px 0 55px 20px; }  .product-block-r .product-block__image-container {     justify-content: end;     border-radius: 0 var(--border-radius) var(--border-radius) 0;     padding: 40px 20px 40px 0; }  .product-block__image-at-bottom.product-block-l {     border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0; }  .product-block__image-at-bottom.product-block-r {     border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius); }  .product-block__image-at-bottom.product-block-r .product-block__image-container {     border-radius: 0 var(--border-radius) var(--border-radius) 0;     margin-top: 40px; }  .product-block__image-at-bottom.product-block-l .product-block__image-container {     margin-top: 40px;     justify-content: center; }  .product-block.product-block__fixed-image-height .product-block__image-container {     bottom: 0; }  .product-block.product-block__fixed-image-height .product-block__image-container {     justify-content: center;     align-items: center; }  .product-block.product-block-r .product-block__image-container {     padding-top: 55px;     padding-bottom: 55px;     justify-content: center;     left: unset;     right: calc(-1 * (250px)); }  .product-block.product-block-r .product-block__image-container img {     margin-left: 20px; }  .product-block .product-block__image-container img {     width: 135px; }  .product-page-3 .product-block__image-at-bottom .product-block__image-container img {     width: 90px; }  @media only screen and (max-width: 1000px) {     .product-block-l .product-block__image-container, .product-block-r .product-block__image-container, .product-block__image-container {         all: unset !important;         width: 100% !important;         display: flex !important;         justify-content: center !important;     }      .product-block-l .product-block__image-container img, .product-block-r .product-block__image-container img, .product-block__image-container img {         all: unset !important;         width: unset !important;         max-height: 200px !important;         margin-bottom: 30px !important;     } }  .product-block__info__outer {     width: 100%;     display: flex;     justify-content: center; }  .product-block__info {     max-width: 80%; }  .product-block__info h2 {     font-family: "DM Sans";     font-weight: bold;     text-transform: uppercase;     letter-spacing: 1px;     font-size: 22px;     color: var(--green); }  .product-block__info p {     font-family: "Space Grotesk Light";     font-size: 22px;     font-weight: 300;     letter-spacing: -1px;     color: var(--green); }  .cta-block {     display: flex;     flex-direction: column;     max-width: calc(100% - 100px);     margin-left: 50px;     margin-top: 30px;     padding-bottom: 80px; }  @media only screen and (max-width: 1000px) {     .cta-block {         max-width: unset;         margin-left: unset;     } }  .cta-block__decorative-spacing-1 {     display: flex;     justify-content: center;     margin-left: 145px;     width: calc(40px);     padding: 10px 20px;     background-color: var(--green);     border-radius: var(--border-radius) var(--border-radius) 0 0; }  .cta-block__decorative-spacing-1 img {     margin-top: 10px;     width: 20px; }  .cta-block__decorative-spacing-2 {     margin-left: calc(50% + 75px);     max-width: 285px;     min-width: 230px;     background-color: var(--green);     border-radius: 0 0 var(--border-radius) var(--border-radius);     padding: 10px 20px 20px; }  @media only screen and (max-width: 1000px) {     .cta-block__decorative-spacing-2 {         margin-left: 20px;     } }  .cta-block__decorative-spacing-2 img {     position: relative;     height: 20px;     transition: all 0.5s;     left: 0px; }  .cta-block__decorative-spacing-2:hover img {     left: 8px; }  .cta-block__decorative-spacing-cta {     color: white;     text-decoration: none;     display: flex;     justify-content: center;     align-items: center;     padding: 10px 0; }  .cta-block__decorative-spacing-cta span {     margin-right: 20px;     font-weight: 500;     letter-spacing: 2px;     text-transform: uppercase; }  .cta-block__main {     min-height: 280px;     background-color: var(--green);     border-radius: var(--border-radius);     color: white;     display: flex;     flex-direction: column;     justify-content: center;     align-items: center; }  .cta-block__main p {     text-align: center;     font-family: "Space Grotesk Light";     margin-top: 80px;     max-width: 500px;     font-size: 25px; }  .cta-block__main a {     background-color: var(--aqua);     color: var(--green);     border-radius: var(--border-radius);     text-decoration: none;     padding: 10px 20px;     box-shadow: none;     transition: all 0.5s;     margin-bottom: 60px;     font-weight: 600;     text-transform: uppercase;     letter-spacing: 1px; }  .cta-block__main a:hover {     background-color: var(--off-aqua);     box-shadow: var(--some-box-shadow); }  @media only screen and (max-width: 1000px) {     .cta-block__main p {         margin-top: 80px;         margin-bottom: 60px;         max-width: 60%;         line-height: 1.5em;     } }  .landing-page-under-construction {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     min-height: 80vh;     width: 100%;     text-align: center; }  .landing-page-under-construction img {     width: 300px;     height: auto; }  .landing-page-under-construction h1 {     margin-top: 30px;     max-width: 300px; }  .landing-page-under-construction p {     margin-top: 30px;     max-width: 300px; }  .home .nav-follower {     position: relative;     min-height: 50vh; }  @media only screen and (max-width: 1000px) {     .home .nav-follower {         min-height: 65vh;         width: 100%;     } }  .home__logo-to-arrow {     border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);     position: absolute;     right: 20px;     bottom: 120px;     height: 100px;     width: 100px;     background-color: white;     transform: scale(1.4); }  .home .nav-follower__post-decoration {     min-height: 100px;     width: 77%; }  .home .nav-follower__info h1 {     font-family: 'Space Grotesk';     font-weight: 300;     font-size: 8.5em;     text-transform: none;     line-height: 0.85em;     max-width: 100%;     opacity: 0;     animation: home-nav-follower-animation 1s 1s forwards;     letter-spacing: -5px;     color: var(--green); }  @media only screen and (max-width: 1000px) {     .nav-follower__info h1 {         margin-top: 50px;     }      .nav-wrapper__v2 .nav-follower__info h1, .nav-wrapper__v3 .nav-follower__info h1 {         margin-top: 0px;     } }  @keyframes home-nav-follower-animation {     0% {         transform: translateY(-10px);         opacity: 0;     }     100% {         transform: translateY(-0px);         opacity: 1;     } }  @keyframes fade-in-from-top {     0% {         transform: translateY(-10px);         opacity: 0;     }     100% {         transform: translateY(-0px);         opacity: 1;     } }  @media only screen and (max-width: 1000px) {     .home .nav-follower__info h1 {         font-size: 7.1em;     } }  @media only screen and (max-width: 800px) {     .home .nav-follower__info h1 {         font-size: 6.1em;     } }  @media only screen and (max-width: 550px) {     .home .nav-follower__info h1 {         font-size: 4.1em;     } }  .home__block-one {     margin: 60px 30px 0 30px; }  .contact .nav-follower {     background-color: white;     min-height: unset;     height: 60vh; }  @media only screen and (max-width: 1000px) {     .contact .nav-follower {         height: unset;     } }  .contact .nav-follower__post-decoration {     background-color: white;     margin-bottom: 20vh;     min-height: unset; }  @media only screen and (max-width: 1000px) {     .home__block-one {         display: flex;         flex-direction: column-reverse;         margin: 80px 20px 0 20px;     } }  .home__block-one__main {     display: flex;     min-height: 150px; }  @media only screen and (max-width: 1000px) {     .home__block-one__main {         display: flex;         flex-direction: column;     } }  .home__block-one__main__left {     min-height: 220px;     width: 55%;     min-width: 55%;     background-color: var(--green);     border-radius: var(--border-radius) var(--border-radius) 0 0; }  @media only screen and (max-width: 1000px) {     .home__block-one__main__left {         display: none;     } }  .home__block-one__main__right {     max-width: 480px;     display: flex;     flex-direction: column;     justify-content: flex-end;     margin: 20px 20px 20px 30px; }  @media only screen and (max-width: 1000px) {     .home__block-one__main__right {         margin-top: 40px;         max-width: unset;         text-align: center;     } }  .home__block-one__main__right h2 {     letter-spacing: 2px;     font-size: 22px;     font-weight: 600;     color: var(--green); }  .home__block-one__main__right p {     font-size: 1.7em;     margin-top: 10px;     font-family: "Space Grotesk Light";     color: var(--green); }  .home__block-one__decoration {     position: relative;     width: 81%;     min-height: 200px;     background-color: var(--green);     border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius); }  .home__block-one__decoration__small-screen-only {     display: none; }  @media only screen and (max-width: 1000px) {     .home__block-one__decoration__small-screen-only {         position: absolute;         display: block;         background-color: var(--green);         height: 110px;         width: 90%;         top: -100px;         border-radius: var(--border-radius) var(--border-radius) 0 0;     } }  @media only screen and (max-width: 1000px) {     .home__block-one__decoration {         min-height: 250px;         margin-top: 80px;         width: unset;     } }  .home__block-one__decoration img {     position: absolute; }  .product-block__image {     transition: unset; }  .home__block-one__decoration .product-block__image {     transition: all 2s; }  .product-block__image__animation {     animation: fade-in-from-top 1.5s forwards; }  .home__block-one__decoration .product-block__image__animation {     animation: unset; }  .home__block-three-product-card h3 {     margin-bottom: 30px; }  #blockOneFloatingImageComponent1 {     height: 70px;     top: -70px;     left: 70px;     z-index: 3; }  #blockOneFloatingImageComponent2 {     height: 200px;     top: -115px;     left: 210px;     z-index: 2; }  #blockOneFloatingImageComponent3 {     height: 55px;     top: -150px;     left: 460px;     z-index: 1; }  #blockOneFloatingImageComponent4 {     height: 85px;     top: 50px;     left: 510px;     z-index: 1; }  #blockOneFloatingImageComponent1.product-block__image__animation {     top: -70px;     left: 140px; }  #blockOneFloatingImageComponent2.product-block__image__animation {     top: -115px;     left: 200px; }  #blockOneFloatingImageComponent3.product-block__image__animation {     left: 400px; }  #blockOneFloatingImageComponent4.product-block__image__animation {     left: 430px; }  @media only screen and (min-width: 1400px) {     #blockOneFloatingImageComponent1 {         left: 150px;     }      #blockOneFloatingImageComponent2 {         left: 290px;     }      #blockOneFloatingImageComponent3 {         left: 540px;     }      #blockOneFloatingImageComponent4 {         left: 600px;     }      #blockOneFloatingImageComponent1.product-block__image__animation {         left: 230px;     }      #blockOneFloatingImageComponent2.product-block__image__animation {         left: 290px;     }      #blockOneFloatingImageComponent3.product-block__image__animation {         left: 490px;     }      #blockOneFloatingImageComponent4.product-block__image__animation {         left: 530px;     } }  @media only screen and (min-width: 1000px) and (max-width: 1400px) {     #blockOneFloatingImageComponent1 {         left: 115px;     }      #blockOneFloatingImageComponent2 {         left: 121px;     }      #blockOneFloatingImageComponent3 {         left: 383px;     }      #blockOneFloatingImageComponent4 {         left: 327px;     }      #blockOneFloatingImageComponent1.product-block__image__animation {         left: 55px;     }      #blockOneFloatingImageComponent2.product-block__image__animation {         left: 101px;     }      #blockOneFloatingImageComponent3.product-block__image__animation {         left: 373px;     }      #blockOneFloatingImageComponent4.product-block__image__animation {         left: 347px;     } }  @media only screen and (max-width: 1000px) {     #blockOneFloatingImageComponent1 {         height: 50px;         top: -80px;         left: 50px;         z-index: 3;     }      #blockOneFloatingImageComponent2 {         height: 140px;         top: -15px;         left: 60px;         z-index: 2;     }      #blockOneFloatingImageComponent3 {         height: 35px;         top: -90px;         left: 200px;         z-index: 1;     }      #blockOneFloatingImageComponent4 {         height: 55px;         top: 150px;         left: 210px;         z-index: 1;     }      #blockOneFloatingImageComponent1.product-block__image__animation {         top: -40px;         left: 50px;     }      #blockOneFloatingImageComponent2.product-block__image__animation {         top: 20px;         left: 80px;     }      #blockOneFloatingImageComponent3.product-block__image__animation {         top: -40px;         left: 260px;     }      #blockOneFloatingImageComponent4.product-block__image__animation {         top: 150px;         left: 230px;     } }  .home__block-two {     margin-top: 150px;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     text-align: center; }  .home__block-two h2 {     letter-spacing: 2px;     color: var(--green);     max-width: 400px;     font-size: 22px;     font-weight: 600; }  .home__block-two p {     color: var(--green);     margin-top: 10px;     max-width: 800px;     font-family: "Space Grotesk Light";     font-size: 1.7em; }  @media only screen and (max-width: 1000px) {     .home__block-two p {         margin-left: 10px;         margin-right: 10px;     } }  .home__block-two-and-three-separator {     margin-top: 20px;     width: 2px;     background-color: var(--green);     height: 100px;     margin-left: calc(50% - 1px); }  .home__block-three {     margin-top: 40px;     display: flex;     flex-direction: column;     margin-bottom: 140px; }  @media only screen and (max-width: 1000px) {     .home__block-three {         margin-bottom: 40px;     } }  .home__block-three__title-container {     display: flex;     justify-content: center; }  .home__block-three__title-container h2 {     letter-spacing: 2px;     color: var(--green);     font-family: "Space Grotesk";     font-size: 22px;     font-weight: 600;     text-align: center;     text-transform: uppercase;     margin-bottom: 50px; }  .home__block-three__products-container {     display: flex;     justify-content: center; }  @media only screen and (max-width: 1000px) {     .home__block-three__products-container {         flex-wrap: wrap;     } }  .home__block-three-product-card {     margin-left: 0.8vw;     margin-right: 0.8vw;     height: 15vw;     width: 220px;     max-height: 200px;     max-width: 220px;     display: flex;     flex-direction: column;     background-color: white;     border-radius: var(--border-radius);     align-items: center;     justify-content: space-between; }  @media only screen and (max-width: 1000px) {     .home__block-three-product-card {         margin-top: 40px;         margin-right: 10px;         margin-left: 10px;         height: 150px;         width: 150px;     } }  .home__block-three-product-card img {     position: relative;     bottom: 10px;     height: 11vw;     max-width: 15vw;     max-height: 108px;     max-width: 200px; }  @media only screen and (max-width: 1000px) {     .home__block-three-product-card img {         height: 70px;         max-height: 120px;         max-width: unset;     } }  .home__block-three-product-card h3 {     padding: 0 15px;     font-family: "Space Grotesk";     font-size: 16px;     font-weight: 600;     text-align: center;     text-transform: uppercase;     color: var(--green); }  .home__top-section-wrapper {     max-width: calc(100% - 10px);     margin-left: 20px; }  @media only screen and (max-width: 1000px) {     .home__top-section-wrapper {         max-width: unset;         margin-left: unset;     } }  .home__bottom-section-wrapper {     background-color: white;     padding-bottom: 200px; }  .home__bottom-section-wrapper__inner {     max-width: calc(100% - 120px);     margin-left: 60px; }  @media only screen and (max-width: 1000px) {     .home__bottom-section-wrapper__inner {         max-width: unset;         margin-left: 10px;         margin-right: 10px;     } }  .home__post-block-three-downwards-arrow-container {     width: 100px;     padding: 20px 20px 30px 20px;     background-color: var(--grey);     margin-left: calc(50% - 50px);     display: flex;     justify-content: center;     align-items: flex-start;     border-radius: 0 0 var(--border-radius) var(--border-radius); }  @media only screen and (max-width: 1000px) {     .home__post-block-three-downwards-arrow-container {         width: unset;         margin-left: unset;     } }  .home__post-block-three-downwards-arrow-container img {     max-height: 40px; }  .home__block-four {     margin-top: 80px; }  .home__block-four__heading {     display: flex; }  .home__block-four__main__left {     padding: 40px;     min-width: 250px;     display: flex;     justify-content: center; }  @media only screen and (max-width: 1000px) {     .home__block-four__main__left {         padding: 20px;         min-width: 200px;     } }  .home__block-four__main__left h2 {     letter-spacing: 1px;     font-family: "Space Grotesk";     font-size: 22px;     font-weight: 600;     text-align: center;     text-transform: uppercase;     display: flex;     align-items: center;     color: var(--green); }  .home__block-four__main__right {     background-color: var(--light-blue);     min-height: 150px;     width: 100%;     border-radius: var(--border-radius) var(--border-radius) 0 0; }  .home__block-four__main {     display: flex;     flex-wrap: wrap;     padding-top: 85px;     padding-bottom: 80px;     background-color: var(--light-blue);     justify-content: center;     border-radius: var(--border-radius) 0 var(--border-radius) 0; }  .home__block-four-why-us-cards {     width: 300px;     display: flex;     flex-direction: column;     align-items: center;     margin-left: 20px;     margin-right: 20px;     font-size: 15px;     text-align: center;     font-family: "Space Grotesk"; }  .home__block-four-why-us-cards p {     font-family: "Space Grotesk Light";     font-size: 18px;     color: var(--green); }  .home__block-four-why-us-cards img {     width: 100px; }  .home__block-four__decoration {     background-color: var(--light-blue);     min-height: 50px;     width: 75%;     border-radius: 0 0 var(--border-radius) var(--border-radius); }  .home__bottom-cta {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center; }  .home__bottom-cta__main {     display: flex;     justify-content: center;     align-items: center;     width: 100%;     margin-top: 80px;     background-color: var(--green);     color: white;     font-family: "Space Grotesk";     align-items: center;     min-height: 260px;     border-radius: var(--border-radius); }  .home__bottom-cta__main h2 {     text-align: center;     max-width: 620px;     font-size: 32px;     line-height: 45px;     font-weight: 200;     font-family: "Space Grotesk Light"; }  @media only screen and (max-width: 1000px) {     .home__bottom-cta__main h2 {         margin-top: 80px;         margin-bottom: 80px;         margin-left: 10px;         margin-right: 10px;         max-width: 60%;     } }  .home__bottom-cta__decoration {     font-size: 18px;     border-radius: 0 0 var(--border-radius) var(--border-radius);     background-color: var(--green);     width: 24%;     min-height: 50px;     padding-bottom: 8px;     display: flex;     justify-content: center;     align-items: center;     letter-spacing: 1px; }  @media only screen and (max-width: 1000px) {     .home__bottom-cta__decoration {         width: 74%;     } }  @media only screen and (max-width: 1400px) {     .home__bottom-cta__decoration {         width: 300px;     } }  .home__bottom-cta__decoration a {     color: white;     text-decoration: none;     text-transform: uppercase;     font-weight: 600; }  .home__bottom-cta__decoration img {     margin-left: 20px;     height: 25px;     transition: margin 0.5s; }  .home__bottom-cta__decoration:hover img {     margin-left: 25px; }  .home-animated-logo {     z-index: 1;     position: absolute;     background-color: var(--green);     transition: all 0.3s; }  .home-animated-logo__one {     width: 10px;     height: 23px;     left: 28px;     bottom: 40px;     border-radius: 3px 3px 0 3px; }  .home-animated-logo__two {     width: 10px;     height: 23px;     left: calc(100% - 37px);     bottom: 40px;     border-radius: 3px 3px 3px 0; }  .home-animated-logo__three {     width: 10px;     height: 25px;     left: calc(50% - 5px);     transform: rotate(90deg);     bottom: 22px;     border-radius: 0 3px 3px 0;     transition: all 0.2s; }  .home-animated-logo__one.home-animated-logo__animation {     transform: rotate(-45deg);     left: 40px;     bottom: 35px; }  .home-animated-logo__two.home-animated-logo__animation {     transform: rotate(45deg);     left: calc(50% + 0px);     bottom: 35px; }  .home-animated-logo__three.home-animated-logo__animation {     opacity: 0;     transform: scaleY(0.2) scaleX(0.2) rotate(90deg); }  .home-product {     opacity: 0;     transform: translateY(-10px);     transition: all 2s; }  @media only screen and (max-width: 1150px) {     .home-product {         opacity: 0;     } }  .home-product.home__block-two {     opacity: 0;     transition: all 0.5s;     transform: rotate(0deg); }  @media only screen and (max-width: 1150px) {     .home-product.home__block-two {         opacity: 1;     } }  .home-product:nth-child(1) {     transition-delay: 0.2s; }  .home-product:nth-child(2) {     transition-delay: 0.3s; }  .home-product:nth-child(3) {     transition-delay: 0.4s; }  .home-product:nth-child(4) {     transition-delay: 0.5s; }  .home-product:nth-child(5) {     transition-delay: 0.6s; }  .home-product.home-product__animation {     opacity: 1;     transform: rotate(0deg) translateY(0px); }  .home-product img {     transition: all 1s;     transform: rotate(0deg) translateY(-20px); }  .home-product.home-product__animation img {     transform: rotate(0deg) translateY(0); }  .home__block-two.home-product__animation {     opacity: 1;     transform: rotate(0deg); }  .what-we-do {     opacity: 0;     transform: rotate(0deg) translateY(-10px);     transition: all 1.2s; }  .what-we-do:nth-child(1) {     transition-delay: 0s; }  .what-we-do:nth-child(2) {     transition-delay: 0.3s; }  .what-we-do:nth-child(3) {     transition-delay: 0.6s; }  .what-we-do.what-we-do__animation {     opacity: 1;     transform: rotate(0deg) translateY(0); }  .footer {     padding: 8vh 0 8vh;     border-top: 1px solid var(--darker-grey);     display: flex;     justify-content: center; }  .footer-split-one {     width: 445px; }  .footer-split-two {     width: 445px; }  @media only screen and (max-width: 1000px) {     .footer-split-one {         padding: 20px;     }      .footer-split-two {         padding: 20px;     } }  .footer-address {     margin-top: 60px; }  .footer-address p {     font-family: "Space Grotesk";     font-weight: 400;     color: var(--green); }  .footer-email a, .footer-nav a {     font-family: "Space Grotesk";     color: var(--green); }  .footer-nav {     margin-top: 100px;     display: flex;     flex-direction: column; }  .footer-nav a {     max-width: 100px;     text-decoration: none;     color: var(--green);     font-family: "Space Grotesk"; }  .footer-email a {     max-width: 100px;     color: var(--green);     font-family: "Space Grotesk";     font-weight: 450;     text-decoration: underline; }  .footer-nav a:hover, .footer-email a:hover {     text-decoration: underline; }  .footer-images a img {     height: 35px; }  .footer-images a {     text-decoration: none; }  .footer-logo img {     height: 70px;     padding-top: 10px; }  .nav-items.toggled {     z-index: 10;     position: fixed;     top: 0;     left: 0;     right: 0;     bottom: 0;     background-color: var(--green);     margin-left: unset; }  .nav-items.toggled #product-nav-item.toggled .nav-popover {     display: flex;     z-index: 10;     position: fixed;     top: 0;     left: 0;     right: 0;     background-color: var(--green); }  .nav-items.toggled #product-nav-item {     margin-top: 20vh; }  .nav-items.toggled #product-nav-item a {     font-size: 2em;     font-family: "Space Grotesk";     color: white;     background-color: transparent;     display: flex;     padding: 0;     margin-left: 40px; }  .nav-items.toggled #product-nav-item:hover {     background-color: transparent;     cursor: pointer; }  .nav-items.toggled > a {     font-size: 2em;     font-family: "Space Grotesk";     color: white;     background-color: transparent;     display: flex;     margin-left: 40px;     padding: 0; }  .nav-items.toggled > a:hover {     background-color: transparent;     cursor: pointer;     text-decoration: none; }  .nav-items.toggled #product-nav-item.toggled .nav-popover {     margin-top: 17vh; }  .nav-items.toggled #product-nav-item.toggled .nav-popover a {     line-height: normal;     margin-bottom: 20px;     margin-left: 20px;     color: white; }  .pseudo-burger-menu {     display: none; }  .nav-items.toggled .pseudo-burger-menu {     display: block;     position: fixed;     top: 60px;     right: 70px;     color: var(--aqua);     font-size: 2em; }  .nav-items.toggled .nav-popover > a:hover {     font-style: normal; }  .nav-items.toggled #product-nav-item .nav-popover a {     font-weight: 400;     font-size: 2.2em; }