@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* GERAL */

* {
	padding: 0;
	margin-bottom: 0;
	box-sizing: border-box;
}

body {
	font-family: "Poppins", sans-serif;
	margin: 0;
	padding: 0;	
	font-size: 15px;
}

h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 72px;
	letter-spacing: -0.9px;
	font-weight: 900;
}

h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 54px;
	letter-spacing: -0.8px;
	font-weight: 900;
}

h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 42px;
	letter-spacing: -0.5px;
}

h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	letter-spacing: -0.2px;
}

h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 28px;
}

h6 {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight:bold;
}

p {
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	letter-spacing: 0px;
}

.header-desktop {
	display: block;
}

.header-mobile {
	display: none;
}

.banner-desktop {
	display: block;
}

.banner-mobile {
	display: none;
}


input:focus, select:focus, textarea:focus, button:focus {
    box-shadow: 0 0 0 0;
    outline: 0;

}

.versao-desktop {
	display: block;
}

.versao-mobile {
	display: none;
}



.section-padding {
	padding: 50px 0px;
}

.section-padding h2 {
	font-size: 36px;
	letter-spacing: -2px;
	font-weight: 600;
	color: #00453C;
	line-height: 1.1;
}

.section-padding h6 {
	font-size: 20px;
	letter-spacing: -0.3px;
	font-weight: 300;
	color: #333;
}


.links-hover {
	transition: 0.3s;
}

.links-hover:hover {
	opacity: 0.6;
}

