.ctaButton {
	display: inline-block;
	padding: 17px 40px;
	background-color: #08aae8;
	border-radius: 30px;
	font-family: "Lato";
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: all .3s ease-in-out;
}
.ctaButton:hover {
	background-color: #0093dd;
	color: #FFFFFF;
}

#cta-footer .cta-data .cta-link {
	padding: 0;
	background-color: transparent;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
}

#fullContentSection {
	padding: 60px 0;
}
#fullContentSection h2 {
	margin: 0;
	font-family: 'Montserrat';
	font-size: 30px;
	color: #222222;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
#fullContentSection h2 span {
	position: relative;
	display: inline-block;
}
#fullContentSection h2 span:after {
	content: "";
	display: block;
	width: 80%;
	margin: 0 auto;
	border-style: solid;
	border-bottom-width: 0;
}
#fullContentSection .content {
	margin: 40px 0 0;
}
#fullContentSection .content.center {
	margin: 40px 10% 0;
}
#fullContentSection .content.center h4,
#fullContentSection .content.center p {
	text-align: center;
}
#fullContentSection .content h4 {
    margin: 0 0 20px 0;
    font-size: 20px;
    color: #222222;
    font-weight: 700;
    line-height: 24px;
}
#fullContentSection .content h4:last-child {
	margin-bottom: 0;
}
#fullContentSection .content p {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#fullContentSection .content p:last-child {
	margin-bottom: 0;
}
#fullContentSection .content ul {
	list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#fullContentSection .content ul:last-child {
	margin-bottom: 0;
}
#fullContentSection .content ul li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#fullContentSection .content ul li:last-child {
	margin-bottom: 0;
}
#fullContentSection .content ul li:before {
	content: "\F5E0";
	font-family: 'Material Design Icons';
	font-size: 20px;
	color: #08aae8;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 0;
}

#twoColumnWithImageSection {
	padding: 60px 0;
}
#twoColumnWithImageSection h2 {
	margin: 0;
	font-family: 'Montserrat';
	font-size: 30px;
	color: #222222;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
#twoColumnWithImageSection h2 span {
	position: relative;
	display: inline-block;
}
#twoColumnWithImageSection h2 span:after {
	content: "";
	display: block;
	width: 80%;
	margin: 0 auto;
	border-style: solid;
	border-bottom-width: 0;
}
#twoColumnWithImageSection .box {
	display: flex;
	gap: 70px;
	margin-top: 40px;
}
#twoColumnWithImageSection .box.reverse {
	flex-direction: row-reverse;
}
#twoColumnWithImageSection .box .image {
	width: 50%;
	border-radius: 10px;
	overflow: hidden;
}
#twoColumnWithImageSection .box .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#twoColumnWithImageSection .box .content {
	width: 50%;
}
#twoColumnWithImageSection .box .content h4 {
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #222222;
	font-weight: 700;
	line-height: 30px;
}
#twoColumnWithImageSection .box .content p {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#twoColumnWithImageSection .box .content p:last-child {
	margin-bottom: 0;
}
#twoColumnWithImageSection .box .content ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#twoColumnWithImageSection .box .content ul:last-child {
	margin-bottom: 0;
}
#twoColumnWithImageSection .box .content ul li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#twoColumnWithImageSection .box .content ul li:last-child {
	margin-bottom: 0;
}
#twoColumnWithImageSection .box .content ul li:before {
	content: "\F5E0";
	font-family: 'Material Design Icons';
	font-size: 20px;
	color: #08aae8;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 0;
}
#twoColumnWithImageSection .btnBox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

