@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');

.whatsapp-fixed{
	position:fixed;
	right:2rem;
	bottom:2rem;
	width:100px;
	height:100px;
	background:#25d366;
	border-radius:100px;
	z-index:999;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
}

.whatsapp-fixed img{
	background:#25d366;
	object-fit:contain;
	width:60px;
	height:100px;
	border-radius:100px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
}

body{
    background-image: url(./images/fundo-lp-art-medicina-arco.jpg);
	background-position:top center;
	background-size:100%;
	background-repeat:no-repeat;
	height:4000px;
	font-family: "Comfortaa", sans-serif;
	position:relative;
	z-index:10;
	background-color:#DCE9C5;
}


.heroSection{
	padding-top:300px;
}

.heroSection .logo-lp img{
	display:block;
	width:320px;
	object-fit:contain;
}

.heroSection .text-hero p.text-light{
	color:#4d5b28 !important;
	font-size:32px;
	line-height:1.4em;
	font-weight:600;
	margin:80px 0 40px;
	font-weight:300;
}

.heroSection .text-hero p.text-light b{	
	font-weight:700;
	
}

.heroSection .text-hero p.text-bold{
	color:#335231 !important;
	font-size:38px;
	line-height:1.4em;
	font-weight:700;
	font-style:italic;
	margin-bottom:40px;
}

.heroSection .text-hero p.text-bold b{
		font-weight:700;
}

.heroSection  .cta-hero a{
	background:#f6842e;
	color:#fff;
	font-size:32px;
	transition:.3s ease;
	outline:none;
	border:none;
	padding:14px 32px;
	border-radius:100px;
	box-shadow:-10px 10px 30px #68844566;
	font-weight:500;
	text-decoration:none;
}

.heroSection  .cta-hero a:hover{
	color:#fff;
	background:#4d5b28;
	transition:.3s ease;
}

.sectionTwo{
	padding:300px 0 100px 0;
}

.sectionTwo h2{
	text-align:center;
	color:#ef7f3c;
	font-size:54px;
	font-weight:700;
}

.sectionTwo .list{
	margin-top:40px;
}

.sectionTwo .list ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

.sectionTwo .list ul li{
	position:relative;
	font-size:44px;
	font-weight:700;
	font-style:italic;
	color:#4d5b28;
	padding-left:140px;
	margin-bottom:60px
}

.sectionTwo .list ul li img{
	display:block;
	object-fit:contain;
	width:80px;
	position:absolute;
	top:0px;
	left:16px;
}

.sectionThree{
	padding:0px 0;
}

.sectionThree h2{
/* 	text-align:center; */
	color:#ef7f3c;
	font-size:54px;
	font-weight:700;
}

.sectionThree .list{
	margin-top:40px;
}

.sectionThree .list ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

.sectionThree .list ul li{
	position:relative;
	font-size:35px;
	font-weight:700;
	color:#4d5b28;
	padding-left:30px;
	margin-bottom:50px
}

/* .sectionThree .list ul li:before{
	content: '';
	display:block;
	position:absolute;
	width:14px;
	height:14px;
	background:#4d5b28;
	border-radius:100px;
	left:0;
	top:16px;
} */


.sectionFour{
	padding:80px 0 150px 0;
}

.sectionFour h2{
	text-align:center;
	color:#ef7f3c;
	font-size:54px;
	font-weight:700;
	padding:0 86px;
}

.sectionFour h2 a{
	
	color:#ef7f3c;
	text-decoration:none;
}


.sectionFour .avaliacoes {
	margin-top:80px;
	margin-bottom:80px;
}

.sectionFour .avaliacoes img{
	display:block;
	margin:auto;
}


.sectionFour .cta-hero a{
	background:#f6842e;
	color:#fff;
	font-size:32px;
	transition:.3s ease;
	outline:none;
	border:none;
	padding:14px 32px;
	border-radius:100px;
	box-shadow:-10px 10px 30px #68844566;
	font-weight:500;
	margin:auto;
	display:flex;
	justify-content:center;
	text-align:center;
	width:434px;
 text-decoration:none;
}

.sectionFour .cta-hero a:hover{
	color:#fff;
	background:#4d5b28;
	transition:.3s ease;
}


.footer-separador .logo-footer{
	margin-top:40px;
	margin-bottom:40px;
}

.footer-separador .separador img{
	display:block;
	margin:auto;
	
}

.footer-separador .logo-footer img{
	display:block;
	margin:auto;
	object-fit:contain;
	width:200px;
}

.footer-separador .text-copy{
	text-align:center;
	color:#4d5b28;
	font-size:16px;
	font-weight:500;
}



