body {
  background-color: #000;
  color: #fff;
  background-image: url('img/br-pc-bg-img-872ecd.png');
  background-size: cover;
  background-position: center;
}

.content-box {
  border-radius: 1.5rem;
  overflow: hidden;
}

.requirements {
  background-color: #fff;
  color: #000;
  padding: 2rem;
  background-image: url('img/pc_basic_bg-6d44c5.png');
  background-size: cover;
  background-position: center bottom;
}

.form-area {
  background-color: rgba(58, 58, 58, 0.3); /* fallback se overlay falhar */
  padding: 2rem;
  position: relative;
  overflow: hidden; /* garante que overlay não vaze */
  display: flex;
  align-items: center;
}

/* Overlay transparente */
.form-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(58, 58, 58, 0.7); /* ajuste opacidade como quiser */
  z-index: 0; /* atrás do conteúdo */
}

.form-area > * {
  position: relative;
  z-index: 1; /* conteúdo acima do overlay */
  width: 100%;
}

.form-control {
  border-radius: 50rem;
  margin-bottom: 1rem;
}

.btn-warning {
  background-color: #ffd400;
  border: none;
  font-weight: bold;
  border-radius: 50rem;
  padding: 0.75rem;
}

.requirements ol li {
  margin-bottom: 1rem;
}

.requirements ol li strong {
  display: block;
  margin-bottom: 0.5rem;
}

label.form-label, .form-check-label {
  font-weight: 500;
}

h6 {
  font-weight: 600;
}

.app-whats {
    display: block;
    position: fixed;
    bottom: 18px;
    right: 15px;
    font-family: arial;
}

.app-whats i {
  display: block;
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 4px;
  background-color: #009688;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 99999;
}



.app-whats A:link {text-decoration:none;color:#ffffff;}
.app-whats A:visited {text-decoration:none;color:#ffffff;}
.app-whats A:active {text-decoration:none;color:#ffffff;}
.app-whats A:hover {text-decoration:none;color:#ffffff;}

.app-whats {
    display: block;
    position: fixed;
    bottom: 18px;
    right: 15px;
    font-family: arial;
}

.app-whats i {
  display: block;
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 4px;
  background-color: #009688;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 99999;
}

.pulse-button {
	display: block;
	position: fixed;
	bottom: 18px;
	right: 15px;
	font-family: arial;
	margin:15px;
	width: 60px;
	height: 60px;
	border: none;
	box-shadow: 0 0 0 0 rgba(140, 186, 15, 0.7);
	border-radius: 50%;
	background-color: #8cba0f;
	background-image: url(../img/whatsapp.png);
	background-size:cover;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	color:#ffffff;
	z-index:9999 !important;
}

#main_slider{z-index:99 !important;}

.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(42, 102, 39, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(42, 102, 39, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(42, 102, 39, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(42, 102, 39, 0);}}