body,html{margin: 0px;padding: 0px}
/*---------- Header banner ------------*/
.header_banner{background-repeat: no-repeat;background-size: cover;min-height: 580px;width: 100%;position: relative;z-index: 1}
.green_overlay::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient( 180deg , rgba(255,255,255,0) 0%, rgba(14,96,62,0.85) 100%);z-index: 1; 		}
.header_banner .container{height: 100%}
.header_banner .container .flex_row{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;text-align: center;flex-direction: column;min-height: 580px;z-index: 22;position: relative;}
.header_banner .container .flex_row h1{width: 100%;color: #fff;font-size: 60px;font-weight: 500;line-height: 1.2}
.header_banner .container .flex_row p{color: #fff;width: 100%;font-size: 18px;line-height: 1.3;margin-bottom: 0}
/*------------ overview section -------*/
.overviw-sec{padding: 30px 0}
.overviw-sec .overview_area h3{font-size: 27px;margin: 0 0 15px 0;padding-bottom: 15px;position: relative;}
.overviw-sec .overview_area h3::before{position: absolute; bottom: 0; left: 0; background: #33639d; height: 2px; width: 280px; content: "";}
.overviw-sec .overview_area .text-overview{padding: 0 40px 0 0;}
.overviw-sec .overview_area .text-overview p{font-size: 18px; color: #666; line-height: 1.3; margin: 0 0 26px;}
.overviw-sec .sub_link_area h3{font-size: 27px; color: #1d96bb;line-height: 1.2;margin: 0 0 25px 55px}
.overviw-sec .sub_link_area .sub_link_box ul{background: #046a78;  padding: 35px 0 48px 55px;list-style-type: none;max-height: 485px;overflow-y:  scroll;margin: 0px}
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar { width: 10px; border-radius: 3px}  
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-track { background: #1d96bb; } 
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-thumb { background: #f1f1f1	; }  
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-thumb:hover { background: #555; }
.overviw-sec .sub_link_area ul li{margin-bottom: 20px;color: #fff;font-size: 18px}
.overviw-sec .sub_link_area ul li:last-child{margin-bottom: 0px;}
.overviw-sec .sub_link_area ul li a{color: #fff;text-decoration: none;}
/*---------second banner ----------------*/
.second_banner{background-repeat: no-repeat;background-size: cover;min-height: 540px;width: 100%;position: relative;z-index: 1}
.purple_overlay::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient( 180deg , rgba(255,255,255,0) 0%, rgba(110,56,141,0.85) 100%);}
.second_banner .container{height: 100%;height: 540px}
.second_banner .container .flex_row{display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;position: relative;z-index: 22}
.second_banner .container .flex_row h3{color: #fff;font-size: 32px;line-height: 1.3;margin: 0px}
/*-------------------hel area -------------------*/
.help_area{background-color: #EAE3EE}
.help_area .flex_row{display: flex;}
.help_area .flex_row .how_can_help{width: 65%;max-width: 65%;padding: 40px 40px 40px 0px;}
.help_area .flex_row .how_can_help h3{margin: 0 0 40px;  line-height: 1.2; font-size: 27px; color: #000;}
.help_area .flex_row .how_can_help .wihte_cotent_box{background: #fff; padding: 40px 40px 70px;}
.help_area .flex_row .how_can_help .wihte_cotent_box p{font-size: 18px; color: #666; line-height: 1.5;  margin-bottom: 20px;}
.help_area .flex_row .help_benifits{background: #6e388d; padding: 40px;width: 35%;max-width: 35%;max-height: 950px;overflow-y: scroll;}
.help_area .flex_row .help_benifits::-webkit-scrollbar { width: 10px; border-radius: 3px}  
.help_area .flex_row .help_benifits::-webkit-scrollbar-track { background: #6e388d; } 
.help_area .flex_row .help_benifits::-webkit-scrollbar-thumb { background: #f1f1f1	; }  
.help_area .flex_row .help_benifits::-webkit-scrollbar-thumb:hover { background: #555; }
.help_area .flex_row .help_benifits h3{color: #fff;margin: 0 0 40px;  line-height: 1.2; font-size: 27px;}
.help_area .flex_row .help_benifits ul{padding-left: 20px;margin: 0px}
.help_area .flex_row .help_benifits ul li{	font-size: 18px; color: #fff; line-height: 1.3;margin-bottom: 15px}
@media screen and (max-width: 920px)
{
   .help_area .flex_row{flex-direction: column;}
   .help_area .flex_row .how_can_help{width: 100%;max-width: 100%;padding: 30px 0 20px 0}
   .help_area .flex_row .how_can_help .wihte_cotent_box{padding: 20px}
   .help_area .flex_row .help_benifits{width: 100%;max-width: 100%;padding: 20px}
}
/*--------------- cta area----------------*/
.filp-box{
    color: #333;
    font-size: 16px;
}

.cta_sec{background: #046a78; padding: 40px 0; color: #fff;}
.cta_sec h3{font-size: 40px;margin: 0px;line-height: 1.3}
.cta_sec p{font-size:18px;line-height: 1.3;margin-bottom: 15px}
.cta_sec .cta_btn{text-align: center;    margin-top: 18px;}
.cta_sec .cta_btn a{display: inline-block;padding: 15px 25px;border-radius: 3px;text-transform: uppercase;color:#046a78;border:solid 1px #fff;background-color: #fff;font-size: 18px;text-decoration: none; }
.cta_sec .cta_btn a:hover{background-color: transparent;}
@media screen and (max-width: 620px)
{
   .cta_sec h3{font-size: 28px}
   .cta_sec p{font-size: 20px}
}
/*------------- blog section ------------------*/
.blog_sec{background-size: cover;width: 100%;}
.blog_sec .blog_row{background: rgba(255,255,255,0.7); padding: 30px 0; margin-bottom: 70px;}
.blog_sec .blog_row .blog_post_box{margin-bottom: 20px	}
.blog_sec .blog_row .blog_post_box .image_block{margin-bottom: 20px}
.blog_sec .blog_row .blog_post_box .image_block img{width: 100%;display: block;}
.blog_sec .blog_row .blog_post_box h3{font-size: 22px;  color: #000; position: relative; line-height: 1.1; padding: 0 40px 32px 0;margin: 0} 
.blog_sec .blog_row .blog_post_box h3::before{position: absolute; left: 0; bottom: 15px; width: 40px; height: 4px; background: #000; content: "";}
.blog_sec .blog_row .blog_post_box p{color: #333; font-size: 16px;  line-height: 1.2;}