.prep_hdr { background: url(../img/prep2pass/prep_hdr_bg.jpg) no-repeat; background-size: cover; padding-left: 30px; padding-bottom: 10%; }
.prep_info { width: 100%; background: url(../img/prep2pass/prep_info_bg.png) no-repeat; background-size: 100% 100%; padding: 80px 50px; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: center; }
.prep_hdr figure { display: inline-block; margin: 7% 0 0; width: 90%; }
.prep_web_des { background: rgba(255, 255, 255, .13); border-radius: 15px; padding: 50px; border: 2px solid #7ebf41; position: relative; z-index: 11; }
.prep_web_des:after, .prep_web_des:before { content: ''; background-image: url(../img/prep2pass/des_poly_shape.png); background-repeat: no-repeat; background-size: 80%; padding: 7% 6%; position: absolute; opacity: .2; z-index: -1; }
.prep_web_des:before { top: -50px; right: 100%; }
.prep_web_des:after { top: 30%; left: 102%; }
.prep_web_des p:last-child { margin-bottom: 0; }
.prep_list { padding: 70px 50px 0; }
.prep_list_group { position: relative; padding: 30px 0; }
.prep_list_group:before { content: ''; background-image: url(../img/prep2pass/ui_after.png); background-repeat: no-repeat; background-size: 100%; background-position: center; padding: 17% 10%; height: 100%; position: absolute; top: 0; left: -13%; }
.prep_list li { padding-left: 30px; position: relative; margin-bottom: 15px; }
.prep_list li:before { content: ''; background-image: url(../img/prep2pass/prep_list_icon.png); background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 4px; left: 0; }
.prep_list figure { margin: 0; display: inline-block; }
.prep_ui_screen { padding: 80px 0; position: relative; z-index: 111; }
.prep_ui_screen figure { margin: 5% 0 0; }
.prep_ui_screen:after { content: ''; background-image: url(../img/prep2pass/ui_after.png); background-repeat: no-repeat; background-size: 100%; padding: 17% 12%; position: absolute; top: 17%; right: -10%; z-index: -1; }
.prep_ui_screen figure img { position: relative; z-index: 111; }
.prep_ui_screen2 { position: relative; z-index: 11; }
.prep_ui_screen2:before { content: ''; background-image: url(../img/prep2pass/ui_after.png); background-repeat: no-repeat; background-size: 100%; padding: 11% 10%; position: absolute; bottom: -29%; right: 88%; z-index: 1; }
.prep_ui_screen2:after { content: ''; background-image: url(../img/prep2pass/prep_ui_bg2.jpg); background-repeat: no-repeat; background-size: 100%; position: absolute; right: 0; top: -30%; height: 120%; width: 100%; z-index: -1; }
.prep_ui_screen3 { position: relative; z-index: 1; }
.prep_ui_screen3 figure img { position: relative; z-index: 1; }
.prep_ui_screen3:after { content: ''; background-image: url(../img/prep2pass/prep_ui_bg3.jpg); background-repeat: no-repeat; background-size: 100%; position: absolute; right: 0; top: -6%; height: 112%; width: 100%; z-index: -1; }
.prep2pas_box { overflow: hidden; position: relative; margin-top: 30px; }
.prep2pas_hdr { padding-top: 50px; position: relative; }
.prep2pas_hdr h4 { color: #000; padding: 15px 0; }
.prep2pas_box li, .prep2pas_box p { color: #858585; font-size: 20px; }
.prep2pas_box .web_wrap { padding: 0 80px; }
.prep2pas_des { position: relative; }
.prep2pas_des:before { content: ""; background: url(../img/prep2pas/prep2pass_before.png) no-repeat center; background-size: contain; position: absolute; right: -9%; padding: 50%; z-index: -1; }
.prep2pas_box .app_stores { margin-top: 25px; }
.prep2pas_box .app_stores a { margin: 5px; }
.prep2pas_box .app_stores a img { width: 100%; }
.prep2pas_list { padding-top: 45px; }
.prep2pas_title h3 { font-size: 2.25rem; color: #1f1f1f; text-transform: capitalize; padding-bottom: 15px; }
.prep2pas_bri .prep2pas_title h3 { font-size: 2rem; }
.prep2pas_sum i { min-height: 90px; width: 100%; float: left; }
.key_feat_prep li { position: relative; padding-left: 35px; padding-bottom: 30px; }
.key_feat_prep li:before { position: absolute; content: ""; left: 0; background: url(../img/prep2pas/li_before.png) no-repeat center; padding: 10px; top: 6px; }
.prep_left { position: relative; }
.prep_left:before { position: absolute; content: ""; left: -30%; padding: 55%; background: url(../img/prep2pas/image_before.png) no-repeat left; background-size: contain; z-index: -1; top: 0; }
.prep_right { position: relative; }
.prep_right:before { position: absolute; content: ""; right: -30%; padding: 55%; background: url(../img/prep2pas/img_after.png) no-repeat right; background-size: contain; z-index: -1; top: 0; }
.prep_right_img figure { margin-right: -35%; }
.prep2pas_sum { height: 100%; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.12); padding: 25px 15px; }

@media (max-width:1024px){	
  .prep_list { padding: 40px 30px 0; }
  .prep_ui_screen { padding: 50px 0; }
}
@media (max-width:991px){
	.prep_web_des { padding: 30px; }
	.prep_list { padding: 30px 10px 0; }
	.prep_ui_screen { padding: 40px 0; }
}
@media (max-width:767px){
  .prep2pas_box .web_wrap { padding: 0 25px; }
  .prep2pas_list { padding-top: 0; }
  .key_feat_prep li { padding-bottom: 20px; }
  .prep2pas_title h3 { text-align: left; font-size: 2rem; padding-bottom: 8px; }
  .prep2pas_bri .prep2pas_title h3 { text-align: center; }
  .prep2pass_logo img.img-fluid { max-width: 210px; }
  .prep2pas_bri .text-center { margin-bottom: 20px; }
  .prep_right_img figure { margin-right: 0; }

}
@media (max-width:575px){
	.prep_list { padding: 10px 0 0; }
	.prep_list li { margin-bottom: 10px; }
}
@media (max-width:420px){
	.prep_web_des { padding: 20px; }
	.prep_ui_screen { padding-top: 0; }
}