@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

/*font-family: 'Kaushan Script', cursive;*/

:root {
  --main-empresa: #0B9550;
  --main-black: #575757;
  --main-red: #eb1b25;
  --main-verde: #00250F;
}

*{
	margin:0; 
	padding:0;
	box-sizing: inherit;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  color: var(--main-black);
}

/*
personalizar a barra em geral, aqui estou definindo 10px de largura para a barra vertical
e 10px de altura para a barra horizontal 
*/
::-webkit-scrollbar {
width:10px;
height: 10px;
}
 
/*
aqui é para personalizar o fundo da barra, neste caso estou colocando um fundo cinza escuro
*/
::-webkit-scrollbar-track {
background:#333;
}
 
/*
aqui é a alça da barra, que demonstra a altura que você está na página
estou colocando uma cor azul clara nela
*/
::-webkit-scrollbar-thumb {
background: var(--main-empresa);
}

.btn-empresa {
  background: var(--main-empresa);
  color: #fff;
  text-decoration: none;
}

.btn-empresa:hover{
  background: var(--main-black);
  color: #fff !important;
}

.btn-empresa i{
  color: #fff !important;
}

.btn-empresa.preto{
  background: var(--main-black);
  border: 1px solid var(--main-black);
  color: #fff;
}

.btn-empresa.preto:hover {
  background: var(--main-empresa);
  border: 1px solid var(--main-empresa);
  color: #fff;
}

.btn-outline-empresa {
  background: #fff;
  color: var(--main-empresa);
  border: 1px solid var(--main-azul);
  text-decoration: none;
}

.btn-outline-empresa:hover {
  background: var(--main-empresa);
  color: #fff;
  border: 1px solid var(--main-empresa);
  text-decoration: none;
}

.font-white{
  color: #fff;
}

.margin-10{
  margin-top: 10px;
}

.margin-20{
  margin-top: 20px;
}

.margin-30{
  margin-top: 30px;
}

.margin-40{
  margin-top: 40px;
}

.margin-50{
  margin-top: 50px;
}

.margin-60{
  margin-top: 60px;
}

.margin-70{
  margin-top: 70px;
}

.margin-80{
  margin-top: 80px;
}

.margin-90{
  margin-top: 90px;
}

.margin-100{
  margin-top: 100px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.width-100{
  width: 100%;
}
.height-100{
  height: 100%;
}

.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  left: 20px;
  bottom: 20px;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
  transition: all ease-in-out 0.3s;
}