/*import*/
@import url("global.css");
@import url("header-footer.css");

a[href*="credenciado.html"] {
	color: var(--new-blue)!important;
}

/* --- imagem destaque --- */
	#imagem-destaque{
		position: relative;
		margin-top: -170px;
		z-index: -1;
		max-width: 950px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		height: 700px;
		clip-path: ellipse(50% 50% at 50% 50%);
	}
	#imagem-destaque img{
		transform: rotate(15deg);
	}

/* --- passos --- */
	#passos{
		position: relative;
		margin-top: -220px;
	}
	#passos .box{
		width: 330px;
		height: 252px;
		background-color: white;
		border-radius: 15px;
		padding: 23px 15px 23px 25px;
		box-shadow: 0 20px 20px #00000016;
	}
	#passos img{
		margin-right: 20px;
	}
	#passos p.text-red{
		font-size: 20px;
		margin-top: 15px;
	}
	#passos p.font-light{
		font-size: 15px;
		margin-top: 20px;
		color: #707070;
		line-height: 20px;
		height: 124px;
		overflow: auto;
		padding-right: 4px;
	}
	#passos p::-webkit-scrollbar {
	 	width: 5px;
	  	border-radius: 20px;
	}
	#passos p::-webkit-scrollbar-track-piece {
	  	background-color: white;
	  	border: 1px solid var(--new-red);
	  	border-radius: 20px;
	}
	#passos p::-webkit-scrollbar-thumb:vertical {
	  	background-color: var(--new-red);
	  	border-radius: 20px;
	}

/* --- sobre --- */
	#sobre{
		padding-top: 65px;
		margin-bottom: 140px;
	}
	#sobre p.font-light{
		font-size: 21px;
		margin-bottom: 0;
	}
	#sobre h2{
		font-size: 35px;
		margin-bottom: 18px;
	}
	#sobre p.font-regular{
		font-size: 16px;
		max-width: 463px;	
	}

/* --- nossos credenciados --- */
	#nossos-credenciados{
		background-color: #F5F6F8;
		padding-top: 75px;
		padding-bottom: 65px;
	}
	#nossos-credenciados p.font-light{
		font-size: 21px;
		margin-bottom: 0;
	}
	#nossos-credenciados h2{
		font-size: 35px;
		margin-bottom: 50px;
	}
	#nossos-credenciados .slide img.img-fluid{
		max-width: 344px;
		width: 100%;
		height: 320px;
		border-radius: 30px;
		object-fit: cover;
	}
	#nossos-credenciados a.btn{
		margin-top: 45px;
	}

	#nossos-credenciados .btn-slick-carousel-left,
	#nossos-credenciados .btn-slick-carousel-right{
		position: absolute;
		z-index: 999;
		top: initial;
		bottom: -90px;
		cursor: pointer;
	}
	#nossos-credenciados .btn-slick-carousel-left{
		left: 90%;
	}
	#nossos-credenciados .btn-slick-carousel-right{
		right: 1%;
	}

/* --- vantagens --- */
	#vantagens{
		padding-top: 75px;
		padding-bottom: 110px;
	}
	#vantagens .container-fluid{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	#vantagens p.font-light{
		font-size: 21px;
		margin-bottom: 4px;
	}
	#vantagens h2{
		font-size: 35px;
		color: #FC206C!important;
	}
	#vantagens .d-flex{
		margin-top: 60px;
		max-width: 1060px!important;
		margin-left: auto;
		margin-right: auto;
	}
	#vantagens .media{
		width: 230px;
	}
	#vantagens .media img{
		margin-right: 20px;	
	}
	#vantagens .media p{
		font-size: 16px;
		line-height: 22px;
		margin-top: 5px;
	}
	#vantagens a.btn{
		margin-top: 70px;
	}

/* --- modal quero ser credenciado --- */
	#modal_credenciado .modal-lg{
		max-width: 639px!important;
		width: 100%;
	}
	#modal_credenciado .modal-content{
		border-radius: 20px!important;
	}
	#modal_credenciado .modal-body{
		padding: 0;
	}
	#modal_credenciado button{
		position: absolute;
		right: 0;
		margin-top: -25px;
		margin-right: -25px;
		z-index: 2;
		opacity: 1;
	}
	#modal_credenciado .form{
		margin-top: -10px;
		padding: 40px;
	}
	#modal_credenciado h2{
		font-size: 20px;
		margin-bottom: 12px;
	}
	#modal_credenciado select,
	#modal_credenciado input{
		height: 43px;
		font-size: 16px;
		background-color: #F5F6F8;
		border-radius: 30px;
		padding-left: 20px;
		margin-bottom: 13px;
		color: #707070;
	}
	#modal_credenciado a.btn{
		height: 43px;
		padding-top: 10px;
	}
	#modal_credenciado .imagem{
		background: url(../imagens/bg/bg-form.png)no-repeat center center;
		background-size: cover;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

