.cadastro{
		background-image: url("../../../../images/Pagina de cadastro/Banner_principal.png");
		background-repeat: no-repeat; /* Evita a repetição da imagem */
		background-size: cover; /* Redimensiona a imagem para cobrir todo o fundo */
		background-position: center; /* Centraliza a imagem no fundo */
		min-height: 720px;
	}

	.iti {
        width: 100%;
    }
	
	.sublimar-texto{
		text-decoration: underline;
		color: black;
	}
	
	.bg-baby-blue{
		background-color: #D6EBFB;
		border-radius: 10px;
		height: 450px;
		width: 300px;
		margin-left: 1rem;
	}
	
	.bg-blue{
		background: #007CD5 !important;
		padding: 3rem;
		border-radius: 10px; 
		color: white;
	}
	
	.icon-card{
		color: #007CD5;
		text-align: center;
		font-size: 5rem;
	}
	
	.text-blue-paleta{
		line-height: 1 !important;
	}
	
	.text-white{
		color: white;
	}
	
	.text-blue{
		color: #007ED8;
		font-size: 16px;
		font-weight: 600;
	}
	
	.nav-link.active{
		background-color: #007ED8 !important;
		color: #D6EBFB !important;
	}
	
	.navtab-bg .nav-link{
		background-color: #D6EBFB;
		color: #007ED8;
	}
	
	.btn-change{
		background-color: #D6EBFB !important;
		color: #007ED8 !important;
		padding: .5rem 1rem;
		font-weight: 600;	
	    border: none; /* Remover bordas do botão */
   		border-radius: inherit; /* Herdar o border-radius do .btn-group */
		margin: 5px;
		border-radius: 25px;
	}
	
	.btn-change.active{
		background-color: #007ED8 !important;
		color: #D6EBFB !important;
		padding: .5rem 1rem;
		font-weight: 600;	
		border: none; /* Remover bordas do botão */
   	    border-radius: inherit; /* Herdar o border-radius do .btn-group */	
		margin: 5px;
	}
	
	.btn-group{
		border: solid 2px #007ED8;		
		border-radius: 25px !important;  
		overflow: hidden; /* Garante que o conteúdo, como o botão, não saia do contêiner */
    	display: inline-block; /* Garantir que o grupo de botões respeite o tamanho do botão */
		background: #D6EBFB; 
	}
	
	.tipo-plano-basico{
		padding: 0 1rem 0 1rem;
		background: #D6EBFB;
		color: #007ED8;
		font-weight: 600;
		font-size: 26px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		display: inline-block;
		text-align: center;
		width: 75%;
	}
	
	.tipo-plano-anual{
		padding: 0 1rem 0 1rem;
		color: white;
		background: #007ED8;
		font-weight: 600;
		font-size: 26px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		display: inline-block;
		text-align: center;
		width: 75%;
	}

	.text-light-table{
		margin-top: 5px;
		font-size: 20px;
		font-weight: 300;
		color: black;
		text-align: center;
	}
	
	.text-light-table-sub{
		font-size: 16px;
		font-weight: 400;
		color: gray;
		text-align: center;
		margin-top: -20px;
	}	
	
	.value-distact{
		font-size: 32px !important;
		color: #007ED8;
		font-weight: 700;		
	}
	
	.card-plano{
		background-color: white;
		border-radius: 15px;
		margin-right: 1rem;
		padding-top: 0.1rem;
	}
	
	.title-accordion{
		font-size: 20px;
		font-weight: bold;
	}
	
	.card-header{
		margin: 1rem;
		background: white;		
	}
	
	.card-accordion{
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
		margin-bottom: 1rem !important;
	}
	
	.text-accordion{
		font-size: 16px;
		color: black;
		font-weight: 400;
	}
	
	.fa-caret-down{
		color: #007ED8 !important;
		font-size: 22px !important;
		margin-right: 1rem !important;
	}

	.collapsed i{
		transform: rotate(270deg) !important;
	}

	.text-card-photo{
		margin-left: 4rem;
	}

	.texto-front .bg{
		font-size: 22px !important;
	}

	.txt{
		font-size: 36px !important;
	}

	.btn-card-photo{
		font-size: 16px; 
		padding: 0.3rem 1.8rem !important; 
		margin-left: 0rem !important;
		
	}

	.btn-card-photo-out{
		font-size: 16px; 
		padding: 0.4rem 2.8rem !important; 
		margin-right: 0rem !important; 
		background-color: #D6EBFB !important; 
		color: #007CD5; 
		border: none;
	}

	.btn-smart{
		width: 20%;
	}

	.expandindo .texto-front{
		font-size: 26px;
	}

@media screen and (max-width: 1024px) {
	
	.bg-baby-blue{
		background-color: #D6EBFB;
		border-radius: 10px;
		height: 360px;
		width: 220px;
		margin-left: 1rem;
	}
	
	.texto-front .bg{
		font-size: 20px !important;
	}
	
	.col-md-3{
		width: 30%;
	}
	
	
	.txt{
		font-size: 24px !important;
	}
	
	.btn-card-photo{
		padding: 0.1 !important;
		width: 100%;
	}
}


@media screen and (max-width: 768px) {
	
	.card-div{ 
	    display: grid;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important; /* Espaço entre os cards */
		width: 240px !important; /* Define a largura máxima */
		margin: 0 auto; /* Centraliza na página */
	}
	
	.texto-front .bg{
		font-weight: 600;
	}
	
	.col--md-3{
		width: 40%;
	}
	
	.txt{
		font-size: 14px !important;
	}
	
	.div-btn-photo .col-4{
		padding-bottom: -1rem !important;
		width: 50% !important;
	}
	
}

@media screen and (max-width: 465px) {
	
	.card-col{
		width: 100% !important;
	}
	
	.card-col .subtitle-texto{
		font-size: 22px;
	}
	
	.card-col .btn-largo{
		margin-left: .4rem;
	}
	
	.card-exp .col-6{ 
	     width: 100% !important; /* Faz cada item ocupar toda a largura */
	}
	
	.card-div{ 
	    display: grid;
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 20px !important; /* Espaço entre os cards */
		width: 240px !important; /* Define a largura máxima */
		margin: 0 auto; /* Centraliza na página */
	}
	
	.card-imgs .col-4{ 
	   width: 100%;
	   margin-bottom: 2rem;
	}
	
	.card-imgs .btn-blue{
		margin-left: 1rem;
	}
	
	.texto-front .bg{
		font-weight: 600;
	}
	
	.col-md-3{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.txt{
		font-size: 18px !important;
		margin-left: -4rem;
	}
	
	.div-btn-photo{
	    display: grid;
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.div-btn-photo .col-4{
	   width: 100% !important;
	   margin-left: -3rem;
	}
	
	.btn-card-photo-out{
		margin-left: 3rem !important; 
	}
	
	.btn-smart{
		width: 60% !important;
		margin-left: 1rem;
	}
}