@media only screen and (min-width: 2000px) {
	
	.container{
		max-width:1920px !important;
		width:1902px !important;
	}
  .heroSection{
		padding-top:450px;
	}

    .heroSection  .text-hero {
        padding-right: 139px;
    }
    
    .heroSection .text-hero p.text-light{
    	
    	font-size:40px;
    	
    	margin:80px 0 40px;
    }
    
    .heroSection .text-hero p.text-bold{
    	color:#335231 !important;
    	font-size:48px;
    	
    	margin-bottom:60px;
    }



    .heroSection  .cta-hero a{
    	
    	font-size:48px;
    	
    	padding:14px 32px;
    	
    }


    .sectionTwo{
    	padding:500px 0 150px 0;
    }
    
    .sectionTwo h2{
    
    	font-size:58px;
    
    }
    
    .sectionTwo .list{
    	margin-top:60px;
    }
    
    
    
    .sectionTwo .list ul li{
    	
    	font-size:48px;
    
    	margin-bottom:60px
    }
    
    
    
    .sectionThree h2{
     	text-align:center; 
    	color:#ef7f3c;
    	font-size:58px;
    	
    }
    
    .sectionThree .list{
    	margin-top:60px;
    }
    
    
    .sectionThree .list ul li{
    	
    	font-size:40px;
    
    }
    
    
    .sectionFour{
    	padding:180px 0 150px 0;
    }
    
    .sectionFour h2{
    
    	font-size:62px;
    	
    	padding:0 310px;
    }
    
    
    
    
    
    
    .footer-separador .logo-footer{
    	margin-top:40px;
    	margin-bottom:40px;
    }
    
    .footer-separador .logo-footer img{
    	display:block;
    	margin:auto;
    	object-fit:contain;
    	width:200px;
    }
    
    .footer-separador .text-copy{
    	text-align:center;
    	color:#4d5b28;
    	font-size:16px;
    	font-weight:500;
    }




}

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

	body{
		height:3000px;
	}
  .heroSection{
		padding-top:250px;

	}

	.heroSection .logo-lp img{
		width:250px;

	}

.heroSection .text-hero p.text-light{
	
	font-size:30px;
	padding:0 63px  0 0;
	margin:50px 0 30px 0;
}

.heroSection .text-hero p.text-bold{
	color:#335231 !important;
	font-size:32px;
	padding:0 63px  0 0;
	margin-bottom:60px;
}



.heroSection  .cta-hero a{
	
	font-size:32px;
	
	padding:14px 32px;
	
}


.sectionTwo{
	padding:200px 0 50px 0;
}

.sectionTwo h2{

	font-size:50px;

}

.sectionTwo .list{
	margin-top:60px;
}



.sectionTwo .list ul li{
	
	font-size:34px;
padding-left:100px;
	margin-bottom:60px
}

	.sectionTwo .list ul li img{
		width:60px;
		left:0;
	}


.sectionThree h2{
 	text-align:center; 
	color:#ef7f3c;
	font-size:52px;
	
}

.sectionThree .list{
	margin-top:30px;
}

.sectionThree .list ul li{
	
	font-size:30px;
	margin-bottom:20px;

}

.sectionThree .list ul li:before {
 
    width: 10px;
    height: 10px;
  
    left: 9px;
   
}


.sectionFour{
	padding:80px 0 150px 0;
}

.sectionFour h2{

	font-size:50px;
	
	padding:0 150px;
}

.sectionFour  .cta-hero a{
	
	font-size:32px;
	
	padding:14px 32px;
	
}




.footer-separador .logo-footer{
	margin-top:40px;
	margin-bottom:40px;
}

.footer-separador .logo-footer img{
	display:block;
	margin:auto;
	object-fit:contain;
	width:200px;
}

.footer-separador .text-copy{
	text-align:center;
	color:#4d5b28;
	font-size:16px;
	font-weight:500;
}


 
}

@media only screen and (max-width: 1300px) {
	
		body{
		height:2500px;
	}
  .heroSection{
		padding-top:250px;

	}

	.heroSection .logo-lp img{
		width:220px;

	}

.heroSection .text-hero p.text-light{
	
	font-size:25px;
	padding:0 63px  0 0;
	margin:40px 0 30px 0;
}

.heroSection .text-hero p.text-bold{
	color:#335231 !important;
	font-size:29px;
	padding:0 63px  0 0;
	margin-bottom:60px;
}



.heroSection  .cta-hero a{
	
	font-size:24px;
	
	padding:14px 32px;
	
}


.sectionTwo{
	padding:100px 0 50px 0;
}

.sectionTwo h2{

	font-size:40px;

}

.sectionTwo .list{
	margin-top:40px;
}



.sectionTwo .list ul li{
	
	font-size:24px;
padding-left:150px;
	margin-bottom:30px
}

	.sectionTwo .list ul li img{
		width:45px;
		left:85px;
	}


.sectionThree h2{
 	text-align:center; 
	color:#ef7f3c;
	font-size:40px;
	
}

.sectionThree .list{
	margin-top:30px;
}

.sectionThree .list ul li{
	
	font-size:24px;
	margin-bottom:20px;

}

.sectionThree .list ul li:before {
 
    width: 7px;
    height: 7px;  
    left: 9px;
   
}


.sectionFour{
	padding:80px 0 150px 0;
}

.sectionFour h2{

	font-size:40px;
	
	padding:0 150px;
}

.sectionFour .avaliacoes {
    margin-top: 40px;
    margin-bottom: 40px;
}

.sectionFour  .cta-hero a{
	
	font-size:24px;
	
	padding:14px 32px;
	width:350px;
	
}




.footer-separador .logo-footer{
	margin-top:40px;
	margin-bottom:40px;
}

.footer-separador .logo-footer img{
	display:block;
	margin:auto;
	object-fit:contain;
	width:200px;
}

.footer-separador .text-copy{
	text-align:center;
	color:#4d5b28;
	font-size:16px;
	font-weight:500;
}

 
}

