html, body {
    overflow-x: hidden;
}
 
 body{font-family: 'Dosis', sans-serif;}
    .background-image {
	  background-image: url('../image/bg-topo-webinar.jpg');
      background-size: cover;
      background-position: center;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-right: 20px;
	  
    }
	
	
	.bi{color:#0e192b;}
	
	.icon{color:#00aa9e;font-size:22pt;}
	
	.icon-white{color:#fff!important;}
	
	.event p{font-size:20px;color:#0e192b;font-weight:bold;}
	
	.font1{color:#0e192b;font-size:45px;}
	
	.hora{text-align:center; font-size:33px;font-weight:400;}
	
	.abordagem{font-size:18px;font-weight:600;}
	
	.abordagem h2{font-size:30px;font-weight:700;}
	
	.form-control{font-weight:bold;color:#0e192b}

    .logo {
      width: 250px;
      margin-right: auto; /* Adicionado para posicionar à direita */
    }

    .title {
      font-family: 'Dosis', sans-serif;
      font-size: 45px;
      font-weight: 200;
      color: #ffffff;
      text-align: center; /* Centralizar o título */
      margin-bottom: 10px;
    }

    .text {
      font-family: Arial, sans-serif;
      color: #ffffff;
      text-align: center; /* Centralizar o texto */
      margin-bottom: 30px;
    }
    
    .form-container {
      background: #00aa9e;
      border-radius: 10px;
      color: #fff;
      padding: 20px;
      margin: 0 auto;
	  margin-top: -100px;
      width: 800px;
	  font-weight:bold;
    }		
    
    .form-container h2 {
      text-align: center;
    }
	
	 .meu-botao {
		background-color: #0e192b;
		width: 100%;
		color:#fff;
	  }

	  .meu-botao:hover {
		background-color: #00958b;
		color:#fff;
	  }
	  
	  .meu-botao-laranja {
		background-color:#f1820e;
		border:#f1820e solid 2px;
		width: 100%;
		color:#fff;
		font-weight:bold;
	  }

	  .meu-botao-laranja:hover {
		background-color: #00958b;
		border:#f1820e solid 2px;
		color:#fff;
	  }
	  
	  .meu-botao-ava {
		background-color: #0e192b;
		width: 100%;
		color:#fff;
		border: 2px #0e192b solid;
	  }

	  .meu-botao-ava:hover {
		background-color: #00958b;
		color:#fff;
		border:2px #fff solid;
	  } 
	  
	 
	.form-aceite {color:#323232!important;}
	
	.palestrante{
		background:#f1820e;
		padding:5px 15px;
		border-radius:8px;
		font-weight:700;
		text-transform: uppercase;
	}
	
	strong.palestrante-green{
		background:#00aa9e;
		padding:5px 35px;
		border-radius:8px;
		border:1px #02978c solid;
		font-weight:700;
		text-transform: uppercase;
		text-transform: uppercase;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	}
	
	.palestrante-conecta{
		background:#00aa9e;
		padding:5px 15px;
		border-radius:8px;
		font-weight:700;
		text-transform: uppercase;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	}
	
	.palestrante-roxo{
		background:#ff00ab;
		padding:5px 15px;
		border-radius:8px;
		font-weight:700;
		
	}
	
	.palestrante-blue{
		background:#0e192b;
		padding:5px 15px;
		border-radius:8px;
		font-weight:700;
	}
	
	.palestrante-laranja{
		background:#f1820e;
		padding:5px 15px;
		border-radius:8px;
		font-weight:700;
		text-transform: uppercase;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	}

	
	 .custom-row {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		/*background-color: #015584;*/
		background: url(https://webinar.seniornoroeste.online/image/bg-topo-webinar.jpg)no-repeat;
		margin-bottom: 10px;
		padding: 18px;
		font-size:22px;
		color:#fff;
		font-weight:bold;
	  }
	  
	  
	  
	  .whatsapp-float {
	  position: fixed;
	  width: 60px;
	  height: 60px;
	  bottom: 40px;
	  right: 40px;
	  background-color: #0e192b;
	  color: #fff;
	  border-radius: 50px;
	  text-align: center;
	  font-size: 30px;
	  box-shadow: 2px 2px 3px #999;
	  z-index: 100;
	  vertical-align:middle;
	}

	.whatsapp-float:hover {
	  background-color: #00aa9e;
	  color: #fff;
	}

	.bi-whatsapp {
	  color:#fff!important;
	  vertical-align:middle;
	}


    .footer {
      background-color: #00aa9e;
      color: #ffffff;
      padding: 20px;
	  }
	  
	
.cronograma-image {
      background-image: url('../image/bg.jpg');
      background-size: cover;
      background-position: center;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-right: 20px;
	  
    }
	
.btn-blue{
	background:#61ace9;
	text-align:center;
	font-weight:bold;
	}

.btn-blue:hover{
	background:#fff;
	border: 2px #61ace9 solid;
	text-align:center;
	font-weight:bold;
	}

	
.btn-green{
	background:#00aa9e;
	text-align:center;
	font-weight:bold;
	border: 2px #00aa9e solid;
	}

.btn-green:hover{
	background:#fff;
	border: 2px #00aa9e solid;
	text-align:center;
	font-weight:bold;
	}		
	
@media (max-width: 700px) {
  .form-container {
    width: 98%; /* Use 100% da largura da tela */
    padding: 10px; /* Reduza o preenchimento para economizar espaço */
	margin-top: 0px;
  }
  .background-image{height:450px; padding:20px;}
  .logo{margin-top:-80px;width:180px;text-align: center!important;}
  .mobile-txt{font-size:18pt;}
  .custom-row {
	background-image: url('../image/bg-webinar-mobile.jpg');
	height:500px; padding:10px;
	background-position:10%;
  }
  
}

.black{
	background-color:#000;
	color:#fff;
	padding:10px;
	border-radius:10px;
}

.seta {
	font-size: 2rem;
	color: #007bff;
	animation: pulse 1.2s infinite alternate ease-in-out;
}

@keyframes pulse {
	0% {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
	50% {
		transform: translateY(10px) scale(1.1);
		opacity: 0.8;
	}
	100% {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
}