@font-face {
  font-family: a;
  src: url(jost-variable.ttf);
}

@font-face {
  font-family: b;
  src: url(KFOlCnqEu92Fr1MmEU9fBBc4\ .ttf);
}

@font-face {
  font-family: c;
  src: url(KFOmCnqEu92Fr1Mu4mxK\ .ttf);
}

* {
  padding: 0;
  margin: 0;
}

body,
html {
  width: 100%;
  height: 100%;
  background: #083fce;
  overflow-x: hidden;
}

.no-scroll {
  overflow: hidden;
}

::selection {
  background: #000;
  color: #fff;
}

#wrapper {
  position: relative;
}

.sec-1 {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.sec-1 > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -99;
}

nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  position: relative;
  padding: 1rem 0;
}

a {
  text-decoration: none;
  color: #ffffffd7;
  font-weight: 400;
}

/* li {
   list-style: none;
} */
.nav-left {
  padding-left: 50px;
}

.nav-right {
  padding-right: 60px;
  position: relative;
  display: flex;
  gap: 1rem;
}

.btn-1 {
  margin-right: 2rem;
}

.nav-right > .btn {
  padding: 10px 20px;
  border: 1px solid #ffffff60;
  border-radius: 20px;
  color: #ffffffd7;
  background: transparent;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  position: relative;
  transition: all ease-in-out 0.4s;
  overflow: hidden;
  font-family: a;
}

.btn-1::after {
  content: 'Book a Demo';
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0%;
  bottom: -100%;
  color: blue;
  transition: all ease-in-out 0.4s;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-1:hover::after {
  bottom: 0;
  color: blue;
}

.btn:hover {
  border: 1px solid #fff;
}

#btn-2 {
  position: fixed;
  z-index: 210;
  top: 1.7rem;
  right: 1rem;
  transition: all ease 0.3s;
}

i {
  transition: all ease 0.3s;
}

.nav-menu {
  transition: all ease 0.3s;

  z-index: 200;
  position: fixed;
  right: -100%;
  top: 0;
  width: 40vw;
  height: 100vh;
  background: #fff;
  color: #000;
  padding: 0 5rem;
  overflow: hidden;
}

.nav-open section {
  opacity: 0.4;
}

.nav-menu ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  list-style: none;
  gap: 1.5rem;
}

.nav-open .nav-menu {
  right: 0%;
}

.nav-open #btn-2 {
  background: #083fce;
  color: #fff;
}

.nav-open .open {
  display: none;
}

.nav-open .close {
  display: block;
}

.open {
  font-size: 1.4rem;
  display: block;
}

.close {
  font-size: 1.6rem;
  display: none;
}

.nav-menu ul li a {
  font-size: 4rem;
  font-family: a;
  color: #000;
  transition: all ease 0.3s;
  font-weight: 100;
}

.nav-menu ul li a:hover {
  color: #083fce;
}

.sec-1-bottom {
  position: absolute;
  left: 7%;
  bottom: 20%;
  /* color: transparent; */
  color: #ffffffce;
  font-family: a;
  display: flex;
  flex-direction: column;
  gap: 1.8vw;
}

.sec-1-bottom > .sec-1-bottom-up > h1 {
  font-size: 6.5vw;
  line-height: 6.8vw;
}

.sec-1-bottom > .sec-1-bottom-down {
  display: flex;
  gap: 2vw;
  align-items: end;
}

.sec-1-bottom > .sec-1-bottom-down > .sec-1-bottom-down-left > p {
  font-size: 1.8vw;
  width: 40%;
  line-height: 2.2vw;
}

#btn-3,
#btn-4,
.sec-12-btn {
  width: 180px;
  height: 50px;
  border: none;
  border-radius: 20px;
  color: blue;
  background: #fff;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  position: relative;
  transition: all ease-in-out 0.4s;
  font-family: a;
  text-transform: uppercase;
  overflow: hidden;
}

#btn-3::after {
  content: 'Learn more';
  height: 100%;
  width: 100%;
  background: #000;
  position: absolute;
  border: none;
  left: 0%;
  bottom: -100%;
  color: #fff;
  transition: all ease-in-out 0.4s;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

#btn-3:hover::after {
  bottom: 0% !important;
  color: #fff;
}

.sec-2,
.sec-4,
.sec-6 {
  height: 60vh;
  width: 100vw;
  position: relative;
  background: #083fce;
  display: flex;
  flex-direction: column;
  gap: 2.8vw;
  color: #ffffffe5;
  font-family: a;
  padding: 12vw 8vw;
}