#featuresSection {
	padding: 60px 0;
}
#featuresSection .box {
	display: flex;
	gap: 70px;
	padding: 50px 50px;
	background-color: #ECF4F6;
	border-radius: 10px;
}
#featuresSection .box .item {
	width: 100%;
}
#featuresSection .box .item h4 {
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #222222;
	font-weight: 700;
	line-height: 30px;
}
#featuresSection .box .item p {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#featuresSection .box .item p:last-child {
	margin-bottom: 0;
}
#featuresSection .box .item ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#featuresSection .box .item ul:last-child {
	margin-bottom: 0;
}
#featuresSection .box .item ul li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#featuresSection .box .item ul li:last-child {
	margin-bottom: 0;
}
#featuresSection .box .item ul li:before {
	content: "\F5E0";
	font-family: 'Material Design Icons';
	font-size: 20px;
	color: #08aae8;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 0;
}

#numberGridSection {
	padding: 60px 0;
}
#numberGridSection h2 {
	margin: 0;
	font-family: 'Montserrat';
	font-size: 30px;
	color: #222222;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
#numberGridSection h2 span {
	position: relative;
	display: inline-block;
}
#numberGridSection h2 span:after {
	content: "";
	display: block;
	width: 80%;
	margin: 0 auto;
	border-style: solid;
	border-bottom-width: 0;
}
#numberGridSection .box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	row-gap: 70px;
	margin-top: 40px;
	margin-right: -20px;
	margin-left: -20px;
}
#numberGridSection .box.fixedLayout {
	flex-wrap: wrap;
}
#numberGridSection .box .item {
	counter-increment: works-item;
	display: flex;
	flex-direction: column;
	width: 25%;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#numberGridSection .box .item:before {
	content: counters(works-item, "." );
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 5px solid #0482B1;
	background-color: #08AAE8;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	font-weight: 900;
}
#numberGridSection .box .item h4 {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	line-height: 23px;
}
#numberGridSection .box .item h4:last-child {
	margin-bottom: 0;
}
#numberGridSection .box .item h4 br {
	display: block;
}
#numberGridSection .box .item p {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#numberGridSection .box .item p:last-child {
	margin-bottom: 0;
}

#iconGridSection {
	padding: 60px 0;
}
#iconGridSection h2 {
	margin: 0;
	font-family: 'Montserrat';
	font-size: 30px;
	color: #222222;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
#iconGridSection h2 span {
	position: relative;
	display: inline-block;
}
#iconGridSection h2 span:after {
	content: "";
	display: block;
	width: 80%;
	margin: 0 auto;
	border-style: solid;
	border-bottom-width: 0;
}
#iconGridSection .content {
	margin: 40px 10% 0;
}
#iconGridSection .content p {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}
#iconGridSection .content p:last-child {
	margin-bottom: 0;
}
#iconGridSection .box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	row-gap: 70px;
	margin-top: 40px;
	margin-right: -20px;
	margin-left: -20px;
}
#iconGridSection .box.fixedLayout {
	flex-wrap: wrap;
}
#iconGridSection .box .item {
	display: flex;
	flex-direction: column;
	width: 25%;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#iconGridSection .box .item .icon {
	margin-bottom: 20px;
}
#iconGridSection .box .item .icon img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#iconGridSection .box .item h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	line-height: 23px;
}
#iconGridSection .box .item h3:last-child {
	margin-bottom: 0;
}
#iconGridSection .box .item h3 br {
	display: block;
}
#iconGridSection .box .item p {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 24px;
}
#iconGridSection .box .item p:last-child {
	margin-bottom: 0;
}

#faqSection {
	padding: 60px 0;
}
#faqSection h3 {
	margin: 0;
	font-family: 'Montserrat';
	font-size: 30px;
	color: #222222;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
#faqSection h3 span {
	position: relative;
	display: inline-block;
}
#faqSection h3 span:after {
	content: "";
	display: block;
	width: 80%;
	margin: 0 auto;
	border-style: solid;
	border-bottom-width: 0;
}
#faqSection .accordion {
	width: 75%;
	margin: 0 auto;
	margin-top: 20px;
}
#faqSection .accordion li:last-child {
	margin-bottom: 0;
}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

#twoColumnWithImageSection .box					{ gap: 30px; }

#featuresSection .box 							{ gap: 30px; }

