.main_container {
}

.main_background {	
	background: linear-gradient(to bottom, var(--blue-dark), #fff);	
	background-image: -webkit-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1400px);
  	background-image: -moz-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1400px);
  	background-image: -ms-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1400px);
  	background-image: -o-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1400px);
  	background-image: linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1400px);
  	padding-bottom: 75px;
}

.main_background_inner {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.main_banner {
	margin: 17vh auto 0px auto;
    padding: 20px;	
	color: #fff;
}

.main_section {
	max-width: 1250px;
	padding-top: 80px;
	margin: 0px auto;
}

.ai_banner_img_cont {
	margin-top: 17vh;
}

.ai_banner_button_cont .flex_sub_container {
	padding-left: 10px;
	padding-right: 10px;
}

.ai_section {
	width: 80%;
	margin: 0px auto;
	max-width: 1250px;
}

.ai_section_max {
	max-width: 1100px;
}

.ai_matters_title {
	color: var(--white);
	font-size: 45px;
    line-height: 100px;
    letter-spacing: 2px;
    text-align: center;
}

.ai_matters_tile {
    max-width: 240px;
    margin: 10px 20px 10px 20px;
    text-align: center;
    border-radius: 20px;
    border: solid 1px var(--blue-main);
    padding: 20px;
}

.ai_matters_tile_dark {
	color: var(--white);
	background-color: var(--blue-main);
}

.ai_matters_tile_light {
	color: var(--blue-main);
	background-color: var(--white);
}

.ai_matters_tile_title {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
}

.ai_matters_tile_cont {
	
}

.ai_guide_title {
	font-size: 45px;
    line-height: 100px;
    letter-spacing: 2px;
    text-align: center;
}

.ai_guide_accordion {
	width: 60vw;
	margin: 0px auto !important;
}

.ai_explore_main {
	max-width: 80%;
	margin: 0px auto;
	padding-bottom: 75px;
}

.ai_explore_sub {
	padding-bottom: 40px;	
}

.ai_explore_title {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 20px;
}

.ai_explore_cont {
	font-size: 24px;
}

.ai_form_main {
	padding: 60px;
    background-color: var(--blue-main);
    width: 500px;
    margin-bottom: 75px;
}

.ai_form_header_title {
	color: var(--white);
	font-size: 32px;
}

.ai_form_header_title img {
	margin-right: 15px;
	max-height: 55px;
}

.ai_form_header_cont {
	color: var(--white);
	max-width: 80%;
    margin: 0px auto;
    padding-top: 15px;
    font-size: 19px;
    padding-bottom: 15px;
}

.ai_landing_form {
	padding: 20px;
    background-color: var(--white);
    border-radius: 15px;
    max-width: 335px;
    margin: 0px auto;
}

.ai_disclosure_top {
	text-align: center;
	padding-top: 75px;
}

.ai_disclosure_bottom {
	text-align: center;
	padding-bottom: 75px;
}

.ai_link {
    color: var(--blue-main);
}

/* -- Accordion overrides -- */
#ai_guide_accordion {
	max-width: 885px;
}

.ui-accordion .ui-accordion-header {
	font-size: 32px !important;
    padding: 1em 0.5em 1em 0.7em !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: unset !important;
	right: 0px !important;	
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border-top: none !important;
    border-left: none !important;
    border-right: none !important;
	background: none !important;
}

.ui-widget-content {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;    
}

/* -- Start Mobile Styles ------------------------------------------------------------ */

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 
	.ai_banner_img_cont img {
	    max-width: 400px;
    	width: 95vw;
	}
	
	div.button_wire_trans, div.button_wire_blue {
		font-size: 16px;
	}
	
	.ai_banner_img_cont {
    	margin-top: 3vh;
	}
	
	.ai_matters_title, .ai_guide_title {
    	font-size: 28px;
    	line-height: inherit;
	}
	
	.main_background {
	    background-image: -webkit-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1965px);
	    background-image: -moz-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1965px);
	    background-image: -ms-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1965px);
	    background-image: -o-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1965px);
	    background-image: linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 1965px);
	}
	
	.ai_section {
    	width: 95%;
	}
	
	.ai_matters_cont, .ai_guide_cont, .ai_explore_main_cont {
		padding-top: 50px;
	}
	
	.ai_guide_accordion {
		width: 95vw;
	}
	
	.ai_form_main {
		width: auto;
		padding-left: 30px;
    	padding-right: 30px;
	}
	
	.ai_form_header_title img {
	    max-height: 40px;
	}
	
	.ai_form_header_title {
	    font-size: 22px;
	}
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
 
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {	
	.main_banner {
    	margin: 8vh auto 0px auto;
	}
	
	.ai_banner_img_cont {
	    margin-top: 7vh;
	    text-align: center;
	}
	
	.main_background {
	    background-image: -webkit-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 2600px);
	    background-image: -moz-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 2600px);
	    background-image: -ms-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 2600px);
	    background-image: -o-linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 2600px);
	    background-image: linear-gradient(to bottom, var(--blue-dark) 0%, var(--white) 2600px);
	}
	
	.ai_section {
    	width: 85%;
	}
	
	.ai_matters_title, .ai_guide_title {
    	line-height: inherit;
	}
	
	.ai_matters_cont, .ai_guide_cont, .ai_explore_main_cont {
		padding-top: 50px;
	}
	
	.ai_guide_accordion {
		width: 80vw;
	}
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/* -- End Mobile Styles -------------------------------------------------------------- */