html, body {
    overflow-x: hidden;
}

body {
    font-family: 'Dosis', sans-serif;
}

	.background-image {
		position: relative;
		height: 500px;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}

	.background-image .container {
		position: relative;
		z-index: 3;
	}

	.background-image::after {
		content: "";
		position: absolute;
		bottom: -60px;
		left: -10%;
		width: 120%;
		height: 140px;
		background: #fff;
		border-radius: 50% 50% 0 0;
		z-index: 2;
	}

	.background-image .container {
		position: relative;
		z-index: 3;
	}
	
	.logo-empresa {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
		
	.bi{color:#0e192b;}
	
	.icon{color:#00aa9e;font-size:22pt;}
	
	.icon-white{color:#fff!important;}
	
	.event p{font-size:20px;color:#0e192b;font-weight:bold;}
	
	.dados {font-size:22px;}
	
	.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: 200px;
	  filter: drop-shadow(0 10px 12px rgba(0,0,0,0.3));
	  transition: .3s;
	  cursor: pointer;
	}

	.logo:hover {
	  transform: translateY(-5px);
	  filter: drop-shadow(0 15px 20px rgba(0,0,0,0.4));
	}
    .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;
		position: relative;
		border-radius: 10px;
		color: #fff;
		padding: 20px;
		margin: 0 auto;
		margin-top: -100px;
		width: 800px;
		font-weight: bold;
		z-index: 999999;
	}

	.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: 200px;
		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: #002d48;
      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;
	}	

.txt-h2{color: white; text-shadow: black 0.1em 0.1em 0.2em}	
	
@media (max-width: 700px) {
  .form-container {
    width: 96%; /* Use 100% da largura da tela */
    padding: 10px; /* Reduza o preenchimento para economizar espaço */
	margin-top: -80px;
  }
  .title-web span{font-size:24pt;}
  .abordagem h2{font-size:22pt;}
  .h-100{height:0 !important;}
  .logo-empresa{margin-top:-50px !important;}
  .background-image{height:450px; padding:20px;}
  .txt-h2{margin-top:10px;}
  .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;
	}
}

.avatar-template{
    width:145px;
	height:145px;
    background:url("../image/avatar-palestrantes.png") center center no-repeat;
    background-size:contain;
    position:relative;
}

.avatar-foto{
    position:absolute;

    /* Ajuste fino */
    width:102px;
    height:102px;
    top:28px;
    left:32px;

    border-radius:50%;
    object-fit:cover;
}