.vinheta {
	padding: 15px;
	color: #777;
	font-size: 12px;
	text-align: left;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #e9e9e9;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.07);
	background-image: linear-gradient(to top, #f3f3f3, #fff);
}

.vinheta a {
	color: #777;
	transition: 0.3s;
}

.vinheta a:hover {
	color: #ccc;
	text-decoration: none;
}


.vinheta-titulo {
	padding-top: 95px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 250px;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -1px;
	background-color: #eee;
	color: #666;
}

.logo-header {	
	width: 220px;
	
}

.header {
	padding: 15px 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}


.header-btn-gdoc {
	background-color: #065d6d;
	padding: 7px 15px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin-left: 15px;
	margin-top: 3px;
	border:none;
	border-radius: 5px;
}

.header-btn-gdoc:hover {
	text-decoration: none;
	background-color: #00453C;
}

.header-btn-zap {
	background-color: #00B052;
	padding: 7px 15px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin-left: 15px;
	margin-top: 3px;
	border:none;
	border-radius: 5px;
}

.header-btn-zap:hover {
	text-decoration: none;
	background-color: #00453C;
}


/* BANNER */
.banner {
	background-image: url(https://avirtualconsult.com.br/wp-content/uploads/2024/11/banner-home-novo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 190px  0px 0px 0px;
	height: 690px;
}

.banner h2 {
	font-size: 63px;
	font-weight: bold;
	color: #fff;
}

.banner p {
	font-size: 28px;
	letter-spacing: -0.3px;
	font-weight: 300;
	color: #fff;
}

.banner-btn {
	background-color: #00B052;
	color: #fff;
	padding: 7px 15px;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	margin-top: 3px;
	border:none;
	border-radius: 5px;
}

.banner-btn:hover {
	text-decoration: none;
	color: #fff; 
	background-color: #00453C;
}

/* SERVICOS */

.servicos-item {
	border-radius: 10px;	
	background-color: #fff;
	width: 100%;
	height: 80px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	border: 1px solid #eee;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.7px;
	color: #00453C;
}


.section-internas {
	background-image: linear-gradient(to bottom, #eee, transparent);  
	padding: 35px 0px;

}

.section-internas h3 {
	font-size: 42px;
	letter-spacing: -0.8px;
	font-weight: 600;
	color: #00453C;
}

.section-internas i {
	color: #00B052;
}

.section-internas h5 {
	font-size: 32px;
	font-weight: 600;
	color: #00B052;
	letter-spacing: -0.8px;
}

.section-internas h6 {
	font-size:  24px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: #00B052;
}

.section-internas p {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
}



/* SOBRE NOS */

.sobre-nos-foto {
	border: 1px solid #f1f1f1;
	padding: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	margin-bottom: 30px;
	background-color: #fff;
}

.sobre-nos {

}

.sobre-nos h3 {
	font-size: 428px;
	letter-spacing: -0.8px;
	font-weight: 600;
	color: #00453C;
}

.sobre-nos i {
	color: #f50367;
}

.sobre-nos h5 {
	font-size: 32px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.8px;
}

.sobre-nos h6 {
	font-size:  20px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #444;
}

.sobre-nos p {
	font-size: 18px;
	letter-spacing: 0px;
}

.sobre-nos-item {
	padding: 20px;

}

/* NOTICIAS */


.noticia-item {	

}

.noticia-foto {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	margin-bottom: 15px;
}


.noticia-item h5 {
	font-size: 18px;
	color: #48545a;
	font-weight: bold;
}

.noticia-item p {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

/* AGENDE CONSULTA */

.agende-consulta {
	/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
	background-image: linear-gradient(45deg, #00b052, #00853e);  
	padding: 35px 0px 60px;
	color: #fff;

}

.agenda-consulta-btn {
	border: 1px solid #fff;
	background-color: transparent;
	padding: 8px 15px 6px 15px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
}

.agenda-consulta-btn:hover {
	text-decoration: none;
	color: #c50553;
	background-color: #fff;
}

.comarcas {
	background-image: linear-gradient(45deg, #00453c, #039145);  
	padding: 40px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	border-radius: 10px;
	margin: 30px 0px;
	color: #fff;
}

/* BOTOES PADRAO */

.btn-1 {
	/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
	/*background-image: linear-gradient(to bottom, #5dc7cc, #329fcc);  */
	border: 1px solid #329fcc;
	background-color: #fff;
	padding: 7px 15px;
	color: #329fcc;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.btn-1:hover {
	text-decoration: none;
	color: #fff;
	background-color: #329fcc;
}

.btn-2 {
	/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
	/*background-image: linear-gradient(to bottom, #5dc7cc, #329fcc);  */
	border: 1px solid #00453c;
	background-color: #fff;
	padding: 7px 15px;
	color: #00453c;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border-radius: 5px;
}

.btn-2:hover {
	text-decoration: none;
	color: #fff;
	background-color: #00453c;
}


.parceiro-item {
	border-radius: 10px;
	width: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	margin-bottom: 25px;

}

/* CONTATO */

.sobre-nos {

}

.contato h3 {
	font-size: 48px;
	letter-spacing: -0.8px;
	font-weight: 700;
	color: #444;
}

.contato i {
	color: #00b052;
}

.contato h5 {
	font-size: 32px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.8px;
}

.contato h6 {
	font-size:  20px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #444;
}

.contato p {
	font-size: 18px;
	letter-spacing: 0px;
}



/* FORMULARIO */

.contato-card {
	border: 1px solid #f1f1f1;
	border-radius: 3px;
	padding: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	margin-bottom: 30px;
	background-color: #fff;
}

.contato-card-agenda {
	border: 1px solid #f1f1f1;
	border-radius: 0px;
	padding: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	margin-bottom: 30px;
	background-color: #fff;
}

.contato-card-header {
	background-image: linear-gradient(to right, #5dc7cc, #43b59b); 
	padding: 10px 10px;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-align: center;
}

.formulario-padrao {
	font-size:13px;
	font-weight: normal;
	width:100%;
	margin-bottom:7px;
	margin-top:3px;
	padding:8px;
	color:#666;
	border:1px solid #eee;
	border-top:1px solid #ddd;
	background-color: #fff;
	border-radius: 2px;

}
.formulario-padrao-textarea {
	height:110px;
}


.formulario-padrao-1 {
	font-size:13px;
	font-weight: normal;
	width:100%;
	margin-bottom:7px;
	margin-top:3px;
	padding: 14px;
	color:#666;
	border:none;
	background-color: #343434;
	border-radius: 2px;

}



/* INSTAGRAM */

.instagram{
	padding: 40px 0px 0px 0px;
	background-color: #f9f9f9;
}

.instagram h3 {
	font-family: "Inter", sans-serif;
	color: #00b052;
	font-weight: 700;
	letter-spacing: -0.8px;
}

.instagram h6 {
	font-family: "Inter", sans-serif;
	color: #065d6d;
	font-weight: 300;
	letter-spacing: -0.1px;
}

.instagram p {
	font-size: 1.3em;
	color: #2221;
	letter-spacing: -0.3px;
}

.depoimento-card {
  border-radius: 16px;
}

.depoimento-card .card-body {
  position: relative;
  padding-top: 40px;
}

.quote-icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 64px;
  line-height: 1;
  color: #ccc;
  font-family: serif;
}

.card-text {
  font-style: italic;
  color: #555;
}

.card-footer h6 {
  font-weight: 700;
}



/* FOOTER */

footer {
	background-color: #00453c;
	color: #fff;
	font-size: 12px;
	padding: 30px 0px;
}




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

	h1 {
		font-size: 50px;
		letter-spacing: -1.1px;
		font-weight: 900;
	}

	h2 {
		font-size: 42px;
		letter-spacing: -0.7px;
		font-weight: 900;
	}

	h3 {
		font-size: 36px;
		letter-spacing: -0.5px;
	}

	h4 {
		font-family: "Rubik", sans-serif;
		font-size: 32px;
		letter-spacing: -0.4px;
	}

	h5 {
		font-size: 28px;
		letter-spacing: -0.3px;
	}

	h6 {
		font-size: 20px;
		line-height: 24px
		font-weight:bold;
	}

	p {
		font-size: 14px;
		letter-spacing: 0px;
	}

	.section-padding {
		padding: 45px 0px;
	}

	.versao-desktop {
		display: none;
	}

	.versao-mobile {
		display: block;
	}

	.header-desktop {
		display: none;
	}

	.header-mobile {
		display: block;
	}
	

	.header {
		padding: 10px 0px;
	}

	.logo-header {	
		width: 80px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}

	.btn-gdoc-icon {
		/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
		/*background-image: linear-gradient(to bottom, #5dc7cc, #329fcc);  */
		border: 1px solid #065d6d;
		background-color: #065d6d;
		padding: 5px 8px;
		color: #fff;
		text-align: center;
		transition: 0.3s;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		border-radius: 5px;
	}

	.btn-gdoc-icon:hover {
		text-decoration: none;
		color: #065d6d;
		background-color: #fff;
	}


	.btn-zap-icon {
		/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
		/*background-image: linear-gradient(to bottom, #5dc7cc, #329fcc);  */
		border: 1px solid #f50367;
		background-color: #f50367;
		padding: 5px 8px;
		color: #fff;
		text-align: center;
		transition: 0.3s;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		border-radius: 5px;
	}

	.btn-zap-icon:hover {
		text-decoration: none;
		color: #f50367;
		background-color: #fff;
	}

	/* BANNER */
	.banner {
		padding: 140px  0px 0px 0px;
		height: 580px;
	}

	.banner h2 {
		font-size: 80px;
	}

	.banner p {
		font-size: 22px;
		letter-spacing: -0.3px;
	}

	.banner-btn {
		font-size: 15px;
	}

	/* SERVICOS INTERNAS */

	.section-internas h3 {
		font-size: 32px;
	}

	.section-internas h5 {
		font-size: 24px;
	}

	.section-internas h6 {
		font-size:  18px;
		font-weight: bold;
	}

	.section-internas p {
		font-size: 16px;
	}

	/* SOBRE NOS */

	.sobre-nos h3 {
		font-size: 32px;
	}

	.sobre-nos h5 {
		font-size: 24px;
	}

	.sobre-nos h6 {
		font-size:  18px;
		font-weight: bold;
	}

	.sobre-nos p {
		font-size: 16px;
	}


	/* CONTATO */

	.contato h3 {
		font-size: 32px;
	}

	.contato h5 {
		font-size: 24px;
	}

	.contato h6 {
		font-size:  18px;
		font-weight: bold;
	}

	.contato p {
		font-size: 16px;
	}



	footer .redes-sociais {
		border-left: none;
		padding: 20px 0px 15px 0px;
		text-align: center;
		border-top: 1px solid #ddd;
	}

	footer .contatos {
		text-align: center;
		padding-bottom: 30px;
	}



}


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

	.banner-desktop {
		display: none;
	}

	.banner-mobile {
		display: block;
	}

	.servico-item {
		width: 200px;
		margin-bottom: 20px;
		margin-right: 15px;
		margin-left: 15px;
	}

	.section-padding {
		padding: 40px 0px;
	}

	.section-padding h2 {
		font-size: 32px;
		letter-spacing: -1.5px;
	}

	.section-padding h6 {
		font-size: 18px;
	}

	.banner {
		padding: 120px  0px 0px 0px;
		height: 480px;
	}

	.banner h2 {
		font-size: 60px;
	}

	.banner p {
		font-size: 20px;
		letter-spacing: -0.3px;
	}



	

}

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

	h1 {
		font-size: 42px;
		letter-spacing: -0.9px;
	}

	h2 {
		font-size: 36px;
		letter-spacing: -0.5px;
	}

	h3 {
		font-size: 28px;
		letter-spacing: -0.5px;
	}

	h4 {
		font-size: 24px;
		letter-spacing: -0.4px;
	}

	h5 {
		font-size: 20px;
		letter-spacing: -0.3px;
	}

	h6 {
		font-size: 18px;
	}

	p {
		font-size: 13px;
	}

	.section-padding {
		padding: 30px 0px;
	}

	.section-padding h2 {
		font-size: 24px;
		letter-spacing: -1.3px;
	}

	.section-padding h6 {
		font-size: 18px;
	}

	/* BANNER */
	.banner {
		padding: 100px  0px 0px 0px;
		height: 420px;
		text-align: center;
	}

	.banner h2 {
		font-size: 50px;
		letter-spacing: -1px;
		line-height: 1.1;
	}

	.banner p {
		font-size: 16px;
		letter-spacing: -0.3px;
	}

	.banner-btn {
		font-size: 14px;
	}

	.contato-align {
		text-align: center;
	}

	.contato label {
		font-size: 11px;
	}

}

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


	

	

}