.footer {
  position: absolute;
  z-index: -999;
  width: 100vw;
  height: max-content !important;
  line-height: 60rem;
  font-family: "Exo", sans-serif;
}

.footer-background {
  background-color: #057dab !important;
  padding-top: 0;
  padding-bottom: 0;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.container-padding {
  padding: 0 112rem;
}

.display-flex-justify {
  display: flex;
  justify-content: space-between;
}

.margin-right-60rem {
  margin-right: 60rem;
}

.other-footer-title {
  margin-right: 0;
}

.footer-logo {
  width: 78rem;
  height: 59rem;
  margin-top: 16rem;
}

.footer-text-two {
  font-size: 16rem !important;
  font-weight: 400;
  line-height: 24rem;
  color: #fff;
  margin-top: 30rem;
}

.display-flex {
  display: flex;
}

.footer-content-title {
  font-size: 14rem !important;
  font-weight: 600;
  line-height: 20rem;
  color: #fff;
  margin-top: 30rem;
}

.footer-text {
  font-size: 12rem !important;
  font-weight: 400;
  line-height: 12rem;
  color: #fff;
  margin-top: 16rem;
  cursor: pointer;
  min-width: max-content;
}

.padding-left-footer-menu {
  padding-left: 30rem;
}

.footer-two {
  background-color: #1e8ab3;
  height: 190rem;
  margin-top: 48rem;
}

.align-items-center {
  align-items: center;
}

.display-flex.align-items-center {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer-bottom-text {
  font-size: 12rem !important;
  font-weight: 400;
  line-height: 24rem;
  color: #fff;
  margin-top: 16rem;
}

.margin-top-36rem {
  margin-top: 36rem;
}

.footer-media-icons {
  width: 32rem;
  height: 32rem;
  margin-right: 8rem;
  margin-top: 20rem;
}

.footer-arrow {
  display: none;
}

.footer-date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14rem;
  color: #fff;
  font-weight: 500;
}

.store-badges {
  display: flex;
  justify-content: start;
  gap: 15rem;
  margin-top: 10rem;
  align-items: center;
}

.store-badges-container {
  bottom: 270rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.desktop-apps {
  display: flex;
}

.mobile-apps {
  display: none;
}

.newsletter-container {
  background-color: rgba(5, 125, 171, 0.1);
  padding: 32rem 216rem;
  border-radius: 10rem;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newsletter-container h2 {
  color: #057dab;
  font-size: 28rem;
  font-weight: 600;
  margin-bottom: 15rem;
  text-align: start;
}

.newsletter-container p {
  font-size: 18rem;
  font-weight: 400;
  line-height: 30rem;
  color: #818699;
}

.newsletter-right {
  display: flex;
  justify-content: center;
  gap: 10rem;
  padding: 18rem 22rem;
  background-color: rgba(5, 125, 171, 0.2);
  border-radius: 8rem;
}

.newsletter-right a {
  color: #0077a1;
  background-color: #fff;
  padding: 0 6rem;
  border: none;
  border-radius: 5rem;
  cursor: pointer;
  font-size: 16rem;
  font-weight: 600;
  height: 44rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 180rem;
}

.newsletter-right a:hover {
  background-color: #005f7d;
  color: #fff;
}

.newsletter-left {
  max-width: 67%;
  text-align: left;
}





.footer-box {
  background-color: #F5FAFC;
 padding: 40rem 112rem;
  line-height:0;
}

.second-footer-box{
      background-color: #E9F3F7;
 padding: 40rem 112rem;
  line-height:0;
}

.footer-box h3, .second-footer-box h3 {
  font-size: 18rem;
  font-weight: 700;
  margin-bottom: 15rem;
  border-bottom: 1rem solid #cde5ee;
  padding-bottom: 8rem;
     color: #057dab;
}

.footer-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220rem, 1fr));
  gap: 10rem 30rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list li {
  margin-bottom: 6rem;
}

.footer-list a {
text-decoration:unset;
  font-size: 12rem !important;
    font-weight: 500;
    line-height: 12rem;
    color: #057dab;
    cursor: pointer;
    min-width: max-content;
}