.sec-2 > p,
.sec-4 > .sec-4-text > p,
.sec-6 > p {
  font-size: 1.2vw;
  word-spacing: 1.5px;
}

.sec-2 > span,
.sec-4 > .sec-4-text > span,
.sec-6 > span {
  font-size: 4vw;
  line-height: 5vw;
  width: 90%;
}

.sec-4-text {
  padding-right: 10rem;
}

.sec-3 {
  height: 100vh;
  width: 100vw;
  position: relative;
  background: #083fce;
}

.sec-2 > canvas {
  max-height: 100vh;
  width: 100vw;
}

.sec-4 {
  min-height: 80vh;
  width: 100vw;
  position: relative;
  padding: 1vw 8vw;
}

.sec-5 {
  width: 100vw;
  height: 60vh;
  position: relative;
}

.sec-5 > canvas {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.sec-6 {
  padding: 1vw 8vw;
}

.sec-7 {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.sec-7 > .circle {
  width: 22vw;
  height: 22vw;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-circle {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  border: 1px solid #fff;
  color: transparent;
}

.sec-8 {
  height: 100vh;
  width: 100vw;
  position: relative;
  font-family: a;
  /* display: flex; */
}

.sec-8 > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  /* z-index: -1; */
}

.sec-8 > .sec-8-text {
  width: 42rem;
  height: 15rem;
  position: absolute;
  left: 50%;
  top: 82%;
  transform: translate(-50%, -50%);
  /* background: blueviolet; */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.sec-8 > .sec-8-text > span {
  font-size: 6vw;
  color: #fff;
}

#btn-4 {
  width: 220px;
}

#btn-4::after {
  content: 'Learn more';
  height: 100%;
  width: 100%;
  background: #000;
  position: absolute;
  border: none;
  left: 0%;
  bottom: -100%;
  color: #fff;
  transition: all ease-in-out 0.4s;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

#btn-4:hover::after {
  bottom: 0% !important;
  color: #fff;
}

.sec-9 {
  width: 100vw;
  min-height: 100vh;
  background: #01298e;
  display: flex;
  flex-direction: column;
  font-family: a;
}

.sec-9 > .sec-9-top {
  width: 100%;
  display: flex;
  padding-top: 9vw;
  padding-bottom: 5.5vw;
  justify-content: center;
}

.sec-9 > .sec-9-top > .sec-9-top-left {
  width: 30%;
}

.sec-9 > .sec-9-top > .sec-9-top-left > span {
  font-size: 7vw;
  line-height: 6.7vw;
  color: #fff;
  font-weight: lighter;
}

.sec-9 > .sec-9-top > .sec-9-top-right {
  width: 55%;
}

.sec-9 > .sec-9-top > .sec-9-top-right > img {
  border-radius: 20px;
  width: 100%;
}

.sec-9 > .sec-9-bottom {
  width: 100vw;
  height: 75vh;
  padding-left: 37vw;
  background: #01298e;
}

.sec-9 > .sec-9-bottom > .sec-9-bottom-box {
  width: 55%;
  margin-bottom: 3.3vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.sec-9 > .sec-9-bottom > .sec-9-bottom-box > h3 {
  color: #ffffff;
  font-size: 1.8vw;
  font-family: a;
}

.sec-9 > .sec-9-bottom > .sec-9-bottom-box > span {
  color: rgba(255, 255, 255, 0.767);
  font-size: 1.5vw;
  line-height: 2.3vw;
}

.sec-10 {
  width: 100%;
  min-height: 100vh;
  background: #01298e;
  font-family: a;
  padding-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 10vw;
}

.sec-10 > .sec-10-top {
  width: 100%;
  height: 10vh;
  margin-top: 10vw;
  margin-bottom: 4rem;
  padding-left: 9vw;
}

.sec-10 > .sec-10-top > h1 {
  font-size: 6vw;
  color: #fff;
}

.sec-10-bottom {
  width: 100%;
  padding-left: 8.46vw;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}

.sec-10-bottom-line {
  position: absolute;
  left: 8vw;
  width: 1.1rem;
  height: 1.1rem;
  background: #0a3cce;
  border-radius: 50%;
}

.sec-10-bottom-line2 {
  top: 33.2rem;
}

.sec-10-bottom-line3 {
  top: 66.6rem;
}

.sec-10-bottom-line4 {
  top: 99.6rem;
}

.sec-10-bottom-left {
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 11rem;
  border-left: 2px solid #083fce;
  padding-left: 2rem;
}

/* Basic structure without flexbox on the parent */
.sec-10-bottom {
  width: 100%;
  padding-left: 8.46vw;
  position: relative;
}

/* Ensure the parent of the sticky element is at least as tall as the viewport */
.sec-10-bottom-right {
  padding-right: 3rem;
  min-height: 100vh;
  /* Ensure enough height for sticky behavior */
  position: relative;
}

.sec-10-bottom-right img {
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
}

.sec-10-box {
  height: 40vh;
  display: flex;
  flex-direction: column;
  color: #fff;
  gap: 1rem;
}

.sec-10-box > .sec-10-box-top > p {
  font-size: larger;
}

.sec-10-box > .sec-10-box-center > span {
  font-size: 3.2rem;
  line-height: 3.3rem;
}

.sec-10-box > .sec-10-box-bottom > p {
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #c9c5e4;
}

.sec-10-bottom-right > img {
  position: sticky;
  top: 0;
}

.sec-11 {
  width: 100%;
  /* height: 130vh; */
  position: relative;
  background: #ecf2ff;
  font-family: a;
  padding-top: 12vw;
  padding-left: 8vw;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.sec-11 > .sec-11-text > span,
.sec-12-text > span {
  font-size: 7vw;
}

.box-up > img {
  border-radius: 20px;
}

.sec-11-box-container {
  height: 50rem;
  display: flex;
  gap: 2rem;
  overflow-x: scroll;
}

.box-center,
.box-down > ul {
  padding-left: 1rem;
}

.box-down > ul {
  padding-left: 2.7rem;
}

.box-center {
  font-size: 2vw;
}

.box-down {
  font-size: 1.5vw;
  color: #000000a8;
}

.sec-12 {
  width: 100%;
  /* height: 130vh; */
  position: relative;
  background: #ffffff;
  font-family: a;
  padding-top: 12vw;
  padding-left: 8vw;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sec-12-box {
  width: 100%;
  height: 15rem;
  display: flex;
  gap: 2.5rem;
}

.sec-12-box-left {
  width: 60%;
}

.sec-12-box-left > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
}

.sec-12-box-right {
  display: flex;
  flex-direction: column;
  place-content: center;
  padding-right: 16rem;
}

.sec-12-btn {
  border: 1px solid #01298e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  margin-left: 50rem;
  margin-bottom: 15rem;
  text-transform: capitalize;
}

.sec-13 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background: #01298e;
  font-family: a;
}

.sec-13-text {
  display: flex;
  justify-content: end;
  padding-top: 10rem;
  color: #fff;
  padding-right: 2rem;
}

.sec-13-text span {
  font-size: 6vw;
}

.sec-13-text p {
  font-size: 1.4vw;
  color: #ffffffb2;
  margin-bottom: 4rem;
}

.sec-13-logos {
  height: 20rem;
  display: flex;
  gap: 9rem;
  align-items: center;
  animation-name: logo;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  white-space: nowrap;
}

.logo {
  width: 40vw;
  height: 10vh;
}

@keyframes logo {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

footer {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background: #0f0f17;
  font-family: a;
  color: #fff;
}

.footer-up {
  display: flex;
  flex-direction: column;
  padding-top: 7vw;
  padding-left: 9vw;
  gap: 3rem;
}

.footer-up > span {
  font-size: 6vw;
  line-height: 6.4vw;
}

.footer-btn {
  width: 200px;
  height: 50px;
  border: none;
  border-radius: 20px;
  color: #fff;
  background: rgb(0, 0, 255);
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  position: relative;
  transition: all ease-in-out 0.4s;
  font-family: a;
  text-transform: uppercase;
  overflow: hidden;
}

.footer-btn::after {
  content: 'BOOK A DEMO';
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  border: none;
  left: 0%;
  bottom: -100%;
  color: rgb(0, 0, 255);
  transition: all ease-in-out 0.4s;
  cursor: pointer;
  font-size: large;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.footer-btn:hover::after {
  bottom: 0% !important;
  color: rgb(0, 0, 255);
}

.footer-links {
  width: 100%;
  padding-top: 6vw;
}

.link {
  width: 100%;
  height: 9rem;
  display: flex;
  justify-content: space-between;
  font-size: 2.9vw;
  align-items: center;
  transition: all ease-in-out 0.6s;
  cursor: pointer;
  position: relative;
}

.link > p {
  padding-left: 8vw;
  position: relative;
  z-index: 99;
}

.link > span {
  padding-right: 8vw;
  position: relative;
  z-index: 99;
}

.link-1 {
  border-top: 1px solid #ffffff4f;
}

.link-2 {
  border-top: 1px solid #ffffff4f;
}

.link-3 {
  border-top: 1px solid #ffffff4f;
  border-bottom: 1px solid #ffffff4f;
  margin-bottom: 6vw;
}

.footer-down {
  display: flex;
  margin-bottom: 5vw;
  font-family: a;
}

footer > p {
  padding-left: 8vw;
  padding-bottom: 5vw;
}

.footer-down > .footer-down-left > .left > ul > li {
  list-style: none;
  margin-bottom: 0.5rem;
}

.footer-down > .footer-down-left > .right > ul > li {
  list-style: none;
  margin-bottom: 0.5rem;
  transition: all ease-in-out 0.3s;
}

.footer-down > .footer-down-left > .right > ul > li > a {
  transition: all ease-in-out 0.3s;
}

.footer-down > .footer-down-left > .right > ul > li > a:hover {
  border-bottom: 1px solid #fff;
}

.footer-down > .footer-down-left > .left > ul > li > a {
  transition: all ease-in-out 0.3s;
}

.footer-down > .footer-down-left > .left > ul > li > a:hover {
  border-bottom: 1px solid #fff;
}

.footer-down-left {
  width: 40%;
  padding-left: 8vw;
  display: flex;
  gap: 11rem;
  font-size: 1.2vw;
}

.footer-down-right {
  width: 60%;
}

.color {
  height: 0%;
  width: 100%;
  background: #083fce;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.4s;
}

.link:hover .color {
  height: 100%;
}

.footer-down-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 36vw;
}

.footer-down-right > span {
  font-size: 2vw;
}

.footer-down-right > #email {
  border-bottom: 2px solid #ffffff34;
  background-color: #0f0f17;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: 0;
  color: #ffffff;
  width: 80%;
  height: 2rem;
  transition: all ease-in-out 0.3s;
  font-size: 1.3vw;
  padding-bottom: 0.2vw;
}

#email::placeholder {
  color: #fff;

  font-size: 1.3vw;
}

#email:hover {
  border-bottom: 2px solid #ffffffe3;
}

