#hero{
background-size:100%;
}
#hero h1 {
	margin: 0 0 200 px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #f5e5e5;
}
.section-title {
	text-align: center;
	padding-bottom: 20px;
}
.cta .helpline p a {
  color: #fff7f9;
  margin-left: 8px;
  text-decoration: none;
}
.cta .helpline p svg {transform: rotate(90deg);}

.section-title {padding-bottom: 45px;}
#about {padding-bottom: 0;}
#about .content p {margin-bottom: 15px;}
#about .content .points {padding: 0; list-style: none;}
#about .content .points li{position: relative; padding-left: 25px; margin-bottom: 10px;}
#about .content .points li:before {content: '\f061'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; top: 2px; left: 0; position: absolute; display: inline-table; color: #e43c5c;}

.services {padding-bottom: 60px;}
.portfolio {padding-bottom: 30px;}
.faq .faq-list li:last-child {margin-bottom: 0;}

#footer .info {float: left; width: 100%; list-style: none; padding-left: 0; margin-top: 5px;}
#footer .info li {margin-bottom: 5px;}
#footer .info a {text-decoration: none; color: #000000;}
#footer .info svg {padding-right: 5px;}
.footer-newsletter .fb {width: 100%;}


@media only screen and (max-width: 1199px){
	#hero {height: 500px;}
}

@media only screen and (max-width: 991px){
	.section-title {padding-bottom: 20px;}
	.pt-4 {padding-top: 0px !important;}
	.services {padding-bottom: 10px;}
	.pricing {padding-bottom: 0;}
	.team, .contact {padding-top: 0;}
}

@media only screen and (max-width: 767px){
	section {padding: 40px 0;}
	.mb-5 {margin-bottom: 2rem !important;}
}