/* Start For Footer  Menu */
.footer_area{width:100%; margin: 0px; padding: 40px 0px 20px; 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: 14px;font-weight: 400;line-height: 16.8px; border-bottom: solid 2px transparent; padding: 0px 0px 6px 0px; color:  rgba(0, 0, 0, 1); text-transform: uppercase; transition:all 0.5s ease-in-out; text-decoration: none;}

.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;}
.footer_social a img:hover {transform: rotate(360deg);}
.copy_area{width: 100%; margin:30px 0px 0px 0px; padding: 20px 0px 0px 0px; float: left; border-top:solid 1px rgba(0, 0, 0, 0.12); text-align: center; font-family: Lato;
font-size: 16px;font-weight: 400;line-height: 19.2px;}
.footer_logo{width: 23%; max-width: 255px;}
.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: 70px 0px; float: left; background:url('../images/transforming-bg.png') no-repeat ; background-size: cover;}
.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: 696px; margin: 0px auto; padding: 0px 15px;  font-size: 40px;font-weight: 400;line-height: 48px;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.jpg') no-repeat ; 
 background-size: cover; background-color: #fff; height: 768px; display: flex;align-items: center; background-attachment: fixed;}
.flagship_rgt { max-width: 730px; margin: 0 auto; float: right; width: 100%;
 margin-right: 5%;font-size: 30px;font-weight: 300;line-height: 40px;color: rgba(22, 32, 63, 1);}
 .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: 750px; display: flex; align-items: center; position:relative}
.about_bnr_wrap{max-width: 583px; margin: 0px auto; padding: 0px; width:100%; float:right;}
.abut_bnr_head{font-family: Lato;font-size: 72px;font-weight: 700;line-height: 78px;text-align: center;text-underline-position: from-font;text-decoration-skip-ink: none; color: rgba(22, 32, 63, 1); }
.about_bnr_subheading{font-family: Lato;font-size: 72px;font-weight: 700;line-height: 78px;text-align: center;
 background: linear-gradient(109.11deg, #47E4A0 0%, #CCFE41 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; -webkit-text-stroke:  1px #00A34C4D;}
.about_bnr_ttle{font-family: Lato;
font-size: 40px;
font-weight: 400;
line-height: 52px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none; color: rgba(22, 32, 63, 1); padding: 12px 0px 0px;

}
.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;}

.footer_social{display: none!important;}

@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: 30px;     line-height: 36px;}
.flagship_area{ margin: 0px 0;background-position: bottom 0px right 80%; }
.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: 56px;}
}
@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: 15px;}
.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: auto;}
.abut_bnr_head {font-size: 40px; line-height: 37px;}
.about_bnr_subheading{     font-size: 52px;     line-height: 48px; }
.about_bnr_ttle{    font-size: 33px;     line-height: 45px;}
.indus{font-size: 22px; line-height: 33px;}
.indus br{display: none;}

}

@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 35px 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 15px;}
.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: 28px; line-height: 36px;}
.about_area{height: 500px;}
.abut_bnr_head{        line-height: 27px; font-size: 38px;}

.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;}

.about_bnr_subheading {font-size: 46px;}
.about_bnr_ttle { font-size: 28px; line-height: 40px; padding-top: 5px;}
.abou_bnr {height: 650px; 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;}
}

@media screen and (max-width: 580px){ 
.about_bnr_subheading { font-size: 43px;}

}

@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){ 

.about_bnr_subheading {font-size: 36px;}

.about_bnr_ttle { font-size: 24px;line-height: 35px;}
.technlg_bnr_wrap h2{font-size: 19px;}
.technlg_bnr_wrap{top: 68px;}

}