@media screen and (max-width: 1660px) {
	
}

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1200px) {
	/* --- imagem destaque --- */
		#imagem-destaque{
			/* margin-top: -170px; */
			height: 697px;
			/* height: 700px; */
			clip-path: ellipse(50% 50% at 50% 50%);
		}

	/* --- modal quero ser credenciado --- */
		#modal_credenciado select,
		#modal_credenciado input{
			margin-bottom: 16px;
		}
}

@media screen and (max-width: 992px) {
	/* --- imagem destaque --- */
		#imagem-destaque{
			height: 450px;
			clip-path: ellipse(45% 50% at 50% 50%);
		}

	/* --- passos --- */
		#passos{
			margin-top: 150px;
		}
		#passos .box{
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
		}

	/* --- sobre --- */
		#sobre p.font-regular{
			max-width: 100%;	
		}
		#sobre img.mx-auto{
			margin-top: 80px;
		}

	/* --- nossos credenciados --- */
		#nossos-credenciados .btn-slick-carousel-left{
			left: 87%;
		}

	/* --- vantagens --- */
		#vantagens{
			height: 580px;
		}
		#vantagens .media{
			max-width: 230px;
			width: 100%;
			margin-left: 20px;
			margin-right: 20px;
			margin-bottom: 20px;
		}
		#vantagens .media img{
			margin-right: 20px;	
		}

	/* --- modal quero ser credenciado --- */
		#modal_credenciado .modal-lg{
			max-width: 400px!important;
		}
		#modal_credenciado .modal-content{
			overflow: initial; 
		}
		#modal_credenciado .imagem{
			background: url(../imagens/bg/bg-form.png)no-repeat center center;
			background-size: cover;
			height: 323px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
		}
}

@media screen and (max-width: 480px) {
	/* --- imagem destaque --- */
		#imagem-destaque{
			height: 450px;
			clip-path: ellipse(55% 40% at 50% 50%);
		}
		#imagem-destaque img{
			margin-left: -250px;
		}

	/* --- passos --- */
		#passos {
			margin-top: 0px;
		}
		#passos .box{
			max-width: 330px;
			width: 100%;
			padding: 20px 15px 20px 25px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 30px;
		}
		#passos p.font-light{
			margin-top: 15px;
		}

	/* --- sobre --- */
		#sobre{
			padding-top: 30px;
			margin-bottom: 70px;
		}
		#sobre p.compartilhe{
			margin-bottom: 15px;
		}
		#sobre h2{
			font-size: 24px;
		}
		#sobre a.btn{
			font-size: 14px;
		}
		
	/* --- nossos credenciados --- */
		#nossos-credenciados{
			margin-top: 0px;
			padding-top: 50px;
		}
		#nossos-credenciados p.font-light{
			font-size: 16px;
		}
		#nossos-credenciados h2{
			font-size: 24px;
		}
		#nossos-credenciados .slide img.img-fluid{
			max-width: 280px;
			height: 261px;
		}
		#nossos-credenciados a.btn{
			margin-top: 120px;
		}
		#nossos-credenciados .btn-slick-carousel-left,
		#nossos-credenciados .btn-slick-carousel-right{
			bottom: -70px;
		}
		#nossos-credenciados .btn-slick-carousel-left{
			left: 75%;
		}

	/* --- vantagens --- */
		#vantagens{
			height: auto;
			padding-top: 50px;
			padding-bottom: 100px;
		}
		#vantagens p.font-light{
			font-size: 16px;
		}
		#vantagens h2{
			font-size: 24px;
		}
		#vantagens .media{
			max-width: 100%;
			margin-left: 15px;
			margin-right: 15px;
			margin-bottom: 30px;
		}
		#vantagens .media img{
			margin-right: 20px;	
		}
		#vantagens a.btn{
			margin-top: 50px;
		}

	/* --- modal quero ser credenciado --- */
		#modal_credenciado .modal-lg{
			max-width: 341px!important;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-left: auto;
			margin-right: auto;
		}
		#modal_credenciado .form{
			padding: 40px 35px 40px 35px;
		}
		#modal_credenciado h2{
			font-size: 20px;
		}
}

@media screen and (max-width: 400px) {
	

	/* --- lista-tratamentos --- */
		#nossos-credenciados h3{
			font-size: 14px;
		}
		#nossos-credenciados .btn-slick-carousel-left{
			left: 73%;
		}
}

@media screen and (max-width: 347px) {
	/* --- passos --- */
		#passos p.font-light{
			font-size: 13px;
			height: 130px;
		}

	/* --- nossos credenciados --- */
		#nossos-credenciados .btn-slick-carousel-left{
			left: 68%;
		}
}