html, body {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   height: 100%; 
 /*height: auto;*/
    overflow-x: hidden; 
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    hyphens: none;
   overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
    background-color: white; 
   font-family: "Mona Sans", serif;
 	font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: white;
}


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

.font_logo {
  font-family: "Mona Sans", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
 /* font-size: 36px; */
  color: white;
  letter-spacing: .5px;
}

.logo {
	display: flex;
	flex-direction: row;
	align-items: center;
}


.navigation {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding-top: 15px;
}

.button_clear_with_icon {
	border: 2px solid white;
	color: white;
  	border-radius: 25px;
  	text-align: center;
  	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-top: 5px;
}

.button_clear_with_icon:hover {
	border: 2px solid white;
	color: black;
	background-color: white;
	border-radius: 25px;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.button_text{
	padding-bottom: 5px;
}

.button_solid {
	background-color: white;
	border: 2px solid white;
	color: black;
	padding: 5px;
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
}

.button_solid:hover {
	background-color: #6097F6;
	border: 2px solid white;
	color: white;
	padding: 5px;
	font-size: 18px;
  width: 125px;
  height: 40px;
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
}


.no_underline { text-decoration: none; }

/*
.mobile_video_div {
   height: calc(100vh - 80px);
   max-height: 1080px;
   max-width: 800px;
}
*/


.blue {
	background-color: #5286DC;
}
.purple {
	background-color: #8581E9;
}

.pale_blue {
	background-color: #3498db;
}

.light_purple {
	background-color: #7D85F1;
}

input::placeholder { color: white; }
textarea::placeholder { color: white; }
input:focus::placeholder { color: transparent; }
textarea:focus::placeholder { color: transparent;}

.offcanvas_headline { font-size: 40px; line-height: 110%; }
.offcanvas_text { font-size: 14px; line-height: 110%; padding: 0px 20px 0px 0px;}
.offcanvas_form_row { padding: 20px 20px 0 0; }
.input_text { width: 300px; height: 36px; color: white; border: 1px solid white; background-color: #6097F6; border-radius: 25px; padding: 5px 5px 5px 15px; }
.input_textarea { resize: none; width: 300px; height: 150px; color: white; border: 1px solid white; background-color: #6097F6; border-radius: 25px; padding: 5px 5px 5px 15px; }
.hidden { display: none; }
.text_link_white { color: white; }
.text_link_white:visited { color: white; }
.text_link_white:hover { color: white; }
.link {  color: white; }
.link:visited { color: white; }
.link:hover {color: white;}

@media(max-width: 390px) {
	.font_logo_size { font-size: 22px; }
	.logo_icon { width: 25px; height: 25px; }
	.navigation_size { 	gap: 5px;	}

	.container_overall { width: 100vw; margin: auto; height: 100%; }
	.header { background-color: #6097F6; width: 100vw; height: 50px; padding: 10px 10px 10px 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; position: fixed; z-index: 100;}
	.logo_gap { gap: 5px; }
	.button_size, .button_size:hover { font-size: 12px; width: 80px; height: 30px; margin-bottom: 10px;}
	.button_size_with_icon, .button_size_with_icon:hover { font-size: 12px; width: 120px; height: 30px; margin-bottom: 10px; gap: 5px;}
	.arrow { width: 8px; height: 8px; display: flex;}
  .arrow_div { width: 8px; height: 8px; margin-bottom: 3px; }

	.container_top { width: 100vw; height: 100vh; max-height: 1080px; max-width: 1440px; position: relative; background-color: #6097F6; padding-top: 50px;}
  .container_top_background { width: 100vw; height: calc(100vh - 50px); max-height: 1080px; position: absolute; left: 0; display: flex; align-items: left; justify-content: flex-end; }
  
  .container_top_headline { font-size: 50px; line-height: 110%;  padding: 0 10px 10px 0; }
  .container_top_subheader { font-size: 20px; padding: 0 40px 40px 0px; line-height: 110%; font-weight: 500;  }
  .container_top_main { padding: 0px 10px 0px 20px; width: 100vw; display: flex; flex-direction: column; align-items: left; justify-content: center; z-index: 9;}
 
	.container_features {	display: none;}
  .container_features_mobile { width: 100vw; background-color: #12193D; display: flex; flex-direction: column; align-items: left; justify-content: flex-start; width: 100vw; padding: 20px 20px 0 20px;}
	
	.features_left { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 40px; }
	.features_left_copy { display: flex; flex-direction: column; align-items: flex-start; }
	.container_middle_request_demo { padding: 20px 20px 20px 20px; }

	.features_headline { font-size: 40px; line-height: 120%; width: 100%; max-width: 400px; }
	.experience_headline { font-size: 40px; line-height: 120%; width: 100%; max-width: 400px; }
  .features_subheader { font-size: 20px; line-height: 120%; width: 100%; max-width: 300px; }

  .features { padding-top: 25px; width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 0px; }
  .features_image_div { padding: 15px 10px 50px 0px; width: 100%; height: 100%; }
  .features_image { width: 100%; height: 100%;  }
	.features_left_size { margin-right: 20px; }  
	.feature {padding-right: calc(1.25rem + ((1vw - 5px) * 45)); display: flex; flex-direction: row; gap: 5px;}
	.feature_bar_container {position: relative; height: calc(73.75rem + ((1vw - 3.6px) * 200)); }
	.feature_bar_column { position: absolute; top: 0px; width: 5px; height: 100%; }
	.feature_bar_column_line {width: 1px; margin: 0px 2px 0px 2px; background-color: #586677; height: 100%;}
	.feature_bar_highlight { width: 5px; border-radius: 5px; background-color: #81C4EC; z-index: 5; position: sticky;}
	.feature_bar_highlight_size {	height: 375px; top: 150px; margin-top: 3px}
	.feature_copy { display: flex; flex-direction: column; width: 100%; padding: 0 0px 0 20px; }
	.feature_copy_headline { font-size: 21.7px; line-height: 120%; width: 100%;  }
	.feature_copy_body { font-size: 14px; padding: 5px 0px 0px 0px; line-height: 120%;  }
	.feature_padding_top { padding-top: 40px; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: 100px; }
	.feature_mobile_button { justify-content: center; align-items: center; width: 100%; }

  .container_cards { background-color: #12193D; display: flex; flex-direction: column; gap: 15px; align-items: left; justify-content: flex-start; padding: 0px 20px 40px 20px; width: 100vw;}
  .card { border-radius: 30px; width: 100%; height: 300px; padding: 20px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between;}
  .card_icon_div { height: 50px;}
	.card_icon { width: 50px; height: 50px; }
	.card_headline { font-size: 30px; line-height: 120%; padding-top: 10px; }
	.card_copy { font-size: 16px; line-height: 120%; }

  .container_experience { width: 100vw; padding: 20px 20px 20px 20px; background-color: #6097F6; }
  .experience_carousel { padding: 20px 0px 20px 0px; }
  .container_footer { padding: 20px 20px 50px 20px; background-color: #12193D; width: 100vw; }
  .footer_small { font-size: 14px; padding: 20px 0 0 0;}
  .footer_subheader { padding: 10px 10px 20px 0px; font-size: 20px; line-height: 120%; width: 100%; }
  .mobile_video { width: 100%; height: 100%; opacity: 0.5; }
  .mobile_video_div { max-width: 800px; width: 100vw; height: 100%; max-height: 1080px; display: flex;margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	}
  .small_show { display: flex; }
  .medium_show { display: none; }
}

@media (min-width: 391px) {
	.container_overall { width: 100vw; margin: auto; }
	.header { background-color: #6097F6; width: 100vw; height: 50px; padding: 10px 10px 10px 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; position: fixed; z-index: 100;}
	.font_logo_size { font-size: 24px; }
	.logo_icon { width: 30px; height: 30px; }
	.logo_gap { gap: 5px; }
	.button_size, .button_size:hover { font-size: 12px; width: 80px; height: 30px; margin-bottom: 10px;}
	.button_size_with_icon, .button_size_with_icon:hover { font-size: 12px; width: 120px; height: 30px; margin-bottom: 10px; gap: 5px;}
	.navigation_size { 	gap: 10px;	}
	.arrow { width: 8px; height: 8px; display: flex;}
  .arrow_div{ width: 8px; height: 8px; margin-bottom: 3px; }


	.container_top { max-width: 1440px; width: 100vw; height: 100vh; max-height: 1080px; position: relative; background-color: #6097F6; padding-top: 50px;}
  .container_top_background {max-width: 1540px; width: 100vw; height: calc(100vh - 50px); max-height: 1080px; position: absolute; left: 0; display: flex; align-items: left; justify-content: flex-end; }
  
  .container_top_headline { font-size: 50px; line-height: 110%; padding: 0px 0px 10px 0px; }
  .container_top_subheader { font-size: 20px; padding: 0px 40px 20px 0px; line-height: 110%; font-weight: 500;  }
  .container_top_main { padding: 0px 20px 0px 20px; width: 100vw; display: flex; flex-direction: column; align-items: left; justify-content: center; z-index: 9;}

  .mobile_video_div { max-width: 800px; width: 100vw; height: 100%; max-height: 1080px; display: flex;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	}
	.mobile_video { width: 100%; height: 100%; opacity: clamp(0.5, var(--vp-width) / 1000, 1);}

	.container_features_size {	padding: 50px 0px 0px 20px; width: calc(100vw);}
	
	
	.container_features { display: none; }
	
	.container_features_mobile { width: 100vw; background-color: #12193D; display: flex; flex-direction: column; align-items: left; justify-content: flex-start; width: 100vw; padding: 20px 20px 0 20px;}
	
	.features_left { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 40px; }
	.features_left_copy { display: flex; flex-direction: column; align-items: flex-start; }
	.container_middle_request_demo { padding: 20px 20px 20px 20px; }

	.features { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 0px;}
	.features_headline { font-size: 40px; line-height: 120%; width: 100%; max-width: 400px; }
	.experience_headline  { font-size: 40px; line-height: 120%; width: 100%; max-width: 400px; }
  .features_subheader { font-size: 20px; line-height: 120%; width: 100%; max-width: 350px; }
  .feature_bar_column { position: absolute; top: 0px; width: 5px; height: 100%; }
  .feature_bar_column_line {width: 1px; margin: 0px 2px 0px 2px; background-color: #586677; height: 100%;}
  .features { padding-top: 25px; width: 100%; }
  .features_image_div { padding: 15px 10px 50px 0px; width: 100%; height: 100%; }
  .features_image { width: 100%; height: 100%;  }
	.features_left_size { margin-right: 20px; }  
	.feature {padding-right: calc(1.25rem + ((1vw - 5px) * 45)); display: flex; flex-direction: row; gap: 5px;}
	.feature_bar_container {position: relative; height: calc(83.125rem + ((1vw - 5px) * 97.5)); }
	.feature_bar_highlight { width: 5px; border-radius: 5px; background-color: #81C4EC; z-index: 5; position: sticky;}
	.feature_bar_highlight_size {	height: 375px; top: 150px; margin-top: 3px}
	.feature_copy { display: flex; flex-direction: column; width: 100%; padding: 0 0px 0 20px; }
	.feature_copy_headline { font-size: 21.7px; line-height: 120%; width: 100%;  }
	.feature_copy_body { font-size: 14px; padding: 5px 0px 0px 0px; line-height: 120%;  }
	.feature_padding_top { padding-top: 40px; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: 100px; }
	.feature_mobile_button { justify-content: center; align-items: center; width: 100%; }

  .container_cards { background-color: #12193D; display: flex; flex-direction: column; gap: 15px; align-items: left; justify-content: flex-start; padding: 0px 20px 40px 20px; width: 100vw;}
  .card { border-radius: 30px; width: 100%; height: 300px; padding: 20px 20px 20px 20px; display: flex; flex-direction: column; justify-content: space-between;}
  .card_icon_div { height: 50px;}
	.card_icon { width: 50px; height: 50px; }
	.card_headline { font-size: 30px; line-height: 120%; padding-top: 10px; }
	.card_copy { font-size: 16px; line-height: 120%; }

  .container_experience { width: 100vw; padding: 20px 20px 20px 20px; background-color: #6097F6; }
  .experience_carousel { padding: 20px 0px 20px 0px; }
  .container_footer { padding: 20px 20px 50px 20px; background-color: #12193D; width: 100vw; }
  .footer_small { font-size: 14px; padding: 40px 0 0 0;}
  .footer_subheader { padding: 10px 20px 20px 0px; font-size: 20px; line-height: 120%; width: 100%;  max-width: 360px;}
  .small_show { display: flex; }
  .medium_show { display: none; }
}


@media (min-width: 500px) {
	.container_overall { width: 100vw; margin: auto; }
	.header { background-color: #6097F6; width: 1440px; max-width: 100vw; height: 80px; padding: 10px 20px 10px 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 50px; position: fixed; z-index: 100;}
  
	.font_logo_size { font-size: calc(1.5rem + ((1vw - 5px) * 1.2766)); }
	.logo_icon { width: calc(1.875rem + ((1vw - 5px) * 3.1915)); height: calc(1.875rem + ((1vw - 5px) * 3.1915));}
	.logo_gap { gap: calc(0.3125rem + ((1vw - 5px) * 0.5319)); }
	.button_size, .button_size:hover { font-size: calc(0.75rem + ((1vw - 5px) * 0.6383)); width: calc(5rem + ((1vw - 5px) * 4.7872)); height: calc(1.875rem + ((1vw - 5px) * 1.0638)); }
	.button_size_with_icon, .button_size_with_icon:hover { font-size: calc(0.75rem + ((1vw - 5px) * 0.6383)); width: calc(6.875rem + ((1vw - 5px) * 6.9149)); height: calc(1.875rem + ((1vw - 5px) * 1.0638)); gap: 7px; }
	.navigation_size { 	gap: calc(0.625rem + ((1vw - 5px) * 1.0638));	}
	.arrow { width: 100%; height: 100%; display: flex;}
  .arrow_div{ width: 9px; height: 9px; margin-bottom: 2px;}

  .container_top_headline { text-shadow: #5A5A5A 1px 1px 1px; font-size: calc(3.125rem + ((1vw - 5px) * 2.3404)); line-height: 115%; font-weight: 400; padding: 0px 20px 20px 0px; }
  .container_top_subheader { text-shadow: #5A5A5A 1px 1px 1px; font-size: calc(1.25rem + ((1vw - 5px) * 0.4255)); padding: 0px calc(3.75rem + ((1vw - 5px) * 25.5319)) 40px 0px; line-height: 115%; }
  .container_top_main { padding: 0px 40px calc(0.625rem + ((1vw - 5px) * 1.0638)) 0px; margin-left: calc(1.25rem + ((1vw - 5px) * 4.2553)); width: calc(31.25rem + ((1vw - 4px) * 31.9149));}

  .features_left { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 40px; }
	.features_left_copy { display: flex; flex-direction: column; align-items: flex-start; }
	.container_middle_request_demo { padding: 20px 20px 20px 20px; }

	.features { padding-top: 25px; width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 0px; }
  .features_image_div { padding: 15px 10px 50px 0px; width: 100%; height: 100%; }
  .features_image { width: 100%; height: 100%;  }
	.features_left_size { margin-right: 20px; }  
	.feature {padding-right: calc(1.25rem + ((1vw - 5px) * 45));  display: flex; flex-direction: row; gap: 5px;}
	.feature_bar_column { position: absolute; top: 0px; width: 5px; height: 100%; }
  .feature_bar_column_line {width: 1px; margin: 0px 2px 0px 2px; background-color: #586677; height: 100%;}
	.feature_bar_container {position: relative; height: calc(83.125rem + ((1vw - 5px) * 97.5)); }
	.feature_bar_highlight { width: 5px; border-radius: 5px; background-color: #81C4EC; z-index: 5; position: sticky;}
	.feature_bar_highlight_size {	height: 375px; top: 150px; margin-top: 3px}
	.feature_copy { display: flex; flex-direction: column; width: 100%; padding: 0 0px 0 20px; }
	.feature_copy_headline { font-size: 21.7px; line-height: 120%; width: 100%;  }
	.feature_copy_body { font-size: 14px; padding: 5px 0px 0px 0px; line-height: 120%;  }
	.feature_padding_top { padding-top: 40px; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: 100px; }
	.container_features_mobile { width: 100vw; background-color: #12193D; display: flex; flex-direction: column; align-items: left; justify-content: flex-start; width: 100vw; padding: 20px 20px 0 20px;}
	.container_features { display: none; }
	.features_headline { font-size: calc(2.5rem + ((1vw - 5px) * 2.1277)); line-height: 120%; width: 100%; max-width: 400px;  }
  .experience_headline { font-size: calc(2.5rem + ((1vw - 5px) * 2.1277)); line-height: 120%; width: 100%; max-width: 450px;  }
  .features_subheader { font-size: calc(1.25rem + ((1vw - 5px) * 0.4255)); line-height: 120%; width: 100%; padding-top: calc(0.0625rem + ((1vw - 5px) * 2.0213)); max-width: calc(28.125rem + ((1vw - 5px) * 37.234));}
  .feature_mobile_button { justify-content: center; align-items: center; width: 100%; }

  .container_cards { background-color: #12193D; display: flex; flex-wrap: wrap; flex-direction: row; gap: 20px; align-items: left; justify-content: flex-start; padding: 0px 20px 40px 20px; width: calc(100vw); max-width: 1440px; }
	
  .card { border-radius: 30px; width: 100%; height: 300px; padding: 30px 30px 30px 30px; display: flex; flex-direction: column; justify-content: space-between; }
	.card_icon_div { height: 50px;}
	.card_icon { width: 50px; height: 50px; }
	.card_headline { font-size: 30px; line-height: 120%; padding-top: 10px; }
	.card_copy { font-size: 16px; line-height: 120%; }

}

@media (min-width: 600px) {
  .card { border-radius: 30px; width: calc(16.25rem + ((1vw - 6px) * 51.6014)); height: 300px; padding: 30px 30px 30px 30px; display: flex; flex-direction: column; justify-content: space-between; }
	.small_show { display: none; }
  .medium_show { display: flex; }

}

@media (min-width: 625px) {
	.container_top_headline { font-size: calc(3.125rem + ((1vw - 5px) * 2.3404)); line-height: 115%; font-weight: 400; padding: 0px 40px 20px 0px; }
}

@media (min-width: 840px) {
	.container_top_headline { font-size: calc(3.125rem + ((1vw - 5px) * 2.3404)); line-height: 115%; font-weight: 400; padding: 0px 70px 20px 0px; }
}


/*
version only for measuring lengths in full screen
@media(max-width: 900px) {
  .features_image_div { padding: 0px 0px 0px 0px; width: 500px; height: 100%; position: sticky; top: 150px; margin-top: 40px;  }
  .features_image { width: 500px; height: 100%;  }
	.features_left_size { margin-right: 10px; }  
	.feature_bar_container {position: relative; height: 535px; }
	.feature_bar_highlight_size {	height: 150px; 	top: 150px;}
	.feature_copy { width: 325px; display: flex; flex-direction: column; padding-left: 15px; }
	.feature_copy_headline { font-size: 21.7px; line-height: 120%;}
	.feature_copy_body { font-size: 14px; padding: 15px 10px 0px 0px; line-height: 120%;}
	.feature_padding_top { padding-top: 40px; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: 100px; }
	.container_features { display: none; }
	.container_features_mobile { background-color: #12193D; display: flex; flex-direction: column; align-items: left; justify-content: flex-start;}
	.features_headline { font-size: calc(2.5rem + ((1vw - 5px) * 2.1277)); line-height: 120%; width: 100%; }
  .features_subheader { font-size: calc(1.25rem + ((1vw - 5px) * 0.4255)); line-height: 120%; width: 100%; padding-top: calc(0.0625rem + ((1vw - 5px) * 2.0213)); max-width: 600px;}

}
*/

@media(min-width: 900px) {

	.mobile_video_div { width: 100vw; height: 100%; max-height: 1080px; display: flex;	margin: 0px -100px 0px 0px;	padding: 0px 0px 0px 0px;	}
	
	.features_left { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 40px; }
	.features_left_copy { display: flex; flex-direction: column; align-items: flex-start; }
	.container_middle_request_demo { padding: 20px 20px 20px 20px; }

	.features { width: calc(100vw); max-width: 1440px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 0px; }
	.feature {padding-right: 0px; display: flex; flex-direction: row; gap: 5px;}	
	.features_image_div { padding: 0px 0px 0px 0px; width: calc(31.25rem + ((1vw - 9px) * 46.2963)); height: 100%; position: sticky; top: 150px; margin: 40px 0px 40px 0px;  }
  .features_image { width: calc(31.25rem + ((1vw - 9px) * 46.2963)); height: 100%;  }
	.features_left_size { margin-right: calc(0.625rem + ((1vw - 9px) * 16.6667));; }  
	.feature_bar_column { position: absolute; top: 0px; width: 5px; height: 100%; }
  .feature_bar_column_line {width: 1px; margin: 0px 2px 0px 2px; background-color: #586677; height: 100%;}
	.feature_bar_container {position: relative; height: calc(33.4375rem + ((1vw - 9px) * 32.4074)); }
	.feature_bar_highlight_size {	height: calc(9.375rem + ((1vw - 9px) * 9.2593)); top: 150px;}
	.feature_copy { width: calc(20.3125rem + ((1vw - 9px) * 23.1481));; display: flex; flex-direction: column; padding-left: 15px; }
	.feature_copy_headline { font-size: calc(1.35625rem + ((1vw - 9px) * 1.537));; line-height: 120%;}
	.feature_copy_body { font-size: calc(0.875rem + ((1vw - 9px) * 0.7407)); padding: 15px calc(0.625rem + ((1vw - 9px) * 1.8519)) 0px 0px; line-height: 120%;}
	.feature_padding_top { padding-top: calc(2.5rem + ((1vw - 9px) * 3.7037));; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: calc(6.25rem + ((1vw - 9px) * 18.5185)); }
	.container_features { background-color: #12193D; display: flex; flex-direction: column; align-items: left; justify-content: flex-start; width: 100vw; padding: 50px calc(1.25rem + ((1vw - 5px) * 4.2553)) 0px calc(1.25rem + ((1vw - 5px) * 4.2553)); max-width: 1440px; }

	.container_features_mobile { display: none; }
	.container_footer { padding: 50px calc(1.25rem + ((1vw - 5px) * 4.2553)) 50px calc(1.25rem + ((1vw - 5px) * 4.2553)); background-color: #12193D; width: 100vw; max-width: 1440px; }

	.container_experience { padding: 50px calc(1.25rem + ((1vw - 5px) * 4.2553)) 0px calc(1.25rem + ((1vw - 5px) * 4.2553)); width: 100vw; background-color: #6097F6; max-width: 1440px;}
	.experience_carousel { padding: 40px 100px 20px 100px; }
	.features_headline { font-size: calc(2.5rem + ((1vw - 5px) * 2.1277)); line-height: 120%; width: 100%; max-width: 600px; }
  .experience_headline { font-size: calc(2.5rem + ((1vw - 5px) * 2.1277)); line-height: 120%; width: 100%; max-width: 600px; }
  .features_subheader { font-size: calc(1.25rem + ((1vw - 5px) * 0.4255)); line-height: 120%; width: 100%;  padding-top: calc(0.0625rem + ((1vw - 5px) * 2.0213)); }
  .feature_bar_highlight { width: 5px; border-radius: 5px; background-color: #81C4EC; z-index: 5; position: sticky; }
  .footer_subheader { padding: 20px 20px 40px 0px; font-size: 20px; line-height: 120%; width: 100%;  max-width: 600px;}
  .footer_small { font-size: 14px; padding: 80px 0 0 0;}
}

@media(min-width: 1000px) {
	.container_top_headline { text-shadow: none; }
	.container_top_subheader { text-shadow: none; }
}


@media(min-width: 1101px) {
		.container_top_headline { font-size: calc(3.125rem + ((1vw - 5px) * 2.3404)); line-height: 115%; font-weight: 400; padding: 0px 90px 20px 0px; }

	.mobile_video {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
}

@media(min-width: 1200px) {
	 .container_cards { max-width: 1440px; width: 100%; background-color: #12193D; display: flex; flex-wrap: none; flex-direction: row; gap: 20px; align-items: left; justify-content: flex-start; padding: 0px 20px 40px 20px;  }
	 .card { max-width: 335px; border-radius: 30px; width: calc(17.1875rem + ((1vw - 12px) * 25)); height: 300px; padding: 30px 30px 30px 30px; display: flex; flex-direction: column; justify-content: space-between; }
	
}

@media(min-width: 1290px) {
		.container_top_headline { font-size: calc(3.125rem + ((1vw - 5px) * 2.3404)); line-height: 115%; font-weight: 400; padding: 0px 0px 20px 0px; }
}

@media (min-width: 1440px) {
	.container_overall { width: 1440px; max-width: 1440px; margin: auto; box-shadow: 0px 0px 15px #666666;}	
	.header { background-color: #6097F6; width: 1440px; max-width: 100vw; height: 80px; padding: 10px 20px 10px 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 50px; position: fixed; z-index: 100;}
  .font_logo_size { font-size: 36px; }
  .logo_icon { width: 60px; height: 60px; }
  .logo_gap { gap: 10px; }
  .button_size, .button_size:hover { font-size: 18px; width: 125px; height: 40px; margin-bottom: 0px;}
	.button_size_with_icon, .button_size_with_icon:hover { width: 175px; height: 40px; font-size: 18px; margin-bottom: 0px; gap: 10px;}
  .navigation_size { 	gap: 20px;	}
	.arrow { width: 10px; height: 10px; display: flex;}
  .arrow_div{ width: 10px; height: 10px; margin-bottom: 2px; }
  .mobile_video_div {width: 100vw; height: 100%; max-height: 1080px; display: flex;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	}
  .container_top_headline { font-size: 72px; line-height: 110%; font-weight: 400;}
  .container_top_subheader { font-size: 24px; padding-right: 300px; line-height: 120%; }
  .container_top_main { padding: 0px 0px 0px 0px; margin-left: 60px; width: 800px; }

  .container_features {	padding: 50px 60px 0px 60px;}

	.container_features_mobile { display: none; }
	.container_footer { padding: 50px 60px 50px 60px; background-color: #12193D; width: 100vw; max-width: 1440px; }

	.container_experience { padding: 50px 60px 0px 60px; width: 100vw; background-color: #6097F6; max-width: 1440px;}
	
  .features_left { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 40px; }
	.features_left_copy { display: flex; flex-direction: column; align-items: flex-start; }
	.container_middle_request_demo { padding: 20px 20px 20px 20px; }

  .features { width: calc(100vw); max-width: 1440px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 0px; }
  .feature_bar_column { position: absolute; top: 0px; width: 5px; height: 100%; }
  .feature_bar_column_line {width: 1px; margin: 0px 2px 0px 2px; background-color: #586677; height: 100%;}
	.features_headline { font-size: 60px; line-height: 120%; width: 100%; max-width: 600px; }
	.expierence_headline { font-size: 60px; line-height: 120%; width: 100%; max-width: 600px; }
  .features_subheader { font-size: 24px; line-height: 120%; width: 100%; max-width: 600px; padding-top: 20px; }
  .features_image_div { padding: 0px 0px 0px 0px; width: 750px; height: 100%; position: sticky; top: 170px; margin-top: 40px;  }
  .features_image { width: 750px; height: 100%;  }
	.features_left_size { margin-right: 100px; }  
	.feature_bar_container {position: relative; height: 710px; }
	.feature_bar_highlight_size {	height: 200px; 	top: 150px;}
	.feature_copy { width: 450px; display: flex; flex-direction: column; padding-left: 20px; }
	.feature_copy_headline { font-size: 30px; line-height: 120%;}
	.feature_copy_body { font-size: 18px; padding: 15px 20px 0px 0px; line-height: 120%;}
	.feature_padding_top { padding-top: 60px; }
	.feature_padding_bottom {padding-bottom: 40px;}
	.feature_padding_bottom_extended { padding-bottom: 200px;  }
	.card_icon_div { height: 50px;}
	.card_icon { width: 50px; height: 50px; }
	.card_headline { font-size: 30px; line-height: 120%; padding-top: 10px; }
	.card_copy { font-size: 16px; line-height: 120%; }

}