
/* Start For Footer  Menu */
.footer_area{width:100%; margin: 0px; padding:30px 0px; float: left; background:url('../images/footer-bgs.png') no-repeat ; background-size:cover!important;  }
.footer_box{width: 100%; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap;     justify-content: space-between; align-items: center;}
.footer_nav .menu{width: 100%; margin: 0px; padding: 0px; display: flex;}
.footer_nav .menu li{list-style-type: none; margin: 0px; padding: 0px 22px; }
.footer_nav .menu li a{font-size: 16px;font-weight: 400;line-height: 19px; border-bottom: solid 2px transparent; padding: 0px 0px 6px 0px; color:  rgba(0, 0, 0, 1); text-transform: capitalize; transition:all 0.5s ease-in-out; text-decoration: none;color:#16203F}

.footer_nav .menu li a:after{content: '';display: block;width: 0;height: 2px;background: #000;transition: width .3s;}
.footer_nav .menu li a:hover:after, .footer_nav .menu li.current_page_item a:after{width: 100%;//transition: width .3s;}

.footer_social{    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.footer_social a img {transition: all 0.5s ease-in-out;}
.footer_social img{margin-right: 20px;}
.footer_social a:last-child img {margin-right: 0px;display:block}
.footer_social a img:hover {opacity:0.8}
.copy_area{width: 100%; margin:30px 0px 0px 0px;float: left; text-align: center;font-size: 14px;font-weight: 400;line-height: 17px;color:#6D6E6E; padding:0 15px;}
.footer_logo{width: 33%}
.footer_nav{width:42%;}
.footer_social{width:25%;}
.footer_social a{float:right}
.footer__imglogo {max-width:253px;}
.proud_box{max-width: 820px; margin: 0px auto; padding: 0px 15px; width: 100%;}
.common_space{padding: 70px 0px!important;}
.proud_heading{width: 100%; margin: 0px; padding: 0px; text-align: center; font-size: 60px;font-weight: 700;line-height: 68px;}
.proud_img_area{width: 100%; margin: 40px 0px 0px 0px; padding: 0px; display: flex; flex-wrap: wrap;}
.proud_box_img{width: 50%; margin: 0px; padding: 0px 15px;}
.proud_img_text{width: 100%; margin: 0px; padding: 20px 0px 0px 0px; text-align: center; font-size: 24px;font-weight: 400;line-height: 28.8px;}
.transform_area{width: 100%; margin: 0px; padding: 0px; display: flex; align-items: center; background:url('../images/transforming.png') no-repeat ; background-size: cover; height: 720px; background-attachment:fixed}
.proud_area {width: 100%; margin: 0px; padding: 0px; float: left;}

.proud_area_rgt {max-width: 652px; margin: 0 auto; float: left; width: 100%; }
.revolotion_area{width: 100%; margin: 0px; padding:80px 0px; float: left;background-color:#fff}
.font300{font-weight: 300;}
.adva_area{width: 100%; margin: 0px; padding: 40px 0px 0px 0px; display: flex; flex-wrap: wrap;}
.adva_area_col { width: 30.8%; margin: 0 1.5%;}
.adva_area_img {text-align: center;background: rgba(22, 32, 63, 1); border-radius: 100%;width: 120px;height: 120px; margin: 0 auto 0px;
 display: flex;justify-content: center; align-items: center;overflow: hidden;}
.adv_title{font-size: 30px;font-weight: 400;line-height: 36px;text-align: left; padding: 24px 0px 0px 0px;}
.adv_text{font-size: 30px;font-weight: 300;line-height: 36px;text-align: left; padding: 10px 0px 0px 0px;}
.adva_area_img img { transition: all 0.5s ease-in-out;}
.adva_area_img:hover img { transform: scale(1.2);}
.adva_area_col:last-child { margin-right: 0;}
.proud_img{overflow: hidden;}
.proud_img img { transition: all .5s ease-in-out; display: block;}
.proud_img:hover img { transform: scale(1.2);}
.space{padding-top: 30px;}

/* Start For About Page */
.about_area{background:url('../images/ability-neurotech.jpg') no-repeat center center;  position: relative; height: 768px; background-size: cover; width: 100%; padding: 0px; margin: 0px 0px 0px; float: left; background-attachment:fixed}
.about_box{width: 100%; margin: 0px; padding: 0px; position: absolute;     align-items: center;
bottom: 136px; display: flex; background: rgba(255, 255, 255, 0.8); height: 276px;}
.about_cont{max-width: 600px; margin: 0px auto; padding: 0px 15px;  font-size:34px;font-weight: 400;line-height: 42px;text-align: center;
color: rgba(22, 32, 63, 1);}
.bci_area{background:url('../images/bcitechnology.jpg') no-repeat ;  position: relative; height: 768px; background-size: cover; width: 100%; margin: 0px; padding: 0px; display: flex; align-items: center; background-attachment:fixed}
.bci_area_rgt { max-width: 750px;margin: 0 auto; float: left; width: 100%; font-family: Lato;font-size: 30px;font-weight: 300;line-height: 40px;color: rgba(255, 255, 255, 1);}
.flagship_area{width: 100%; background:url('../images/flagship-brain-right.jpg') no-repeat ; 
 background-size: cover; background-color: #fff; height: auto; display: flex;align-items: center; padding:80px 0}
.flagship_rgt { max-width: 730px; margin: 0 auto; float: left; width: 100%; margin-right: 5%;font-size: 30px;font-weight: 300;line-height: 40px;color: rgba(22, 32, 63, 1);}
.abt_ablt_nurt{font-family: Lato;
font-weight: 700;
font-size: 48px;
line-height: 58px;
text-align: center;
color:#16203F; padding-bottom:30px;}
.flagship_rgt p{font-family: Lato;
font-weight: 300;
font-size: 24px;
line-height: 32px;
color:#16203F;
}
.abt_quote{padding:15px 40px;font-weight: 300;
font-size: 24px;
line-height: 32px;color:#16203F;}
.abt_quote_story{font-family: Lato;
font-weight: 400;
font-size: 22px;
line-height: 42px;color:#16203F
}
.abt_quote_story a{text-decoration:underline;color:#16203F}
.abt_quote_story a:hover{text-decoration:none}
 .abou_bnr {background: url(../images/about-banner.jpg) no-repeat bottom;width: 100%;background-size: cover !important;
 padding: 60px 0; position: relative; background-attachment: fixed;background-position: center; height: 100vh; display: flex; align-items: center; position:relative}
.about_bnr_wrap{max-width: 583px; margin: 0px auto; padding: 0px; width:100%;}
.abut_bnr_head{font-family: Lato;
font-weight: 700;
font-size: 60px;
color:#16203F;
line-height: 46px;
text-align: center;
margin-bottom:16px;
}
.about_bnr_subheading{font-family: Lato;
font-weight: 700;
font-size: 60px;
line-height: 60px;
text-align: center;
}
.about_bnr_ttle{font-family: Lato;
font-weight: 400;
font-size: 28px;
line-height: 40px;
text-align: center;
text-transform: lowercase;
margin-top:16px;
}
.flag_img{display: none;}
.about_bnr_ttle span{display: block;}
.footer_add{
font-size: 16px;
font-weight: 400;
line-height: 22px; padding-top: 3px;

}
.footer_add a{color: #05A6FD; font-size: 16px;
font-weight: 400;
line-height: 22px; text-decoration: underline;}
.footer_add a:hover{text-decoration: none;}
.indus{font-size: 30px;font-weight: 500;line-height: 36px;text-align: center;}
.home .adv_title{text-align: center;}




@media screen and (max-width: 1024px){ 
.proud_heading{font-size: 45px; line-height: 1.2;}
.common_space {padding: 35px 0px !important;}
.proud_img_area{ margin-top:25px;}
.revolotion_area{padding: 35px 0px;}
.adv_title {font-size: 24px;}
.adv_title {font-size: 24px; line-height: 32px;}
.transform_area{background-position: center;     padding-left: 3%;}
.restng_humnptn_desc.space br{display: none;}
.restng_humnptn_desc.space{padding-right: 60px;}
.transform_area{background-size: contain;background-position: top 0 right 0%; padding-top: 60%;padding-bottom: 30px;}
.about_cont{font-size: 28px;     line-height: 36px;}
.flagship_area{ margin: 0px 0;background-position: bottom 0px right 15%; }
.flagship_rgt {max-width: 400px;  margin-right: 0px;}
.flagship_rgt p, .bci_area_rgt p { font-size: 24px; line-height: 1.5;}
.restng_humnptn_desc {padding-top: 20px;}
.abut_bnr_head{font-size: 50px;}
.abt_ablt_nurt{font-size: 40px;line-height: 48px;}
.abt_ablt_nurt{padding-bottom:20px}
.flagship_area{padding:60px 0;}
.abt_quote{font-size:22px; padding:7px 0;}
.abt_quote_story{font-size:21px; float:left; width:100%; line-height:29px;}

}



@media screen and (min-width:1600px){
.abou_bnr{height:1000px;}
.technlg_bnr{height:1000px;}
}

@media screen and (max-width: 990px){  
.footer_logo{width: 100%; text-align: center; margin: 0px auto; }
.footer_nav .menu{justify-content: center; padding-top: 15px;}
.footer_nav{width: 100%;}
.footer_social{    justify-content: center;width: 100%;align-items: center;display: flex; margin-top: 20px;}
.copy_area {margin-top: 20px;}
.footer_social img {width: 30px;}
.proud_heading { font-size: 35px;}
.proud_img_text{ font-size:20px; padding-top:10px; }
.adv_text { font-size: 22px; padding-top: 2px; line-height: 31px; }
.adva_area_img{width: 100px; height: 100px;}
.adva_area_img img{width: 50px;}
.transform_area{background-position: top; height: auto; padding: 35px 0px;}
.space{padding-top: 8px;}
.restng_humnptn_desc.space{padding-right: 0px;}
.flagship_rgt p { font-size: 22px; line-height: 1.5;}
.abou_bnr{height: 500px;}
.abut_bnr_head {font-size: 40px; line-height: 50px;}
.about_bnr_subheading{        font-size: 44px;
        line-height: 54px; }
.about_bnr_ttle{font-size: 24px;
        line-height: 36px; margin-top:10px;}
.indus{font-size: 22px; line-height: 33px;}
.indus br{display: none;}

.footer__imglogo{margin:0 auto;}

.video_lrnmre{padding-top: 15px;font-weight: 400;font-size: 20px;line-height: 30px;}

}

@media screen and (max-width: 800px){ 
.flagship_area .flag_img {display: block;}
.flagship_area{background: none;height: auto;position: relative;}
.flagship_rgt {max-width: 100%;padding: 0px 15px;}
.abt_quote{font-size:20px; padding:7px 0;}
.abt_quote_story{font-size:19px}
.flagship_area {
padding: 40px 0;
}
.abt_ablt_nurt {
font-size: 30px;
line-height: 40px;
padding-bottom:15px;
}

}

@media screen and (max-width: 767px){ 
.proud_box_img{width: 100%; padding: 0px; text-align: center; margin-bottom: 25px;}
.proud_img img{display: inline-block;}
.font300 br{display: none;}
.adva_area_col{width: 100%; margin: 0px 0px 25px 0px; padding: 0px; text-align: center;}
.adv_title{text-align: center; font-size: 22px; padding-top: 15px;}
.adva_area_col:last-child{margin-bottom: 0px;}
.adv_text{text-align: center;}
.footer_logo{max-width: 240px;}
.footer_nav .menu li{padding:0px 10px;}
.copy_area{font-size: 14px;}
.adv_text{font-size: 19px; line-height: 26px;}
.transform_area{background-size: contain;background-position: top 0 right 0%; padding-top: 55%;padding-bottom: 0px;}
.about_cont {font-size: 24px; line-height: 34px;}
.about_area{height:400px;}
.abut_bnr_head{ margin-bottom:5px;}

.flagship_rgt p { font-size: 20px; line-height: 1.5;}
.flagship_area {background-position: bottom 5% left 8%; position: relative;}
.flagship_area:after{content: ''; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0px; top:0px; width: 100%; height: 100%;}
.flagship_area .outer_wrapper{position: relative; z-index: 1;}
.about_bnr_wrap {padding: 40px 0px;position: absolute;bottom: 5px; left: 0px;left: 0;
        width: 100%;
        max-width: 100%;}

.about_bnr_subheading, .abut_bnr_head{line-height:42px; font-size: 32px;}
.about_bnr_ttle { font-size: 24px; line-height: 30px; padding-top:0px; margin-top:5px;}
.abou_bnr {height:500px; position:relative; }
.about_area{background:url('../images/wyss-center.jpg') no-repeat; background-size: cover!important;}
.flag_img{display: block;       }
.flagship_area{background:none; height: auto;}
.flagship_rgt{max-width: 100%; padding: 0px 15px;}
.bci_area_rgt p{font-size: 20px; line-height: 1.5;}
.bci_area{background-attachment: inherit; align-items: inherit; padding: 40px 0px; height: auto;}
.bci_area p:last-child{margin-bottom: 0px;}
.abut_bnr_head{padding-top: 0px;}
.abou_bnr{background:url('../images/about-mobile.png') no-repeat; background-size: cover!important;         background-position: bottom 10% left 50%;}
.flagship_area .outer_wrapper{padding: 0px;}
.flag_img_box img{width: 100%;}
.main-navigation #primary-menu > li > a:after{display: none;}
.technlg_bnr_wrap h1{margin-bottom: 3px!important;}
.video_lrnmre{padding-top: 10px;font-size:18px;line-height:28px;}

.about_box{height:200px; bottom:100px}

}



@media screen and (max-width: 430px){ 

.clr_txt{display: block;}
.pnc_section h2{line-height: 31px;}
.technlg_bnr{height: 465px;}
.technlg_bnr h1{ font-size:27px; }
}

@media screen and (max-width: 380px){ 



.technlg_bnr_wrap h2{font-size: 19px;}
.technlg_bnr_wrap{top: 68px;}

}