@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap");
/*---------------------------------------
basic styles 
---------------------------------------*/
:root {
  --transition: all .3s ease-in;
  --radius:1rem;
  --bs-dark:#444;
  --bs-light:#FDFCFB;
  --bs-gray:#656565;
  --bs-beige:#F2EDE4;
  --bs-green:#2D7854;
  --bs-green-light:#9DC863;
  --bs-green-dark:#2A5D44;
  --bs-yellow:#FFD332; }

::selection {
  background-color: var(--bs-green-light);
  color: var(--bs-green-dark); }

body {
  background-color: var(--bs-light);
  font-family: "Gabarito", sans-serif;
  font-size: 16px;
  line-height: 1.5em; }

main {
  max-width: 100vw;
  overflow: hidden; }

/*---------------------------------------
basic styles 
---------------------------------------*/
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg-green {
  background-color: var(--bs-green);
  color: white; }

.bg-beige {
  background-color: var(--bs-beige); }

.bg-radius {
  border-radius: 2em; }

/*---------------------------------------
titulos e paragrafos
---------------------------------------*/
h1, .h1 {
  font-weight: 1em;
  font-weight: 400;
  font-size: 32px; }
  h1 strong, .h1 strong {
    font-weight: 800; }

h2, .h2 {
  font-weight: 1em;
  font-weight: 400;
  font-size: 26px; }

h3, .h3 {
  font-weight: 1em;
  font-weight: 400;
  font-size: 21px; }

@media (min-width: 992px) {
  body {
    font-size: 18px; }

  h1, .h1 {
    font-size: 48px; }

  h2, .h2 {
    font-size: 40px; }

  h3, .h3 {
    font-size: 24px; } }
/*---------------------------------------
links + button
---------------------------------------*/
a {
  color: var(--bs-green);
  transition: var(--transition); }
  a:hover {
    color: var(--bs-green-dark); }

.btn {
  line-height: 1em;
  padding: 0.66em 1.5em;
  border-radius: 100px;
  text-transform: uppercase;
  border: none; }
  .btn:disabled {
    filter: grayscale(0.7);
    opacity: 0.8; }
  .btn.btn-whatsapp {
    background-image: url("../images/ico-wa.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 50px; }

.btn-primary {
  color: white;
  background-color: var(--bs-green); }
  .btn-primary:hover {
    background-color: var(--bs-green-dark);
    color: white; }

.btn-outline-light {
  color: white;
  border: 1px solid white; }
  .btn-outline-light:hover {
    background-color: white;
    color: var(--bs-dark); }

/*---------------------------------------
BOOTSTRAP
---------------------------------------*/
hr {
  background-color: var(--bs-beige);
  opacity: 1;
  margin: 2em 0;
  height: 2px !important; }

/*---------------------------------------
ROWS
---------------------------------------*/
.img-full {
  width: 100%;
  height: auto; }

.areoi-strip {
  padding: 70px 0; }

/*---------------LG---------------*/
@media (min-width: 992px) {
  .areoi-strip {
    padding: 100px 0; } }