@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html {scroll-behavior: smooth;}

.raleway-thin {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.raleway-normal {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.raleway-medium {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.raleway-bold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

* {font-family: "Raleway", sans-serif;}

body {
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	line-height: 150%;
}

img {
	height: auto;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #000000;
	padding-bottom: 15px;
}

ul {
	margin-top: 15px;
}

.bottom-border {
	border-bottom: 1px solid #d8d8d8;
}

#logo_sec {}

.logo_wrap {
	padding: 20px 15px;
	text-align: center;
}

.logo_wrap img  {
	max-width: 250px;
	min-height: 60px;
}

#title_sec {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
	font-size: 16px;
	line-height: 150%;
	font-weight: 500;
}

h1 {
	font-size: 40px;
	padding-bottom: 0px;
}

h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}

h6 {
	font-size: 14px; 
	font-weight: 400;
	color: #000000;
	padding-bottom: 15px;
	border-bottom: 1px solid #d8d8d8;
	line-height: 175%;
}

.hero-image {}
.hero-image img {width: 100%;}
.hero-text {padding: 0px 20px;}
.mktoGen.mktoImg {width: 100%;}

@media screen and (max-width: 768px) {
	.hero-image {padding-bottom: 30px;}
	.hero-text {padding: 0px 0px;}
	
}

#three_cols {
	padding: 35px 0px;
}

.box_wrapper {
	display: flex;
	gap: 40px;
	flex-direction: row;
	flex-wrap: wrap;
}

.box_3 {
	background: #ffffff;
    padding: 20px;
    box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.25);
	max-width: 30%;
}

.box_3 h3 {
	color: #dd0031;
}

@media screen and (max-width: 997.99px) {
	.box_3 {max-width: 45%;}
}

@media screen and (max-width: 768px) {
	.box_3 {max-width: 95%;}
	h1 {font-size: 36px;}
}

#block_callouts {
	padding: 35px 0px;
	text-align: center;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

.section_heading {
	padding-bottom: 30px;
}

.callouts_wrap {
	display: flex;
	gap: 60px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.callout {
	max-width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



@media screen and (max-width: 768px) {
	.callout {max-width: 95%;}
}

.callout_cta {
	
	
}

.callout_text {
	padding-bottom: 25px;
}

.callout_text h3 {
	color: #dd0031;
}

#additional_cta {
	padding: 45px 0px;
	text-align: left;
}

.add_cta_wrap {
	display: flex;
	flex-direction: column;
}

.add_cta {text-align: left;padding-top: 20px;}

.cta {text-align: center;}

.cta a {
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	color: #FFFFFF;
	background: #dd0031;
	font-weight: 700;
	padding: 10px 55px;
	text-decoration: none;
	transition: all 0.2s ease-out;
	display: inline-block;
}

.cta a:hover {
	color: #dd0031;
	background: #FFFFFF;
}

@media screen and (max-width: 768px) {
	.cta a {padding: 10px 30px;}
}

footer { padding-top: 60px; padding-bottom: 40px; background-color: #FFFFFF; color: #000;text-align: center; }
footer a {transition: all .2s ease-out;}
footer a:focus, footer a:hover {color: #e40134;}
.font-red {color: #e40134;}
.footer_text {}
.footer_text a {text-decoration: none; color: #000;}
.footer_text h5 {font-size: 16px; font-weight: 700;}

.footer_social_icons {padding-top: 24px; display: flex; margin: 0 auto;justify-content: center; gap: 25px;}
.footer_social_icons img {max-width: 26px;}

.footer_wrap {display: grid; gap: 25px;text-align: left;}
.footer_wrap a {color: #FFFFFF; transition: all .2s ease-out; text-decoration: none;}

.footer_logo {padding: 0px 15px;}
.footer_logo img {width: 120px;}

.footer_menu {display: flex;justify-content: flex-start; flex-direction: column; gap: 8px;}
.footer_menu h4 {font-size: 18px; line-height: 21px; font-weight: 700;}
.footer_menu a {font-size: 14px; font-weight: 700; opacity: 0.8;}

.footer_social { display: flex; justify-content: flex-start; flex-direction: row; gap: 30px;}

.footer_social a {display: grid;}
.footer_social a img {max-width: 24px; grid-row: 1; grid-column: 1; max-width: 24px; max-height: 24px;}
.footer_social a .red { opacity: 0;}
.footer_social a:hover .red { opacity: 1;}
.footer_social a:hover .white { opacity: 0;}

.footer_links {display: flex; gap: 70px; align-items: center; padding-top: 20px;}
.footer_links a {font-weight: 500; color: #FFF; text-decoration: none;font-size: 14px; margin-top: 8px; opacity: 0.8;}
.footer_copyright {font-weight: 500; color: #FFF; font-size: 14px; margin-top: 8px; opacity: 0.75; padding-top: 25px;}

@media screen and (min-width: 1024px) {
    .footer_wrap { grid-template-columns: repeat(4, 1fr); border-bottom: 2px solid #979797; padding-bottom: 50px;}
		
}

@media screen and (max-width: 1024px) {
	.footer_social { justify-content: center;}
	.footer_links {flex-direction: column; gap: 5px;}
	.footer_logo, .footer_menu {margin: 0 auto; text-align: center;justify-content: center;}
	.footer_copyright {text-align: center;padding-top: 15px;}
}