#email:focus {
  border-bottom: 2px solid #ffffffe3;
}

@media screen and (max-width: 1024px) {
  .sec-12-box {
    height: 12rem;
    gap: 2rem;
  }

  .sec-12-box-left {
    width: 90% !important;
  }

  .sec-12-box-right {
    padding-right: 7rem;
  }

  .nav-menu ul li a {
    font-size: 3rem !important;
    font-family: a;
    color: #000;
    transition: all ease 0.3s;
    font-weight: 100;
  }

  .nav-menu ul {
    gap: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .nav-menu ul li a {
    font-size: 2.5rem !important;
  }

  .nav-menu ul {
    gap: 0.5rem;
  }

  .sec-1-bottom > .sec-1-bottom-down > .sec-1-bottom-down-left > p {
    width: 90%;
  }

  #btn-3 {
    width: 110px;
    height: 40px;
    border-radius: 10px;
    font-size: 0.89rem;
  }

  .sec-1-bottom > .sec-1-bottom-up > h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }

  .sec-1-bottom > .sec-1-bottom-down > .sec-1-bottom-down-left > p {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .sec-1-bottom {
    left: 5%;
  }

  nav {
    padding: 0.1rem 0;
  }

  .nav-left {
    padding: 20px;
  }

  .sec-9 {
    padding: 0 2rem;
    padding-bottom: 15rem;
  }

  .sec-9 > .sec-9-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 9vw;
    padding-bottom: 5.5vw;
    justify-content: center;
  }

  .sec-9 > .sec-9-top > .sec-9-top-right,
  sec-9 > .sec-9-top > .sec-9-top-left {
    width: 90% !important;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box {
    width: 85% !important;
  }

  .sec-9 > .sec-9-bottom {
    width: 100vw;
    padding-left: 1rem;
    background: #01298e;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box > h3 {
    font-size: 1.8rem;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box > span {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-top: 0.5rem;
  }

  .sec-10-bottom-left {
    width: 100%;
  }

  .sec-10-bottom-right {
    display: none;
  }

  .sec-12-box {
    height: fit-content;
    flex-direction: column;
    gap: 2rem;
  }

  .sec-12 img {
    width: 80%;
  }

  .sec-13-text span {
    font-size: 4rem;
  }

  .sec-13-text p {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 500px) {
  .nav-menu {
    width: 100vw;
    padding: 0;
  }

  .nav-menu ul {
    padding-left: 1rem;
  }

  nav .btn-1 {
    display: none !important;
  }

  .nav-left {
    padding-left: 10px;
  }

  .nav-left img {
    width: 70%;
  }

  .nav-right {
    padding-right: 10px;
  }

  .sec-1-bottom {
    bottom: 30%;
  }

  .sec-1-bottom > .sec-1-bottom-up > h1 {
    font-size: 2.7rem;
    line-height: 3rem;
  }

  .sec-1-bottom > .sec-1-bottom-down > .sec-1-bottom-down-left > p {
    font-size: 1.3rem;
    line-height: 2rem;
    width: 100%;
  }

  .sec-1-bottom > .sec-1-bottom-down {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .sec-2 > p,
  .sec-4 > .sec-4-text > p,
  .sec-6 > p {
    font-size: 1.2rem;
  }

  .sec-2,
  .sec-4,
  .sec-6 {
    height: max-content;
    padding: 12vw 1rem;
  }

  .sec-2 > span,
  .sec-4 > .sec-4-text > span,
  .sec-6 > span {
    font-size: 1.6rem;
    line-height: 2.3rem;
    margin-top: 1rem;
    width: 100%;
  }

  .sec-4-text {
    padding-right: 0rem;
  }

  .sec-4 > .sec-4-text > span,
  .sec-6 > span {
    font-size: 1.4rem;
    line-height: 2rem;
    width: 100%;
  }

  .sec-4 > .sec-4-text > p,
  .sec-6 > p {
    margin-bottom: 1rem;
  }

  .sec-9 {
    padding: 1rem 1rem 0 0.5rem;
    padding-bottom: 15rem;
    min-height: 275vh;
  }

  .sec-9 > .sec-9-top > .sec-9-top-left {
    width: 100%;
  }

  .sec-9 > .sec-9-top > .sec-9-top-left > span {
    font-size: 3rem;
    line-height: 3.4rem;
    width: 100%;
  }

  .sec-9 > .sec-9-top > .sec-9-top-right,
  sec-9 > .sec-9-top > .sec-9-top-left {
    width: 100% !important;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box {
    width: 100% !important;
    margin-top: 5rem;
  }

  .sec-9 > .sec-9-bottom {
    padding-left: 0.5rem;
  }

  .sec-10 {
    display: none;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box > span {
    font-size: 1.2rem;
    line-height: 2rem;
    margin-top: 0.5rem;
  }

  .sec-9 > .sec-9-bottom > .sec-9-bottom-box > h3 {
    font-size: 1.6rem;
  }

  .sec-12-text > span {
    font-size: 3rem;
  }

  .sec-12 {
    padding: 2rem 0.5rem;
    margin: 0;
    height: fit-content;
  }

  .sec-12-box {
    gap: 1rem;
  }

  .sec-12-box-left,
  .sec-12-box-right {
    width: 100% !important;
  }

  .sec-12 img {
    width: 95%;
    border-radius: 10px;
  }

  .sec-13-text {
    padding: 5rem 0.4rem;
  }

  .footer-up > span {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .footer-up {
    padding-left: 1rem;
  }

  .link > p {
    padding-left: 2rem;
    position: relative;
    z-index: 99;
  }

  .link {
    font-size: 1.7rem;
  }

  .footer-down {
    display: flex;
    flex-direction: column;
  }

  .footer-down-left {
    display: flex;
    gap: 5rem;
    font-size: 1.2rem;
  }

  .footer-down-right {
    padding-left: 5rem;
    margin-top: 2rem;
    gap: 0.5rem;
  }

  .footer-down-right > span {
    font-size: 2rem;
  }

  .footer-down-right > #email {
    width: 100%;
    height: 5rem;
    font-size: 1.2rem;
  }

  #email::placeholder {
    font-size: 1.2rem;
  }
}

img {
  object-fit: cover;
}

/* .disclaimer {
  position: absolute;
  height: 50vh;
  width: 50vw;
  color: #000;
  left: 50%;
  top: 5rem;
  transform: translate(-50%, 10rem);
  background: #fff;
  z-index: 10000;
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disclaimer a {
  color: #01298e;
  font-weight: 600;
}
.disclaimer button {
  position: absolute;
  top: 1%;
  right: 4%;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 1.4rem;
  background: #01298e;
  color: #fff;
}
.no-content .wrapper {
  display: none !important;
} */