html {
  height: 100vh;
  height: 100dvh;
}
body {
      /* height: calc(100% - 16px); */
      font-family: Arial, sans-serif;
}
.full-height-flex {
  min-height: 100vh;
  min-height: 100dvh; /* Ensures the container takes full viewport height */
}

.h-screen {
  height: 100dvh !important;
  height: 100vh;
}

.min-vh-100 {
    min-height: 100dvh !important;
}

body.index,
body.choose-company,
body.ach-start {
  background-image: url(/images/home-background.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* body.choose-company {
  background-image: url(/images/background-2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
} */

/* .index-header,
.choose-company-header {
  background-image: url(/images/logo-app.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  height: 6rem; 
} */
/* .choose-company-bottom,
.ach-bottom {
  height: 4rem; 
}

.index-info-left {
  background-image: url(/images/phone-image.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.index-info-right > p {
  font-size: 1.6rem;
  line-height: 1.2;
}

.index-info-right > a.how-it-works {
  font-size: 1rem;
  display: inline-block;
  text-decoration: none;
  background-color: cadetblue;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
}

.choose-company .card,
.ach-start .card {
  background-color: rgba(255, 255, 255, 0.5);
}

.choose-company .btn {
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center; 
}

.choose-company .btn.febeca {
  background-image: url('/images/logo-febeca.png');
}

.choose-company .btn.beval {
  background-image: url('/images/logo-beval.png');
}

.choose-company .btn.sillaca {
  background-image: url('/images/logo-sillaca.png');
} */