.bg-blue{
		background: #007CD5 !important;
		padding: 3rem;
		border-radius: 10px; 
		color: white;
	}
	
	.bg-baby-blue{
		background:#D6EBFB!important;
		padding: 3rem;
		border-radius: 10px; 
		color: white;
	}
	
	.text-white{
		color: white;
		text-align: center;
	}
	
	.estrutura img{
		margin-left: 3rem;
		z-index: 2 !important;
		position: relative;
		width: 100%;
	}
	
	.estrutura{
		 position: relative;
	     display: inline-block; /* Para que o retângulo se posicione em relação à imagem */
	}
	
	.retangulo-esq {
		width: 120px;
		height: 400px;
		background: linear-gradient(to bottom, #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		top: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		right: -100px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.retangulo-dir {
		width: 120px;
		height: 400px;
		background: linear-gradient(to top,  #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		bottom: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		left: -10px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.texto-front{
		font-size: 20px;
		margin-bottom: 1rem;
	}
	
	.subtitle-texto{
		font-size: 32px;
		text-align: justify;
	}
	
   .subtitle-blue{
		text-align: center !important;
		color: #007CD5 !important;
	}
	
	.nav-link.active{
		background-color: #007ED8 !important;
		color: white !important;
	}
	
	.navtab-bg .nav-link{
		background-color: white;
		color: #007ED8;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
		margin-bottom: 1rem !important;
	}
	
	.img_fluid{
		margin-left: 5rem;
	}
	
	
@media screen and (max-width: 1440px){
	.retangulo-esq {
		width: 80px;
		height: 200px;
		background: linear-gradient(to bottom, #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		top: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		right: -80px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.retangulo-dir {
		width: 80px;
		height: 200px;
		background: linear-gradient(to top,  #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		bottom: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		left: 	10px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.subtitle-texto{
		font-size: 24px;
	}
	
	.texto-front{
		font-size: 18px;
	}
	
	p{
		margin-bottom: 1rem;
	}
	
	.nav-link.active{
		background-color: #007ED8 !important;
		color: white !important;
	}
	
	.navtab-bg .nav-link{
		background-color: white;
		color: #007ED8;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
		margin-bottom: 1rem !important;
		font-size: 14px;
	}

@media screen and (max-width: 1024px){
	
	.img_fluid{
		margin-top: 2rem;	
	}
	
	.retangulo-esq {
		width: 80px;
		height: 200px;
		background: linear-gradient(to bottom, #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		top: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		right: -80px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.retangulo-dir {
		width: 80px;
		height: 200px;
		background: linear-gradient(to top,  #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		bottom: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		left: 	10px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.subtitle-texto{
		font-size: 24px !important;
	}
	
	.texto-front{
		font-size: 18px;
	}
	
	p{

		margin-bottom: 1rem;
	}
	
	.nav-link.active{
		background-color: #007ED8 !important;
		color: white !important;
	}
	
	.navtab-bg .nav-link{
		background-color: white;
		color: #007ED8;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
		margin-bottom: 1rem !important;
		font-size: 14px;
	}
	
}
	

@media screen and (max-width: 768px){
	
	.img_fluid{
		margin-top: 3rem;	
		margin-left: 4rem;
	}
	
	.retangulo-esq {
		width: 60px;
		height: 180px;
		background: linear-gradient(to bottom, #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		top: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		right: -80px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.retangulo-dir {
		width: 60px;
		height: 180px;
		background: linear-gradient(to top,  #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		bottom: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		left: 	10px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.subtitle-texto{
		font-size: 16px;
	}
	
	.texto-front{
		font-size: 14px;
	}
	
	
	.cabecalho .col-6{
		width: 50%;
	}
}
	
	
@media screen and (max-width: 425px){
	
	.img_fluid{
		margin-top: 3rem;	
	}
	
	.retangulo-esq {
		width: 60px;
		height: 180px;
		background: linear-gradient(to bottom, #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		top: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		right: -80px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.retangulo-dir {
		width: 60px;
		height: 180px;
		background: linear-gradient(to top,  #007ED8, #FFFF); /* Gradiente de azul para azul claro */
		border-radius: 100px; /* Opcional: arredondar cantos */
		position: absolute;
		bottom: -60px; /* Metade do retângulo ficará para fora da imagem (120px/2 = 60px) */
		left: 	10px; /* Alinhamento à esquerda */
		z-index: 1!important;
	}
	
	.subtitle-texto{
		font-size: 16px;
	}
	
	.texto-front{
		font-size: 14px;
	}
	
	.cabecalho .col-6{
		width: 100%;
	}
	
}