@media only screen and (max-width: 1025px) {
 body{
    background-image: url(./images/fundo-lp-art-medicina-arco-mobile-v2.jpg);	
	height:auto;
	
}
	
	
	  .heroSection{
		padding-top:250px;

	}

	.heroSection .logo-lp {
		display:flex;
		justify-content:flex-end;
	     margin: 0 0 300px 0;
	}

.heroSection .text-hero p.text-light{
	padding:0;
	text-align:center;
	font-size:31px;
}

.heroSection .text-hero p.text-bold{
	text-align:center;
	padding:0;
	font-size:36px;
}



.heroSection  .cta-hero {
	display:flex;
	justify-content:center;
	
}

	.heroSection  .cta-hero a{
		font-size:31px;
	}


.sectionTwo{
	padding: 100px 0;
}

.sectionTwo h2{

	font-size:40px;

}

.sectionTwo .list{
	margin-top:40px;
}



.sectionTwo .list ul li{
	font-size:25px;

}

	.sectionTwo .list ul li img{
		width:45px;
		left:85px;
	}


.sectionThree h2{
 	text-align:center; 
	color:#ef7f3c;
	font-size:40px;
	text-align:center;
	
}

.sectionThree .list{
	margin-top:30px;
}

.sectionThree .list ul li{
	
	font-size:25px;
	margin-bottom:20px;
text-align:center;
}

.sectionThree .list ul li:before {
 
    width: 7px;
    height: 7px;  
    left: 9px;
   
}


.sectionFour{
	padding:150px 0;
}

.sectionFour h2{

	font-size:40px;
	
	padding:0px;
}

.sectionFour .avaliacoes {
    margin-top: 40px;
    margin-bottom: 40px;
}

.sectionFour  .cta-hero a{
	
	font-size:24px;
	
	padding:14px 32px;
	width:350px;
	
}




.footer-separador .logo-footer{
	margin-top:40px;
	margin-bottom:40px;
}

.footer-separador .logo-footer img{
	display:block;
	margin:auto;
	object-fit:contain;
	width:200px;
}

.footer-separador .text-copy{
	text-align:center;
	color:#4d5b28;
	font-size:16px;
	font-weight:500;
}
	
	
	
}

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

.whatsapp-fixed{
	
	bottom:2rem;
	width:60px;
	height:60px;

}

.whatsapp-fixed img{
	;
	object-fit:contain;
	width:35px;
	height:59px;
	
}

	.container{
		width:360px !important;
		max-width:3611px !important;
	}
	
	  .heroSection{
		padding-top:100px;

	}

	.heroSection .logo-lp {
		display:flex;
		justify-content:flex-end;
	     margin: 0 0 95px 0;
	}

	.heroSection .logo-lp img{
		width:150px;
	}

.heroSection .text-hero p.text-light{
	padding:0;
	text-align:center;
	font-size:15px;
	margin: 20px  0;
}

.heroSection .text-hero p.text-bold{
	text-align:center;
	padding:0;
	font-size:16px;
	margin: 0 0 25px 0;
}



.heroSection  .cta-hero {
	display:flex;
	justify-content:center;
	
}

	.heroSection  .cta-hero a{
		font-size:13px;
		padding:10px 24px;
		display:block;
	}


.sectionTwo{
	padding: 0 0 10px 0;
}

.sectionTwo h2{

	font-size:19px;

}

.sectionTwo .list{
	margin-top:20px;
}



.sectionTwo .list ul li{
	font-size:15px;
	padding-left:45px;
margin-bottom:20px;
}

	.sectionTwo .list ul li img{
		width:22px;
		left:5px;
		top:-4px;
	}


.sectionThree h2{
/* 	text-align:center; */
	color:#ef7f3c;
	font-size:19px;
	text-align:center;
	
}

.sectionThree .list{
	margin-top:10px;
}

.sectionThree .list ul li{
	
	font-size:14px;
	margin-bottom:16px;
text-align:center;
}

.sectionThree .list ul li:before {
 
    width: 5px;
    height: 5px;  
    left: 2rem;
   top:5px;
}


.sectionFour{
	padding:20px 0 50px 0;
}

.sectionFour h2{
	font-size:18px;	
	padding:0px 75px;
}

.sectionFour .avaliacoes {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sectionFour  .cta-hero a{
	
	font-size:15px;
	
	padding:10px 24px;
	width:100%;
	display:block;
	
}




.footer-separador .logo-footer{
	margin-top:20px;
	margin-bottom:20px;
}

.footer-separador .logo-footer img{
	display:block;
	margin:auto;
	object-fit:contain;
	width:80px;
}

.footer-separador .text-copy{
	text-align:center;
	color:#4d5b28;
	font-size:8px;
	font-weight:500;
}
	
	
	
}