#numberGridSection .box 						{ flex-wrap: wrap; row-gap: 50px; }
#numberGridSection .box .item 					{ width: 50%; }
#numberGridSection .box .item:nth-last-child(-n+3):first-child,
#numberGridSection .box .item:nth-last-child(-n+3):first-child ~ .item { width: 33.33%; }
#numberGridSection .box .item .icon img 		{ max-width: 100px; }

#iconGridSection .box 							{ flex-wrap: wrap; row-gap: 50px; }
#iconGridSection .box .item 					{ width: 50%; }
#iconGridSection .box .item:nth-last-child(-n+3):first-child,
#iconGridSection .box .item:nth-last-child(-n+3):first-child ~ .item { width: 33.33%; }
#iconGridSection .box .item .icon img 			{ max-width: 100px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.ctaButton 										{ padding: 14px 30px; font-size: 18px; }

#fullContentSection h2 							{ font-size: 27px; line-height: 32px; }
#fullContentSection h2:after 					{ margin: 3px auto 0; }
#fullContentSection .content 					{ margin: 30px 0 0; }
#fullContentSection .content.center 			{ margin: 30px 0 0; }
#fullContentSection .content ul li 				{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#fullContentSection .content ul li:before 		{ font-size: 20px; }

#twoColumnWithImageSection h2					{ font-size: 27px; line-height: 32px; }
#twoColumnWithImageSection h2:after 			{ margin: 3px auto 0; }
#twoColumnWithImageSection .box 				{ gap: 20px; margin-top: 30px; }
#twoColumnWithImageSection .box .content h4 	{ font-size: 18px; line-height: 23px; }
#twoColumnWithImageSection .box .content p 		{ font-size: 16px; line-height: 24px; }
#twoColumnWithImageSection .box .content ul li 	{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#twoColumnWithImageSection .box .content ul li:before { font-size: 20px; }

#featuresSection .box 							{ flex-wrap: wrap; gap: 30px; padding: 30px 30px; }
#featuresSection .box .item h4 					{ font-size: 18px; line-height: 23px; }
#featuresSection .box .item p 					{ font-size: 16px; line-height: 24px; }
#featuresSection .box .item ul li 				{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#featuresSection .box .item ul li:before 		{ font-size: 20px; }

#numberGridSection h2 							{ font-size: 27px; line-height: 32px; }
#numberGridSection h2:after 					{ margin: 3px auto 0; }
#numberGridSection .content 					{ margin: 30px 0 0; }
#numberGridSection .box 						{ flex-wrap: wrap; row-gap: 30px; margin-top: 30px; }
#numberGridSection .box .item 					{ width: 50%; }
#numberGridSection .box .item:nth-last-child(-n+3):first-child,
#numberGridSection .box .item:nth-last-child(-n+3):first-child ~ .item { width: 33.33%; }
#numberGridSection .box .item .icon 			{ margin-bottom: 15px; }
#numberGridSection .box .item .icon img 		{ max-width: 100px; }
#numberGridSection .box .item h4 				{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }
#numberGridSection .box .item h4 br 			{ display: none; }
#numberGridSection .box .item p 				{ margin: 0 0 15px 0; font-size: 16px; line-height: 24px; }

#iconGridSection h2 							{ font-size: 27px; line-height: 32px; }
#iconGridSection h2:after 						{ margin: 3px auto 0; }
#iconGridSection .content 						{ margin: 30px 0 0; }
#iconGridSection .box 							{ flex-wrap: wrap; row-gap: 30px; margin-top: 30px; }
#iconGridSection .box .item 					{ width: 50%; }
#iconGridSection .box .item:nth-last-child(-n+3):first-child,
#iconGridSection .box .item:nth-last-child(-n+3):first-child ~ .item { width: 33.33%; }
#iconGridSection .box .item .icon 				{ margin-bottom: 15px; }
#iconGridSection .box .item .icon img 			{ max-width: 100px; }
#iconGridSection .box .item h3 					{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }
#iconGridSection .box .item h3 br 				{ display: none; }
#iconGridSection .box .item p 					{ margin: 0 0 15px 0; font-size: 16px; line-height: 24px; }

