@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 list-style: none;
 text-decoration: none;
}

html ::-webkit-scrollbar {
 width: 5px;
}

html ::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background: var(--cor-primaria);
}

html ::-webkit-scrollbar-track {
 background: #ededed;
}

body {
 font-family: 'Montserrat', sans-serif;
 overflow-x: hidden !important;
}

:root {
 --cor-primaria: #98bf00;
 --cor-secundaria: #172d5d;
 --cor-texto: #686868;
}

.textura {
 width: 100%;
 position: absolute;
 right: 0px;
 z-index: -1;
 height: 100%;
 object-fit: cover;
}

.coluna-1 {
 margin-top: 3vw;
 margin-bottom: 10vw;
}

.logo {
 max-width: 64%;
 margin-left: 8px;
 margin-bottom: 40px;

}

h1,
b {
 font-weight: 800;
 font-size: 35px;
}

h1 {
 color: var(--cor-secundaria);
 width: 74% !important;
}

b {
 color: var(--cor-primaria);
}

p {
 color: var(--cor-texto);
 max-width: 389px;
 margin-top: 30px;
}

a {
 display: block;
 text-decoration: none;
}

.btn-whatsapp {
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 25px;
 font-weight: 700;
 float: left;
 color: var(--cor-primaria);
 gap: 10px;
 transition: all 0.5s;
}

.btn-whatsapp:hover {
 transform: scale(1.1);
 transition: all 0.5s;
}

.btn-whatsapp::before {
 content: "";
 background-image: url(./assets/whatsapp\ \(1\).png);
 background-size: contain;
 background-repeat: no-repeat;
 display: inline-block;
 width: 26px;
 height: 26px;
}

.btn-cta {
 color: white;
 background-color: var(--cor-primaria);
 padding: 13px 30px;
 border-radius: 50px;
 margin-top: 30px;
 text-align: center;
 font-weight: 700;
 width: 250px;
 transition: all 0.5s;
}

.btn-cta:hover {
 transition: all 0.5s;
 transform: scale(1.1);
}

@media screen and (max-width: 767px) {
 .coluna-1 {
  text-align: center;
 }

 h1 {
  color: var(--cor-secundaria);
  width: 99% !important;
  margin: auto;
 }

 .logo {
  max-width: 74%;
  margin-bottom: 36px;
 }


 .textura {
  width: 318%;
  position: absolute;
  right: 0px;
  z-index: 2;
  height: 99%;
  object-fit: cover;
}

 p {
  color: var(--cor-texto);
  max-width: 80%;
  margin: 30px auto;
 }

 .btn-whatsapp {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 700;
  float: left;
  color: var(--cor-primaria);
  gap: 10px;
  transition: all 0.5s;
  text-align: center;
  margin: auto;
  width: 100%;
 }

 .btn-cta {
  color: white;
  background-color: var(--cor-primaria);
  padding: 13px 30px;
  border-radius: 50px;
  text-align: center;
  font-weight: 700;
  width: 250px;
  transition: all 0.5s;
  margin: 40px auto;
 }
}