@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body{margin:0px; padding:0px; font-size:14px; color:#838383; font-family: "PT Sans", sans-serif; }
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}
.full_width{width:100%;}
.page_width{max-width:100%; padding: 0px 50px; text-align:left;}
.left{float:left;}
.right{float:right;}
.left_side{float:left;}
.right_side{float:right;}
.col{float:left;}
.clearfix{clear:both;}
a img{border:0px;}
img{max-width:100%;}
a{ text-decoration:none;}
.hide{ display:none;}

.wd_100{ width:100%;}
.wd_95{ width:95%;}
.wd_90{ width:90%;}
.wd_85{ width:85%;}
.wd_80{ width:80%;}
.wd_75{ width:75%;}
.wd_70{ width:70%;}
.wd_65{ width:65%;}
.wd_60{ width:60%;}
.wd_55{ width:55%;}
.wd_50{ width:50%;}
.wd_45{ width:45%;}
.wd_40{ width:40%;}
.wd_35{ width:35%;}
.wd_30{ width:30%;}
.wd_25{ width:25%;}
.wd_20{ width:20%;}
.wd_15{ width:15%;}
.wd_10{ width:10%;}

.txt_align_left{ text-align:left;}
.txt_align_center{ text-align:center;}
.txt_align_right{ text-align:right;}
.position_relative{ position:relative;}
.table_txt_center{justify-content: center; text-align: center;}
p{ font-size:15px; color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}
h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h2{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h3{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
a{ color:#000;}

/*GERENRIC_SECTION_START*/
.gerenric_heading{width: 100%; margin-bottom: 30px; display: flex; justify-content: center; text-align: center;}
.gerenric_heading h2{ display: inline-block; font-size: 54px; padding: 0px 20px; margin-bottom: 0px; font-weight: bold; color: #fff; position: relative;}
.gerenric_heading h2::after{width: 13px;  height: 38px; background:url(../images/header_bdr.png)0px 0px no-repeat;  position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; content: '';}
.gerenric_heading h2.text_blue{color: #243F65;}
.gerenric_button{min-width: 160px; display: inline-flex; text-align: center; justify-content: center; align-items: center; height: 55px; padding:8px 20px; border: 2px solid #243F65; background-color: #243F65; font-size: 20px; color: #fff; cursor: pointer; font-weight: bold;}
.gerenric_button.button_transparent{background-color: transparent; border-color: #fff;}
.gerenric_button.button_lightblue{width: 100%; background-color: #0799EC; border-color: #0799EC;}
.gerenric_input{width: 100%; height: 55px; background-color: #fff; border: 1px solid #BBBBBB; font-size: 16px; padding: 10px 20px;}
.gerenric_input:focus{outline: none;}
.gerenric_input.gerenric_textarea{height: 142px;}

.gerenric_popup{background:rgba(0,0,0,0.60);overflow-y: auto; display:none;height:100%; padding: 30px 30px;  position:fixed; left: 0px; top: 0px;  width:100%;z-index:99999999;}
.gerenric_popup .popup_overlay{width: 100%; height: 100%; position: fixed; left: 0px; right: 0px;}
.gerenric_popup > .inner_popup{max-width: 60%;  background-color: #36619A; margin: auto; top:0%;bottom: 0%; left:0%;right:0%; vertical-align: middle;position:relative; padding: 60px 40px 40px 40px; }
.gerenric_popup > .inner_popup h2{font-size: 20px; font-weight: bold;text-align: center; color: #000; margin-bottom: 10px;}
.popup_close1, .popup_close2, .popup_close3{cursor: pointer; border: 2px solid #fff;padding:3px 10px;  position: absolute; font-size: 20px; color: #fff; top: 20px;right: 20px; z-index: 9999;}
.popup_trigger1, .popup_trigger2, .popup_trigger3{cursor: pointer}
.popup_content{width: 100%; text-align: left;}
.popup_content .pupup_heading{width: 100%; display: flex; margin-bottom: 30px;}
.popup_content .pupup_heading .heading_icon{width: 100px; height: 100px; padding: 20px; display: flex; align-items: center; justify-content: center; background-color: #244065; display: flex;}
.popup_content .pupup_heading .heading_title{width:calc(100% - 100px); line-height: 100%; font-weight: bold; font-size: 50px; color: #fff; padding-left: 30px;}
.popup_content .popup_detail{width: 100%; padding-left: 130px;}
.grnc_accordion_container {width:100%; overflow: hidden;}
.grnc_accordion_head {color: #fff; font-weight: bold; margin-bottom: 5px;  position: relative;width: 100%; border: 1px solid #EBEBEB; background-color: #477ABE; cursor: pointer; font-size: 20px; padding: 10px 15px 10px 15px;}
.grnc_accordion_head.bdrnone{ border-bottom: 0px;}
.grnc_accordion_body {background-color: #477ABE; margin-bottom: 10px; margin-top: -5px; display: none; padding:15px 15px; overflow: inherit !important;}
.grnc_accordion_container_2 {width:100%; overflow: hidden;}
.grnc_accordion_head_2, .grnc_accordion_head_3 {color: #fff; font-weight: bold; margin-bottom: 1px;  position: relative;width: 100%; background-color: #3D6BAB; cursor: pointer; font-size: 20px; padding: 10px 15px 10px 15px;}
.grnc_accordion_head_2.bdrnone, .grnc_accordion_head_3.bdrnone{ border-bottom: 0px;}
.grnc_accordion_body_2, .grnc_accordion_body_3  {background-color: #769CCF; margin-bottom: 0px; margin-top: -1px; display: none; padding:15px 15px; overflow: inherit !important;}
.grnc_accordion_body_3{background-color: #6190cc;}
.grnc_arrow_up_down, .grnc_arrow_up_down_2{margin-left: 10px;}
.according_listing{width: 100%;}
.according_listing ul li{width: 100%; list-style-type: none; font-size: 20px; padding: 5px 20px; color: #fff;}

/*GERENRIC_SECTION_END*/

/*HEADER_SECTION_START*/
.menu_icon {display: none;}
#header_section{width: 100%; min-height: 120px;background-color:#ffffff;box-shadow: 0px 3px 4px rgba(0,0,0,0.10); position: relative;-webkit-transition: all 0.3s;transition: all 0.3s; z-index: 99999;display: flex; top: 0px; align-items: center;padding:20px 0px 20px 0px;}
#header_section .page_width{width: 100%; margin: auto;}
#header_section.headersticky{padding: 10px 0px 10px 0px;min-height: 80px; box-shadow: 0px 3px 4px rgba(0,0,0,0.10);z-index: 99999; position: fixed; background-color: #fff; }
#header_section .headerinner{width: 100%; display: flex; align-items: center;position: relative;}
#logo{ cursor: pointer;position: absolute; left: 0px; z-index: 9999;}
#logo img{ height: 96px; display: block;}
#header_section.headersticky #logo{width: 120px; display: block;}
#header_section.headersticky #logo img{height:70px;}
#navigation_section{ width: 100%; position: relative; text-align: center; padding-left:120px; z-index: 2;}
#navigation_section ul{display: flex; align-items: center; justify-content: right;}
#navigation_section ul li{list-style-type: none; text-transform: uppercase; position: relative;padding: 0px 15px;  display: inline-flex;font-weight: 600; font-size: 16px; color: #000;}
#navigation_section ul li a{color: #000; position: relative;}
#navigation_section ul li .gerenric_button{ border-radius: 100px;}
#navigation_section ul li a:hover{ color:#1EA5DD;}
#navigation_section ul li a:hover::after{width: 100%; height: 5px; background-color: #1EA5DD; position: absolute; left: 0px; bottom: -10px; content: '';}
/*HEADER_SECTION_END*/

/*BANNER_SECTION_START*/
#banner_section{width: 100%; overflow: hidden;}
#banner_section .banner_block{width: 100%; display: flex; flex-wrap: wrap;}
#banner_section .banner_block .banner_image{width: 50%;}
#banner_section .banner_block .banner_image img{width:100%; object-fit: cover; height: 100%;}
#banner_section .banner_block .banner_detail{width:50%; text-align: left; background-color: #244065; padding: 40px 100px 40px 40px;}
#banner_section .banner_block .banner_detail .banner_title{ font-size: 50px; margin-bottom: 20px;  color: #fff; line-height: 130%;}
#banner_section .banner_block .banner_detail .banner_title span{font-size: 80px; font-weight: bold;}
.slick-prev, .slick-next{display: none !important;}
/*BANNER_SECTION_END*/

/*CONTENT_SECTION_START*/
#content_section{width: 100%;}
.wonder_section{width: 100%;}
.wonder_section .gerenric_heading{width: 100%; margin-bottom: 0px; padding: 30px 0px;}
.wonder_section .wonder_product{width: 100%; background-color: #244065;}
.wonder_section .wonder_product .wonder_product_inner{ margin-left: -25px; margin-right: -25px; display: flex; flex-wrap: wrap;}
.wonder_section .wonder_product .wonder_col{width: 20%;padding: 30px 25px;}
.wonder_section .wonder_product .wonder_col .wonder_icon{width: 100%; height: 100px; text-align: center; margin-bottom: 20px;}
.wonder_section .wonder_product .wonder_col p{font-size: 20px; color: #fff; margin-bottom: 0px; text-align: center;}
.question_section{width: 100%; padding: 40px 0px;}
.question_section .question_inner{width: 80%; margin: auto; position: relative;}
.question_section .question_inner::before{width: 100%;}
.question_section .question_icon{width: 100%; text-align: center; margin-bottom: 30px;}
.question_section .question_heading{font-size: 38px; font-weight: bold; color: #666666; margin-bottom: 20px; text-align: center;}
.question_section p{font-size: 20px; color: #666666; margin-bottom: 0px; text-align: center;}
.approach_section{width: 100%; background-color: #244065; padding: 40px 0px;}
.approach_section p{font-size: 20px; color: #fff; margin-bottom: 20px; text-align: center;}
.approach_section .approach_inner{margin-left: -25px; margin-right: -25px; display: flex; flex-wrap: wrap;}
.approach_section .approach_col{width: 33.333%; padding: 20px 25px;}
.approach_section .approach_col .approach_icon{width: 100%; text-align: center; margin-bottom: 20px;}
.approach_section .approach_col .approach_title{font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 20px; text-align: center;}
.success_section{width: 100%; background-color: #fff; padding: 40px 0px;}
.success_section .success_top{ width: 100%; display: flex; flex-wrap: wrap;}
.success_section .success_top .success_image{ width: 40%;}
.success_section .success_top .success_image img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.success_section .success_top .success_detail{ width: 60%; background-color: #244065; padding: 40px 100px 40px 40px;}
.success_section .success_top .success_detail .gerenric_heading{justify-content: start;}
.success_section .success_top .success_detail ul{ width: 100%;}
.success_section .success_top .success_detail ul li{ list-style-type: none; font-size: 20px; text-align: left; position: relative; margin-bottom: 30px; color: #fff; min-height: 30px; padding-left: 50px; }
.success_section .success_top .success_detail ul li::after{width: 30px; height: 30px; background: url(../images/success_arrow.png)0px 0px no-repeat; position: absolute; left: 0px; top: 2px; content: '';}
.success_section .success_bottom{ width: 100%; background-color: #fff; padding-top: 40px;}
.success_section .success_bottom .page_width{ width: 90%; margin: auto;}
.success_section .success_bottom p{font-size: 28px; font-style: italic; line-height: 120%; color: #444444; font-weight: bold; margin-bottom: 0px; text-align: center;}
.contact_section {width: 100%;}
.contact_section .contact_inner{width: 100%; background-color: #244065; padding: 40px;} 
.contact_section p{width: 90%; margin: auto; font-size: 20px; color: #fff; text-align: center; margin-bottom: 30px;}
.contact_section .contact_form{width: 100%; display: flex; flex-wrap: wrap;}
.contact_section .contact_form .contact_left{width: 50%;padding-right: 10px;}
.contact_section .contact_form .contact_right{width: 50%;padding-left: 10px;}
.contact_section .contact_form .form_row{width: 100%; margin-bottom: 10px;}
.contact_section .contact_form .form_row .form_label{width: 100%; font-size: 20px; color: #fff; margin-bottom: 5px;}
.contact_section .contact_form .form_row .form_field{width: 100%;}
.founder_story{width: 100%; padding: 40px 30px;}
.founder_story .founder_image{width: 160px; height: 160px; display: flex; justify-content: center; align-items: center; margin: auto; margin-bottom: 20px;border-radius: 160px; border: 4px solid #007FFF;}
.founder_story .founder_image img{width: 148px; height: 148px; border-radius: 152px; object-fit: cover;}
.founder_story .founder_title{font-size: 54px; color: #333333; font-weight: bold; margin-bottom: 30px;text-align: center;}
.founder_story p{font-size: 20px; position: relative; font-weight: 500; color: #333333; margin-bottom: 20px; font-style: italic;}
.founder_story .quote_top{position: absolute; left: -25px; top: 0px;}
.founder_story .quote_bottom{position: absolute; right: -25px; bottom: 20px;}
.founder_story .founder_listing{width: 100%; background-color: #F4F4F4; padding: 30px; margin-bottom: 20px;}
.founder_story .founder_listing ul li{ margin-left: 20px; font-weight: 500; font-size: 20px; color: #333333; margin-bottom: 5px; font-style: italic;}
/*CONTENT_SECTION_END*/
      
/*FOOTER_SECTION_START*/
#footer_section{width: 100%; background-color: #244065; padding: 40px 0px;}
#footer_section .footer_inner{width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center;}
#footer_section .footer_link{width: 100%; padding-right: 240px;}
#footer_section .footer_link ul{width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #fff; margin-bottom: 5px;}
#footer_section .footer_link ul li{list-style-type: none; position: relative; display: flex; align-items: center; font-size: 20px; color: #fff; padding: 5px 10px 5px 15px;}
#footer_section .footer_link ul li::after{width: 10px; height: 10px; position: absolute; left: 0px; background-color: #007FFF; content: '';}
#footer_section .footer_link ul li a{color: #fff;}
#footer_section .footer_link ul li a:hover{text-decoration: underline;}
#footer_section .footer_link p{font-size:16px; color: #fff; margin-bottom: 0px;}
#footer_section .footer_social{width: 200px; position: absolute; right: 0px;}
#footer_section .footer_social ul {width: 100%; display: flex; flex-wrap: wrap;}
#footer_section .footer_social ul li{list-style-type: none; font-size: 20px; color: #fff; padding: 5px;}
#footer_section .footer_social ul li .social_cricle{width: 40px; height: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; background-color: transparent; border: 2px solid #fff;}
#footer_section .footer_social ul li .social_cricle:hover{border-color: #007FFF; color: #007FFF;}
/*FOOTER_SECTION_END*/



.errors {
    display: block;
    color: #cb7272;
    margin-top: 5px;
  }
  .error {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    box-shadow: 0 0 15px 0 rgba(255,36,0,1);
  }