#faqSection h3 									{ font-size: 27px; line-height: 32px; }
#faqSection h3:after 							{ margin: 3px auto 0; }
#faqSection .accordion 							{ width: 100%; }
#faqSection .accordion li .title a 				{ font-size: 18px; }
#faqSection .accordion .panel 					{ font-size: 16px; line-height: 25px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.ctaButton 										{ padding: 14px 20px; font-size: 16px; }

#fullContentSection h2 							{ font-size: 27px; line-height: 32px; }
#fullContentSection h2:after 					{ margin: 3px auto 0; }
#fullContentSection .content 					{ margin: 30px 0 0; }
#fullContentSection .content.center 			{ margin: 30px 0 0; }
#fullContentSection .content ul li 				{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#fullContentSection .content ul li:before 		{ font-size: 20px; }

#twoColumnWithImageSection h2					{ font-size: 27px; line-height: 32px; }
#twoColumnWithImageSection h2:after 			{ margin: 3px auto 0; }
#twoColumnWithImageSection .box 				{ flex-direction: column; gap: 20px; margin-top: 30px; }
#twoColumnWithImageSection .box.reverse 		{ flex-direction: column; }
#twoColumnWithImageSection .box .image 			{ width: 100%; }
#twoColumnWithImageSection .box .content 		{ width: 100%; }
#twoColumnWithImageSection .box .content h4 	{ font-size: 18px; line-height: 23px; }
#twoColumnWithImageSection .box .content p 		{ font-size: 16px; line-height: 24px; }
#twoColumnWithImageSection .box .content ul li 	{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#twoColumnWithImageSection .box .content ul li:before { font-size: 20px; }

#featuresSection .box 							{ flex-wrap: wrap; gap: 30px; padding: 20px 15px; }
#featuresSection .box .item h4 					{ font-size: 18px; line-height: 23px; }
#featuresSection .box .item p 					{ font-size: 16px; line-height: 24px; }
#featuresSection .box .item ul li 				{ padding-left: 30px; font-size: 16px; line-height: 24px; }
#featuresSection .box .item ul li:before 		{ font-size: 20px; }

#numberGridSection h2 							{ font-size: 27px; line-height: 32px; }
#numberGridSection h2:after 					{ margin: 3px auto 0; }
#numberGridSection .content 					{ margin: 30px 0 0; }
#numberGridSection .box 						{ flex-wrap: wrap; row-gap: 30px; margin-top: 30px; }
#numberGridSection .box .item 					{ width: 100%; }
#numberGridSection .box .item .icon 			{ margin-bottom: 15px; }
#numberGridSection .box .item .icon img 		{ max-width: 100px; }
#numberGridSection .box .item h4 				{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }
#numberGridSection .box .item h4 br 			{ display: none; }
#numberGridSection .box .item p 				{ margin: 0 0 15px 0; font-size: 16px; line-height: 24px; }

#iconGridSection h2 							{ font-size: 27px; line-height: 32px; }
#iconGridSection h2:after 						{ margin: 3px auto 0; }
#iconGridSection .content 						{ margin: 30px 0 0; }
#iconGridSection .box 							{ flex-wrap: wrap; row-gap: 30px; margin-top: 30px; }
#iconGridSection .box .item 					{ width: 100%; }
#iconGridSection .box .item .icon 				{ margin-bottom: 15px; }
#iconGridSection .box .item .icon img 			{ max-width: 100px; }
#iconGridSection .box .item h3 					{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }
#iconGridSection .box .item h3 br 				{ display: none; }
#iconGridSection .box .item p 					{ margin: 0 0 15px 0; font-size: 16px; line-height: 24px; }

#faqSection h3 									{ font-size: 27px; line-height: 32px; }
#faqSection h3:after 							{ margin: 3px auto 0; }
#faqSection .accordion 							{ width: 100%; }
#faqSection .accordion li .title a 				{ font-size: 18px; }
#faqSection .accordion .panel 					{ font-size: 16px; line-height: 25px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}